@postnord/pn-marketweb-components 2.0.73 → 2.0.75

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/item/pn-page-nav-item.css

@@ -1,6 +1,6 @@
 pn-page-nav-item {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   margin-right: 0.5em;
   z-index: 2;
   white-space: nowrap;
@@ -29,7 +29,7 @@ pn-page-nav-item a {
   transition: box-shadow 0.15s;
 }
 pn-page-nav-item a:focus {
-  box-shadow: 0 0 0 0.1em #D3CECB;
+  box-shadow: 0 0 0 0.1em #d3cecb;
 }
 pn-page-nav-item a > pn-icon {
   margin-right: 0.5em;

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/menu/pn-page-nav.css

@@ -2,6 +2,7 @@ pn-page-nav {
   display: block;
   position: relative;
   font-size: clamp(0.8em, 2vw, 1em);
+  z-index: 5;
 }
 
 .pn-page-nav-wrapper {
@@ -19,8 +20,8 @@ pn-page-nav {
   align-items: center;
   border-radius: 3em;
   min-height: 3em;
-  background: #0D234B;
-  border: 0.1em solid #D3CECB;
+  background: #0d234b;
+  border: 0.1em solid #d3cecb;
   position: relative;
   overflow-x: auto;
   scroll-snap-type: x mandatory;
@@ -48,11 +49,11 @@ pn-page-nav {
 }
 .pn-page-nav-items > .pn-pn-bg.pn-pn-active {
   box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
-  background: #005D92;
+  background: #005d92;
   z-index: 1;
 }
 .pn-page-nav-items > .pn-pn-bg.pn-pn-hover {
-  background: #FFFFFF;
+  background: #ffffff;
   opacity: 0;
   border: 0.5rem solid transparent;
   z-index: 0;
@@ -86,7 +87,7 @@ pn-page-nav .pn-pn-arrows svg {
   width: 1.5em;
 }
 pn-page-nav .pn-pn-arrows svg path {
-  fill: #005D92;
+  fill: #005d92;
 }
 pn-page-nav .pn-pn-arrows > * {
   transition: transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;
@@ -104,7 +105,7 @@ pn-page-nav .pn-pn-arrows > * {
   will-change: transform;
   -webkit-tap-highlight-color: transparent;
   border-radius: 50%;
-  border: 0.2em solid #0D234B;
+  border: 0.2em solid #0d234b;
 }
 pn-page-nav .pn-pn-arrows > *.pn-pn-arrow-left {
   transform: translateX(-100%);
@@ -122,14 +123,14 @@ pn-page-nav .pn-pn-arrows > *.pn-pn-arrow-right {
     animation: arrow 0.6s ease-in-out alternate infinite;
   }
   pn-page-nav .pn-pn-arrows > * pn-icon svg path {
-    fill: #FFFFFF;
+    fill: #ffffff;
   }
   pn-page-nav .pn-pn-arrows > *.pn-pn-arrow-left {
-    background: linear-gradient(to left, transparent, #0D234B 60%);
+    background: linear-gradient(to left, transparent, #0d234b 60%);
     border-radius: 50% 0 0 50%;
   }
   pn-page-nav .pn-pn-arrows > *.pn-pn-arrow-right {
-    background: linear-gradient(to right, transparent, #0D234B 40%);
+    background: linear-gradient(to right, transparent, #0d234b 40%);
     border-radius: 0 50% 50% 0;
   }
 }
@@ -148,8 +149,8 @@ pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left, pn-page-nav .pn-
 button.pn-page-nav-dropdown-button {
   font-size: 1em;
   border-radius: 3em 0 0 3em;
-  background: #0D234B;
-  color: #FFFFFF;
+  background: #0d234b;
+  color: #ffffff;
   padding: 0.5em 1em 0.5em 1.5em;
   cursor: pointer;
   display: flex;
@@ -170,10 +171,10 @@ button.pn-page-nav-dropdown-button:hover, button.pn-page-nav-dropdown-button:foc
   background: #263655;
 }
 button.pn-page-nav-dropdown-button:focus {
-  box-shadow: inset 0 0 0 0.1em #005D92, inset 0 0 0 0.2em #D3CECB;
+  box-shadow: inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb;
 }
 button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active {
-  background: #005D92;
+  background: #005d92;
 }
 button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover, button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus {
   background: #0068a6;
@@ -181,7 +182,7 @@ button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover, button.pn-
 
 .pn-page-nav-divider {
   height: 60%;
-  background: #D3CECB;
+  background: #d3cecb;
   width: 0.1em;
   position: absolute;
   right: 0;
@@ -192,7 +193,7 @@ ul.pn-page-nav-dropdown {
   position: absolute;
   left: 0;
   top: 110%;
-  background: #0D234B;
+  background: #0d234b;
   border-radius: 0.5em;
   margin: 0;
   padding: 0;

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/pn-tab.css

@@ -33,9 +33,9 @@ button.pn-tab svg polygon {
   fill: #000;
 }
 button.pn-tab.active {
-  color: #005D92;
+  color: #005d92;
 }
 button.pn-tab.active svg path,
 button.pn-tab.active svg polygon {
-  fill: #005D92;
+  fill: #005d92;
 }

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/pn-tablist.css

@@ -46,7 +46,7 @@
   width: 1.5em;
 }
 .pn-tablist .scroll-arrows svg path {
-  fill: #005D92;
+  fill: #005d92;
 }
 .pn-tablist .scroll-arrows > * {
   transition: transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;
@@ -75,7 +75,7 @@
   box-shadow: -0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);
 }
 .pn-tablist .scroll-arrows > *:active {
-  background: #F3F2F2;
+  background: #f3f2f2;
 }
 .pn-tablist .line {
   height: 0.1em;
@@ -91,14 +91,14 @@
   transition: transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out;
 }
 .pn-tablist .line .active-line {
-  background-color: #005D92;
+  background-color: #005d92;
   height: 0.5em;
   bottom: -0.3em;
   z-index: 1;
   opacity: 0;
 }
 .pn-tablist .line .hovered-line {
-  background-color: #00A0D6;
+  background-color: #00a0d6;
   height: 0.1em;
   opacity: 0;
 }

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tile/pn-tile.css

@@ -18,7 +18,7 @@ pn-tile a.pn-tile-link {
   opacity: 0;
 }
 pn-tile .pn-tile {
-  border: 0.1rem solid #D3CECB;
+  border: 0.1rem solid #d3cecb;
   outline: none;
   background: white;
   box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
@@ -101,22 +101,22 @@ pn-tile .pn-tile > .text-cont {
   flex: 1 1 calc((32rem - 100%) * 999);
 }
 pn-tile .pn-tile h3 {
-  color: #005D92;
+  color: #005d92;
   font-size: 1.5em;
 }
 pn-tile .pn-tile .tile-slot {
-  color: #5E554A;
+  color: #5e554a;
   margin-top: 0.25em;
 }
 pn-tile a:focus + .pn-tile {
-  box-shadow: 0 0 0 0.3rem white, 0 0 0 0.6rem #005D92;
+  box-shadow: 0 0 0 0.3rem white, 0 0 0 0.6rem #005d92;
 }
 pn-tile a:focus + .pn-tile,
 pn-tile .pn-tile:hover {
-  background: #EFFBFF;
+  background: #effbff;
 }
 pn-tile .pn-tile:hover, pn-tile a:focus + .pn-tile {
-  border: 0.1rem solid #8EDDF9;
+  border: 0.1rem solid #8eddf9;
 }
 pn-tile .pn-tile:hover.vertical .tile-circle, pn-tile .pn-tile:hover.simple .tile-circle, pn-tile a:focus + .pn-tile.vertical .tile-circle, pn-tile a:focus + .pn-tile.simple .tile-circle {
   transform: translate(-50%, -90%);
@@ -130,7 +130,7 @@ pn-tile .pn-tile .tile-circle {
   width: 40em;
   height: 40em;
   margin: 0;
-  background-color: #005D92;
+  background-color: #005d92;
   border-radius: 50%;
   z-index: 1;
   transform: translate(-50%, -100%);
@@ -141,7 +141,7 @@ pn-tile .pn-ripple {
   animation: ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);
   position: absolute;
   border-radius: 50%;
-  background: #005D92;
+  background: #005d92;
   transform: translate(-50%, -50%) scale(0);
   opacity: 0.05;
 }

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

@@ -9,5 +9,5 @@ pn-ocr-search .invalid-text-container {
   padding: 0.5em 1em;
 }
 pn-ocr-search .invalid-text-container .invalid-ocr {
-  color: #A70707;
+  color: #a70707;
 }

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() {