@postnord/pn-marketweb-components 2.0.74 → 2.0.76

package/umd/modules/@postnord/web-components/collection/components/web-components/pn-zipcode-search/pn-zipcode-search.css

@@ -1,6 +1,6 @@
 pn-zipcode-search {
   display: block;
-  color: #5E554A;
+  color: #5e554a;
 }
 pn-zipcode-search .search-results {
   margin-top: 1em;
@@ -21,7 +21,7 @@ pn-zipcode-search .text-row > * + * {
   margin-left: 0.25em;
 }
 pn-zipcode-search .error-text {
-  color: #A70707;
+  color: #a70707;
   padding: 0.5em 1em;
 }
 pn-zipcode-search pn-search-field {

package/umd/modules/@postnord/web-components/components/colors.js

@@ -1,35 +1,37 @@
 const colors = {
   "black": "#000000",
-  "gray900": "#2D2013",
-  "gray700": "#5E554A",
+  "gray900": "#2d2013",
+  "gray700": "#5e554a",
   "gray400": "#969087",
-  "gray200": "#D3CECB",
-  "gray50": "#F3F2F2",
-  "gray25": "#F9F8F8",
-  "white": "#FFFFFF",
-  "blue900": "#0D234B",
-  "blue700": "#005D92",
-  "blue400": "#00A0D6",
-  "blue200": "#8EDDF9",
-  "blue50": "#E0F8FF",
-  "blue25": "#EFFBFF",
+  "gray200": "#d3cecb",
+  "gray50": "#f3f2f2",
+  "gray25": "#f9f8f8",
+  "white": "#ffffff",
+  "blue900": "#0d234b",
+  "blue700": "#005d92",
+  "blue400": "#00a0d6",
+  "blue200": "#8eddf9",
+  "blue50": "#e0f8ff",
+  "blue25": "#effbff",
   "coral900": "#500715",
-  "coral700": "#9B1C2E",
-  "coral400": "#F06365",
-  "coral200": "#FBC2C1",
-  "coral50": "#FDEFEE",
-  "orange900": "#4F1600",
-  "orange700": "#99290A",
-  "orange400": "#F89142",
-  "orange200": "#FFC8A3",
-  "orange50": "#FFF1E3",
-  "green900": "#002F24",
-  "green700": "#005E41",
-  "green400": "#5EC584",
-  "green200": "#ABE3BB",
-  "green50": "#DCF6E7",
-  "green25": "#EDFBF3",
-  "warning": "#A70707",
+  "coral700": "#9b1c2e",
+  "coral400": "#f06365",
+  "coral200": "#fbc2c1",
+  "coral50": "#fdefee",
+  "coral25": "#fef7f6",
+  "orange900": "#4f1600",
+  "orange700": "#99290a",
+  "orange400": "#f89142",
+  "orange200": "#ffc8a3",
+  "orange50": "#fff1e3",
+  "orange25": "#fff8f1",
+  "green900": "#002f24",
+  "green700": "#005e41",
+  "green400": "#5ec584",
+  "green200": "#abe3bb",
+  "green50": "#dcf6e7",
+  "green25": "#edfbf3",
+  "warning": "#a70707",
   "electric-default": "#a505cc",
   "electric-haze": "#fdf4ff",
   "electric-faded": "#f3d8f8",

package/umd/modules/@postnord/web-components/components/pn-accordion-row.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const pnAccordionRowCss = "pn-accordion-row{position:relative;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1)}pn-accordion-row+pn-accordion-row{border-top:0.1rem solid #D3CECB;margin-top:0.4rem}pn-accordion-row[data-flipping]{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)));-webkit-transition:none;transition:none}pn-accordion-row .accordion-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:0;width:100%;font-weight:400;padding:1em;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);border-radius:0.8rem;overflow:hidden;position:relative;background:#FFFFFF;border:none;outline:none;cursor:pointer;font-size:1em;}pn-accordion-row .accordion-title:hover{background:#E0F8FF}pn-accordion-row .accordion-title:focus{-webkit-box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005D92}pn-accordion-row .accordion-title>svg{margin-left:auto;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s}pn-accordion-row .accordion-title>svg path{fill:#005D92}pn-accordion-row .accordion-title .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;position:absolute;border-radius:50%;background:#005D92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.05;pointer-events:none}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-accordion-row .accordion-content{z-index:2;top:0;left:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-accordion-row .accordion-content .content{position:absolute;left:0;right:0;width:100%;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:none;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;padding:1em}pn-accordion-row[data-state=open] .accordion-content .content{position:relative;pointer-events:unset;opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s}pn-accordion-row[data-state=open] .accordion-title svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";
+const pnAccordionRowCss = "pn-accordion-row{position:relative;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1)}pn-accordion-row+pn-accordion-row{border-top:0.1rem solid #D3CECB;margin-top:0.4rem}pn-accordion-row[data-flipping]{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)));-webkit-transition:none;transition:none}pn-accordion-row .accordion-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:0;width:100%;font-weight:400;padding:1em;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);border-radius:0.8rem;overflow:hidden;position:relative;background:#ffffff;border:none;outline:none;cursor:pointer;font-size:1em;}pn-accordion-row .accordion-title:hover{background:#e0f8ff}pn-accordion-row .accordion-title:focus{-webkit-box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005d92}pn-accordion-row .accordion-title>svg{margin-left:auto;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s}pn-accordion-row .accordion-title>svg path{fill:#005D92}pn-accordion-row .accordion-title .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;position:absolute;border-radius:50%;background:#005d92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.05;pointer-events:none}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-accordion-row .accordion-content{z-index:2;top:0;left:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-accordion-row .accordion-content .content{position:absolute;left:0;right:0;width:100%;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:none;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;padding:1em}pn-accordion-row[data-state=open] .accordion-content .content{position:relative;pointer-events:unset;opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s}pn-accordion-row[data-state=open] .accordion-title svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";
 
 const PnaccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/umd/modules/@postnord/web-components/components/pn-button2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { d as defineCustomElement$2 } from './pn-icon2.js';
 import { d as defineCustomElement$1 } from './pn-spinner2.js';
 
-const pnButtonCss = "pn-button{display:inline-block}pn-button button,pn-button a{color:#fff;cursor:pointer;padding:0.75em 1.2em;width:100%;border:none;border-radius:3em;outline:none;position:relative;font-size:1em;min-height:3em;min-width:5.5em;font-weight:500;background:transparent;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:color 0.3s;transition:color 0.3s;-webkit-tap-highlight-color:transparent;}pn-button button pn-icon,pn-button a pn-icon{-ms-flex-negative:0;flex-shrink:0;margin:0 0 0 0.5em}pn-button button pn-icon svg path,pn-button a pn-icon svg path{fill:#fff;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-button button .pn-button-content,pn-button a .pn-button-content{z-index:2;-webkit-transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, transform 0.2s;transition:opacity 0.1s, transform 0.2s, -webkit-transform 0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}pn-button button .pn-button-bg,pn-button a .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;border-radius:3em;border:0.1rem solid transparent;background:#005D92;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s;overflow:hidden}pn-button button .pn-button-bg::after,pn-button a .pn-button-bg::after{content:\"\";position:absolute;will-change:transform;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);width:100%;height:100%;background:#0D234B;border-radius:inherit;left:0;-webkit-transform:translateX(-103%);transform:translateX(-103%);opacity:0.5}pn-button button.pn-button-light,pn-button a.pn-button-light{color:#005D92}pn-button button.pn-button-light pn-icon svg path,pn-button a.pn-button-light pn-icon svg path{fill:#005D92}pn-button button.pn-button-light pn-spinner .circle,pn-button a.pn-button-light pn-spinner .circle{stroke:#005D92}pn-button button.pn-button-light pn-spinner .dot,pn-button a.pn-button-light pn-spinner .dot{fill:#005D92}pn-button button.pn-button-light .pn-button-bg,pn-button a.pn-button-light .pn-button-bg{border:0.1rem solid #005D92;background:#fff}pn-button button.pn-button-light .pn-button-bg:after,pn-button a.pn-button-light .pn-button-bg:after{background:#E0F8FF;opacity:1}pn-button button.pn-button-light .pn-button-bg .pn-ripple,pn-button a.pn-button-light .pn-button-bg .pn-ripple{background:#005D92}pn-button button.pn-button-warning,pn-button a.pn-button-warning{color:#A70707}pn-button button.pn-button-warning pn-icon svg path,pn-button a.pn-button-warning pn-icon svg path{fill:#A70707}pn-button button.pn-button-warning pn-spinner .circle,pn-button a.pn-button-warning pn-spinner .circle{stroke:#A70707}pn-button button.pn-button-warning pn-spinner .dot,pn-button a.pn-button-warning pn-spinner .dot{fill:#A70707}pn-button button.pn-button-warning .pn-button-bg,pn-button a.pn-button-warning .pn-button-bg{border:0.1rem solid #A70707;background:#FDEFEE}pn-button button.pn-button-warning .pn-button-bg:after,pn-button a.pn-button-warning .pn-button-bg:after{background:#A70707;opacity:1}pn-button button.pn-button-variation-borderless .pn-button-bg,pn-button a.pn-button-variation-borderless .pn-button-bg{border:0.1rem solid transparent;background:transparent}pn-button button.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after,pn-button a.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined .pn-button-bg,pn-button a.pn-button-variation-outlined .pn-button-bg{background:transparent}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg{border-color:#FFFFFF}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined.pn-button-light .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-light .pn-button-bg::after{background:#00A0D6;opacity:0.1}pn-button button.pn-button-left-icon .pn-button-content,pn-button a.pn-button-left-icon .pn-button-content{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-button button.pn-button-left-icon .pn-button-content pn-icon,pn-button a.pn-button-left-icon .pn-button-content pn-icon{margin:0 0.5em 0 0}pn-button button.icon-only,pn-button a.icon-only{width:3em;min-width:0}pn-button button.icon-only pn-icon,pn-button a.icon-only pn-icon{margin:0}pn-button button.icon-only.pn-button-small,pn-button a.icon-only.pn-button-small{width:2.286em;min-width:0;padding:0}pn-button button.pn-button-small,pn-button a.pn-button-small{font-size:1.4rem;padding:0.5em 1em;font-weight:normal;min-height:2.286em;min-width:none}pn-button button.pn-button-small pn-icon svg,pn-button a.pn-button-small pn-icon svg{height:1.28em;width:1.28em}a:focus>pn-button button .pn-button-bg,pn-button button:focus .pn-button-bg,pn-button a:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}a:focus>pn-button button .pn-button-bg:after,pn-button button:hover .pn-button-bg:after,pn-button button:focus .pn-button-bg:after,pn-button a:hover .pn-button-bg:after,pn-button a:focus .pn-button-bg:after{-webkit-transform:translateX(0);transform:translateX(0)}a:focus>pn-button button.pn-button-warning,pn-button button.pn-button-warning:hover,pn-button a.pn-button-warning:hover,pn-button button.pn-button-warning:focus,pn-button a.pn-button-warning:focus{color:#fff}a:focus>pn-button button.pn-button-warning pn-icon svg path,pn-button button.pn-button-warning:hover pn-icon svg path,pn-button a.pn-button-warning:hover pn-icon svg path,pn-button button.pn-button-warning:focus pn-icon svg path,pn-button a.pn-button-warning:focus pn-icon svg path{fill:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .circle,pn-button button.pn-button-warning:hover pn-spinner .circle,pn-button a.pn-button-warning:hover pn-spinner .circle,pn-button button.pn-button-warning:focus pn-spinner .circle,pn-button a.pn-button-warning:focus pn-spinner .circle{stroke:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .dot,pn-button button.pn-button-warning:hover pn-spinner .dot,pn-button a.pn-button-warning:hover pn-spinner .dot,pn-button button.pn-button-warning:focus pn-spinner .dot,pn-button a.pn-button-warning:focus pn-spinner .dot{fill:#fff}a:focus>pn-button button.pn-button-warning .pn-button-bg,pn-button button.pn-button-warning:focus .pn-button-bg,pn-button a.pn-button-warning:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707}pn-button .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background:#fff;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-button pn-spinner{position:absolute;-webkit-transform:scale(0);transform:scale(0)}pn-button[data-loading] pn-spinner{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s}pn-button[data-loading] .pn-button-content{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-button[data-loading] .pn-button-bg{width:3em}pn-button[data-loading] button.pn-button-small .pn-button-bg,pn-button[data-loading] a.pn-button-small .pn-button-bg{width:2.286em}pn-button button .button-tooltip,pn-button a .button-tooltip{position:absolute;top:calc(100% + 0.35em);left:50%;background:#0a406e;color:#FFFFFF;padding:0.25em 0.75em;font-size:0.875em;font-weight:300;border-radius:1em;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:5;max-width:min(95vw, 40em);-webkit-transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;pointer-events:none}pn-button button[data-tooltip-open] .button-tooltip,pn-button a[data-tooltip-open] .button-tooltip{opacity:1;-webkit-transition-delay:5s;transition-delay:5s}pn-button button.button-tooltip-upwards .button-tooltip,pn-button a.button-tooltip-upwards .button-tooltip{top:auto;bottom:calc(100% + 0.35em)}pn-button button.pn-button-warning .button-tooltip,pn-button a.pn-button-warning .button-tooltip{background:#A70707;color:#FFFFFF}pn-button a{text-decoration:none}pn-button a:hover{color:#FFFFFF}pn-button a:hover.pn-button-light{color:#005D92}";
+const pnButtonCss = "pn-button{display:inline-block}pn-button button,pn-button a{color:#fff;cursor:pointer;padding:0.75em 1.2em;width:100%;border:none;border-radius:3em;outline:none;position:relative;font-size:1em;min-height:3em;min-width:5.5em;font-weight:500;background:transparent;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:color 0.3s;transition:color 0.3s;-webkit-tap-highlight-color:transparent;}pn-button button pn-icon,pn-button a pn-icon{-ms-flex-negative:0;flex-shrink:0;margin:0 0 0 0.5em}pn-button button pn-icon svg path,pn-button a pn-icon svg path{fill:#fff;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-button button .pn-button-content,pn-button a .pn-button-content{z-index:2;-webkit-transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, transform 0.2s;transition:opacity 0.1s, transform 0.2s, -webkit-transform 0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}pn-button button .pn-button-bg,pn-button a .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;border-radius:3em;border:0.1rem solid transparent;background:#005d92;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s;overflow:hidden}pn-button button .pn-button-bg::after,pn-button a .pn-button-bg::after{content:\"\";position:absolute;will-change:transform;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);width:100%;height:100%;background:#0d234b;border-radius:inherit;left:0;-webkit-transform:translateX(-103%);transform:translateX(-103%);opacity:0.5}pn-button button.pn-button-light,pn-button a.pn-button-light{color:#005d92}pn-button button.pn-button-light pn-icon svg path,pn-button a.pn-button-light pn-icon svg path{fill:#005d92}pn-button button.pn-button-light pn-spinner .circle,pn-button a.pn-button-light pn-spinner .circle{stroke:#005d92}pn-button button.pn-button-light pn-spinner .dot,pn-button a.pn-button-light pn-spinner .dot{fill:#005d92}pn-button button.pn-button-light .pn-button-bg,pn-button a.pn-button-light .pn-button-bg{border:0.1rem solid #005d92;background:#fff}pn-button button.pn-button-light .pn-button-bg:after,pn-button a.pn-button-light .pn-button-bg:after{background:#e0f8ff;opacity:1}pn-button button.pn-button-light .pn-button-bg .pn-ripple,pn-button a.pn-button-light .pn-button-bg .pn-ripple{background:#005d92}pn-button button.pn-button-warning,pn-button a.pn-button-warning{color:#a70707}pn-button button.pn-button-warning pn-icon svg path,pn-button a.pn-button-warning pn-icon svg path{fill:#a70707}pn-button button.pn-button-warning pn-spinner .circle,pn-button a.pn-button-warning pn-spinner .circle{stroke:#a70707}pn-button button.pn-button-warning pn-spinner .dot,pn-button a.pn-button-warning pn-spinner .dot{fill:#a70707}pn-button button.pn-button-warning .pn-button-bg,pn-button a.pn-button-warning .pn-button-bg{border:0.1rem solid #a70707;background:#fdefee}pn-button button.pn-button-warning .pn-button-bg:after,pn-button a.pn-button-warning .pn-button-bg:after{background:#a70707;opacity:1}pn-button button.pn-button-variation-borderless .pn-button-bg,pn-button a.pn-button-variation-borderless .pn-button-bg{border:0.1rem solid transparent;background:transparent}pn-button button.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after,pn-button a.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined .pn-button-bg,pn-button a.pn-button-variation-outlined .pn-button-bg{background:transparent}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg{border-color:#ffffff}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined.pn-button-light .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-light .pn-button-bg::after{background:#00a0d6;opacity:0.1}pn-button button.pn-button-left-icon .pn-button-content,pn-button a.pn-button-left-icon .pn-button-content{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-button button.pn-button-left-icon .pn-button-content pn-icon,pn-button a.pn-button-left-icon .pn-button-content pn-icon{margin:0 0.5em 0 0}pn-button button.icon-only,pn-button a.icon-only{width:3em;min-width:0}pn-button button.icon-only pn-icon,pn-button a.icon-only pn-icon{margin:0}pn-button button.icon-only.pn-button-small,pn-button a.icon-only.pn-button-small{width:2.286em;min-width:0;padding:0}pn-button button.pn-button-small,pn-button a.pn-button-small{font-size:1.4rem;padding:0.5em 1em;font-weight:normal;min-height:2.286em;min-width:none}pn-button button.pn-button-small pn-icon svg,pn-button a.pn-button-small pn-icon svg{height:1.28em;width:1.28em}a:focus>pn-button button .pn-button-bg,pn-button button:focus .pn-button-bg,pn-button a:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}a:focus>pn-button button .pn-button-bg:after,pn-button button:hover .pn-button-bg:after,pn-button button:focus .pn-button-bg:after,pn-button a:hover .pn-button-bg:after,pn-button a:focus .pn-button-bg:after{-webkit-transform:translateX(0);transform:translateX(0)}a:focus>pn-button button.pn-button-warning,pn-button button.pn-button-warning:hover,pn-button a.pn-button-warning:hover,pn-button button.pn-button-warning:focus,pn-button a.pn-button-warning:focus{color:#fff}a:focus>pn-button button.pn-button-warning pn-icon svg path,pn-button button.pn-button-warning:hover pn-icon svg path,pn-button a.pn-button-warning:hover pn-icon svg path,pn-button button.pn-button-warning:focus pn-icon svg path,pn-button a.pn-button-warning:focus pn-icon svg path{fill:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .circle,pn-button button.pn-button-warning:hover pn-spinner .circle,pn-button a.pn-button-warning:hover pn-spinner .circle,pn-button button.pn-button-warning:focus pn-spinner .circle,pn-button a.pn-button-warning:focus pn-spinner .circle{stroke:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .dot,pn-button button.pn-button-warning:hover pn-spinner .dot,pn-button a.pn-button-warning:hover pn-spinner .dot,pn-button button.pn-button-warning:focus pn-spinner .dot,pn-button a.pn-button-warning:focus pn-spinner .dot{fill:#fff}a:focus>pn-button button.pn-button-warning .pn-button-bg,pn-button button.pn-button-warning:focus .pn-button-bg,pn-button a.pn-button-warning:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-button .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background:#fff;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-button pn-spinner{position:absolute;-webkit-transform:scale(0);transform:scale(0)}pn-button[data-loading] pn-spinner{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s}pn-button[data-loading] .pn-button-content{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-button[data-loading] .pn-button-bg{width:3em}pn-button[data-loading] button.pn-button-small .pn-button-bg,pn-button[data-loading] a.pn-button-small .pn-button-bg{width:2.286em}pn-button button .button-tooltip,pn-button a .button-tooltip{position:absolute;top:calc(100% + 0.35em);left:50%;background:#0a406e;color:#ffffff;padding:0.25em 0.75em;font-size:0.875em;font-weight:300;border-radius:1em;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:5;max-width:min(95vw, 40em);-webkit-transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;pointer-events:none}pn-button button[data-tooltip-open] .button-tooltip,pn-button a[data-tooltip-open] .button-tooltip{opacity:1;-webkit-transition-delay:5s;transition-delay:5s}pn-button button.button-tooltip-upwards .button-tooltip,pn-button a.button-tooltip-upwards .button-tooltip{top:auto;bottom:calc(100% + 0.35em)}pn-button button.pn-button-warning .button-tooltip,pn-button a.pn-button-warning .button-tooltip{background:#a70707;color:#ffffff}pn-button a{text-decoration:none}pn-button a:hover{color:#ffffff}pn-button a:hover.pn-button-light{color:#005d92}";
 
 const PnButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -67,8 +67,8 @@ const PnButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const openEvents = ['mouseover', 'focus'];
     const closeEvents = ['mouseleave', 'blur'];
     const eventListeners = [...openEvents, ...closeEvents];
-    eventListeners.forEach((e) => {
-      tooltipAnchor.addEventListener(e, (event) => {
+    eventListeners.forEach(e => {
+      tooltipAnchor.addEventListener(e, event => {
         // Should open?
         if (openEvents.includes(event.type)) {
           this.tooltipOpen = true;
@@ -94,7 +94,6 @@ const PnButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.tooltipDx = '0';
       this.tooltipUpwards = y + height > window.innerHeight;
       this.tooltipEl.style.transform = '';
-      console.log(this.tooltipUpwards);
       if (x < 0)
         this.tooltipDx = `${x * -1 + extraMargin}`;
       if (right > window.innerWidth)
@@ -169,7 +168,7 @@ const PnButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   render() {
     const TagName = this.getTagName();
-    return (h(Host, { class: "pn-button" }, h(TagName, Object.assign({ class: this.getClassNames(), "data-loading": this.loading, onClick: (e) => this.ripple(e, this.hostElement), "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledby, "data-tooltip-open": this.tooltipOpen, "aria-controls": this.ariaControls, "aria-pressed": this.ariaPressed }, this.getAttributes()), h("div", { class: "pn-button-bg" }), h("div", { class: "pn-button-content" }, !this.iconOnly && h("slot", null), this.icon && h("pn-icon", { symbol: this.icon })), h("pn-spinner", { light: true }), this.iconOnly && (h("div", { class: "button-tooltip" }, h("slot", null))))));
+    return (h(Host, { class: "pn-button" }, h(TagName, Object.assign({ class: this.getClassNames(), "data-loading": this.loading, onClick: e => this.ripple(e, this.hostElement), "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledby, "data-tooltip-open": this.tooltipOpen, "aria-controls": this.ariaControls, "aria-pressed": this.ariaPressed }, this.getAttributes()), h("div", { class: "pn-button-bg" }), h("div", { class: "pn-button-content" }, !this.iconOnly && h("slot", null), this.icon && h("pn-icon", { symbol: this.icon })), h("pn-spinner", { light: true }), this.iconOnly && (h("div", { class: "button-tooltip" }, h("slot", null))))));
   }
   get hostElement() { return this; }
   static get watchers() { return {

package/umd/modules/@postnord/web-components/components/pn-calendar2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { c as createDateOrNull, a as computeMonths, g as getMonthNamesByLanguage, b as getDayNamesByLanguage } from './helpers.js';
 import { d as defineCustomElement$1 } from './pn-icon2.js';
 
-const pnCalendarCss = "pn-calendar .pn-calendar-wrapper{position:relative}pn-calendar .pn-calendar-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;background-color:white;z-index:9999}pn-calendar .pn-calendar-container .pn-calendar-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:1.6rem}pn-calendar .pn-calendar-container .pn-calendar-nav>div{cursor:pointer}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-previous,pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next{width:3rem;display:-ms-flexbox;display:flex}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-previous{text-align:left;-ms-flex-pack:start;justify-content:flex-start}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next{text-align:right;-ms-flex-pack:end;justify-content:flex-end}pn-calendar .pn-calendar-container .pn-calendar-nav .pn-calendar-month{padding:1em;border:0.1rem solid #5E554A;border-radius:0.8rem;font-size:1.2rem;color:#5E554A;font-weight:500;text-align:center}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.2rem;color:#969087;line-height:2.4rem;text-align:center;font-weight:300}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row>div{width:2.4rem}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row .pn-calendar-month{width:6rem}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-day-names{padding:0.4rem 0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months{color:#5E554A;padding:0.8rem 0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days:last-child,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months:last-child{padding-bottom:0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month{border-bottom:0.4rem inset transparent;cursor:pointer}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day{cursor:default;color:#D3CECB}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day:hover{border-bottom-color:transparent}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.today{outline:0.1rem solid #D3CECB}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:hover{border-bottom-color:#00A0D6}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.selected{border-bottom-color:#005D92}";
+const pnCalendarCss = "pn-calendar .pn-calendar-wrapper{position:relative}pn-calendar .pn-calendar-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;background-color:white;z-index:9999}pn-calendar .pn-calendar-container .pn-calendar-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:1.6rem}pn-calendar .pn-calendar-container .pn-calendar-nav>div{cursor:pointer}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-previous,pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next{width:3rem;display:-ms-flexbox;display:flex}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-previous{text-align:left;-ms-flex-pack:start;justify-content:flex-start}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next{text-align:right;-ms-flex-pack:end;justify-content:flex-end}pn-calendar .pn-calendar-container .pn-calendar-nav .pn-calendar-month{padding:1em;border:0.1rem solid #5e554a;border-radius:0.8rem;font-size:1.2rem;color:#5e554a;font-weight:500;text-align:center}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.2rem;color:#969087;line-height:2.4rem;text-align:center;font-weight:300}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row>div{width:2.4rem}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row .pn-calendar-month{width:6rem}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-day-names{padding:0.4rem 0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months{color:#5e554a;padding:0.8rem 0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days:last-child,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months:last-child{padding-bottom:0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month{border-bottom:0.4rem inset transparent;cursor:pointer}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day{cursor:default;color:#d3cecb}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day:hover{border-bottom-color:transparent}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.today{outline:0.1rem solid #d3cecb}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:hover{border-bottom-color:#00a0d6}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.selected{border-bottom-color:#005d92}";
 
 const PnCalendar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/umd/modules/@postnord/web-components/components/pn-check-tile.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './pn-illustration2.js';
 
-const pnCheckTileCss = "pn-check-tile{position:relative;display:inline-block}pn-check-tile input[type=checkbox]{opacity:0;position:absolute;width:100%;height:100%;pointer-events:none}pn-check-tile>label{position:relative;overflow:hidden;cursor:pointer;background:#FFFFFF;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0.5em;color:#005D92;font-weight:500;border:0.1em solid #D3CECB;-webkit-transition-property:background, border, -webkit-box-shadow;transition-property:background, border, -webkit-box-shadow;transition-property:box-shadow, background, border;transition-property:box-shadow, background, border, -webkit-box-shadow;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-check-tile>label>pn-illustration,pn-check-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-check-tile>label>.pn-check-tile-content{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0.5em;max-width:100%;text-align:center;white-space:normal}pn-check-tile>label>.pn-check-tile-content>svg{-ms-flex-negative:0;flex-shrink:0;width:1.5em;height:1.5em;border-radius:0.25em;border:#D3CECB 0.1em solid;padding:0.15em;-webkit-transition:border 0.15s, background 0.15s;transition:border 0.15s, background 0.15s}pn-check-tile>label>.pn-check-tile-content>svg .checkmark-path{stroke:#D3CECB;stroke-dasharray:23;stroke-dashoffset:0}pn-check-tile>label>.pn-check-tile-content>svg .checkmark-path-checked{stroke:#005D92}pn-check-tile>label>.pn-check-tile-content>svg polyline{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), stroke 0.15s;transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), stroke 0.15s;stroke-dashoffset:23;stroke-dasharray:23}pn-check-tile>label:hover{border:0.1em solid #00A0D6;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile>label:hover>.pn-check-tile-content>svg{border:0.1em solid #00A0D6}pn-check-tile input[type=checkbox]:focus+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92}pn-check-tile input[type=checkbox]:focus:checked+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile input[type=checkbox]:checked+label{border:0.1em solid #005D92;background:#EFFBFF;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile input[type=checkbox]:checked+label>.pn-check-tile-content>svg{background:#005D92;border:0.1em solid #005D92}pn-check-tile input[type=checkbox]:checked+label>.pn-check-tile-content>svg polyline.checkmark-path-checked{stroke-dashoffset:0;stroke:#FFFFFF}";
+const pnCheckTileCss = "pn-check-tile{position:relative;display:inline-block}pn-check-tile input[type=checkbox]{opacity:0;position:absolute;width:100%;height:100%;pointer-events:none}pn-check-tile>label{position:relative;overflow:hidden;cursor:pointer;background:#ffffff;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0.5em;color:#005d92;font-weight:500;border:0.1em solid #d3cecb;-webkit-transition-property:background, border, -webkit-box-shadow;transition-property:background, border, -webkit-box-shadow;transition-property:box-shadow, background, border;transition-property:box-shadow, background, border, -webkit-box-shadow;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-check-tile>label>pn-illustration,pn-check-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-check-tile>label>.pn-check-tile-content{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0.5em;max-width:100%;text-align:center;white-space:normal}pn-check-tile>label>.pn-check-tile-content>svg{-ms-flex-negative:0;flex-shrink:0;width:1.5em;height:1.5em;border-radius:0.25em;border:#d3cecb 0.1em solid;padding:0.15em;-webkit-transition:border 0.15s, background 0.15s;transition:border 0.15s, background 0.15s}pn-check-tile>label>.pn-check-tile-content>svg .checkmark-path{stroke:#d3cecb;stroke-dasharray:23;stroke-dashoffset:0}pn-check-tile>label>.pn-check-tile-content>svg .checkmark-path-checked{stroke:#005d92}pn-check-tile>label>.pn-check-tile-content>svg polyline{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), stroke 0.15s;transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), stroke 0.15s;stroke-dashoffset:23;stroke-dasharray:23}pn-check-tile>label:hover{border:0.1em solid #00a0d6;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile>label:hover>.pn-check-tile-content>svg{border:0.1em solid #00a0d6}pn-check-tile input[type=checkbox]:focus+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92}pn-check-tile input[type=checkbox]:focus:checked+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile input[type=checkbox]:checked+label{border:0.1em solid #005d92;background:#effbff;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile input[type=checkbox]:checked+label>.pn-check-tile-content>svg{background:#005d92;border:0.1em solid #005d92}pn-check-tile input[type=checkbox]:checked+label>.pn-check-tile-content>svg polyline.checkmark-path-checked{stroke-dashoffset:0;stroke:#ffffff}";
 
 const PnCheckTile$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/umd/modules/@postnord/web-components/components/pn-checkbox2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const pnCheckboxCss = "pn-checkbox{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-checkbox input{opacity:0;position:absolute}pn-checkbox input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;-webkit-transition-duration:220ms;transition-duration:220ms;-webkit-transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);-webkit-transition-property:border, background, -webkit-box-shadow;transition-property:border, background, -webkit-box-shadow;transition-property:border, background, box-shadow;transition-property:border, background, box-shadow, -webkit-box-shadow}pn-checkbox input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}pn-checkbox input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#FFF;-webkit-transform-origin:0 0;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;-webkit-transition-delay:none;transition-delay:none;-webkit-transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-checkbox input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005D92;background:#E0F8FF}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005D92;border:0.1rem solid #005D92}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{-webkit-transition-delay:220ms;transition-delay:220ms}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:23}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:focus+label.pn-checkbox,pn-checkbox input[type=checkbox]:active+label.pn-checkbox{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox{background-color:#D3CECB;border:0.1rem solid #969087;cursor:not-allowed}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}pn-checkbox input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}pn-checkbox input[type=checkbox]:disabled:active+label.pn-checkbox{-webkit-box-shadow:none;box-shadow:none}";
+const pnCheckboxCss = "pn-checkbox{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-checkbox input{opacity:0;position:absolute}pn-checkbox input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;-webkit-transition-duration:220ms;transition-duration:220ms;-webkit-transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);-webkit-transition-property:border, background, -webkit-box-shadow;transition-property:border, background, -webkit-box-shadow;transition-property:border, background, box-shadow;transition-property:border, background, box-shadow, -webkit-box-shadow}pn-checkbox input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}pn-checkbox input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#FFF;-webkit-transform-origin:0 0;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;-webkit-transition-delay:none;transition-delay:none;-webkit-transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-checkbox input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{-webkit-transition-delay:220ms;transition-delay:220ms}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:23}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:focus+label.pn-checkbox,pn-checkbox input[type=checkbox]:active+label.pn-checkbox{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}pn-checkbox input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}pn-checkbox input[type=checkbox]:disabled:active+label.pn-checkbox{-webkit-box-shadow:none;box-shadow:none}";
 
 const PnCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -9,6 +9,8 @@ const PnCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.disabled = false;
     this.checked = false;
     this.indeterminate = false;
+    this.ariaLabel = null;
+    this.ariaDescribedby = null;
   }
   handlechange() {
     this.indeterminate = false;
@@ -26,7 +28,7 @@ const PnCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   render() {
-    return (h(Host, null, h("input", { type: "checkbox", id: this.checkboxid, value: this.value, name: this.name || this.checkboxid, disabled: this.disabled, checked: this.checked }), h("label", { htmlFor: this.checkboxid, class: "pn-checkbox" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" }), h("polyline", { class: "indeterminate-path", points: "4,12 20,12", "stroke-width": "3" })))));
+    return (h(Host, null, h("input", { type: "checkbox", id: this.checkboxid, value: this.value, name: this.name || this.checkboxid, disabled: this.disabled, checked: this.checked, "aria-describedby": this.ariaDescribedby }), h("label", { htmlFor: this.checkboxid, class: "pn-checkbox" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" }), h("polyline", { class: "indeterminate-path", points: "4,12 20,12", "stroke-width": "3" })))));
   }
   get hostElement() { return this; }
   static get style() { return pnCheckboxCss; }
@@ -36,7 +38,9 @@ const PnCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "checkboxid": [1],
     "disabled": [4],
     "checked": [4],
-    "indeterminate": [1028]
+    "indeterminate": [1028],
+    "ariaLabel": [1, "aria-label"],
+    "ariaDescribedby": [1, "aria-describedby"]
   }, [[0, "change", "handlechange"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/umd/modules/@postnord/web-components/components/pn-choice-chip.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const pnChoiceChipCss = "pn-choice-chip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;display:inline-block;background:#fff;position:relative}pn-choice-chip input{opacity:0;position:absolute;top:0;left:0;pointer-events:none;margin:0;width:100%;height:100%}pn-choice-chip label{display:block;padding:0.4rem 0.8rem;border:0.1rem solid #005D92;color:#005D92;border-radius:0.8rem;text-align:center;cursor:pointer;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s;transition:background 0.2s, -webkit-box-shadow 0.1s;transition:box-shadow 0.1s, background 0.2s;transition:box-shadow 0.1s, background 0.2s, -webkit-box-shadow 0.1s}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip,pn-choice-chip input[type=checkbox]:indeterminate+label.pn-choice-chip{background:#005D92;color:#fff}pn-choice-chip input[type=checkbox]:hover+label.pn-choice-chip{background:#E0F8FF}pn-choice-chip input[type=checkbox]:focus+label.pn-choice-chip,pn-choice-chip input[type=checkbox]:active+label.pn-choice-chip{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-choice-chip input[type=checkbox]:active+label.pn-choice-chip{background:#8EDDF9}pn-choice-chip input[type=checkbox]:disabled+label.pn-choice-chip{background-color:#D3CECB}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip:hover{background:#0D234B;color:#fff}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip:active{background:#00A0D6;border:0.1rem solid #00A0D6;color:#fff}";
+const pnChoiceChipCss = "pn-choice-chip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;display:inline-block;background:#fff;position:relative}pn-choice-chip input{opacity:0;position:absolute;top:0;left:0;pointer-events:none;margin:0;width:100%;height:100%}pn-choice-chip label{display:block;padding:0.4rem 0.8rem;border:0.1rem solid #005d92;color:#005d92;border-radius:0.8rem;text-align:center;cursor:pointer;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s;transition:background 0.2s, -webkit-box-shadow 0.1s;transition:box-shadow 0.1s, background 0.2s;transition:box-shadow 0.1s, background 0.2s, -webkit-box-shadow 0.1s}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip,pn-choice-chip input[type=checkbox]:indeterminate+label.pn-choice-chip{background:#005d92;color:#fff}pn-choice-chip input[type=checkbox]:hover+label.pn-choice-chip{background:#e0f8ff}pn-choice-chip input[type=checkbox]:focus+label.pn-choice-chip,pn-choice-chip input[type=checkbox]:active+label.pn-choice-chip{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-choice-chip input[type=checkbox]:active+label.pn-choice-chip{background:#8eddf9}pn-choice-chip input[type=checkbox]:disabled+label.pn-choice-chip{background-color:#d3cecb}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip:hover{background:#0d234b;color:#fff}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip:active{background:#00a0d6;border:0.1rem solid #00a0d6;color:#fff}";
 
 const Pnchoicechip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/umd/modules/@postnord/web-components/components/pn-colors.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as colors } from './colors.js';
 
-const pnColorsCss = ".colors{padding:3em 2em;max-width:100rem;margin:auto}.palette-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.palette-container .color-palette{-ms-flex:1;flex:1;margin:1em}.palette-container .color-palette .color-swatch{width:100px;height:100px;-webkit-box-shadow:1px 2px 4px #F3F2F2;box-shadow:1px 2px 4px #F3F2F2}.palette-container .color-palette .color-name{-ms-flex-line-pack:center;align-content:center;margin-top:8px}";
+const pnColorsCss = ".colors{padding:3em 2em;max-width:100rem;margin:auto}.palette-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.palette-container .color-palette{-ms-flex:1;flex:1;margin:1em}.palette-container .color-palette .color-swatch{width:100px;height:100px;-webkit-box-shadow:1px 2px 4px #f3f2f2;box-shadow:1px 2px 4px #f3f2f2}.palette-container .color-palette .color-name{-ms-flex-line-pack:center;align-content:center;margin-top:8px}";
 
 const PnColors$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/umd/modules/@postnord/web-components/components/pn-date-picker-old.js

@@ -3,7 +3,7 @@ import { c as createDateOrNull, d as debounce } from './helpers.js';
 import { d as defineCustomElement$3 } from './pn-calendar2.js';
 import { d as defineCustomElement$2 } from './pn-icon2.js';
 
-const pnDatePickerOldCss = "pn-date-picker{display:inline-block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:focus,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:hover{outline:none;border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-date-picker.open-datepicker .datepicker-calendar-container{display:block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container label,pn-date-picker.has-input .datepicker-container .datepicker-input-container label{top:0.1rem;-webkit-transform:translateY(0);transform:translateY(0);font-size:1.2rem}pn-date-picker.invalid .datepicker-container .datepicker-input-container input,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:hover{border:0.1rem solid #A70707}pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707}pn-date-picker .datepicker-container{position:relative}pn-date-picker .datepicker-container .datepicker-input-container{border:none;position:relative;width:100%;height:100%}pn-date-picker .datepicker-container .datepicker-input-container input,pn-date-picker .datepicker-container .datepicker-input-container div,pn-date-picker .datepicker-container .datepicker-input-container label,pn-date-picker .datepicker-container .datepicker-input-container span{font-family:inherit}pn-date-picker .datepicker-container .datepicker-input-container input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.1rem solid #5E554A;background-color:#fff;padding:0.75em;color:#000000;font-size:1.6rem;font-weight:300;line-height:2rem;border-radius:0.8rem;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .datepicker-container .datepicker-input-container input::-webkit-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-moz-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input:-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:none}pn-date-picker .datepicker-container .datepicker-input-container input:hover{border-color:#00A0D6}pn-date-picker .datepicker-container .datepicker-input-container input:disabled{background-color:#F3F2F2;border-color:#D3CECB;color:#969087}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon,pn-date-picker .datepicker-container .datepicker-input-container>pn-spinner{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon{cursor:pointer}pn-date-picker .datepicker-container .datepicker-input-container label{-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out;font-size:1em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-ms-flex-order:1;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;z-index:1;position:absolute;color:#969087;font-weight:normal}pn-date-picker .datepicker-calendar-container{display:none;position:absolute;border-radius:0.8rem;top:120%;left:0;width:29.6rem;padding:1.6rem 1.6rem 0.735rem 1.6rem;border:0.1rem solid #D3CECB;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);background-color:white;z-index:9999}pn-date-picker.position-top .datepicker-calendar-container{top:auto;bottom:calc(100% + 1.2rem)}pn-date-picker.position-left .datepicker-calendar-container{right:auto;left:0}pn-date-picker.position-right .datepicker-calendar-container{right:0;left:auto}";
+const pnDatePickerOldCss = "pn-date-picker{display:inline-block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:focus,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:hover{outline:none;border:0.1rem solid #005d92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-date-picker.open-datepicker .datepicker-calendar-container{display:block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container label,pn-date-picker.has-input .datepicker-container .datepicker-input-container label{top:0.1rem;-webkit-transform:translateY(0);transform:translateY(0);font-size:1.2rem}pn-date-picker.invalid .datepicker-container .datepicker-input-container input,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:hover{border:0.1rem solid #a70707}pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-date-picker .datepicker-container{position:relative}pn-date-picker .datepicker-container .datepicker-input-container{border:none;position:relative;width:100%;height:100%}pn-date-picker .datepicker-container .datepicker-input-container input,pn-date-picker .datepicker-container .datepicker-input-container div,pn-date-picker .datepicker-container .datepicker-input-container label,pn-date-picker .datepicker-container .datepicker-input-container span{font-family:inherit}pn-date-picker .datepicker-container .datepicker-input-container input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.1rem solid #5e554a;background-color:#fff;padding:0.75em;color:#000000;font-size:1.6rem;font-weight:300;line-height:2rem;border-radius:0.8rem;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .datepicker-container .datepicker-input-container input::-webkit-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-moz-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input:-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:none}pn-date-picker .datepicker-container .datepicker-input-container input:hover{border-color:#00a0d6}pn-date-picker .datepicker-container .datepicker-input-container input:disabled{background-color:#f3f2f2;border-color:#d3cecb;color:#969087}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon,pn-date-picker .datepicker-container .datepicker-input-container>pn-spinner{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon{cursor:pointer}pn-date-picker .datepicker-container .datepicker-input-container label{-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out;font-size:1em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-ms-flex-order:1;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;z-index:1;position:absolute;color:#969087;font-weight:normal}pn-date-picker .datepicker-calendar-container{display:none;position:absolute;border-radius:0.8rem;top:120%;left:0;width:29.6rem;padding:1.6rem 1.6rem 0.735rem 1.6rem;border:0.1rem solid #d3cecb;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);background-color:white;z-index:9999}pn-date-picker.position-top .datepicker-calendar-container{top:auto;bottom:calc(100% + 1.2rem)}pn-date-picker.position-left .datepicker-calendar-container{right:auto;left:0}pn-date-picker.position-right .datepicker-calendar-container{right:0;left:auto}";
 
 const PnDatePickerOld$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/umd/modules/@postnord/web-components/components/pn-date-picker.js

@@ -75,15 +75,15 @@ const translations = {
     ],
   },
   WEEK: {
-    en: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    sv: ['Sön', 'Mån', 'Tis', 'Ons', 'Tor', 'Fre', 'Lör'],
-    da: ['Søn', 'Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør'],
-    fi: ['Su', 'Ma', 'Ti', 'Ke', 'To', 'Pe', 'La'],
-    no: ['Sø.', 'Ma.', 'Ti.', 'On.', 'To.', 'Fr.', 'Lø.'],
+    en: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    sv: ['Mån', 'Tis', 'Ons', 'Tor', 'Fre', 'Lör', 'Sön'],
+    da: ['Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør', 'Søn'],
+    fi: ['Ma', 'Ti', 'Ke', 'To', 'Pe', 'La', 'Su'],
+    no: ['Ma.', 'Ti.', 'On.', 'To.', 'Fr.', 'Lø.', 'Sø'],
   },
 };
 
-const pnDatePickerCss = "pn-date-picker{position:relative;display:block}pn-date-picker .weekday{color:#5E554A;font-weight:500}pn-date-picker .calendar-wrapper{background:#FFFFFF;border-radius:0.5em;position:absolute;top:115%;width:100%;max-width:22em;left:0;overflow:hidden;z-index:5;-webkit-box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;visibility:hidden;pointer-events:none;-webkit-transition-property:visibility;transition-property:visibility;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition-duration:0s;transition-duration:0s}pn-date-picker .calendar-wrapper[data-open]{visibility:visible;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar-wrapper[data-open] .calendar{max-height:80vh;-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;max-height:0;overflow:auto;-webkit-transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);}pn-date-picker .calendar::-webkit-scrollbar{background-color:#fff;width:0.75em}pn-date-picker .calendar::-webkit-scrollbar-track{background-color:#fff}pn-date-picker .calendar::-webkit-scrollbar-thumb{background-color:#005D92;border-radius:1em;border:0.25em solid #fff}pn-date-picker .calendar::-webkit-scrollbar-thumb:hover{background-color:#0D234B}pn-date-picker .calendar::-webkit-scrollbar-button{display:none}pn-date-picker [data-month]{padding-top:1.5em}pn-date-picker .pn-date-picker-month{font-weight:500}pn-date-picker .month{font-size:1em;display:grid;padding:0.5em;grid-template-columns:repeat(7, 1fr);grid-gap:0.5em 0;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-date-picker .day{font-size:1em;background:none;aspect-ratio:1;border:none;outline:none;position:relative;cursor:pointer;-webkit-transition:background 0.15s, border-radius 0.15s;transition:background 0.15s, border-radius 0.15s;border-radius:50%;}pn-date-picker .day>span.number{position:relative}pn-date-picker .day::before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:inherit;transition:inherit}pn-date-picker .day[data-today]::after{content:\"\";position:absolute;width:0.4em;height:0.4em;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background:#005D92}pn-date-picker .day[data-selected=start][data-today]::after,pn-date-picker .day[data-selected=end][data-today]::after,pn-date-picker .day[data-selected=single][data-today]::after{background:#E0F8FF}pn-date-picker .day[data-selected=start]::before,pn-date-picker .day[data-selected=end]::before,pn-date-picker .day[data-selected=single]::before{border-radius:50%;background-color:#005D92}pn-date-picker .day[data-selected=start]::before{border-top-right-radius:0;border-bottom-right-radius:0}pn-date-picker .day[data-selected=start],pn-date-picker .day[data-selected=end],pn-date-picker .day[data-selected=single]{color:white}pn-date-picker .day[data-selected=between]::before{background-color:#E0F8FF;border-radius:0}pn-date-picker .day[data-selected=end][data-selected=end]::before{border-top-left-radius:0;border-bottom-left-radius:0}pn-date-picker .day:focus,pn-date-picker .day:hover{background-color:#EFFBFF}pn-date-picker .pn-date-input-container{background:#FFFFFF;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:1em;width:100%;max-width:22em;padding:0.5em 0.5em 0.5em 0.75em;border-radius:0.5em;border:0.1rem solid #969087;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .pn-date-input-container:focus-within{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005D92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005D92}pn-date-picker .pn-date-input-container .divider{width:0.15em;height:1.15em;background:#005D92;border-radius:1em;-ms-flex:0 0 auto;flex:0 0 auto}pn-date-picker .pn-date-input-container pn-icon{-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1)}pn-date-picker .pn-date-input-container pn-icon.backwards{-webkit-transform:rotate(180deg);transform:rotate(180deg)}pn-date-picker .pn-date-input-container input{border:none;outline:none;padding:0;font-size:1em;width:100%;background:transparent;padding:0.15em 0;-webkit-transition:inherit;transition:inherit}pn-date-picker .pn-date-input-container input:first-of-type::-webkit-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-moz-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type:-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::placeholder{text-align:right}pn-date-picker .pn-date-input-container input:last-of-type::-webkit-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-moz-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type:-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::placeholder{text-align:left}pn-date-picker .pn-date-input-container button.pn-date-calendar{border:none;background:none;cursor:pointer;outline:none;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;border-radius:50%;padding:0.2em}pn-date-picker .pn-date-input-container button.pn-date-calendar:hover{background:#E0F8FF}pn-date-picker .pn-date-input-container button.pn-date-calendar:focus{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005D92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005D92;background:#E0F8FF}";
+const pnDatePickerCss = "pn-date-picker{position:relative;display:inline-block}pn-date-picker .weekday{color:#5e554a;font-weight:500}pn-date-picker .calendar-wrapper{background:#ffffff;border-radius:0.5em;position:absolute;max-width:22em;top:115%;width:100%;left:0;overflow:hidden;z-index:5;-webkit-box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;visibility:hidden;pointer-events:none;-webkit-transition-property:visibility;transition-property:visibility;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition-duration:0s;transition-duration:0s}pn-date-picker .calendar-wrapper[data-open]{visibility:visible;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar-wrapper[data-open] .calendar{max-height:min(30em, 80vh);-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;max-height:0;overflow:auto;-webkit-transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);}pn-date-picker .calendar::-webkit-scrollbar{background-color:#fff;width:0.75em}pn-date-picker .calendar::-webkit-scrollbar-track{background-color:#fff}pn-date-picker .calendar::-webkit-scrollbar-thumb{background-color:#005d92;border-radius:1em;border:0.25em solid #fff}pn-date-picker .calendar::-webkit-scrollbar-thumb:hover{background-color:#0d234b}pn-date-picker .calendar::-webkit-scrollbar-button{display:none}pn-date-picker [data-month]{padding-top:1.5em}pn-date-picker .pn-date-picker-month{font-weight:500}pn-date-picker .month{font-size:1em;display:grid;padding:0.5em;grid-template-columns:repeat(7, 1fr);grid-gap:0.5em 0;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-date-picker .day{font-size:1em;background:none;aspect-ratio:1;border:none;outline:none;position:relative;cursor:pointer;-webkit-transition:background 0.15s, border-radius 0.15s;transition:background 0.15s, border-radius 0.15s;border-radius:50%;}pn-date-picker .day>span.number{position:relative}pn-date-picker .day::before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:inherit;transition:inherit}pn-date-picker .day[data-today]::after{content:\"\";position:absolute;width:0.4em;height:0.4em;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background:#005d92}pn-date-picker .day[data-selected=start][data-today]::after,pn-date-picker .day[data-selected=end][data-today]::after,pn-date-picker .day[data-selected=single][data-today]::after{background:#e0f8ff}pn-date-picker .day[data-selected=start]::before,pn-date-picker .day[data-selected=end]::before,pn-date-picker .day[data-selected=single]::before{border-radius:50%;background-color:#005d92}pn-date-picker .day[data-selected=start]::before{border-top-right-radius:0;border-bottom-right-radius:0}pn-date-picker .day[data-selected=start],pn-date-picker .day[data-selected=end],pn-date-picker .day[data-selected=single]{color:white}pn-date-picker .day[data-selected=between]::before{background-color:#e0f8ff;border-radius:0}pn-date-picker .day[data-selected=end][data-selected=end]::before{border-top-left-radius:0;border-bottom-left-radius:0}pn-date-picker .day:focus,pn-date-picker .day:hover{background-color:#effbff}pn-date-picker .pn-date-input-container{background:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:1em;width:100%;padding:0.5em 0.5em 0.5em 0.75em;border-radius:0.5em;border:0.1rem solid #969087;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .pn-date-input-container:focus-within{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92}pn-date-picker .pn-date-input-container .divider{width:0.15em;height:1.15em;background:#005d92;border-radius:1em;-ms-flex:0 0 auto;flex:0 0 auto}pn-date-picker .pn-date-input-container pn-icon{-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1)}pn-date-picker .pn-date-input-container pn-icon.backwards{-webkit-transform:rotate(180deg);transform:rotate(180deg)}pn-date-picker .pn-date-input-container input{border:none;outline:none;padding:0;font-size:1em;width:100%;background:transparent;padding:0.15em 0;-webkit-transition:inherit;transition:inherit}pn-date-picker .pn-date-input-container input:first-of-type::-webkit-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-moz-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type:-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::placeholder{text-align:right}pn-date-picker .pn-date-input-container input:last-of-type::-webkit-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-moz-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type:-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::placeholder{text-align:left}pn-date-picker .pn-date-input-container button.pn-date-calendar{border:none;background:none;cursor:pointer;outline:none;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;border-radius:50%;padding:0.2em}pn-date-picker .pn-date-input-container button.pn-date-calendar:hover{background:#e0f8ff}pn-date-picker .pn-date-input-container button.pn-date-calendar:focus{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;background:#e0f8ff}";
 
 const PnDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -104,9 +104,9 @@ const PnDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.range = false;
     this.disableWeekends = false;
     /** Placeholder for the input field (this will be start date if you have a ranged date picker) */
-    this.placeholder = 'YYYY-MM-DD';
+    this.placeholder = '';
     /** Placeholder for end date */
-    this.endPlaceholder = 'YYYY-MM-DD';
+    this.endPlaceholder = '';
     this.currentState = 'idle';
     this.week = [];
     this.months = [];
@@ -116,6 +116,7 @@ const PnDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.selectionMade = false;
     this.years = [];
     this.today = new Date();
+    this.shouldScroll = true;
     /* -----------------STATE MACHINE LOGIC------------------ */
     this.machine = {
       initial: 'idle',
@@ -173,15 +174,15 @@ const PnDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.setLanguage();
     this.setYears();
   }
-  componentDidLoad() {
-    requestAnimationFrame(() => {
-      const date = this.startDate && this.startDate.getTime() ? this.startDate : new Date();
-      const year = date.getFullYear();
-      const month = this.months[date.getMonth()];
-      const monthEl = document.querySelector(`[data-year="${year}"] [data-month="${month}"]`);
-      monthEl.scrollIntoView();
-    });
-  }
+  // componentDidLoad() {
+  //   requestAnimationFrame(() => {
+  //     const date = this.startDate && this.startDate.getTime() ? this.startDate : new Date();
+  //     const year = date.getFullYear();
+  //     const month = this.months[date.getMonth()];
+  //     const monthEl = this.hostElement.querySelector(`[data-year="${year}"] [data-month="${month}"]`);
+  //     monthEl.scrollIntoView();
+  //   });
+  // }
   /* -----------------/LIFE CYCLE HOOKS------------------ */
   /* -----------------UTILS------------------ */
   makeSelection() {
@@ -203,6 +204,8 @@ const PnDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.setDateFromOutside();
   }
   openHandler() {
+    if (this.shouldScroll)
+      this.scrollToMonth();
     if (this.open) {
       document.addEventListener('click', this.handleGlobalClick);
       return;
@@ -211,6 +214,14 @@ const PnDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       this.endDate = null;
     document.removeEventListener('click', this.handleGlobalClick);
   }
+  scrollToMonth() {
+    this.shouldScroll = false;
+    const date = this.startDate && this.startDate.getTime() ? this.startDate : new Date();
+    const year = date.getFullYear();
+    const month = this.months[date.getMonth()];
+    const monthEl = this.hostElement.querySelector(`[data-year="${year}"] [data-month="${month}"]`);
+    monthEl.scrollIntoView();
+  }
   clickHandler(e) {
     var _a;
     const target = (_a = e.composedPath) === null || _a === void 0 ? void 0 : _a.call(e)[0];

package/umd/modules/@postnord/web-components/components/pn-file-upload.js

@@ -14,7 +14,7 @@ class PnFileUploadError extends Error {
   }
 }
 
-const pnFileUploadCss = "pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#E0F8FF}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container{background-color:#D3CECB}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:after{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to right, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container a{cursor:default}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:hover,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:hover{background-color:#D3CECB}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .headline a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .headline a{color:#5E554A}pn-file-upload .pn-file-upload-input{display:none}pn-file-upload .pn-file-upload-container .pn-dropzone-container{text-align:center;position:relative;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00A0D6 50%, transparent 0%);background-position:top;background-size:16px 1px;background-repeat:repeat-x;background-color:#FFFFFF}pn-file-upload .pn-file-upload-container .pn-dropzone-container:after{content:\" \";position:absolute;width:100%;height:1px;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00A0D6 50%, transparent 0%);background-position:bottom;background-size:16px 1px;background-repeat:repeat-x}pn-file-upload .pn-file-upload-container .pn-dropzone-container:hover{background-color:#E0F8FF}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner{padding:25px 60px;position:relative;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00A0D6 50%, transparent 0%);background-position:left;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{content:\" \";position:absolute;width:1px;height:100%;top:0;right:0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00A0D6 50%, transparent 0%);background-position:right;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline{color:#969087;font-size:16px;font-weight:300;line-height:20px;text-align:center;margin-bottom:8px}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline a{color:#005D92}pn-file-upload .pn-file-upload-container .pn-dropzone-container .description{color:#969087;font-size:12px;font-weight:300;line-height:16px;margin-bottom:0}pn-file-upload .files-list .files-list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:10px;-ms-flex:1;flex:1}pn-file-upload .files-list .files-list-item>pn-icon{margin-top:34px;cursor:pointer}pn-file-upload .files-list .files-list-item-error{color:#5E554A;font-size:14px;font-weight:300;line-height:20px}";
+const pnFileUploadCss = "pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#e0f8ff}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container{background-color:#d3cecb}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:after{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to right, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container a{cursor:default}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:hover,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:hover{background-color:#d3cecb}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .headline a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .headline a{color:#5e554a}pn-file-upload .pn-file-upload-input{display:none}pn-file-upload .pn-file-upload-container .pn-dropzone-container{text-align:center;position:relative;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00a0d6 50%, transparent 0%);background-position:top;background-size:16px 1px;background-repeat:repeat-x;background-color:#ffffff}pn-file-upload .pn-file-upload-container .pn-dropzone-container:after{content:\" \";position:absolute;width:100%;height:1px;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00a0d6 50%, transparent 0%);background-position:bottom;background-size:16px 1px;background-repeat:repeat-x}pn-file-upload .pn-file-upload-container .pn-dropzone-container:hover{background-color:#e0f8ff}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner{padding:25px 60px;position:relative;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00a0d6 50%, transparent 0%);background-position:left;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{content:\" \";position:absolute;width:1px;height:100%;top:0;right:0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00a0d6 50%, transparent 0%);background-position:right;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline{color:#969087;font-size:16px;font-weight:300;line-height:20px;text-align:center;margin-bottom:8px}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline a{color:#005d92}pn-file-upload .pn-file-upload-container .pn-dropzone-container .description{color:#969087;font-size:12px;font-weight:300;line-height:16px;margin-bottom:0}pn-file-upload .files-list .files-list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:10px;-ms-flex:1;flex:1}pn-file-upload .files-list .files-list-item>pn-icon{margin-top:34px;cursor:pointer}pn-file-upload .files-list .files-list-item-error{color:#5e554a;font-size:14px;font-weight:300;line-height:20px}";
 
 const PnFileUpload$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/umd/modules/@postnord/web-components/components/pn-footer.js

@@ -137,7 +137,7 @@ const translations = {
   },
 };
 
-const pnFooterCss = "pn-footer{color:#5E554A;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p,pn-footer .pn-footer-row a{margin-right:0.2em;display:inline-block}pn-footer a{color:#005D92}pn-footer pn-icon{margin-left:0.2em}pn-footer #ot-sdk-btn{-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box;color:#005D92;display:inline-block;font-size:0.9em;margin-right:0.2em;text-align:center;text-decoration:none;visibility:inherit}";
+const pnFooterCss = "pn-footer{color:#5e554a;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p,pn-footer .pn-footer-row a{margin-right:0.2em;display:inline-block}pn-footer a{color:#005d92}pn-footer pn-icon{margin-left:0.2em}pn-footer #ot-sdk-btn{-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box;color:#005d92;display:inline-block;font-size:0.9em;margin-right:0.2em;text-align:center;text-decoration:none;visibility:inherit}";
 
 const PnFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/umd/modules/@postnord/web-components/components/pn-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnHeader extends Components.PnHeader, HTMLElement {}
+export const PnHeader: {
+  prototype: PnHeader;
+  new (): PnHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/umd/modules/@postnord/web-components/components/pn-header.js

@@ -0,0 +1,71 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as colors } from './colors.js';
+
+const pnHeaderCss = "pn-header{border-radius:0.5em;background-color:#effbff;background-color:var(--bg);display:block;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}pn-header>.page-nav{padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em) 1em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-header>.page-nav>pn-page-nav{min-width:0}.pn-header-content-wrapper{position:relative}pn-header .pn-header-content{max-width:var(--max-width);margin:auto;display:-ms-flexbox;display:flex;gap:0.5em;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;padding-right:0;position:relative;text-align:left;-ms-flex-align:space-between;align-items:space-between;background-color:var(--bg);z-index:1}pn-header .pn-header-content>*{min-width:0}pn-header .pn-header-left{-ms-flex:1 1 60%;flex:1 1 60%;padding:1em;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5em}pn-header .pn-header-left h1{font-size:clamp(1.85em, 5vw, 2em)}pn-header .pn-header-left p{font-size:1.25em;max-width:60ch;line-height:1.4}pn-header [slot=buttons]{display:-ms-flexbox;display:flex;gap:0.5em;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-ms-flex-pack:center;justify-content:center;max-width:30em}pn-header [slot=buttons]>*{-ms-flex:1 1 auto;flex:1 1 auto}.pn-header-content-wrapper.pn-header-illustration .pn-header-right{background-color:#e0f8ff;background-color:var(--pill-color);border-radius:20em 1em 1em 20em}.pn-header-content-wrapper.pn-header-illustration::after{content:\"\";background-color:var(--pill-color);position:absolute;right:0;top:0;width:50%;height:100%;border-radius:0 0 0.5em 0}.pn-header-content-wrapper.pn-header-illustration .pn-header-right{-ms-flex:1 1 12em;flex:1 1 12em;margin-left:2em;padding-left:2em;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.pn-header-content-wrapper.pn-header-illustration .pn-header-right [slot=illustration]{max-height:clamp(6em, 35vw, 25em);height:-webkit-min-content;height:-moz-min-content;height:min-content}";
+
+const PnHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /** Available colors: blue, coral, orange, gray and green */
+    this.color = 'blue';
+    this.maxWidth = null;
+  }
+  colorHandler() {
+    this.setColor();
+  }
+  componentWillLoad() {
+    this.setColor();
+    this.checkSlots();
+  }
+  setColor() {
+    const alternatives = ['blue', 'coral', 'gray', 'orange', 'green'];
+    this.color = alternatives.includes(this.color) ? this.color : 'blue';
+    this.hostElement.style.setProperty('--bg', colors[`${this.color}25`]);
+    this.hostElement.style.setProperty('--pill-color', colors[`${this.color}50`]);
+    if (this.maxWidth)
+      this.hostElement.style.setProperty('--max-width', `${this.maxWidth}`);
+  }
+  checkSlots() {
+    const slottedIllustration = this.hostElement.querySelector('[slot="illustration"]');
+    const topNav = this.hostElement.querySelector('[slot="top-menu"]');
+    this.topNav = !!topNav;
+    this.pill = !!slottedIllustration;
+  }
+  wrapperClasses() {
+    let classes = 'pn-header-content-wrapper ';
+    if (this.pill)
+      classes += 'pn-header-illustration ';
+    return classes;
+  }
+  render() {
+    return (h(Host, null, this.topNav && (h("div", { class: "page-nav" }, h("slot", { name: "top-menu" }))), h("div", { class: this.wrapperClasses() }, h("div", { class: "pn-header-content" }, h("div", { class: "pn-header-left" }, h("h1", null, this.heading), h("p", null, h("slot", null)), h("slot", { name: "buttons" }), h("slot", { name: "bottom-menu" })), h("div", { class: "pn-header-right" }, h("slot", { name: "illustration" }))))));
+  }
+  get hostElement() { return this; }
+  static get watchers() { return {
+    "color": ["colorHandler"]
+  }; }
+  static get style() { return pnHeaderCss; }
+}, [4, "pn-header", {
+    "heading": [1],
+    "color": [1025],
+    "maxWidth": [1, "max-width"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-header"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnHeader$1);
+      }
+      break;
+  } });
+}
+
+const PnHeader = PnHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnHeader, defineCustomElement };