@postnord/pn-marketweb-components 2.0.74 → 2.0.76

package/umd/modules/@postnord/web-components/esm/pn-page-nav.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnPageNavCss = "pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em)}.pn-page-nav-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:-ms-inline-flexbox;display:inline-flex;border-radius:3em}.pn-page-nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;background:#0D234B;border:0.1em solid #D3CECB;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:-ms-flexbox;display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);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;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#FFFFFF;opacity:0;border:0.5rem solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg path{fill:#005D92}pn-page-nav .pn-pn-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.2em solid #0D234B}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon svg{width:100%;height:2em;-webkit-animation:arrow 0.6s ease-in-out alternate infinite;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon svg path{fill:#FFFFFF}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:-webkit-gradient(linear, right top, left top, from(transparent), color-stop(60%, #0D234B));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:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, #0D234B));background:linear-gradient(to right, transparent, #0D234B 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}@keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0D234B;color:#FFFFFF;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;-webkit-transition:background 0.15s;transition:background 0.15s;position:relative;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{-webkit-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}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}.pn-page-nav-divider{height:60%;background:#D3CECB;width:0.1em;position:absolute;right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0D234B;border-radius:0.5em;margin:0;padding:0;list-style-type:none;-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;font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";
+const pnPageNavCss = "pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:-ms-inline-flexbox;display:inline-flex;border-radius:3em}.pn-page-nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.1em solid #d3cecb;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:-ms-flexbox;display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);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;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.5rem solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg path{fill:#005d92}pn-page-nav .pn-pn-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.2em solid #0d234b}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon svg{width:100%;height:2em;-webkit-animation:arrow 0.6s ease-in-out alternate infinite;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon svg path{fill:#ffffff}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:-webkit-gradient(linear, right top, left top, from(transparent), color-stop(60%, #0d234b));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:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, #0d234b));background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}@keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;-webkit-transition:background 0.15s;transition:background 0.15s;position:relative;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{-webkit-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}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}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;-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;font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";
 
 const PnPageNav = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-progress-bar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-602e59ea.js';
 
-const pnProgressBarCss = "pn-progress-bar{display:inline;overflow:hidden}pn-progress-bar .pn-progress-container{margin:16px 16px 8px 0;display:inline-block;min-width:380px}pn-progress-bar .pn-progress-container .pn-progress-label{height:20px;color:#1e1e1e;font-size:14px;font-weight:bold;line-height:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}pn-progress-bar .pn-progress-container .pn-progress-label>pn-spinner{vertical-align:middle;margin-left:5px}pn-progress-bar .pn-progress-container .pn-progress-bar{position:relative;padding-top:1px}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line{width:0;position:absolute;top:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1,pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{width:100%;height:7px}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#8EDDF9}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#00A0D6}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-bg{height:12px;background-color:#D3CECB}pn-progress-bar .pn-progress-container .pn-progress-percentage{margin-top:5px;text-align:right;font-size:12px;line-height:16px;color:#00A0D6}pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line1,pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line2{height:4px}pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-bg{height:6px}pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#5EC584}pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#005E41}pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#A70707}pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#A70707}";
+const pnProgressBarCss = "pn-progress-bar{display:inline;overflow:hidden}pn-progress-bar .pn-progress-container{margin:16px 16px 8px 0;display:inline-block;min-width:380px}pn-progress-bar .pn-progress-container .pn-progress-label{height:20px;color:#1e1e1e;font-size:14px;font-weight:bold;line-height:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}pn-progress-bar .pn-progress-container .pn-progress-label>pn-spinner{vertical-align:middle;margin-left:5px}pn-progress-bar .pn-progress-container .pn-progress-bar{position:relative;padding-top:1px}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line{width:0;position:absolute;top:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1,pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{width:100%;height:7px}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#8eddf9}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#00a0d6}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-bg{height:12px;background-color:#d3cecb}pn-progress-bar .pn-progress-container .pn-progress-percentage{margin-top:5px;text-align:right;font-size:12px;line-height:16px;color:#00a0d6}pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line1,pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line2{height:4px}pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-bg{height:6px}pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#5ec584}pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#005e41}pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#a70707}pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#a70707}";
 
 const PnSpinner = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-progress-indicator-step.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host } from './index-602e59ea.js';
 
-const pnProgressIndicatorStepCss = "pn-progress-indicator-step{display:-ms-flexbox;display:flex;-ms-flex:1 0 4em;flex:1 0 4em}pn-progress-indicator-step:first-child{-ms-flex:0 0 auto;flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 0 4em;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#F3F2F2;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;-webkit-transform:translateX(50%) translateX(-1.2rem);transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#F3F2F2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;font-size:1em;font-weight:normal}.pn-progress-indicator-step .info-container svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container svg path,.pn-progress-indicator-step .info-container svg polygon{fill:#F3F2F2;-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.pn-progress-indicator-step .progress-line{-ms-flex:1 1 auto;flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#F3F2F2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:\"\";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005D92;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pn-progress-indicator-step.active .info-container{color:black}.pn-progress-indicator-step.active .info-container svg path{fill:#000}.pn-progress-indicator-step.active .info-container svg polygon{fill:#000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{-webkit-transform:translateX(0);transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005D92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;-webkit-animation:dash 0.3s cubic-bezier(0.55, 0, 0.1, 1) both;animation:dash 0.3s cubic-bezier(0.55, 0, 0.1, 1) both}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}";
+const pnProgressIndicatorStepCss = "pn-progress-indicator-step{display:-ms-flexbox;display:flex;-ms-flex:1 0 4em;flex:1 0 4em}pn-progress-indicator-step:first-child{-ms-flex:0 0 auto;flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 0 4em;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;-webkit-transform:translateX(50%) translateX(-1.2rem);transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;font-size:1em;font-weight:normal}.pn-progress-indicator-step .info-container svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container svg path,.pn-progress-indicator-step .info-container svg polygon{fill:#f3f2f2;-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.pn-progress-indicator-step .progress-line{-ms-flex:1 1 auto;flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:\"\";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pn-progress-indicator-step.active .info-container{color:black}.pn-progress-indicator-step.active .info-container svg path{fill:#000}.pn-progress-indicator-step.active .info-container svg polygon{fill:#000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{-webkit-transform:translateX(0);transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;-webkit-animation:dash 0.3s cubic-bezier(0.55, 0, 0.1, 1) both;animation:dash 0.3s cubic-bezier(0.55, 0, 0.1, 1) both}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}";
 
 const PnProgressIndicatorStep = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-radio-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-602e59ea.js';
 
-const pnRadioButtonCss = "pn-radio-button{}pn-radio-button input[type=radio]{opacity:0;position:absolute;white-space:nowrap;pointer-events:none}pn-radio-button input[type=radio]+label{display:inline-block;cursor:pointer;}pn-radio-button input[type=radio]+label .pn-radio-outer{background:#fff;border:0.1em solid #D3CECB;border-radius:50%;height:1.5em;width:1.5em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s, -webkit-box-shadow 0.1s;cursor:pointer}pn-radio-button input[type=radio]+label .pn-radio-inner{-webkit-transform:scale(0);transform:scale(0);height:1em;width:1em;background-color:#005D92;border-radius:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}pn-radio-button input[type=radio]:checked+label .pn-radio-inner{-webkit-transform:scale(1);transform:scale(1)}pn-radio-button input[type=radio]:checked+label .pn-radio-outer{border:0.1rem solid #005D92}pn-radio-button input[type=radio]:focus+label .pn-radio-outer,pn-radio-button input[type=radio]:active+label .pn-radio-outer{-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-radio-button input[type=radio]:hover+label .pn-radio-outer{border:0.1rem solid #005D92;background:#E0F8FF}pn-radio-button input[type=radio]:disabled+label{cursor:not-allowed}pn-radio-button input[type=radio]:disabled+label .pn-radio-outer{cursor:not-allowed;border:0.1rem solid #969087;background-color:#D3CECB}pn-radio-button input[type=radio]:disabled+label .pn-radio-inner{cursor:not-allowed;background-color:#969087}pn-radio-button input[type=radio]:active:disabled+label .pn-radio-outer{-webkit-box-shadow:none;box-shadow:none}";
+const pnRadioButtonCss = "pn-radio-button{}pn-radio-button input[type=radio]{opacity:0;position:absolute;white-space:nowrap;pointer-events:none}pn-radio-button input[type=radio]+label{display:inline-block;cursor:pointer;}pn-radio-button input[type=radio]+label .pn-radio-outer{background:#fff;border:0.1em solid #d3cecb;border-radius:50%;height:1.5em;width:1.5em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s, -webkit-box-shadow 0.1s;cursor:pointer}pn-radio-button input[type=radio]+label .pn-radio-inner{-webkit-transform:scale(0);transform:scale(0);height:1em;width:1em;background-color:#005d92;border-radius:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}pn-radio-button input[type=radio]:checked+label .pn-radio-inner{-webkit-transform:scale(1);transform:scale(1)}pn-radio-button input[type=radio]:checked+label .pn-radio-outer{border:0.1rem solid #005d92}pn-radio-button input[type=radio]:focus+label .pn-radio-outer,pn-radio-button input[type=radio]:active+label .pn-radio-outer{-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-radio-button input[type=radio]:hover+label .pn-radio-outer{border:0.1rem solid #005d92;background:#e0f8ff}pn-radio-button input[type=radio]:disabled+label{cursor:not-allowed}pn-radio-button input[type=radio]:disabled+label .pn-radio-outer{cursor:not-allowed;border:0.1rem solid #969087;background-color:#d3cecb}pn-radio-button input[type=radio]:disabled+label .pn-radio-inner{cursor:not-allowed;background-color:#969087}pn-radio-button input[type=radio]:active:disabled+label .pn-radio-outer{-webkit-box-shadow:none;box-shadow:none}";
 
 const PnradioButton = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-radio-tile.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnRadioTileCss = "pn-radio-tile{position:relative;display:inline-block}pn-radio-tile input[type=radio]{opacity:0;position:absolute;width:100%;height:100%;white-space:nowrap;pointer-events:none}pn-radio-tile>label{cursor:pointer;overflow:hidden;position:relative;background:#FFFFFF;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items: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}pn-radio-tile>label>pn-illustration,pn-radio-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-radio-tile>label:hover{background:#EFFBFF;border:0.1em solid #00A0D6}pn-radio-tile input[type=radio]: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-radio-tile input[type=radio]: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}";
+const pnRadioTileCss = "pn-radio-tile{position:relative;display:inline-block}pn-radio-tile input[type=radio]{opacity:0;position:absolute;width:100%;height:100%;white-space:nowrap;pointer-events:none}pn-radio-tile>label{cursor:pointer;overflow:hidden;position:relative;background:#ffffff;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items: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}pn-radio-tile>label>pn-illustration,pn-radio-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-radio-tile>label:hover{background:#effbff;border:0.1em solid #00a0d6}pn-radio-tile input[type=radio]: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-radio-tile input[type=radio]: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}";
 
 const PnRadioTile = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-segment.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnSegmentCss = "pn-segment{position:relative;color:#005D92;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0)}pn-segment:last-of-type{margin-right:0}pn-segment input{margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}pn-segment label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.1rem solid transparent;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background 0.15s, border 0.15s, color 0.15s, -webkit-box-shadow 0.15s 0.2s;transition:background 0.15s, border 0.15s, color 0.15s, -webkit-box-shadow 0.15s 0.2s;transition:background 0.15s, border 0.15s, box-shadow 0.15s 0.2s, color 0.15s;transition:background 0.15s, border 0.15s, box-shadow 0.15s 0.2s, color 0.15s, -webkit-box-shadow 0.15s 0.2s}pn-segment label>pn-icon{margin-right:0.5em}pn-segment label pn-icon svg path{-webkit-transition:fill 0.15s;transition:fill 0.15s}";
+const pnSegmentCss = "pn-segment{position:relative;color:#005d92;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0)}pn-segment:last-of-type{margin-right:0}pn-segment input{margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}pn-segment label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.1rem solid transparent;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background 0.15s, border 0.15s, color 0.15s, -webkit-box-shadow 0.15s 0.2s;transition:background 0.15s, border 0.15s, color 0.15s, -webkit-box-shadow 0.15s 0.2s;transition:background 0.15s, border 0.15s, box-shadow 0.15s 0.2s, color 0.15s;transition:background 0.15s, border 0.15s, box-shadow 0.15s 0.2s, color 0.15s, -webkit-box-shadow 0.15s 0.2s}pn-segment label>pn-icon{margin-right:0.5em}pn-segment label pn-icon svg path{-webkit-transition:fill 0.15s;transition:fill 0.15s}";
 
 const PnSegment = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-segmented-control.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnSegmentedControlCss = "pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;-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;-webkit-transform:translateZ(0);transform:translateZ(0)}.pn-segmented-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#F3F2F2;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-segmented-control::-webkit-scrollbar{display:none}.pn-segmented-control>.pn-sc-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-segmented-control>.pn-sc-bg.pn-sc-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.1rem solid #005D92;background:#FFFFFF;z-index:1}.pn-segmented-control>.pn-sc-bg.pn-sc-hover{background:#E0F8FF;opacity:0;border:0.5rem solid transparent;z-index:0}@media (hover: hover){.pn-segmented-control:hover .pn-sc-hover{opacity:1}}pn-segmented-control:focus-within,pn-segmented-control:active{-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-segmented-control .pn-sc-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg path{fill:#005D92}pn-segmented-control .pn-sc-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}";
+const pnSegmentedControlCss = "pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;-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;-webkit-transform:translateZ(0);transform:translateZ(0)}.pn-segmented-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#f3f2f2;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-segmented-control::-webkit-scrollbar{display:none}.pn-segmented-control>.pn-sc-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-segmented-control>.pn-sc-bg.pn-sc-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.1rem solid #005d92;background:#ffffff;z-index:1}.pn-segmented-control>.pn-sc-bg.pn-sc-hover{background:#e0f8ff;opacity:0;border:0.5rem solid transparent;z-index:0}@media (hover: hover){.pn-segmented-control:hover .pn-sc-hover{opacity:1}}pn-segmented-control:focus-within,pn-segmented-control:active{-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-segmented-control .pn-sc-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg path{fill:#005d92}pn-segmented-control .pn-sc-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}";
 
 const PnSegmentedControl = class {
   constructor(hostRef) {
@@ -15,12 +15,29 @@ const PnSegmentedControl = class {
   }
   changeHandler({ target }) {
     this.value = target.value;
-    this.currentSelection = target.closest('pn-segment');
+    this.selectSegment(target.closest('pn-segment'));
   }
   handleResize() {
     this.rerender();
   }
-  selectionHandler() {
+  valueHandler() {
+    this.selectSegment(false);
+  }
+  selectSegment(el) {
+    if (el) {
+      this.currentSelection = el;
+      this.rerender();
+      return;
+    }
+    this.segments.forEach(segmentEl => {
+      if (this.value === segmentEl.value) {
+        this.currentSelection = segmentEl;
+        segmentEl.setAttribute('selected', 'true');
+      }
+      else {
+        segmentEl.removeAttribute('selected');
+      }
+    });
     this.rerender();
   }
   componentDidLoad() {
@@ -37,6 +54,7 @@ const PnSegmentedControl = class {
     this.hoverBg = this.hostElement.querySelector('.pn-sc-hover');
     this.hostElement.addEventListener('mouseover', ({ target }) => this.calcHighlight(target, this.hoverBg));
     this.setActiveSegment();
+    this.rerender();
   }
   setActiveSegment() {
     this.segments = Array.from(this.hostElement.querySelectorAll('pn-segment'));
@@ -56,15 +74,17 @@ const PnSegmentedControl = class {
   }
   /*---------------------------------------HIGHLIGHT LOGIC-------------------------------------------*/
   calcHighlight(el, bgEl) {
-    if (!(el === null || el === void 0 ? void 0 : el.closest('pn-segment')))
-      return;
-    const elRect = el.closest('pn-segment').getBoundingClientRect();
-    const { left: hostLeft } = this.segmentContainer.getBoundingClientRect();
-    const { left: segmentLeft, height: segmentHeight, width: segmentWidth } = elRect;
-    const offset = segmentLeft - hostLeft + this.segmentContainer.scrollLeft;
-    bgEl.style.setProperty('transform', `translate(${offset}px, -50%`);
-    bgEl.style.setProperty('width', `${segmentWidth}px`);
-    bgEl.style.setProperty('height', `${segmentHeight}px`);
+    requestAnimationFrame(() => {
+      if (!(el === null || el === void 0 ? void 0 : el.closest('pn-segment')))
+        return;
+      const elRect = el.closest('pn-segment').getBoundingClientRect();
+      const { left: hostLeft } = this.segmentContainer.getBoundingClientRect();
+      const { left: segmentLeft, height: segmentHeight, width: segmentWidth } = elRect;
+      const offset = segmentLeft - hostLeft + this.segmentContainer.scrollLeft;
+      bgEl.style.setProperty('transform', `translate(${offset}px, -50%`);
+      bgEl.style.setProperty('width', `${segmentWidth}px`);
+      bgEl.style.setProperty('height', `${segmentHeight}px`);
+    });
   }
   /*---------------------------------------/HIGHLIGHT LOGIC-------------------------------------------*/
   /*---------------------------------------SCROLL ARROW LOGIC-------------------------------------------*/
@@ -109,7 +129,7 @@ const PnSegmentedControl = class {
   }
   get hostElement() { return getElement(this); }
   static get watchers() { return {
-    "currentSelection": ["selectionHandler"]
+    "value": ["valueHandler"]
   }; }
 };
 PnSegmentedControl.style = pnSegmentedControlCss;

package/umd/modules/@postnord/web-components/esm/pn-select.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnSelectCss = "pn-select{cursor:pointer;outline:none;position:relative;display:-ms-flexbox;display:flex;padding:0.6em 1em;z-index:0;-webkit-transition:z-index 0s 0.5s;transition:z-index 0s 0.5s;}pn-select.select-label{padding-top:1.9em}pn-select.select-label .select-content{margin-top:1.9em}pn-select.select-label>label{position:absolute;top:1.25em;left:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);font-size:0.875em;color:#5E554A}pn-select.select-error{color:#A70707}pn-select.select-error.select-error-message{padding-bottom:1.9em}pn-select.select-error.select-error-message .select-content{margin-bottom:1.9em}pn-select.select-error>label{color:#A70707}pn-select.select-error .current-selection>pn-option{color:#A70707}pn-select.select-error .current-selection>svg.arrow{fill:#A70707}pn-select.select-error>small{color:#A70707;font-size:0.75em;font-size:max(.6em, 1.2rem);position:absolute;bottom:1.25em;left:0;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-select.select-error>small>pn-icon{margin-right:0.25em}pn-select.select-error .select-bg-top,pn-select.select-error .select-bg-bottom,pn-select.select-error .select-bg{border-color:#A70707}pn-select>span{min-height:1.5em;display:block;width:100%;white-space:nowrap;opacity:0;padding-right:2em}pn-select:hover .select-bg,pn-select:hover .select-bg-top,pn-select:hover .select-bg-bottom{border-color:#00A0D6}pn-select:focus .select-bg-top,pn-select:focus-within .select-bg-top,pn-select:not(.search):active .select-bg-top{border-color:#005D92;-webkit-box-shadow:-0.1rem -0.1rem 0 0 #005D92, 0.1rem -0.1rem 0 0 #005D92;box-shadow:-0.1rem -0.1rem 0 0 #005D92, 0.1rem -0.1rem 0 0 #005D92}pn-select:focus .select-bg,pn-select:focus-within .select-bg,pn-select:not(.search):active .select-bg{border-color:#005D92;-webkit-box-shadow:-0.1rem 0 0 0 #005D92, -0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92;box-shadow:-0.1rem 0 0 0 #005D92, -0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92}pn-select:focus .select-bg-bottom,pn-select:focus-within .select-bg-bottom,pn-select:not(.search):active .select-bg-bottom{border-color:#005D92;-webkit-box-shadow:0.1rem 0.1rem 0 0 #005D92, -0.1rem 0.1rem 0 0 #005D92;box-shadow:0.1rem 0.1rem 0 0 #005D92, -0.1rem 0.1rem 0 0 #005D92}.current-selection{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1em;position:relative;z-index:2;min-height:1.5em}.current-selection pn-checkbox{margin-right:0.5em}.current-selection pn-option{pointer-events:none;color:#005D92;font-weight:500;overflow:hidden;white-space:nowrap;-ms-flex:1 1;flex:1 1}.current-selection pn-option .pn-option-content{width:100%;overflow-x:hidden;text-overflow:ellipsis}.current-selection>svg.arrow{-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;fill:#005D92;-ms-flex-negative:0;flex-shrink:0;margin-left:0.5em}.select-content{position:absolute;z-index:3;top:0;left:0;margin:0.6em 0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:border 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s;transition:border 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s;transition:transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), border 0.1s, box-shadow 0.1s;transition:transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), border 0.1s, box-shadow 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s}.select-content[data-flipping]{-webkit-transition:none;transition:none}div.select-options{position:absolute;left:0;right:0;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.1em;z-index:3;overflow-y:auto;visibility:hidden;-webkit-transition:visibility 0s 0.2s;transition:visibility 0s 0.2s}div.select-options>*{width:100%}div.select-options>hr{border:0.1rem solid #005D92;border-bottom:0;margin:0.6em 0 0;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}div.select-options input[type=text]{border:0.1rem solid #5E554A;width:100%;padding:0.5em;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, -webkit-box-shadow 0.1s ease-in-out;transition:border 0.1s, -webkit-box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out, border 0.1s;transition:box-shadow 0.1s ease-in-out, border 0.1s, -webkit-box-shadow 0.1s ease-in-out}div.select-options input[type=text]:hover{border:0.1rem solid #00A0D6}div.select-options input[type=text]:focus{-webkit-box-shadow:0 0 0 0.1rem #005D92;box-shadow:0 0 0 0.1rem #005D92;border:0.1rem solid #005D92}div.select-options .select-search,div.select-options pn-option{-webkit-transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;transition:transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, opacity 0.4s;transition:transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;opacity:0;padding:1em}div.select-options .select-search[data-flipping],div.select-options pn-option[data-flipping]{-webkit-transition:opacity 0.4s, -webkit-transform 0s;transition:opacity 0.4s, -webkit-transform 0s;transition:transform 0s, opacity 0.4s;transition:transform 0s, opacity 0.4s, -webkit-transform 0s;-webkit-transform:translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)));transform:translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)))}div.select-options .select-search{z-index:2}div.select-options .select-search+pn-option{margin-top:0.1em}div.select-options pn-option{z-index:1}div.select-options pn-option+pn-option{margin-top:0.1em}div.select-options[data-hidden=true] pn-option.hidden{position:absolute;top:1.1em;opacity:0;width:100%;z-index:0;pointer-events:none;background:transparent}.select-bg{border-right:0.1rem solid black;border-left:0.1rem solid black;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;-webkit-transition:inherit;transition:inherit;-webkit-transform-origin:top left;transform-origin:top left;pointer-events:none}[data-flipping]>.select-bg{-webkit-transform:scaleY(calc(1 / var(--dh)));transform:scaleY(calc(1 / var(--dh)))}.select-bg-top,.select-bg-bottom{position:absolute;left:0;right:0;height:1.3em;border:0.1rem solid black;background-color:white}.select-bg-top{border-radius:0.8rem 0.8rem 0 0;top:-0.6em;border-bottom:none;-webkit-transition:inherit;transition:inherit}[data-flipping]>.select-bg-top{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)))}.select-bg-bottom{border-radius:0 0 0.8rem 0.8rem;border-top:none;-webkit-transition:inherit;transition:inherit;bottom:-0.6em;z-index:2}[data-flipping]>.select-bg-bottom{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)))}.pn-select.upwards .select-content{top:unset;bottom:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.pn-select.upwards .select-content div.select-options{bottom:100%;top:unset;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.pn-select.upwards .select-content div.select-options>hr{margin:0 0 0.6em}.pn-select.upwards .select-content div.select-options[data-hidden=true] pn-option.hidden{top:unset;bottom:1.3em}.pn-select.upwards .select-content .select-bg{-webkit-transform-origin:bottom left;transform-origin:bottom left}.pn-select.upwards .select-content .select-bg-bottom{-webkit-transition:none;transition:none}.pn-select.upwards pn-option+pn-option{margin-top:0;margin-bottom:0.1em}.pn-select[data-state=open]{z-index:5;-webkit-transition-delay:0s;transition-delay:0s}.pn-select[data-state=open] div.select-options{position:relative;pointer-events:unset;-webkit-transition:none;transition:none;visibility:visible}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option{-webkit-transition:opacity 0.2s, background 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s;transition:opacity 0.2s, transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), background 0.2s, box-shadow 0.1s;transition:opacity 0.2s, transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), background 0.2s, box-shadow 0.1s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option+.select-search{margin-top:0}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option[data-flipping]{-webkit-transition:opacity 3s, -webkit-transform 0s;transition:opacity 3s, -webkit-transform 0s;transition:transform 0s, opacity 3s;transition:transform 0s, opacity 3s, -webkit-transform 0s}.pn-select[data-state=open] pn-option,.pn-select[data-state=open] .select-search,.pn-select[data-state=open] hr{opacity:1;-webkit-transition:opacity 0.4s calc(0.2s + var(--i) * 0.03s), background 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + var(--i) * 0.03s), background 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + var(--i) * 0.03s), transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, background 0.2s, box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + var(--i) * 0.03s), transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, background 0.2s, box-shadow 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s}.pn-select[data-state=open] .select-content{-webkit-transition-delay:0s;transition-delay:0s}.pn-select[data-state=open] .current-selection svg.arrow{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";
+const pnSelectCss = "pn-select{cursor:pointer;outline:none;position:relative;display:-ms-flexbox;display:flex;padding:0.6em 1em;z-index:0;-webkit-transition:z-index 0s 0.5s;transition:z-index 0s 0.5s;}pn-select.select-label{padding-top:1.9em}pn-select.select-label .select-content{margin-top:1.9em}pn-select.select-label>label{position:absolute;top:1.25em;left:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);font-size:0.875em;color:#5e554a}pn-select.select-error{color:#a70707}pn-select.select-error.select-error-message{padding-bottom:1.9em}pn-select.select-error.select-error-message .select-content{margin-bottom:1.9em}pn-select.select-error>label{color:#a70707}pn-select.select-error .current-selection>pn-option{color:#a70707}pn-select.select-error .current-selection>svg.arrow{fill:#a70707}pn-select.select-error>small{color:#a70707;font-size:0.75em;font-size:max(.6em, 1.2rem);position:absolute;bottom:1.25em;left:0;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-select.select-error>small>pn-icon{margin-right:0.25em}pn-select.select-error .select-bg-top,pn-select.select-error .select-bg-bottom,pn-select.select-error .select-bg{border-color:#a70707}pn-select>span{min-height:1.5em;display:block;width:100%;white-space:nowrap;opacity:0;padding-right:2em}pn-select:hover .select-bg,pn-select:hover .select-bg-top,pn-select:hover .select-bg-bottom{border-color:#00a0d6}pn-select:focus .select-bg-top,pn-select:focus-within .select-bg-top,pn-select:not(.search):active .select-bg-top{border-color:#005d92;-webkit-box-shadow:-0.1rem -0.1rem 0 0 #005d92, 0.1rem -0.1rem 0 0 #005d92;box-shadow:-0.1rem -0.1rem 0 0 #005d92, 0.1rem -0.1rem 0 0 #005d92}pn-select:focus .select-bg,pn-select:focus-within .select-bg,pn-select:not(.search):active .select-bg{border-color:#005d92;-webkit-box-shadow:-0.1rem 0 0 0 #005d92, -0.1rem 0 0 0 #005d92, 0.1rem 0 0 0 #005d92, 0.1rem 0 0 0 #005d92;box-shadow:-0.1rem 0 0 0 #005d92, -0.1rem 0 0 0 #005d92, 0.1rem 0 0 0 #005d92, 0.1rem 0 0 0 #005d92}pn-select:focus .select-bg-bottom,pn-select:focus-within .select-bg-bottom,pn-select:not(.search):active .select-bg-bottom{border-color:#005d92;-webkit-box-shadow:0.1rem 0.1rem 0 0 #005d92, -0.1rem 0.1rem 0 0 #005d92;box-shadow:0.1rem 0.1rem 0 0 #005d92, -0.1rem 0.1rem 0 0 #005d92}.current-selection{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1em;position:relative;z-index:2;min-height:1.5em}.current-selection pn-checkbox{margin-right:0.5em}.current-selection pn-option{pointer-events:none;color:#005d92;font-weight:500;overflow:hidden;white-space:nowrap;-ms-flex:1 1;flex:1 1}.current-selection pn-option .pn-option-content{width:100%;overflow-x:hidden;text-overflow:ellipsis}.current-selection>svg.arrow{-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;fill:#005d92;-ms-flex-negative:0;flex-shrink:0;margin-left:0.5em}.select-content{position:absolute;z-index:3;top:0;left:0;margin:0.6em 0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:border 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s;transition:border 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s;transition:transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), border 0.1s, box-shadow 0.1s;transition:transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), border 0.1s, box-shadow 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s}.select-content[data-flipping]{-webkit-transition:none;transition:none}div.select-options{position:absolute;left:0;right:0;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.1em;z-index:3;overflow-y:auto;visibility:hidden;-webkit-transition:visibility 0s 0.2s;transition:visibility 0s 0.2s}div.select-options>*{width:100%}div.select-options>hr{border:0.1rem solid #005d92;border-bottom:0;margin:0.6em 0 0;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}div.select-options input[type=text]{border:0.1rem solid #5e554a;width:100%;padding:0.5em;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, -webkit-box-shadow 0.1s ease-in-out;transition:border 0.1s, -webkit-box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out, border 0.1s;transition:box-shadow 0.1s ease-in-out, border 0.1s, -webkit-box-shadow 0.1s ease-in-out}div.select-options input[type=text]:hover{border:0.1rem solid #00a0d6}div.select-options input[type=text]:focus{-webkit-box-shadow:0 0 0 0.1rem #005d92;box-shadow:0 0 0 0.1rem #005d92;border:0.1rem solid #005d92}div.select-options .select-search,div.select-options pn-option{-webkit-transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;transition:transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, opacity 0.4s;transition:transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;opacity:0;padding:1em}div.select-options .select-search[data-flipping],div.select-options pn-option[data-flipping]{-webkit-transition:opacity 0.4s, -webkit-transform 0s;transition:opacity 0.4s, -webkit-transform 0s;transition:transform 0s, opacity 0.4s;transition:transform 0s, opacity 0.4s, -webkit-transform 0s;-webkit-transform:translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)));transform:translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)))}div.select-options .select-search{z-index:2}div.select-options .select-search+pn-option{margin-top:0.1em}div.select-options pn-option{z-index:1}div.select-options pn-option+pn-option{margin-top:0.1em}div.select-options[data-hidden=true] pn-option.hidden{position:absolute;top:1.1em;opacity:0;width:100%;z-index:0;pointer-events:none;background:transparent}.select-bg{border-right:0.1rem solid black;border-left:0.1rem solid black;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;-webkit-transition:inherit;transition:inherit;-webkit-transform-origin:top left;transform-origin:top left;pointer-events:none}[data-flipping]>.select-bg{-webkit-transform:scaleY(calc(1 / var(--dh)));transform:scaleY(calc(1 / var(--dh)))}.select-bg-top,.select-bg-bottom{position:absolute;left:0;right:0;height:1.3em;border:0.1rem solid black;background-color:white}.select-bg-top{border-radius:0.8rem 0.8rem 0 0;top:-0.6em;border-bottom:none;-webkit-transition:inherit;transition:inherit}[data-flipping]>.select-bg-top{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)))}.select-bg-bottom{border-radius:0 0 0.8rem 0.8rem;border-top:none;-webkit-transition:inherit;transition:inherit;bottom:-0.6em;z-index:2}[data-flipping]>.select-bg-bottom{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)))}.pn-select.upwards .select-content{top:unset;bottom:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.pn-select.upwards .select-content div.select-options{bottom:100%;top:unset;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.pn-select.upwards .select-content div.select-options>hr{margin:0 0 0.6em}.pn-select.upwards .select-content div.select-options[data-hidden=true] pn-option.hidden{top:unset;bottom:1.3em}.pn-select.upwards .select-content .select-bg{-webkit-transform-origin:bottom left;transform-origin:bottom left}.pn-select.upwards .select-content .select-bg-bottom{-webkit-transition:none;transition:none}.pn-select.upwards pn-option+pn-option{margin-top:0;margin-bottom:0.1em}.pn-select[data-state=open]{z-index:5;-webkit-transition-delay:0s;transition-delay:0s}.pn-select[data-state=open] div.select-options{position:relative;pointer-events:unset;-webkit-transition:none;transition:none;visibility:visible}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option{-webkit-transition:opacity 0.2s, background 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s;transition:opacity 0.2s, transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), background 0.2s, box-shadow 0.1s;transition:opacity 0.2s, transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), background 0.2s, box-shadow 0.1s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option+.select-search{margin-top:0}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option[data-flipping]{-webkit-transition:opacity 3s, -webkit-transform 0s;transition:opacity 3s, -webkit-transform 0s;transition:transform 0s, opacity 3s;transition:transform 0s, opacity 3s, -webkit-transform 0s}.pn-select[data-state=open] pn-option,.pn-select[data-state=open] .select-search,.pn-select[data-state=open] hr{opacity:1;-webkit-transition:opacity 0.4s calc(0.2s + var(--i) * 0.03s), background 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + var(--i) * 0.03s), background 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + var(--i) * 0.03s), transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, background 0.2s, box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + var(--i) * 0.03s), transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, background 0.2s, box-shadow 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s}.pn-select[data-state=open] .select-content{-webkit-transition-delay:0s;transition-delay:0s}.pn-select[data-state=open] .current-selection svg.arrow{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";
 
 const Pnselect = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-spinner.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnSpinnerCss = "pn-spinner{height:1.5em;width:1.5em;height:var(--size);width:var(--size);display:block}pn-spinner svg{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite;display:block}pn-spinner svg .circle{stroke:#005D92;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-310deg);transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;-webkit-animation:loading 2s infinite;animation:loading 2s infinite}pn-spinner svg .dot{fill:#005D92}pn-spinner.light .circle{stroke:#fff}pn-spinner.light .dot{fill:#fff}pn-spinner svg,pn-spinner svg .circle{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1)}@-webkit-keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(-180deg) scaleX(-1);transform:rotate(-180deg) scaleX(-1)}to{-webkit-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}}@keyframes rotate{from{-webkit-transform:rotate(-180deg) scaleX(-1);transform:rotate(-180deg) scaleX(-1)}to{-webkit-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}}";
+const pnSpinnerCss = "pn-spinner{height:1.5em;width:1.5em;height:var(--size);width:var(--size);display:block}pn-spinner svg{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite;display:block}pn-spinner svg .circle{stroke:#005d92;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-310deg);transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;-webkit-animation:loading 2s infinite;animation:loading 2s infinite}pn-spinner svg .dot{fill:#005d92}pn-spinner.light .circle{stroke:#fff}pn-spinner.light .dot{fill:#fff}pn-spinner svg,pn-spinner svg .circle{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1)}@-webkit-keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(-180deg) scaleX(-1);transform:rotate(-180deg) scaleX(-1)}to{-webkit-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}}@keyframes rotate{from{-webkit-transform:rotate(-180deg) scaleX(-1);transform:rotate(-180deg) scaleX(-1)}to{-webkit-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}}";
 
 const PnSpinner = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-tab.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-602e59ea.js';
 
-const pnTabCss = "pn-tab{margin-right:2.5em;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:center}pn-tab:last-of-type{margin-right:0}button.pn-tab{padding:0 0.5em 0.5em;border:none;font:inherit;background-color:transparent;cursor:pointer;font-size:0.9em;color:#000;font-weight:300;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}button.pn-tab svg{margin-right:0.4em;width:1.7em;height:1.7em}button.pn-tab svg path,button.pn-tab svg polygon{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out;fill:#000}button.pn-tab.active{color:#005D92}button.pn-tab.active svg path,button.pn-tab.active svg polygon{fill:#005D92}";
+const pnTabCss = "pn-tab{margin-right:2.5em;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:center}pn-tab:last-of-type{margin-right:0}button.pn-tab{padding:0 0.5em 0.5em;border:none;font:inherit;background-color:transparent;cursor:pointer;font-size:0.9em;color:#000;font-weight:300;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}button.pn-tab svg{margin-right:0.4em;width:1.7em;height:1.7em}button.pn-tab svg path,button.pn-tab svg polygon{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out;fill:#000}button.pn-tab.active{color:#005d92}button.pn-tab.active svg path,button.pn-tab.active svg polygon{fill:#005d92}";
 
 const PnTab = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-table.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-602e59ea.js';
 
-const pnTableCss = "pn-table{display:block;margin-bottom:16px}pn-table.bordered .pn-table-container table thead tr:last-child th,pn-table.bordered .pn-table-container table thead tr:last-child td{border-bottom-width:2px}pn-table.bordered .pn-table-container table thead tr:first-child th,pn-table.bordered .pn-table-container table thead tr:first-child td{border-top:1px solid #F3F2F2}pn-table.bordered .pn-table-container table thead tr th,pn-table.bordered .pn-table-container table thead tr td{border-right:1px solid #F3F2F2;border-bottom:1px solid #F3F2F2}pn-table.bordered .pn-table-container table thead tr th:first-child,pn-table.bordered .pn-table-container table thead tr td:first-child{border-left:1px solid #F3F2F2}pn-table.bordered .pn-table-container table tbody tr.hover-before th,pn-table.bordered .pn-table-container table tbody tr.hover-before td{border-bottom-color:#E0F8FF}pn-table.bordered .pn-table-container table tbody tr.hover th,pn-table.bordered .pn-table-container table tbody tr.hover td{border-bottom-color:#E0F8FF}pn-table.bordered .pn-table-container table tbody tr.hover th:first-child,pn-table.bordered .pn-table-container table tbody tr.hover td:first-child{border-left-color:#E0F8FF}pn-table.bordered .pn-table-container table tbody tr.hover th:last-child,pn-table.bordered .pn-table-container table tbody tr.hover td:last-child{border-right-color:#E0F8FF}pn-table.bordered .pn-table-container table tbody tr th,pn-table.bordered .pn-table-container table tbody tr td{border-bottom:1px solid #F3F2F2}pn-table.bordered .pn-table-container table tbody tr th:first-child,pn-table.bordered .pn-table-container table tbody tr td:first-child{border-left:1px solid #F3F2F2}pn-table.bordered .pn-table-container table tbody tr th:last-child,pn-table.bordered .pn-table-container table tbody tr td:last-child{border-right:1px solid #F3F2F2}pn-table.bordered.no-prev.hover .pn-table-container table thead tr th,pn-table.bordered.no-prev.hover .pn-table-container table thead tr td{border-bottom-color:#E0F8FF}pn-table.bordered.clicked.no-prev .pn-table-container table thead tr th,pn-table.bordered.clicked.no-prev .pn-table-container table thead tr td{border-bottom-color:#005D92}pn-table.bordered.clicked .pn-table-container table tbody tr.hover-before th,pn-table.bordered.clicked .pn-table-container table tbody tr.hover-before td{border-bottom-color:#005D92}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td{border-bottom-color:#005D92}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th:first-child,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td:first-child{border-left-color:#005D92}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th:last-child,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td:last-child{border-right-color:#005D92}pn-table.bordered.striped .pn-table-container table tbody tr th,pn-table.bordered.striped .pn-table-container table tbody tr td{border-bottom-width:0}pn-table.bordered.striped .pn-table-container table tbody tr:last-child th,pn-table.bordered.striped .pn-table-container table tbody tr:last-child td{border-bottom-width:1px}pn-table.striped .pn-table-container table tbody tr:nth-child(odd) th,pn-table.striped .pn-table-container table tbody tr:nth-child(odd) td{background-color:#E0F8FF}pn-table.striped.disabled .pn-table-container table tbody tr:nth-child(odd) th,pn-table.striped.disabled .pn-table-container table tbody tr:nth-child(odd) td{background-color:#F3F2F2}pn-table .pn-table-container table{width:100%}pn-table .pn-table-container table,pn-table .pn-table-container table th,pn-table .pn-table-container table td{padding:0;margin:0;border:0;outline:0;border-collapse:collapse;max-width:100%}pn-table .pn-table-container table th,pn-table .pn-table-container table td{text-align:left;font-size:14px;line-height:20px;vertical-align:middle;padding:14px 16px}pn-table .pn-table-container table th pn-icon,pn-table .pn-table-container table td pn-icon{vertical-align:middle}pn-table .pn-table-container table thead tr th,pn-table .pn-table-container table thead tr td{color:#005D92;font-weight:500}pn-table .pn-table-container table thead tr th .column-wrapper,pn-table .pn-table-container table thead tr td .column-wrapper{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}pn-table .pn-table-container table thead tr th .column-wrapper pn-icon,pn-table .pn-table-container table thead tr td .column-wrapper pn-icon{cursor:pointer}pn-table .pn-table-container table tbody tr th,pn-table .pn-table-container table tbody tr td{color:#5E554A;font-weight:300}pn-table .pn-table-container table tbody tr th{font-weight:500;color:#2D2013}";
+const pnTableCss = "pn-table{display:block;margin-bottom:16px}pn-table.bordered .pn-table-container table thead tr:last-child th,pn-table.bordered .pn-table-container table thead tr:last-child td{border-bottom-width:2px}pn-table.bordered .pn-table-container table thead tr:first-child th,pn-table.bordered .pn-table-container table thead tr:first-child td{border-top:1px solid #f3f2f2}pn-table.bordered .pn-table-container table thead tr th,pn-table.bordered .pn-table-container table thead tr td{border-right:1px solid #f3f2f2;border-bottom:1px solid #f3f2f2}pn-table.bordered .pn-table-container table thead tr th:first-child,pn-table.bordered .pn-table-container table thead tr td:first-child{border-left:1px solid #f3f2f2}pn-table.bordered .pn-table-container table tbody tr.hover-before th,pn-table.bordered .pn-table-container table tbody tr.hover-before td{border-bottom-color:#e0f8ff}pn-table.bordered .pn-table-container table tbody tr.hover th,pn-table.bordered .pn-table-container table tbody tr.hover td{border-bottom-color:#e0f8ff}pn-table.bordered .pn-table-container table tbody tr.hover th:first-child,pn-table.bordered .pn-table-container table tbody tr.hover td:first-child{border-left-color:#e0f8ff}pn-table.bordered .pn-table-container table tbody tr.hover th:last-child,pn-table.bordered .pn-table-container table tbody tr.hover td:last-child{border-right-color:#e0f8ff}pn-table.bordered .pn-table-container table tbody tr th,pn-table.bordered .pn-table-container table tbody tr td{border-bottom:1px solid #f3f2f2}pn-table.bordered .pn-table-container table tbody tr th:first-child,pn-table.bordered .pn-table-container table tbody tr td:first-child{border-left:1px solid #f3f2f2}pn-table.bordered .pn-table-container table tbody tr th:last-child,pn-table.bordered .pn-table-container table tbody tr td:last-child{border-right:1px solid #f3f2f2}pn-table.bordered.no-prev.hover .pn-table-container table thead tr th,pn-table.bordered.no-prev.hover .pn-table-container table thead tr td{border-bottom-color:#e0f8ff}pn-table.bordered.clicked.no-prev .pn-table-container table thead tr th,pn-table.bordered.clicked.no-prev .pn-table-container table thead tr td{border-bottom-color:#005d92}pn-table.bordered.clicked .pn-table-container table tbody tr.hover-before th,pn-table.bordered.clicked .pn-table-container table tbody tr.hover-before td{border-bottom-color:#005d92}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td{border-bottom-color:#005d92}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th:first-child,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td:first-child{border-left-color:#005d92}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th:last-child,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td:last-child{border-right-color:#005d92}pn-table.bordered.striped .pn-table-container table tbody tr th,pn-table.bordered.striped .pn-table-container table tbody tr td{border-bottom-width:0}pn-table.bordered.striped .pn-table-container table tbody tr:last-child th,pn-table.bordered.striped .pn-table-container table tbody tr:last-child td{border-bottom-width:1px}pn-table.striped .pn-table-container table tbody tr:nth-child(odd) th,pn-table.striped .pn-table-container table tbody tr:nth-child(odd) td{background-color:#e0f8ff}pn-table.striped.disabled .pn-table-container table tbody tr:nth-child(odd) th,pn-table.striped.disabled .pn-table-container table tbody tr:nth-child(odd) td{background-color:#f3f2f2}pn-table .pn-table-container table{width:100%}pn-table .pn-table-container table,pn-table .pn-table-container table th,pn-table .pn-table-container table td{padding:0;margin:0;border:0;outline:0;border-collapse:collapse;max-width:100%}pn-table .pn-table-container table th,pn-table .pn-table-container table td{text-align:left;font-size:14px;line-height:20px;vertical-align:middle;padding:14px 16px}pn-table .pn-table-container table th pn-icon,pn-table .pn-table-container table td pn-icon{vertical-align:middle}pn-table .pn-table-container table thead tr th,pn-table .pn-table-container table thead tr td{color:#005d92;font-weight:500}pn-table .pn-table-container table thead tr th .column-wrapper,pn-table .pn-table-container table thead tr td .column-wrapper{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}pn-table .pn-table-container table thead tr th .column-wrapper pn-icon,pn-table .pn-table-container table thead tr td .column-wrapper pn-icon{cursor:pointer}pn-table .pn-table-container table tbody tr th,pn-table .pn-table-container table tbody tr td{color:#5e554a;font-weight:300}pn-table .pn-table-container table tbody tr th{font-weight:500;color:#2d2013}";
 
 const PnTable = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-tablist.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnTablistCss = ".pn-tablist{width:100%;position:relative;border-bottom:0.1em solid #D4CECB;display:block}.pn-tablist>.tablist{overflow-y:hidden;overflow-x:auto;display:-ms-flexbox;display:flex;position:relative;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-tablist>.tablist::-webkit-scrollbar{display:none}.pn-tablist.stacked button.pn-tab{-ms-flex-direction:column;flex-direction:column}.pn-tablist.stacked button.pn-tab svg{margin:0 0 0.2em}.pn-tablist .scroll-arrows{position:absolute;top:50%;left:0;right:0;overflow:hidden;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;z-index:1;height:100%}.pn-tablist .scroll-arrows.left>.arrow-left{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pn-tablist .scroll-arrows.right>.arrow-right{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pn-tablist .scroll-arrows svg{width:1.5em}.pn-tablist .scroll-arrows svg path{fill:#005D92}.pn-tablist .scroll-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer}.pn-tablist .scroll-arrows>*.arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}.pn-tablist .scroll-arrows>*.arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}.pn-tablist .scroll-arrows>*:active{background:#F3F2F2}.pn-tablist .line{height:0.1em;width:100%;position:absolute;bottom:0}.pn-tablist .line .active-line,.pn-tablist .line .hovered-line{position:absolute;-webkit-transform-origin:left center;transform-origin:left center;width:100%;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97);transition:opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97);transition:transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97)}.pn-tablist .line .active-line{background-color:#005D92;height:0.5em;bottom:-0.3em;z-index:1;opacity:0}.pn-tablist .line .hovered-line{background-color:#00A0D6;height:0.1em;opacity:0}";
+const pnTablistCss = ".pn-tablist{width:100%;position:relative;border-bottom:0.1em solid #D4CECB;display:block}.pn-tablist>.tablist{overflow-y:hidden;overflow-x:auto;display:-ms-flexbox;display:flex;position:relative;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-tablist>.tablist::-webkit-scrollbar{display:none}.pn-tablist.stacked button.pn-tab{-ms-flex-direction:column;flex-direction:column}.pn-tablist.stacked button.pn-tab svg{margin:0 0 0.2em}.pn-tablist .scroll-arrows{position:absolute;top:50%;left:0;right:0;overflow:hidden;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;z-index:1;height:100%}.pn-tablist .scroll-arrows.left>.arrow-left{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pn-tablist .scroll-arrows.right>.arrow-right{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pn-tablist .scroll-arrows svg{width:1.5em}.pn-tablist .scroll-arrows svg path{fill:#005d92}.pn-tablist .scroll-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer}.pn-tablist .scroll-arrows>*.arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}.pn-tablist .scroll-arrows>*.arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}.pn-tablist .scroll-arrows>*:active{background:#f3f2f2}.pn-tablist .line{height:0.1em;width:100%;position:absolute;bottom:0}.pn-tablist .line .active-line,.pn-tablist .line .hovered-line{position:absolute;-webkit-transform-origin:left center;transform-origin:left center;width:100%;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97);transition:opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97);transition:transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97)}.pn-tablist .line .active-line{background-color:#005d92;height:0.5em;bottom:-0.3em;z-index:1;opacity:0}.pn-tablist .line .hovered-line{background-color:#00a0d6;height:0.1em;opacity:0}";
 
 const PnTablist = class {
   constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, h, a as Host, g as getElement } from './index-602e59ea.js';
 import { a as allIllustrations } from './illustrations-5dd6b6a9.js';
 
-const pnTileCss = "pn-tile{position:relative;font-size:1em;}pn-tile a.pn-tile-link{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0}pn-tile .pn-tile{border:0.1rem solid #D3CECB;outline:none;background:white;-webkit-box-shadow:0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);box-shadow:0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;padding:1.5em;padding:min(7%, 1.5em);word-break:break-word;text-decoration:none;border-radius:0.8rem;-webkit-transition:background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;transition:background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;transition:box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s, background 0.2s linear, border 0.1s linear;transition:box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s, background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;position:relative;overflow:hidden;text-align:left;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;height:100%}pn-tile .pn-tile.vertical,pn-tile .pn-tile.simple{text-align:center}pn-tile .pn-tile.vertical h3,pn-tile .pn-tile.simple h3{font-size:1.5em;font-size:clamp(1em, var(--w) * 1.4, 1.5em)}pn-tile .pn-tile.vertical .tile-slot,pn-tile .pn-tile.simple .tile-slot{font-size:1em;font-size:clamp(1.2rem, var(--w), 1em)}pn-tile .pn-tile.vertical>*,pn-tile .pn-tile.simple>*{margin:0.5em 0}pn-tile .pn-tile.simple{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}pn-tile .pn-tile.simple .tile-slot{display:none}pn-tile .pn-tile.simple h3>pn-icon{margin-left:0.1em;vertical-align:bottom}pn-tile .pn-tile.simple>*{margin:0.5em}pn-tile .pn-tile.simple>.text-cont{margin:0.5em}pn-tile .pn-tile.simple>svg,pn-tile .pn-tile.simple>.tile-illustration-slot{max-width:clamp(3em, 70%, 10em)}pn-tile .pn-tile.simple>svg,pn-tile .pn-tile.simple>.tile-illustration-slot,pn-tile .pn-tile.simple>.text-cont{-ms-flex:auto;flex:auto}pn-tile .pn-tile>*{margin:0.5em;z-index:2}pn-tile .pn-tile>svg,pn-tile .pn-tile>.tile-illustration-slot{width:100%;max-width:8em;-ms-flex:0.5 3 calc((32rem - 100%) * 999);flex:0.5 3 calc((32rem - 100%) * 999);z-index:2}pn-tile .pn-tile>.tile-illustration-slot{max-width:13em}pn-tile .pn-tile>.tile-illustration-slot>*{width:100%;display:block}pn-tile .pn-tile>.text-cont{-ms-flex:1 1 calc((32rem - 100%) * 999);flex:1 1 calc((32rem - 100%) * 999)}pn-tile .pn-tile h3{color:#005D92;font-size:1.5em}pn-tile .pn-tile .tile-slot{color:#5E554A;margin-top:0.25em}pn-tile a:focus+.pn-tile{-webkit-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}pn-tile .pn-tile:hover,pn-tile a:focus+.pn-tile{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{-webkit-transform:translate(-50%, -90%);transform:translate(-50%, -90%);-webkit-transform:translate(-50%, calc(var(--w) * 2 - 90%));transform:translate(-50%, calc(var(--w) * 2 - 90%));opacity:1}pn-tile .pn-tile .tile-circle{position:absolute;top:0;left:50%;width:40em;height:40em;margin:0;background-color:#005D92;border-radius:50%;z-index:1;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);-webkit-transition:opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);opacity:0}pn-tile .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:#005D92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.05}@-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}}";
+const pnTileCss = "pn-tile{position:relative;font-size:1em;}pn-tile a.pn-tile-link{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0}pn-tile .pn-tile{border:0.1rem solid #d3cecb;outline:none;background:white;-webkit-box-shadow:0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);box-shadow:0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;padding:1.5em;padding:min(7%, 1.5em);word-break:break-word;text-decoration:none;border-radius:0.8rem;-webkit-transition:background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;transition:background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;transition:box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s, background 0.2s linear, border 0.1s linear;transition:box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s, background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;position:relative;overflow:hidden;text-align:left;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;height:100%}pn-tile .pn-tile.vertical,pn-tile .pn-tile.simple{text-align:center}pn-tile .pn-tile.vertical h3,pn-tile .pn-tile.simple h3{font-size:1.5em;font-size:clamp(1em, var(--w) * 1.4, 1.5em)}pn-tile .pn-tile.vertical .tile-slot,pn-tile .pn-tile.simple .tile-slot{font-size:1em;font-size:clamp(1.2rem, var(--w), 1em)}pn-tile .pn-tile.vertical>*,pn-tile .pn-tile.simple>*{margin:0.5em 0}pn-tile .pn-tile.simple{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}pn-tile .pn-tile.simple .tile-slot{display:none}pn-tile .pn-tile.simple h3>pn-icon{margin-left:0.1em;vertical-align:bottom}pn-tile .pn-tile.simple>*{margin:0.5em}pn-tile .pn-tile.simple>.text-cont{margin:0.5em}pn-tile .pn-tile.simple>svg,pn-tile .pn-tile.simple>.tile-illustration-slot{max-width:clamp(3em, 70%, 10em)}pn-tile .pn-tile.simple>svg,pn-tile .pn-tile.simple>.tile-illustration-slot,pn-tile .pn-tile.simple>.text-cont{-ms-flex:auto;flex:auto}pn-tile .pn-tile>*{margin:0.5em;z-index:2}pn-tile .pn-tile>svg,pn-tile .pn-tile>.tile-illustration-slot{width:100%;max-width:8em;-ms-flex:0.5 3 calc((32rem - 100%) * 999);flex:0.5 3 calc((32rem - 100%) * 999);z-index:2}pn-tile .pn-tile>.tile-illustration-slot{max-width:13em}pn-tile .pn-tile>.tile-illustration-slot>*{width:100%;display:block}pn-tile .pn-tile>.text-cont{-ms-flex:1 1 calc((32rem - 100%) * 999);flex:1 1 calc((32rem - 100%) * 999)}pn-tile .pn-tile h3{color:#005d92;font-size:1.5em}pn-tile .pn-tile .tile-slot{color:#5e554a;margin-top:0.25em}pn-tile a:focus+.pn-tile{-webkit-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}pn-tile .pn-tile:hover,pn-tile a:focus+.pn-tile{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{-webkit-transform:translate(-50%, -90%);transform:translate(-50%, -90%);-webkit-transform:translate(-50%, calc(var(--w) * 2 - 90%));transform:translate(-50%, calc(var(--w) * 2 - 90%));opacity:1}pn-tile .pn-tile .tile-circle{position:absolute;top:0;left:50%;width:40em;height:40em;margin:0;background-color:#005d92;border-radius:50%;z-index:1;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);-webkit-transition:opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);opacity:0}pn-tile .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:#005d92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.05}@-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}}";
 
 const Pntile = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-toast.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnToastCss = "pn-toast.pn-toast{color:#000;padding:1em;border:0.1rem solid #005D92;border-radius:0.8rem;outline:none;font-size:1em;font-weight:400;background:#E0F8FF;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;opacity:1;visibility:visible;-webkit-transition:visibility 0s linear 0s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, box-shadow 0.2s, -webkit-box-shadow 0.2s;z-index:10;}pn-toast.pn-toast[data-hidden]{opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear 0.35s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, box-shadow 0.2s, -webkit-box-shadow 0.2s}pn-toast.pn-toast pn-icon svg path{fill:#005D92;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast>.content{margin-right:0.5em;-ms-flex-item-align:center;align-self:center}pn-toast.pn-toast>pn-icon{margin-right:0.5em}pn-toast.pn-toast button{cursor:pointer;border-radius:50%;border:none;background:none;padding:0.1em;font-size:1.2em;margin-left:auto;outline:none;-webkit-transition:background 0.2s, -webkit-box-shadow 0.2s;transition:background 0.2s, -webkit-box-shadow 0.2s;transition:background 0.2s, box-shadow 0.2s;transition:background 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-toast.pn-toast button:hover{background:#8EDDF9}pn-toast.pn-toast button:focus{background:#8EDDF9;-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-toast.pn-toast.pn-toast-warning{border:0.1rem solid #A70707;background:#FDEFEE}pn-toast.pn-toast.pn-toast-warning button:hover{background:#FBC2C1}pn-toast.pn-toast.pn-toast-warning button:focus{background:#FBC2C1;-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-toast.pn-toast.pn-toast-warning pn-icon svg path{fill:#A70707;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast.pn-toast-success{border:0.1rem solid #005E41;background:#DCF6E7}pn-toast.pn-toast.pn-toast-success button:focus{background:#ABE3BB;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41}pn-toast.pn-toast.pn-toast-success button:hover{background:#ABE3BB}pn-toast.pn-toast.pn-toast-success pn-icon svg path{fill:#005E41;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast.pn-toast-temporary{-webkit-box-shadow:0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13)}";
+const pnToastCss = "pn-toast.pn-toast{color:#000;padding:1em;border:0.1rem solid #005d92;border-radius:0.8rem;outline:none;font-size:1em;font-weight:400;background:#e0f8ff;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;opacity:1;visibility:visible;-webkit-transition:visibility 0s linear 0s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, box-shadow 0.2s, -webkit-box-shadow 0.2s;z-index:10;}pn-toast.pn-toast[data-hidden]{opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear 0.35s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, box-shadow 0.2s, -webkit-box-shadow 0.2s}pn-toast.pn-toast pn-icon svg path{fill:#005d92;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast>.content{margin-right:0.5em;-ms-flex-item-align:center;align-self:center}pn-toast.pn-toast>pn-icon{margin-right:0.5em}pn-toast.pn-toast button{cursor:pointer;border-radius:50%;border:none;background:none;padding:0.1em;font-size:1.2em;margin-left:auto;outline:none;-webkit-transition:background 0.2s, -webkit-box-shadow 0.2s;transition:background 0.2s, -webkit-box-shadow 0.2s;transition:background 0.2s, box-shadow 0.2s;transition:background 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-toast.pn-toast button:hover{background:#8eddf9}pn-toast.pn-toast button:focus{background:#8eddf9;-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-toast.pn-toast.pn-toast-warning{border:0.1rem solid #a70707;background:#fdefee}pn-toast.pn-toast.pn-toast-warning button:hover{background:#fbc2c1}pn-toast.pn-toast.pn-toast-warning button:focus{background:#fbc2c1;-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-toast.pn-toast.pn-toast-warning pn-icon svg path{fill:#a70707;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast.pn-toast-success{border:0.1rem solid #005e41;background:#dcf6e7}pn-toast.pn-toast.pn-toast-success button:focus{background:#abe3bb;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41}pn-toast.pn-toast.pn-toast-success button:hover{background:#abe3bb}pn-toast.pn-toast.pn-toast-success pn-icon svg path{fill:#005e41;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast.pn-toast-temporary{-webkit-box-shadow:0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13)}";
 
 const Pntoast = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-toggle-switch.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-602e59ea.js';
 
-const pnToggleSwitchCss = "pn-toggle-switch{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;font-size:3rem}pn-toggle-switch .pn-toggle-switch{width:100%;height:100%;opacity:0;margin:0;position:absolute}.pn-toggle{width:1em;height:1em;padding:0.2em;position:relative;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;margin-right:1.4em;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1), -webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);-webkit-tap-highlight-color:transparent}.pn-toggle .bg{position:absolute;top:0;left:0;width:175%;height:100%;z-index:0;border-radius:2em;-webkit-transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s}.pn-toggle>.circle{width:1em;height:1em;background:white;-webkit-box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;-webkit-transition:inherit;transition:inherit;z-index:1;position:relative;padding:0.1em}.pn-toggle>.circle>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin:-0.1em}.pn-toggle pn-spinner{opacity:0;-webkit-transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);width:100%;height:100%}pn-toggle-switch .pn-toggle-switch{}pn-toggle-switch .pn-toggle-switch+.pn-toggle .bg{background:#969087}pn-toggle-switch .pn-toggle-switch:focus+.pn-toggle .bg,pn-toggle-switch .pn-toggle-switch:active+.pn-toggle .bg{-webkit-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-toggle-switch .pn-toggle-switch:hover+.pn-toggle .bg{background:#5E554A}pn-toggle-switch .pn-toggle-switch:hover:checked+.pn-toggle .bg{background:#0D234B;opacity:1}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle{-webkit-transform:translateX(50%);transform:translateX(50%)}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle .bg{width:100%}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle pn-spinner{opacity:1;-webkit-transition-delay:0.3s;transition-delay:0.3s}pn-toggle-switch .pn-toggle-switch:checked+.pn-toggle .bg{background:#005D92}pn-toggle-switch .pn-toggle-switch:checked+.pn-toggle>.circle{-webkit-transform:translateX(100%);transform:translateX(100%)}pn-toggle-switch .pn-toggle-switch:disabled+.pn-toggle{cursor:not-allowed}pn-toggle-switch .pn-toggle-switch:disabled+.pn-toggle .bg{-webkit-box-shadow:none;box-shadow:none;opacity:0.5}pn-toggle-switch .pn-toggle-switch:disabled:hover+.pn-toggle .bg{opacity:0.5;background:#969087}pn-toggle-switch .pn-toggle-switch:disabled:hover:checked+.pn-toggle .bg{background:#005D92}";
+const pnToggleSwitchCss = "pn-toggle-switch{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;font-size:3rem}pn-toggle-switch .pn-toggle-switch{width:100%;height:100%;opacity:0;margin:0;position:absolute}.pn-toggle{width:1em;height:1em;padding:0.2em;position:relative;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;margin-right:1.4em;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1), -webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);-webkit-tap-highlight-color:transparent}.pn-toggle .bg{position:absolute;top:0;left:0;width:175%;height:100%;z-index:0;border-radius:2em;-webkit-transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s}.pn-toggle>.circle{width:1em;height:1em;background:white;-webkit-box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;-webkit-transition:inherit;transition:inherit;z-index:1;position:relative;padding:0.1em}.pn-toggle>.circle>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin:-0.1em}.pn-toggle pn-spinner{opacity:0;-webkit-transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);width:100%;height:100%}pn-toggle-switch .pn-toggle-switch{}pn-toggle-switch .pn-toggle-switch+.pn-toggle .bg{background:#969087}pn-toggle-switch .pn-toggle-switch:focus+.pn-toggle .bg,pn-toggle-switch .pn-toggle-switch:active+.pn-toggle .bg{-webkit-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-toggle-switch .pn-toggle-switch:hover+.pn-toggle .bg{background:#5e554a}pn-toggle-switch .pn-toggle-switch:hover:checked+.pn-toggle .bg{background:#0d234b;opacity:1}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle{-webkit-transform:translateX(50%);transform:translateX(50%)}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle .bg{width:100%}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle pn-spinner{opacity:1;-webkit-transition-delay:0.3s;transition-delay:0.3s}pn-toggle-switch .pn-toggle-switch:checked+.pn-toggle .bg{background:#005d92}pn-toggle-switch .pn-toggle-switch:checked+.pn-toggle>.circle{-webkit-transform:translateX(100%);transform:translateX(100%)}pn-toggle-switch .pn-toggle-switch:disabled+.pn-toggle{cursor:not-allowed}pn-toggle-switch .pn-toggle-switch:disabled+.pn-toggle .bg{-webkit-box-shadow:none;box-shadow:none;opacity:0.5}pn-toggle-switch .pn-toggle-switch:disabled:hover+.pn-toggle .bg{opacity:0.5;background:#969087}pn-toggle-switch .pn-toggle-switch:disabled:hover:checked+.pn-toggle .bg{background:#005d92}";
 
 const PnToggleSwitch = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-tooltip.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-602e59ea.js';
 
-const pnTooltipCss = "pn-tooltip{display:inline-block;font-size:1em}button.pn-tooltip{background:none;outline:none;border:none;position:relative;padding:0;border-radius:50%;-webkit-transition:background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);cursor:pointer;font-size:inherit}button.pn-tooltip:focus{-webkit-box-shadow:0 0 0 0.1rem #FFFFFF, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem #FFFFFF, 0 0 0 0.3rem #005D92;background:#E0F8FF}button.pn-tooltip:hover{background:#E0F8FF}button.pn-tooltip.tooltip-white:focus,button.pn-tooltip.tooltip-white:hover{background:#0D234B}button.pn-tooltip>.pn-tooltip-content{position:absolute;bottom:calc(100% + 0.75em);left:50%;background:#FFFFFF;padding:1em;border-radius:0.8rem;-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:1;max-width:min(95vw, 40em);-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);-webkit-transform-origin:bottom left;transform-origin:bottom left;width:-webkit-max-content;width:-moz-max-content;width:max-content;color:#000}button.pn-tooltip>pn-icon{position:relative;pointer-events:none}button.pn-tooltip>pn-icon:before{content:\"\";width:0;height:0;border-left:0.75em solid transparent;border-right:0.75em solid transparent;border-top:0.75em solid #FFFFFF;-webkit-filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);bottom:102%;left:50%;position:absolute;z-index:2;-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;-webkit-transition-delay:0.14s;transition-delay:0.14s;-webkit-transform-origin:bottom left;transform-origin:bottom left;pointer-events:none}button.pn-tooltip.pn-tooltip-downwards .pn-tooltip-content{bottom:unset;top:calc(100% + 0.75em);-webkit-transform-origin:top left;transform-origin:top left}button.pn-tooltip.pn-tooltip-downwards pn-icon:before{top:102%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));border-top:none;border-bottom:0.75em solid #FFFFFF}button.pn-tooltip[data-open] .pn-tooltip-content{-webkit-transition-delay:0.1s;transition-delay:0.1s}button.pn-tooltip[data-open] pn-icon:before{-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transition-delay:0s;transition-delay:0s;pointer-events:auto}";
+const pnTooltipCss = "pn-tooltip{display:inline-block;font-size:1em}button.pn-tooltip{background:none;outline:none;border:none;position:relative;padding:0;border-radius:50%;-webkit-transition:background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);cursor:pointer;font-size:inherit}button.pn-tooltip:focus{-webkit-box-shadow:0 0 0 0.1rem #ffffff, 0 0 0 0.3rem #005d92;box-shadow:0 0 0 0.1rem #ffffff, 0 0 0 0.3rem #005d92;background:#e0f8ff}button.pn-tooltip:hover{background:#e0f8ff}button.pn-tooltip.tooltip-white:focus,button.pn-tooltip.tooltip-white:hover{background:#0d234b}button.pn-tooltip>.pn-tooltip-content{position:absolute;bottom:calc(100% + 0.75em);left:50%;background:#ffffff;padding:1em;border-radius:0.8rem;-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:1;max-width:min(95vw, 40em);-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);-webkit-transform-origin:bottom left;transform-origin:bottom left;width:-webkit-max-content;width:-moz-max-content;width:max-content;color:#000}button.pn-tooltip>pn-icon{position:relative;pointer-events:none}button.pn-tooltip>pn-icon:before{content:\"\";width:0;height:0;border-left:0.75em solid transparent;border-right:0.75em solid transparent;border-top:0.75em solid #ffffff;-webkit-filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);bottom:102%;left:50%;position:absolute;z-index:2;-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;-webkit-transition-delay:0.14s;transition-delay:0.14s;-webkit-transform-origin:bottom left;transform-origin:bottom left;pointer-events:none}button.pn-tooltip.pn-tooltip-downwards .pn-tooltip-content{bottom:unset;top:calc(100% + 0.75em);-webkit-transform-origin:top left;transform-origin:top left}button.pn-tooltip.pn-tooltip-downwards pn-icon:before{top:102%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));border-top:none;border-bottom:0.75em solid #ffffff}button.pn-tooltip[data-open] .pn-tooltip-content{-webkit-transition-delay:0.1s;transition-delay:0.1s}button.pn-tooltip[data-open] pn-icon:before{-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transition-delay:0s;transition-delay:0s;pointer-events:auto}";
 
 const PnTooltip = class {
   constructor(hostRef) {

package/umd/modules/@postnord/web-components/esm/pn-zipcode-search.entry.js

@@ -45,7 +45,7 @@ const translations = {
   },
 };
 
-const pnZipcodeSearchCss = "pn-zipcode-search{display:block;color:#5E554A}pn-zipcode-search .search-results{margin-top:1em;padding:0.5em}pn-zipcode-search .search-results>h3,pn-zipcode-search .search-results h2{font-weight:normal}pn-zipcode-search .text-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-zipcode-search .text-row+.text-row{margin-top:1em}pn-zipcode-search .text-row>*+*{margin-left:0.25em}pn-zipcode-search .error-text{color:#A70707;padding:0.5em 1em}pn-zipcode-search pn-search-field{width:100%}@media screen and (max-width: 30em){pn-zipcode-search .text-row:nth-child(-n+2){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:unset;align-items:unset}pn-zipcode-search .text-row:nth-child(-n+2) .delivery-date{margin-left:auto;margin-top:0.25em}}";
+const pnZipcodeSearchCss = "pn-zipcode-search{display:block;color:#5e554a}pn-zipcode-search .search-results{margin-top:1em;padding:0.5em}pn-zipcode-search .search-results>h3,pn-zipcode-search .search-results h2{font-weight:normal}pn-zipcode-search .text-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-zipcode-search .text-row+.text-row{margin-top:1em}pn-zipcode-search .text-row>*+*{margin-left:0.25em}pn-zipcode-search .error-text{color:#a70707;padding:0.5em 1em}pn-zipcode-search pn-search-field{width:100%}@media screen and (max-width: 30em){pn-zipcode-search .text-row:nth-child(-n+2){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:unset;align-items:unset}pn-zipcode-search .text-row:nth-child(-n+2) .delivery-date{margin-left:auto;margin-top:0.25em}}";
 
 const PnZipCodeSearch = class {
   constructor(hostRef) {

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

@@ -53,5 +53,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["pn-ocr-search",[[0,"pn-ocr-search",{"language":[1],"loading":[32],"error":[32],"ocrNumber":[32],"searchSuccess":[32],"invalidOcrNumber":[32]}]]],["pn-zipcode-search",[[0,"pn-zipcode-search",{"marketwebLanguage":[1,"marketweb-language"],"language":[32],"loading":[32],"error":[32],"errorMessage":[32],"showResult":[32],"zipCodeSearchResult":[32]}]]],["pn-file-upload",[[4,"pn-file-upload",{"disabled":[4],"showSpinner":[4,"show-spinner"],"accept":[1],"maxSize":[1,"max-size"],"limit":[2],"multiple":[1028],"triggerElements":[32],"renders":[32],"startUpload":[64],"clearUpload":[64],"removeFile":[64],"updateFile":[64]}]]],["pn-select",[[4,"pn-select",{"searchable":[4],"label":[1],"placeholder":[1],"checkbox":[4],"checkboxid":[1],"checked":[1028],"indeterminate":[1028],"error":[1],"invalid":[4],"value":[1],"internalValue":[32],"open":[32],"upwards":[32],"loaded":[32]},[[0,"change","changeHandler"],[0,"selectOption","selectOptionHandler"]]]]],["pn-date-picker-old",[[0,"pn-date-picker-old",{"language":[1],"disabled":[4],"emitErrors":[4,"emit-errors"],"label":[1],"min":[1],"max":[1],"invalid":[4],"disableWeekends":[4,"disable-weekends"],"disableDays":[1,"disable-days"],"disableInput":[4,"disable-input"],"startOfWeek":[2,"start-of-week"],"dispatchChangeOnBlur":[4,"dispatch-change-on-blur"],"position":[1],"value":[1025]},[[0,"daychange","dateChanged"]]]]],["pn-check-tile",[[4,"pn-check-tile",{"checkboxid":[1],"value":[8],"checked":[4],"illustration":[1]}]]],["pn-date-picker",[[0,"pn-date-picker",{"language":[1],"start":[1],"end":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"range":[4],"disableWeekends":[4,"disable-weekends"],"placeholder":[1],"endPlaceholder":[1,"end-placeholder"],"currentState":[32],"week":[32],"months":[32],"startDate":[32],"endDate":[32],"open":[32],"selectionMade":[32],"machine":[32]},[[0,"dateselection","dateSelectionHandler"]]]]],["pn-footer",[[0,"pn-footer",{"market":[32],"language":[32],"isLoggedIn":[32],"isBusinessUser":[32]}]]],["pn-icon-grid",[[0,"pn-icon-grid",{"small":[4],"color":[1],"activeSymbol":[32]}]]],["pn-illustration-grid",[[0,"pn-illustration-grid",{"size":[1],"color":[1],"activeIllustration":[32]}]]],["pn-input",[[0,"pn-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[2],"max":[2],"showText":[32]}]]],["pn-modal",[[4,"pn-modal",{"open":[1028],"focusableEls":[32]}]]],["pn-nav-dropdown",[[4,"pn-nav-dropdown",{"label":[1],"icon":[1],"open":[32],"position":[32],"right":[32]}]]],["pn-page-nav",[[4,"pn-page-nav",{"value":[1025],"dropdown":[8],"currentSelection":[32],"showScrollArrows":[32],"showLeftArrow":[32],"showRightArrow":[32],"dropdownOpen":[32],"dropdownLinks":[32],"dropdownActive":[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]]]]],["pn-page-nav-dropdown-item",[[4,"pn-page-nav-dropdown-item",{"value":[1],"href":[1],"active":[4]}]]],["pn-page-nav-item",[[4,"pn-page-nav-item",{"value":[1],"icon":[1],"href":[1]}]]],["pn-radio-tile",[[4,"pn-radio-tile",{"name":[1],"radioid":[1],"value":[8],"checked":[4],"illustration":[1]}]]],["pn-segment",[[4,"pn-segment",{"segmentid":[1],"name":[1],"value":[1],"selected":[4],"icon":[1]}]]],["pn-tile",[[4,"pn-tile",{"label":[1],"url":[1],"target":[1],"rel":[1],"illustration":[1025],"simple":[32],"checkCardSize":[32],"longpress":[32],"timer":[32]}]]],["pn-toast",[[4,"pn-toast",{"appearance":[1],"icon":[1],"closable":[4],"temporary":[4],"manualDuration":[2,"manual-duration"],"hidden":[1028],"timeout":[32]}]]],["pn-spinner",[[0,"pn-spinner",{"light":[4],"size":[1]}]]],["pn-toggle-switch",[[0,"pn-toggle-switch",{"checked":[1028],"disabled":[4],"indeterminate":[4],"toggleid":[1],"name":[1]}]]],["pn-tooltip",[[4,"pn-tooltip",{"warning":[4],"color":[1025],"downwards":[32],"open":[32],"deltaX":[32]}]]],["pn-accordion",[[4,"pn-accordion",{"accordionRows":[32]},[[0,"togglerow","toggleHandler"]]]]],["pn-accordion-row",[[4,"pn-accordion-row",{"label":[1025]}]]],["pn-choice-chip",[[4,"pn-choice-chip",{"value":[520],"name":[1],"choiceid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-color",[[0,"pn-color",{"name":[1],"defaultColor":[1,"default-color"],"palette":[16]}]]],["pn-colors",[[0,"pn-colors"]]],["pn-progress-indicator",[[4,"pn-progress-indicator",{"activeStep":[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]]],["pn-progress-indicator-step",[[4,"pn-progress-indicator-step",{"activeStep":[2,"active-step"],"index":[2],"name":[1],"checked":[4],"active":[1],"activated":[32],"done":[32]}]]],["pn-radio-button",[[0,"pn-radio-button",{"value":[520],"name":[1],"radioid":[1],"disabled":[4],"checked":[4]}]]],["pn-segmented-control",[[4,"pn-segmented-control",{"name":[1],"value":[1025],"currentSelection":[32],"showScrollArrows":[32],"showLeftArrow":[32],"showRightArrow":[32]},[[0,"change","changeHandler"],[9,"resize","handleResize"]]]]],["pn-tab",[[4,"pn-tab",{"activeTab":[1,"active-tab"],"label":[1],"value":[1]}]]],["pn-table",[[4,"pn-table",{"disabled":[4],"bordered":[4],"striped":[4]}]]],["pn-tablist",[[4,"pn-tablist",{"value":[1025],"stackedicons":[4],"tabElement":[32],"showScrollArrows":[32],"scrollArrowClasses":[32]},[[0,"setactivetab","setActiveTabHandler"],[9,"resize","handleResize"]]]]],["pn-virtual-agent",[[0,"pn-virtual-agent",{"parcelid":[1],"areaid":[2],"show":[4],"status":[32],"instanceActive":[32]}]]],["pn-calendar",[[0,"pn-calendar",{"language":[1],"min":[1],"max":[1],"startOfWeek":[2,"start-of-week"],"value":[1025],"disableWeekends":[4,"disable-weekends"],"disableDays":[1,"disable-days"],"minActiveDate":[1,"min-active-date"],"maxActiveDate":[1,"max-active-date"],"defaultDate":[1,"default-date"],"disableMonthsView":[4,"disable-months-view"],"monthView":[4,"month-view"]}]]],["pn-checkbox",[[0,"pn-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-option",[[4,"pn-option",{"value":[1],"selected":[1540],"selectHasLoaded":[4,"select-has-loaded"],"parentValue":[8,"parent-value"],"checked":[1028],"checkbox":[4],"index":[1]},[[0,"change","changeHandler"]]]]],["pn-progress-bar",[[0,"pn-progress-bar",{"progress":[2],"size":[1],"color":[1],"width":[1],"label":[1],"showSpinner":[4,"show-spinner"],"showPercentage":[4,"show-percentage"]}]]],["pn-illustration",[[0,"pn-illustration",{"illustration":[1]}]]],["pn-icon",[[0,"pn-icon",{"symbol":[1],"small":[4],"color":[1]}]]],["pn-button_2",[[0,"pn-search-field",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]],[4,"pn-button",{"small":[4],"appearance":[1],"variant":[1],"loading":[516],"leftIcon":[4,"left-icon"],"icon":[1],"type":[1],"iconOnly":[4,"icon-only"],"ariaLabel":[1,"aria-label"],"ariaLabelledby":[1,"aria-labelledby"],"ariaControls":[1,"aria-controls"],"ariaPressed":[1,"aria-pressed"],"href":[1],"rel":[1],"target":[1],"download":[4],"tooltipOpen":[32],"tooltipUpwards":[32]}]]]], options);
+  return bootstrapLazy([["pn-ocr-search",[[0,"pn-ocr-search",{"language":[1],"loading":[32],"error":[32],"ocrNumber":[32],"searchSuccess":[32],"invalidOcrNumber":[32]}]]],["pn-zipcode-search",[[0,"pn-zipcode-search",{"marketwebLanguage":[1,"marketweb-language"],"language":[32],"loading":[32],"error":[32],"errorMessage":[32],"showResult":[32],"zipCodeSearchResult":[32]}]]],["pn-file-upload",[[4,"pn-file-upload",{"disabled":[4],"showSpinner":[4,"show-spinner"],"accept":[1],"maxSize":[1,"max-size"],"limit":[2],"multiple":[1028],"triggerElements":[32],"renders":[32],"startUpload":[64],"clearUpload":[64],"removeFile":[64],"updateFile":[64]}]]],["pn-select",[[4,"pn-select",{"searchable":[4],"label":[1],"placeholder":[1],"checkbox":[4],"checkboxid":[1],"checked":[1028],"indeterminate":[1028],"error":[1],"invalid":[4],"value":[1],"internalValue":[32],"open":[32],"upwards":[32],"loaded":[32]},[[0,"change","changeHandler"],[0,"selectOption","selectOptionHandler"]]]]],["pn-date-picker-old",[[0,"pn-date-picker-old",{"language":[1],"disabled":[4],"emitErrors":[4,"emit-errors"],"label":[1],"min":[1],"max":[1],"invalid":[4],"disableWeekends":[4,"disable-weekends"],"disableDays":[1,"disable-days"],"disableInput":[4,"disable-input"],"startOfWeek":[2,"start-of-week"],"dispatchChangeOnBlur":[4,"dispatch-change-on-blur"],"position":[1],"value":[1025]},[[0,"daychange","dateChanged"]]]]],["pn-check-tile",[[4,"pn-check-tile",{"checkboxid":[1],"value":[8],"checked":[4],"illustration":[1]}]]],["pn-icon",[[0,"pn-icon",{"symbol":[1],"small":[4],"color":[1]}]]],["pn-date-picker",[[0,"pn-date-picker",{"language":[1],"start":[1],"end":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"range":[4],"disableWeekends":[4,"disable-weekends"],"placeholder":[1],"endPlaceholder":[1,"end-placeholder"],"currentState":[32],"week":[32],"months":[32],"startDate":[32],"endDate":[32],"open":[32],"selectionMade":[32],"machine":[32]},[[0,"dateselection","dateSelectionHandler"]]]]],["pn-footer",[[0,"pn-footer",{"market":[32],"language":[32],"isLoggedIn":[32],"isBusinessUser":[32]}]]],["pn-icon-grid",[[0,"pn-icon-grid",{"small":[4],"color":[1],"activeSymbol":[32]}]]],["pn-illustration-grid",[[0,"pn-illustration-grid",{"size":[1],"color":[1],"activeIllustration":[32]}]]],["pn-input",[[0,"pn-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[2],"max":[2],"ariaLabel":[1,"aria-label"],"showText":[32]}]]],["pn-modal",[[4,"pn-modal",{"open":[1028],"focusableEls":[32]}]]],["pn-nav-dropdown",[[4,"pn-nav-dropdown",{"label":[1],"icon":[1],"open":[32],"position":[32],"right":[32]}]]],["pn-page-nav",[[4,"pn-page-nav",{"value":[1025],"dropdown":[8],"currentSelection":[32],"showScrollArrows":[32],"showLeftArrow":[32],"showRightArrow":[32],"dropdownOpen":[32],"dropdownLinks":[32],"dropdownActive":[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]]]]],["pn-page-nav-dropdown-item",[[4,"pn-page-nav-dropdown-item",{"value":[1],"href":[1],"active":[4]}]]],["pn-page-nav-item",[[4,"pn-page-nav-item",{"value":[1],"icon":[1],"href":[1]}]]],["pn-radio-tile",[[4,"pn-radio-tile",{"name":[1],"radioid":[1],"value":[8],"checked":[4],"illustration":[1]}]]],["pn-segment",[[4,"pn-segment",{"segmentid":[1],"name":[1],"value":[1],"selected":[4],"icon":[1]}]]],["pn-tile",[[4,"pn-tile",{"label":[1],"url":[1],"target":[1],"rel":[1],"illustration":[1025],"simple":[32],"checkCardSize":[32],"longpress":[32],"timer":[32]}]]],["pn-toast",[[4,"pn-toast",{"appearance":[1],"icon":[1],"closable":[4],"temporary":[4],"manualDuration":[2,"manual-duration"],"hidden":[1028],"timeout":[32]}]]],["pn-toggle-switch",[[0,"pn-toggle-switch",{"checked":[1028],"disabled":[4],"indeterminate":[4],"toggleid":[1],"name":[1]}]]],["pn-tooltip",[[4,"pn-tooltip",{"warning":[4],"color":[1025],"downwards":[32],"open":[32],"deltaX":[32]}]]],["pn-accordion",[[4,"pn-accordion",{"accordionRows":[32]},[[0,"togglerow","toggleHandler"]]]]],["pn-accordion-row",[[4,"pn-accordion-row",{"label":[1025]}]]],["pn-choice-chip",[[4,"pn-choice-chip",{"value":[520],"name":[1],"choiceid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-color",[[0,"pn-color",{"name":[1],"defaultColor":[1,"default-color"],"palette":[16]}]]],["pn-colors",[[0,"pn-colors"]]],["pn-header",[[4,"pn-header",{"heading":[1],"color":[1025],"maxWidth":[1,"max-width"]}]]],["pn-progress-indicator",[[4,"pn-progress-indicator",{"activeStep":[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]]],["pn-progress-indicator-step",[[4,"pn-progress-indicator-step",{"activeStep":[2,"active-step"],"index":[2],"name":[1],"checked":[4],"active":[1],"activated":[32],"done":[32]}]]],["pn-radio-button",[[0,"pn-radio-button",{"value":[520],"name":[1],"radioid":[1],"disabled":[4],"checked":[4]}]]],["pn-segmented-control",[[4,"pn-segmented-control",{"name":[1],"value":[1025],"currentSelection":[32],"showScrollArrows":[32],"showLeftArrow":[32],"showRightArrow":[32]},[[0,"change","changeHandler"],[9,"resize","handleResize"]]]]],["pn-tab",[[4,"pn-tab",{"activeTab":[1,"active-tab"],"label":[1],"value":[1]}]]],["pn-table",[[4,"pn-table",{"disabled":[4],"bordered":[4],"striped":[4]}]]],["pn-tablist",[[4,"pn-tablist",{"value":[1025],"stackedicons":[4],"tabElement":[32],"showScrollArrows":[32],"scrollArrowClasses":[32]},[[0,"setactivetab","setActiveTabHandler"],[9,"resize","handleResize"]]]]],["pn-virtual-agent",[[0,"pn-virtual-agent",{"parcelid":[1],"areaid":[2],"show":[4],"status":[32],"instanceActive":[32]}]]],["pn-calendar",[[0,"pn-calendar",{"language":[1],"min":[1],"max":[1],"startOfWeek":[2,"start-of-week"],"value":[1025],"disableWeekends":[4,"disable-weekends"],"disableDays":[1,"disable-days"],"minActiveDate":[1,"min-active-date"],"maxActiveDate":[1,"max-active-date"],"defaultDate":[1,"default-date"],"disableMonthsView":[4,"disable-months-view"],"monthView":[4,"month-view"]}]]],["pn-checkbox",[[0,"pn-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028],"ariaLabel":[1,"aria-label"],"ariaDescribedby":[1,"aria-describedby"]},[[0,"change","handlechange"]]]]],["pn-option",[[4,"pn-option",{"value":[1],"selected":[1540],"selectHasLoaded":[4,"select-has-loaded"],"parentValue":[8,"parent-value"],"checked":[1028],"checkbox":[4],"index":[1]},[[0,"change","changeHandler"]]]]],["pn-progress-bar",[[0,"pn-progress-bar",{"progress":[2],"size":[1],"color":[1],"width":[1],"label":[1],"showSpinner":[4,"show-spinner"],"showPercentage":[4,"show-percentage"]}]]],["pn-illustration",[[0,"pn-illustration",{"illustration":[1]}]]],["pn-spinner",[[0,"pn-spinner",{"light":[4],"size":[1]}]]],["pn-button_2",[[0,"pn-search-field",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"ariaLabel":[1,"aria-label"]},[[0,"input","inputHandler"]]],[4,"pn-button",{"small":[4],"appearance":[1],"variant":[1],"loading":[516],"leftIcon":[4,"left-icon"],"icon":[1],"type":[1],"iconOnly":[4,"icon-only"],"ariaLabel":[1,"aria-label"],"ariaLabelledby":[1,"aria-labelledby"],"ariaControls":[1,"aria-controls"],"ariaPressed":[1,"aria-pressed"],"href":[1],"rel":[1],"target":[1],"download":[4],"tooltipOpen":[32],"tooltipUpwards":[32]}]]]], options);
 });

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

@@ -0,0 +1 @@
+var colors={black:"#000000",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",coral900:"#500715",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","electric-light":"#cf38f5","electric-dark":"#8600a5"};export{colors as c};