@swisspost/design-system-components 10.0.0 → 10.1.0

package/dist/post-components/post-components.css

@@ -3,4 +3,4 @@
         (var(--post-device-spacing-padding-23)* 2) +
         var(--post-device-sizing-interactive-icon-size6) +
         (var(--post-device-border-width-default) * 2)
-    )}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--post-side-navigation-width:296px}@media screen and (min-width: 1024px){.main-container{margin-inline-start:var(--post-side-navigation-width)}}@media screen and (max-width: 599.98px){post-side-navigation:not([data-hydrated]){display:none !important}}post-side-navigation{--post-side-navigation-item-enabled-fg:#050400;--post-side-navigation-item-enabled-stroke-inactive:#b4b3af;--post-side-navigation-item-enabled-stroke-active:#050400;--post-side-navigation-item-selected-fg:#ffffff;--post-side-navigation-item-selected-bg:#050400;--post-side-navigation-item-selected-stroke:#ffffff;--post-side-navigation-item-hovered-fg:#ffffff;--post-side-navigation-item-hovered-bg:#504f4b;--post-side-navigation-heading-fg:#696864;--post-side-navigation-padding-block-end:16px;--post-side-navigation-height:100vh;--post-side-navigation-padding-block-start:28px;--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-heading-padding-block-end:4px;--post-side-navigation-heading-padding-inline:16px;--post-side-navigation-heading-font-size:14px;--post-side-navigation-item-padding-inline:16px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:12px;--post-side-navigation-item-interval:16px;--post-side-navigation-icon-size:16px;--post-side-navigation-item-font-size:14px;--post-side-navigation-item-line-height:1.5;--post-side-navigation-item-divider-padding-block:9px}@media screen and (min-width: 600px){post-side-navigation{--post-side-navigation-padding-block-start:34px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-padding-block-start:12px;--post-side-navigation-heading-font-size:16px;--post-side-navigation-item-divider-padding-block:7.5px;--post-side-navigation-item-gap:16px;--post-side-navigation-icon-size:20px}}@media screen and (min-width: 1024px){post-side-navigation{position:fixed;top:var(--post-header-height);width:var(--post-side-navigation-width);--post-side-navigation-padding-block-start:16px;--post-side-navigation-item-font-size:20px;--post-side-navigation-height:calc(100vh - var(--post-header-height));--post-side-navigation-heading-padding-block-start:20px;--post-side-navigation-item-height:48px}}post-side-navigation[size=small]{--post-side-navigation-heading-padding-inline:12px;--post-side-navigation-item-padding-inline:12px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:8px;--post-side-navigation-item-interval:12px;--post-side-navigation-icon-size:16px}@media screen and (min-width: 600px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:14px;--post-side-navigation-heading-font-size:14px}}@media screen and (min-width: 1024px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-font-size:14px}}post-side-navigation nav{width:100%;padding-block:var(--post-side-navigation-padding-block-start) var(--post-side-navigation-padding-block-end);height:var(--post-side-navigation-height);overflow-y:auto}post-side-navigation nav ul{list-style:none;margin:0;padding-inline-start:0}post-side-navigation .post-side-navigation-heading{margin:0;padding:var(--post-side-navigation-heading-padding-block-start) var(--post-side-navigation-heading-padding-inline) var(--post-side-navigation-heading-padding-block-end);font-size:var(--post-side-navigation-heading-font-size);font-weight:700;line-height:1.5;color:var(--post-side-navigation-heading-fg)}post-side-navigation>ul>li>.post-side-navigation-item{font-weight:700}post-side-navigation .post-side-navigation-item[aria-current=page],post-side-navigation .post-side-navigation-item a[aria-current=page]{background-color:var(--post-side-navigation-item-selected-bg);color:var(--post-side-navigation-item-selected-fg);border-color:var(--post-side-navigation-item-selected-stroke)}post-side-navigation ul{--_indent-level:0}post-side-navigation ul ul{--_indent-level:1}post-side-navigation ul ul ul{--_indent-level:2}post-side-navigation ul ul ul ul{--_indent-level:3}post-side-navigation ul ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--post-side-navigation-icon-size) + var(--post-side-navigation-item-gap) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{inline-size:1rem}}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{inline-size:1rem}}.post-side-navigation-item{display:flex;align-items:center;gap:var(--post-side-navigation-item-gap);width:100%;min-width:0;margin:0;padding-inline:var(--post-side-navigation-item-padding-inline);min-height:var(--post-side-navigation-item-height);font-size:var(--post-side-navigation-item-font-size);line-height:var(--post-side-navigation-item-line-height);box-sizing:border-box;border:0;border-block-end:1px solid var(--post-side-navigation-item-enabled-stroke-active);border-radius:0;background-color:rgba(0,0,0,0);color:var(--post-side-navigation-item-enabled-fg);text-align:start;text-decoration:none;appearance:none}.post-side-navigation-item:has(a):has(button){padding-inline-start:0;padding-inline-end:0;gap:0;align-items:stretch}.post-side-navigation-item:has(a):has(button) a{flex:1 1 auto;text-decoration:none;display:flex;align-items:center;min-height:var(--post-side-navigation-item-height);gap:var(--post-side-navigation-item-gap);border-radius:0;padding-inline-end:var(--post-side-navigation-item-padding-inline)}.post-side-navigation-item:has(a):has(button) button{padding-inline:var(--post-side-navigation-item-padding-inline);display:flex;align-items:center;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative;margin-left:1px}.post-side-navigation-item:has(a):has(button) button::before{content:"";position:absolute;top:var(--post-side-navigation-item-divider-padding-block);height:calc(100% - var(--post-side-navigation-item-divider-padding-block)*2);width:1px;background:var(--post-side-navigation-item-enabled-stroke-inactive);left:-1px}.post-side-navigation-item:where(a,button),.post-side-navigation-item:has(a):has(button) a,.post-side-navigation-item:has(a):has(button) button{cursor:pointer;position:relative;color:var(--post-side-navigation-item-enabled-fg);transition:background-color 250ms,color 250ms}.post-side-navigation-item:where(a,button)::after,.post-side-navigation-item:has(a):has(button) a::after,.post-side-navigation-item:has(a):has(button) button::after{--_offset:3px;content:"";position:absolute;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:4px;width:calc(100% - var(--_offset)*2);height:calc(100% - var(--_offset)*2);top:var(--_offset);left:var(--_offset)}.post-side-navigation-item:where(a,button):hover,.post-side-navigation-item:has(a):has(button) a:hover,.post-side-navigation-item:has(a):has(button) button:hover{background-color:var(--post-side-navigation-item-hovered-bg);color:var(--post-side-navigation-item-hovered-fg)}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item post-icon{flex:none;width:var(--post-side-navigation-icon-size);height:var(--post-side-navigation-icon-size);color:inherit}.post-side-navigation-item post-icon[name=chevrondown]{transition:transform .2s ease;margin-inline-start:auto}.post-side-navigation-item[aria-expanded=true] post-icon[name=chevrondown],.post-side-navigation-item [aria-expanded=true] post-icon[name=chevrondown]{transform:rotate(180deg)}nav>ul>li>.post-side-navigation-item,nav>ul>li>post-collapsible-trigger>.post-side-navigation-item{font-weight:700}nav>ul>li .post-side-navigation-item:has(+ul),nav>ul>li li:has(+li) .post-side-navigation-item,nav>ul>li .post-side-navigation-item[aria-expanded=true]{border-color:var(--post-side-navigation-item-enabled-stroke-inactive)}nav>ul>li:first-child .post-side-navigation-item{border-block-start:1px solid var(--post-side-navigation-item-enabled-stroke-active)}
+    )}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--post-side-navigation-width:296px}@media screen and (min-width: 1024px){.main-container{margin-inline-start:var(--post-side-navigation-width)}}post-side-navigation{--post-side-navigation-item-enabled-fg:#050400;--post-side-navigation-item-enabled-stroke-inactive:#b4b3af;--post-side-navigation-item-enabled-stroke-active:#050400;--post-side-navigation-item-selected-fg:#ffffff;--post-side-navigation-item-selected-bg:#050400;--post-side-navigation-item-selected-stroke:#ffffff;--post-side-navigation-item-hovered-fg:#ffffff;--post-side-navigation-item-hovered-bg:#504f4b;--post-side-navigation-heading-fg:#696864;--post-side-navigation-padding-block-end:16px;--post-side-navigation-height:100vh;--post-side-navigation-padding-block-start:28px;--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-heading-padding-block-end:4px;--post-side-navigation-heading-padding-inline:16px;--post-side-navigation-heading-font-size:14px;--post-side-navigation-item-padding-inline:16px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:12px;--post-side-navigation-item-interval:16px;--post-side-navigation-icon-size:16px;--post-side-navigation-item-font-size:14px;--post-side-navigation-item-line-height:1.5;--post-side-navigation-item-divider-padding-block:9px}@media screen and (min-width: 600px){post-side-navigation{--post-side-navigation-padding-block-start:34px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-padding-block-start:12px;--post-side-navigation-heading-font-size:16px;--post-side-navigation-item-divider-padding-block:7.5px;--post-side-navigation-item-gap:16px;--post-side-navigation-icon-size:20px}}@media screen and (min-width: 1024px){post-side-navigation{position:fixed;top:var(--post-header-height);width:var(--post-side-navigation-width);--post-side-navigation-padding-block-start:16px;--post-side-navigation-item-font-size:20px;--post-side-navigation-height:calc(100vh - var(--post-header-height));--post-side-navigation-heading-padding-block-start:20px;--post-side-navigation-item-height:48px}}post-side-navigation[size=small]{--post-side-navigation-heading-padding-inline:12px;--post-side-navigation-item-padding-inline:12px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:8px;--post-side-navigation-item-interval:12px;--post-side-navigation-icon-size:16px}@media screen and (min-width: 600px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:14px;--post-side-navigation-heading-font-size:14px}}@media screen and (min-width: 1024px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-font-size:14px}}post-side-navigation nav{width:100%;padding-block:var(--post-side-navigation-padding-block-start) var(--post-side-navigation-padding-block-end);height:var(--post-side-navigation-height);overflow-y:auto}post-side-navigation nav ul{list-style:none;margin:0;padding-inline-start:0}post-side-navigation .post-side-navigation-heading{margin:0;padding:var(--post-side-navigation-heading-padding-block-start) var(--post-side-navigation-heading-padding-inline) var(--post-side-navigation-heading-padding-block-end);font-size:var(--post-side-navigation-heading-font-size);font-weight:700;line-height:1.5;color:var(--post-side-navigation-heading-fg)}post-side-navigation>ul>li>.post-side-navigation-item{font-weight:700}post-side-navigation .post-side-navigation-item[aria-current=page],post-side-navigation .post-side-navigation-item a[aria-current=page]{background-color:var(--post-side-navigation-item-selected-bg);color:var(--post-side-navigation-item-selected-fg);border-color:var(--post-side-navigation-item-selected-stroke)}post-side-navigation ul{--_indent-level:0}post-side-navigation ul ul{--_indent-level:1}post-side-navigation ul ul ul{--_indent-level:2}post-side-navigation ul ul ul ul{--_indent-level:3}post-side-navigation ul ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--post-side-navigation-icon-size) + var(--post-side-navigation-item-gap) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{inline-size:1rem}}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{inline-size:1rem}}.post-side-navigation-item{display:flex;align-items:center;gap:var(--post-side-navigation-item-gap);width:100%;min-width:0;margin:0;padding-inline:var(--post-side-navigation-item-padding-inline);min-height:var(--post-side-navigation-item-height);font-size:var(--post-side-navigation-item-font-size);line-height:var(--post-side-navigation-item-line-height);box-sizing:border-box;border:0;border-block-end:1px solid var(--post-side-navigation-item-enabled-stroke-active);border-radius:0;background-color:rgba(0,0,0,0);color:var(--post-side-navigation-item-enabled-fg);text-align:start;text-decoration:none;appearance:none}.post-side-navigation-item:has(a):has(button){padding-inline-start:0;padding-inline-end:0;gap:0;align-items:stretch}.post-side-navigation-item:has(a):has(button) a{flex:1 1 auto;text-decoration:none;display:flex;align-items:center;min-height:var(--post-side-navigation-item-height);gap:var(--post-side-navigation-item-gap);border-radius:0;padding-inline-end:var(--post-side-navigation-item-padding-inline)}.post-side-navigation-item:has(a):has(button) button{padding-inline:var(--post-side-navigation-item-padding-inline);display:flex;align-items:center;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative;margin-left:1px}.post-side-navigation-item:has(a):has(button) button::before{content:"";position:absolute;top:var(--post-side-navigation-item-divider-padding-block);height:calc(100% - var(--post-side-navigation-item-divider-padding-block)*2);width:1px;background:var(--post-side-navigation-item-enabled-stroke-inactive);left:-1px}.post-side-navigation-item:where(a,button),.post-side-navigation-item:has(a):has(button) a,.post-side-navigation-item:has(a):has(button) button{cursor:pointer;position:relative;color:var(--post-side-navigation-item-enabled-fg);transition:background-color 250ms,color 250ms}.post-side-navigation-item:where(a,button)::after,.post-side-navigation-item:has(a):has(button) a::after,.post-side-navigation-item:has(a):has(button) button::after{--_offset:3px;content:"";position:absolute;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:4px;width:calc(100% - var(--_offset)*2);height:calc(100% - var(--_offset)*2);top:var(--_offset);left:var(--_offset)}.post-side-navigation-item:where(a,button):hover,.post-side-navigation-item:has(a):has(button) a:hover,.post-side-navigation-item:has(a):has(button) button:hover{background-color:var(--post-side-navigation-item-hovered-bg);color:var(--post-side-navigation-item-hovered-fg)}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item post-icon{flex:none;width:var(--post-side-navigation-icon-size);height:var(--post-side-navigation-icon-size);color:inherit}.post-side-navigation-item post-icon[name=chevrondown]{transition:transform .2s ease;margin-inline-start:auto}.post-side-navigation-item[aria-expanded=true] post-icon[name=chevrondown],.post-side-navigation-item [aria-expanded=true] post-icon[name=chevrondown]{transform:rotate(180deg)}nav>ul>li>.post-side-navigation-item,nav>ul>li>post-collapsible-trigger>.post-side-navigation-item{font-weight:700}nav>ul>li .post-side-navigation-item:has(+ul),nav>ul>li li:has(+li) .post-side-navigation-item,nav>ul>li .post-side-navigation-item[aria-expanded=true]{border-color:var(--post-side-navigation-item-enabled-stroke-inactive)}nav>ul>li:first-child .post-side-navigation-item{border-block-start:1px solid var(--post-side-navigation-item-enabled-stroke-active)}

package/dist/post-components/post-components.esm.js

@@ -1 +1 @@
-import{p as e,g as t,b as a}from"./p-DE1aWdqx.js";export{s as setNonce}from"./p-DE1aWdqx.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await t(),a([["p-ddc585e6",[[257,"post-language-menu",{textChangeLanguage:[513,"text-change-language"],textCurrentLanguage:[513,"text-current-language"],variant:[513],activeLang:[32]},[[0,"postChange","handlePostChange"],[7,"scroll","hideMenuOnScroll"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{variant:[{handleVariantChange:0}]}],[257,"post-header",{fullWidth:[516,"full-width"],textMenu:[513,"text-menu"],device:[32],hasTitle:[32],hasMainNav:[32],hasLocalNav:[32],burgerMenuExtended:[32],megadropdownOpen:[32],toggleBurgerMenu:[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}],[257,"post-megadropdown",{textClose:[513,"text-close"],textBack:[513,"text-back"],device:[32],isVisible:[32],trigger:[32],megadropdownTitle:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}],[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],description:[1],url:[1],select:[64]}],[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]],[257,"post-logo",{url:[1]}],[257,"post-togglebutton",{toggled:[1028]}],[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]}],[0,"post-menu-item"],[257,"post-menu-trigger",{for:[513]}],[321,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]}],[257,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],offset:[2],arrow:[4],safeSpace:[513,"safe-space"],dynamicPlacement:[32],show:[64],hide:[64],toggle:[64]}],[1,"post-icon",{animation:[513],base:[1],url:[1],flipH:[516,"flip-h"],flipV:[516,"flip-v"],name:[513],rotate:[2],scale:[2]}]]],["p-261e2ffa",[[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],gridSlotDisplayed:[32]}]]],["p-e9484492",[[257,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],shouldRenderMenu:[32],id:[32]}]]],["p-c9461efa",[[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-ee1309c9",[[257,"post-date-picker",{locale:[1],range:[4],min:[1],max:[1],cellConfig:[16],inline:[4],textNextMonth:[513,"text-next-month"],textNextYear:[513,"text-next-year"],textNextDecade:[513,"text-next-decade"],textPreviousMonth:[513,"text-previous-month"],textPreviousYear:[513,"text-previous-year"],textPreviousDecade:[513,"text-previous-decade"],textSwitchYear:[513,"text-switch-year"],textToggleCalendar:[1,"text-toggle-calendar"],inputDisabled:[32],today:[32],startDate:[32],show:[64],hide:[64]},null,{locale:[{validateLocale:0},{updateLocale:0}],range:[{updateRange:0}],min:[{updateMin:0}],max:[{updateMax:0}],inline:[{validateInline:0}]}]]],["p-0b7f4169",[[257,"post-side-navigation",{textClose:[513,"text-close"],size:[1],device:[32],toggle:[64],show:[64],hide:[64]}]]],["p-04e29502",[[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],inputValue:[32]}]]],["p-91948813",[[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},null,{belowFold:[{watchBelowFold:0}]}]]],["p-8fbbc68f",[[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],variant:[513],selected:[516]}]]],["p-44461143",[[257,"post-listbox",{show:[64],hide:[64],filter:[64],clearSelection:[64],navigate:[64],selectActive:[64]},[[0,"postOptionSelected","optionClicked"]]]]],["p-94064d19",[[257,"post-listbox-option",{value:[513],selected:[516],highlighted:[516]}]]],["p-52e7344c",[[257,"post-number-input",{isDisabled:[32],isIncrementDisabled:[32],isDecrementDisabled:[32],small:[32],input:[32]}]]],["p-01b5539a",[[1,"post-pagination",{page:[1026],pageSize:[514,"page-size"],collectionSize:[514,"collection-size"],label:[513],textPrevious:[513,"text-previous"],textNext:[513,"text-next"],textPage:[513,"text-page"],textFirst:[513,"text-first"],textLast:[513,"text-last"],paginationId:[32],maxVisiblePages:[32],items:[32]},null,{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}]]],["p-f1602e56",[[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-6d4be9dd",[[257,"post-tabs",{textPrevTabItems:[513,"text-prev-tab-items"],textNextTabItems:[513,"text-next-tab-items"],activeTab:[513,"active-tab"],size:[513],label:[513],isPagesVariant:[32],showLeftScrollButton:[32],showRightScrollButton:[32],show:[64]},null,{label:[{validateLabel:0}]}]]],["p-1edcfc9e",[[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]}]]],["p-b7d6c951",[[257,"post-avatar",{firstname:[513],lastname:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},null,{email:[{updateEmail:0}]}]]],["p-751a949d",[[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]]]]],["p-21c83ccd",[[257,"post-linkarea"]]],["p-360d6bf1",[[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},null,{popoverOpen:[{syncAriaExpanded:0}]}]]],["p-95ad4d06",[[1,"post-progressbar",{min:[2],max:[2],value:[2]}]]],["p-978e4664",[[257,"post-side-navigation-trigger",{for:[513],update:[64]}]]],["p-f1bf80d4",[[257,"post-stepper",{textCurrentStep:[513,"text-current-step"],textCompletedStep:[513,"text-completed-step"],textStepNumber:[513,"text-step-number"],currentIndex:[2,"current-index"],selectedIndex:[2,"selected-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},null,{currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex:0}],textStepNumber:[{updateActiveStepNumber:0}]}]]],["p-8e2427d4",[[257,"post-stepper-item"]]],["p-6dbe7870",[[257,"post-tab-item",{name:[513],disabled:[516],tabId:[32],isPagesVariant:[32]}]]],["p-fedcbf2d",[[257,"post-tab-panel",{for:[513],panelId:[32]}]]],["p-13e1fdbd",[[257,"post-tooltip-trigger",{for:[513],delay:[2]}]]],["p-e5172886",[[257,"post-collapsible",{collapsed:[1028],toggle:[64]}],[257,"post-collapsible-trigger",{for:[513],update:[64]}]]],["p-c152efb7",[[257,"post-accordion-item",{collapsed:[1540],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]]],[257,"post-accordion",{headingLevel:[514,"heading-level"],multiple:[516],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:[{syncHeadingLevel:0}]}]]]],e))));
+import{p as e,g as t,b as a}from"./p-CsEmPq6P.js";export{s as setNonce}from"./p-CsEmPq6P.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await t(),a([["p-698a0e26",[[257,"post-language-menu",{textChangeLanguage:[513,"text-change-language"],textCurrentLanguage:[513,"text-current-language"],variant:[513],activeLang:[32]},[[0,"postChange","handlePostChange"],[7,"scroll","hideMenuOnScroll"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{variant:[{handleVariantChange:0}]}],[257,"post-header",{fullWidth:[516,"full-width"],textMenu:[513,"text-menu"],device:[32],hasTitle:[32],hasMainNav:[32],hasLocalNav:[32],burgerMenuExtended:[32],megadropdownOpen:[32],toggleBurgerMenu:[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}],[257,"post-megadropdown",{textClose:[513,"text-close"],textBack:[513,"text-back"],device:[32],isVisible:[32],trigger:[32],megadropdownTitle:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}],[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],description:[1],url:[1],select:[64]}],[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]],[257,"post-logo",{url:[1]}],[257,"post-togglebutton",{toggled:[1028]}],[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]}],[0,"post-menu-item"],[257,"post-menu-trigger",{for:[513]}],[321,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]}],[257,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],offset:[2],arrow:[4],safeSpace:[513,"safe-space"],dynamicPlacement:[32],show:[64],hide:[64],toggle:[64]}],[1,"post-icon",{animation:[513],base:[1],url:[1],flipH:[516,"flip-h"],flipV:[516,"flip-v"],name:[513],rotate:[2],scale:[2]}]]],["p-59858cd1",[[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],gridSlotDisplayed:[32]}]]],["p-7085c7e7",[[257,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],shouldRenderMenu:[32],id:[32]}]]],["p-9454c025",[[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],edgeGap:[32],show:[64],hide:[64],toggle:[64]}]]],["p-f5d0ada2",[[257,"post-date-picker",{locale:[1],range:[4],min:[1],max:[1],cellConfig:[16],inline:[4],textNextMonth:[513,"text-next-month"],textNextYear:[513,"text-next-year"],textNextDecade:[513,"text-next-decade"],textPreviousMonth:[513,"text-previous-month"],textPreviousYear:[513,"text-previous-year"],textPreviousDecade:[513,"text-previous-decade"],textSwitchYear:[513,"text-switch-year"],textToggleCalendar:[1,"text-toggle-calendar"],inputDisabled:[32],today:[32],startDate:[32],show:[64],hide:[64]},null,{locale:[{validateLocale:0},{updateLocale:0}],range:[{updateRange:0}],min:[{updateMin:0}],max:[{updateMax:0}],inline:[{validateInline:0}]}]]],["p-4c8212e9",[[257,"post-side-navigation",{textClose:[513,"text-close"],size:[1],device:[32],toggle:[64],show:[64],hide:[64]}]]],["p-fd95b5a2",[[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],inputValue:[32]}]]],["p-c74a900f",[[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},null,{belowFold:[{watchBelowFold:0}]}]]],["p-898d4ef5",[[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],variant:[513],selected:[516]}]]],["p-efb45d93",[[257,"post-listbox",{show:[64],hide:[64],filter:[64],clearSelection:[64],navigate:[64],selectActive:[64]},[[0,"postOptionSelected","optionClicked"]]]]],["p-32df61b4",[[257,"post-listbox-option",{value:[513],selected:[516],highlighted:[516]}]]],["p-3c1f1c7d",[[257,"post-number-input",{isDisabled:[32],isIncrementDisabled:[32],isDecrementDisabled:[32],small:[32],input:[32]}]]],["p-2e35b425",[[1,"post-pagination",{page:[1026],pageSize:[514,"page-size"],collectionSize:[514,"collection-size"],label:[513],textPrevious:[513,"text-previous"],textNext:[513,"text-next"],textPage:[513,"text-page"],textFirst:[513,"text-first"],textLast:[513,"text-last"],paginationId:[32],maxVisiblePages:[32],items:[32]},null,{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}]]],["p-5070241f",[[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-65480bb4",[[257,"post-tabs",{textPrevTabItems:[513,"text-prev-tab-items"],textNextTabItems:[513,"text-next-tab-items"],activeTab:[513,"active-tab"],size:[513],label:[513],isPagesVariant:[32],showLeftScrollButton:[32],showRightScrollButton:[32],show:[64]},null,{label:[{validateLabel:0}]}]]],["p-b312510d",[[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]}]]],["p-aa952f99",[[257,"post-avatar",{firstname:[513],lastname:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},null,{email:[{updateEmail:0}]}]]],["p-c01c4158",[[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]]]]],["p-16f6729f",[[257,"post-linkarea"]]],["p-eae56000",[[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},null,{popoverOpen:[{syncAriaExpanded:0}]}]]],["p-6c5cbda6",[[1,"post-progressbar",{min:[2],max:[2],value:[2]}]]],["p-dc1b91df",[[257,"post-side-navigation-trigger",{for:[513],update:[64]}]]],["p-28e89c2c",[[257,"post-stepper",{textCurrentStep:[513,"text-current-step"],textCompletedStep:[513,"text-completed-step"],textStepNumber:[513,"text-step-number"],currentIndex:[2,"current-index"],selectedIndex:[2,"selected-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},null,{currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex:0}],textStepNumber:[{updateActiveStepNumber:0}]}]]],["p-98a346f3",[[257,"post-stepper-item"]]],["p-01d60c90",[[257,"post-tab-item",{name:[513],disabled:[516],tabId:[32],isPagesVariant:[32]}]]],["p-a8b5c08a",[[257,"post-tab-panel",{for:[513],panelId:[32]}]]],["p-7d02d657",[[257,"post-tooltip-trigger",{for:[513],delay:[2]}]]],["p-5ab73bfa",[[257,"post-collapsible",{collapsed:[1028],toggle:[64]}],[257,"post-collapsible-trigger",{for:[513],update:[64]}]]],["p-d12584be",[[257,"post-accordion-item",{collapsed:[1540],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]]],[257,"post-accordion",{headingLevel:[514,"heading-level"],multiple:[516],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:[{syncHeadingLevel:0}]}]]]],e))));

package/dist/types/components/post-date-picker/post-date-picker.d.ts

@@ -80,6 +80,7 @@ export declare class PostDatePicker {
      */
     hide(): Promise<void>;
     private static readonly FLYOUT_OFFSET;
+    private static readonly COLUMNS_BY_VIEW;
     private currentViewMonth;
     private currentViewYear;
     private currentViewType;
@@ -149,6 +150,7 @@ export declare class PostDatePicker {
     private get titleBtn();
     private skipOnSelectCount;
     private skipFocusOnNextRender;
+    private pendingFocusDate;
     private handleInputBlur;
     private handlePrevNextClick;
     /**
@@ -163,6 +165,7 @@ export declare class PostDatePicker {
      * Handle keyboard/arrow navigation within the grid
      */
     private handleGridKeydown;
+    private wrapCellsInRows;
     private enhanceAccessibility;
     /**
      * Set up the masks on the inputs to reflect the date pickers

package/dist/types/components/post-linkarea/post-linkarea.d.ts

@@ -1,7 +1,7 @@
 export declare class PostLinkarea {
     host: HTMLPostLinkareaElement;
-    private get interactiveElement();
-    private isDisabledElement;
+    private getDirectTarget;
+    private getDelegateTarget;
     private dispatchClick;
     render(): any;
 }

package/dist/types/components/post-pagination/post-pagination.d.ts

@@ -74,7 +74,7 @@ export declare class PostPagination {
      */
     private measureAndCalculateVisiblePages;
     /**
-     * Gets total width of control buttons (prev/next)
+     * Gets total width of control buttons (prev/next) with their respective margins and gaps
      */
     private getControlButtonsWidth;
     /**

package/dist/types/components/post-popover/post-popover.d.ts

@@ -5,6 +5,7 @@ import { Placement } from '@floating-ui/dom';
 export declare class PostPopover {
     private popoverRef;
     host: HTMLPostPopoverElement;
+    private edgeGap?;
     /**
      * Defines the position of the popover relative to its trigger.
      * Popovers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
@@ -33,6 +34,10 @@ export declare class PostPopover {
      * `target` is the HTML element the menu is anchored to.
      */
     toggle(target: HTMLElement, force?: boolean): Promise<void>;
+    private readonly breakpointChange;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private updateEdgeGap;
     private focusFirstEl;
     render(): any;
 }

package/dist/types/modules.d.ts

@@ -1,2 +1,2 @@
 declare module 'ally.js/is/focusable';
-declare module 'long-press-event';
+declare module 'long-press-event';

package/dist/vrt/helpers/header-test-helpers.js

@@ -38,7 +38,7 @@ export async function openLanguageMenu(page) {
 }
 export async function openUserMenu(page) {
     const trigger = page.locator('post-menu-trigger[for="user-menu"] button').first();
-    const exists = await trigger.count() > 0;
+    const exists = (await trigger.count()) > 0;
     if (exists) {
         await trigger.click();
         await page.waitForTimeout(WAIT_TIMES.animation);