@swisspost/design-system-components-angular 10.0.0-next.72 → 10.0.0-next.76

package/post-components.css

@@ -1,6 +1,6 @@
-:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-login-widget,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-progressbar,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-login-widget,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-progressbar,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}.form-label:has(+post-number-input){display:block}.form-label:has(+post-number-input.number-input-sm){padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-label:has(+post-number-input.disabled){color:var(--post-scheme-color-interactive-input-disabled-fg)}post-number-input.form-floating>input.form-control{padding:var(--post-device-spacing-padding-block-29) var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-block-3)}post-number-input.form-floating>input.form-control:focus~label,post-number-input.form-floating>input.form-control:not(:placeholder-shown)~label{padding-block-start:var(--post-device-spacing-padding-block-3);padding-inline:var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-10)}post-number-input.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}post-number-input.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after,post-number-input.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);right:calc(
+:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-progressbar,post-rating,post-side-navigation,post-side-navigation-trigger,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-progressbar,post-rating,post-side-navigation,post-side-navigation-trigger,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}.form-label:has(+post-number-input){display:block}.form-label:has(+post-number-input.number-input-sm){padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-label:has(+post-number-input.disabled){color:var(--post-scheme-color-interactive-input-disabled-fg)}post-number-input.form-floating>input.form-control{padding:var(--post-device-spacing-padding-block-29) var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-block-3)}post-number-input.form-floating>input.form-control:focus~label,post-number-input.form-floating>input.form-control:not(:placeholder-shown)~label{padding-block-start:var(--post-device-spacing-padding-block-3);padding-inline:var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-10)}post-number-input.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}post-number-input.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after,post-number-input.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);right:calc(
       var(--post-device-spacing-padding-inline-1) +
         (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}post-login-widget>[slot=login-link]{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-login-widget>[slot=login-link]:hover{text-decoration:none}post-login-widget>[slot=login-link]:disabled{border-style:var(--post-core-border-style-dash)}post-login-widget>[slot=login-link]{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-login-widget>[slot=login-link]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=login-link]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-login-widget>[slot=login-link]:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=login-link]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=login-link]:is(a){color:LinkText;border:unset}post-login-widget>[slot=login-link]:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}post-login-widget>[slot=login-link]:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}post-login-widget>[slot=login-link]:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}post-login-widget>[slot=login-link]:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}post-login-widget>[slot=login-link]:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}post-login-widget>[slot=login-link]:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}post-login-widget>[slot=login-link]{width:fit-content}@media screen and (min-width: 0)and (max-width: 599.98px){post-login-widget>[slot=login-link]>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-login-widget>[slot=login-link]>post-icon{font-size:1.5rem}}
+    )}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)}

package/{index.d.ts → types/swisspost-design-system-components-angular.d.ts}

@@ -18,7 +18,7 @@ declare class PostAccordionItem {
     protected el: HTMLPostAccordionItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PostAccordionItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PostAccordionItem, "post-accordion-item", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostAccordionItem, "post-accordion-item", never, { "collapsed": { "alias": "collapsed"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface PostAccordionItem extends Components.PostAccordionItem {
 }
@@ -124,16 +124,11 @@ declare interface PostCollapsibleTrigger extends Components.PostCollapsibleTrigg
 declare class PostDatePicker {
     protected z: NgZone;
     protected el: HTMLPostDatePickerElement;
-    postUpdateDates: EventEmitter<CustomEvent<string | string[]>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PostDatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PostDatePicker, "post-date-picker", never, { "inline": { "alias": "inline"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "range": { "alias": "range"; "required": false; }; "renderCellCallback": { "alias": "renderCellCallback"; "required": false; }; "selectedEndDate": { "alias": "selectedEndDate"; "required": false; }; "selectedStartDate": { "alias": "selectedStartDate"; "required": false; }; "textNextDecade": { "alias": "textNextDecade"; "required": true; }; "textNextMonth": { "alias": "textNextMonth"; "required": true; }; "textNextYear": { "alias": "textNextYear"; "required": true; }; "textPreviousDecade": { "alias": "textPreviousDecade"; "required": true; }; "textPreviousMonth": { "alias": "textPreviousMonth"; "required": true; }; "textPreviousYear": { "alias": "textPreviousYear"; "required": true; }; "textSwitchYear": { "alias": "textSwitchYear"; "required": true; }; "textToggleCalendar": { "alias": "textToggleCalendar"; "required": false; }; }, { "postUpdateDates": "postUpdateDates"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostDatePicker, "post-date-picker", never, { "cellConfig": { "alias": "cellConfig"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "range": { "alias": "range"; "required": false; }; "textNextDecade": { "alias": "textNextDecade"; "required": true; }; "textNextMonth": { "alias": "textNextMonth"; "required": true; }; "textNextYear": { "alias": "textNextYear"; "required": true; }; "textPreviousDecade": { "alias": "textPreviousDecade"; "required": true; }; "textPreviousMonth": { "alias": "textPreviousMonth"; "required": true; }; "textPreviousYear": { "alias": "textPreviousYear"; "required": true; }; "textSwitchYear": { "alias": "textSwitchYear"; "required": true; }; "textToggleCalendar": { "alias": "textToggleCalendar"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface PostDatePicker extends Components.PostDatePicker {
-    /**
-     * An event emitted when a date or a range of dates have been selected.
-     */
-    postUpdateDates: EventEmitter<CustomEvent<string | string[]>>;
 }
 declare class PostFooter {
     protected z: NgZone;
@@ -227,26 +222,6 @@ declare interface PostListboxOption extends Components.PostListboxOption {
      */
     postOptionSelected: EventEmitter<CustomEvent<string>>;
 }
-declare class PostLoginWidget {
-    protected z: NgZone;
-    protected el: HTMLPostLoginWidgetElement;
-    postChange: EventEmitter<CustomEvent<{
-        authenticated: boolean;
-    }>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PostLoginWidget, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PostLoginWidget, "post-login-widget", never, { "textCurrentUser": { "alias": "textCurrentUser"; "required": true; }; "textUserMenu": { "alias": "textUserMenu"; "required": true; }; "textUserMenuTrigger": { "alias": "textUserMenuTrigger"; "required": true; }; }, { "postChange": "postChange"; }, never, ["*"], true, never>;
-}
-declare interface PostLoginWidget extends Components.PostLoginWidget {
-    /**
-     * Emitted when the authentication state changes.
-  The event payload is an object with an `authenticated` property:
-  `true` when the user is logged in, `false` when the user is not logged in or the API request failed.
-     */
-    postChange: EventEmitter<CustomEvent<{
-        authenticated: boolean;
-    }>>;
-}
 declare class PostLogo {
     protected z: NgZone;
     protected el: HTMLPostLogoElement;
@@ -459,6 +434,30 @@ declare interface PostRating extends Components.PostRating {
         value: number;
     }>>;
 }
+declare class PostSideNavigation {
+    protected z: NgZone;
+    protected el: HTMLPostSideNavigationElement;
+    postToggle: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PostSideNavigation, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostSideNavigation, "post-side-navigation", never, { "size": { "alias": "size"; "required": false; }; "textClose": { "alias": "textClose"; "required": true; }; }, { "postToggle": "postToggle"; }, never, ["*"], true, never>;
+}
+declare interface PostSideNavigation extends Components.PostSideNavigation {
+    /**
+     * An event emitted when the navigation is shown or hidden on mobile.
+  The payload is a boolean: `true` when the navigation opens, `false` when it closes.
+     */
+    postToggle: EventEmitter<CustomEvent<boolean>>;
+}
+declare class PostSideNavigationTrigger {
+    protected z: NgZone;
+    protected el: HTMLPostSideNavigationTriggerElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PostSideNavigationTrigger, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostSideNavigationTrigger, "post-side-navigation-trigger", never, { "for": { "alias": "for"; "required": true; }; }, {}, never, ["*"], true, never>;
+}
+declare interface PostSideNavigationTrigger extends Components.PostSideNavigationTrigger {
+}
 declare class PostStepper {
     protected z: NgZone;
     protected el: HTMLPostStepperElement;
@@ -482,7 +481,7 @@ declare class PostTabItem {
     protected el: HTMLPostTabItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PostTabItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PostTabItem, "post-tab-item", never, { "name": { "alias": "name"; "required": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostTabItem, "post-tab-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": true; }; }, {}, never, ["*"], true, never>;
 }
 declare interface PostTabItem extends Components.PostTabItem {
 }
@@ -501,13 +500,13 @@ declare class PostTabs {
     postChange: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PostTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PostTabs, "post-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "postChange": "postChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostTabs, "post-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textNextTabItems": { "alias": "textNextTabItems"; "required": false; }; "textPrevTabItems": { "alias": "textPrevTabItems"; "required": false; }; }, { "postChange": "postChange"; }, never, ["*"], true, never>;
 }
 declare interface PostTabs extends Components.PostTabs {
     /**
      * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
   The payload is the name of the newly active tab.
-  Only emitted in panel mode.
+  Only emitted in Content Tabs variant.
      */
     postChange: EventEmitter<CustomEvent<string>>;
 }
@@ -539,6 +538,6 @@ declare class PostTooltipTrigger {
 declare interface PostTooltipTrigger extends Components.PostTooltipTrigger {
 }
 
-declare const DIRECTIVES: (typeof PostAccordion | typeof PostAccordionItem | typeof PostAutocomplete | typeof PostAvatar | typeof PostBackToTop | typeof PostBanner | typeof PostBreadcrumbItem | typeof PostBreadcrumbs | typeof PostClosebutton | typeof PostCollapsible | typeof PostCollapsibleTrigger | typeof PostDatePicker | typeof PostFooter | typeof PostHeader | typeof PostIcon | typeof PostLanguageMenu | typeof PostLanguageMenuItem | typeof PostLinkarea | typeof PostListbox | typeof PostListboxOption | typeof PostLoginWidget | typeof PostLogo | typeof PostMainnavigation | typeof PostMegadropdown | typeof PostMegadropdownTrigger | typeof PostMenu | typeof PostMenuItem | typeof PostMenuTrigger | typeof PostNumberInput | typeof PostPagination | typeof PostPopover | typeof PostPopoverTrigger | typeof PostPopovercontainer | typeof PostProgressbar | typeof PostRating | typeof PostStepper | typeof PostStepperItem | typeof PostTabItem | typeof PostTabPanel | typeof PostTabs | typeof PostTogglebutton | typeof PostTooltip | typeof PostTooltipTrigger)[];
+declare const DIRECTIVES: (typeof PostAccordion | typeof PostAccordionItem | typeof PostAutocomplete | typeof PostAvatar | typeof PostBackToTop | typeof PostBanner | typeof PostBreadcrumbItem | typeof PostBreadcrumbs | typeof PostClosebutton | typeof PostCollapsible | typeof PostCollapsibleTrigger | typeof PostDatePicker | typeof PostFooter | typeof PostHeader | typeof PostIcon | typeof PostLanguageMenu | typeof PostLanguageMenuItem | typeof PostLinkarea | typeof PostListbox | typeof PostListboxOption | typeof PostLogo | typeof PostMainnavigation | typeof PostMegadropdown | typeof PostMegadropdownTrigger | typeof PostMenu | typeof PostMenuItem | typeof PostMenuTrigger | typeof PostNumberInput | typeof PostPagination | typeof PostPopover | typeof PostPopoverTrigger | typeof PostPopovercontainer | typeof PostProgressbar | typeof PostRating | typeof PostSideNavigation | typeof PostSideNavigationTrigger | typeof PostStepper | typeof PostStepperItem | typeof PostTabItem | typeof PostTabPanel | typeof PostTabs | typeof PostTogglebutton | typeof PostTooltip | typeof PostTooltipTrigger)[];
 
-export { DIRECTIVES, PostAccordion, PostAccordionItem, PostAutocomplete, PostAvatar, PostBackToTop, PostBanner, PostBreadcrumbItem, PostBreadcrumbs, PostClosebutton, PostCollapsible, PostCollapsibleTrigger, PostDatePicker, PostFooter, PostHeader, PostIcon, PostLanguageMenu, PostLanguageMenuItem, PostLinkarea, PostListbox, PostListboxOption, PostLoginWidget, PostLogo, PostMainnavigation, PostMegadropdown, PostMegadropdownTrigger, PostMenu, PostMenuItem, PostMenuTrigger, PostNumberInput, PostPagination, PostPopover, PostPopoverTrigger, PostPopovercontainer, PostProgressbar, PostRating, PostStepper, PostStepperItem, PostTabItem, PostTabPanel, PostTabs, PostTogglebutton, PostTooltip, PostTooltipTrigger, providePostComponents };
+export { DIRECTIVES, PostAccordion, PostAccordionItem, PostAutocomplete, PostAvatar, PostBackToTop, PostBanner, PostBreadcrumbItem, PostBreadcrumbs, PostClosebutton, PostCollapsible, PostCollapsibleTrigger, PostDatePicker, PostFooter, PostHeader, PostIcon, PostLanguageMenu, PostLanguageMenuItem, PostLinkarea, PostListbox, PostListboxOption, PostLogo, PostMainnavigation, PostMegadropdown, PostMegadropdownTrigger, PostMenu, PostMenuItem, PostMenuTrigger, PostNumberInput, PostPagination, PostPopover, PostPopoverTrigger, PostPopovercontainer, PostProgressbar, PostRating, PostSideNavigation, PostSideNavigationTrigger, PostStepper, PostStepperItem, PostTabItem, PostTabPanel, PostTabs, PostTogglebutton, PostTooltip, PostTooltipTrigger, providePostComponents };