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

package/dist/types/components.d.ts

@@ -9,18 +9,18 @@ import { HeadingLevel } from "./types/index";
 import { BannerType } from "./components/post-banner/banner-types";
 import { Variant } from "./components/post-breadcrumb-item/variants";
 import { ButtonType, Placement, Size } from "./components/post-closebutton/types";
-import { AirDatepickerCustomOptions } from "./components/post-date-picker/post-date-picker";
 import { PostIconAnimation } from "./types/icon-animations";
 import { SwitchVariant } from "./components/post-language-menu/switch-variants";
 import { Placement as Placement1 } from "@floating-ui/dom";
+import { SideNavigationSize } from "./components/post-side-navigation/side-navigation-styles";
 export { HeadingLevel } from "./types/index";
 export { BannerType } from "./components/post-banner/banner-types";
 export { Variant } from "./components/post-breadcrumb-item/variants";
 export { ButtonType, Placement, Size } from "./components/post-closebutton/types";
-export { AirDatepickerCustomOptions } from "./components/post-date-picker/post-date-picker";
 export { PostIconAnimation } from "./types/icon-animations";
 export { SwitchVariant } from "./components/post-language-menu/switch-variants";
 export { Placement as Placement1 } from "@floating-ui/dom";
+export { SideNavigationSize } from "./components/post-side-navigation/side-navigation-styles";
 export namespace Components {
     interface PostAccordion {
         /**
@@ -51,11 +51,6 @@ export namespace Components {
           * @default false
          */
         "collapsed"?: boolean;
-        /**
-          * Defines the hierarchical level of the accordion item header within the headings structure.
-          * @deprecated set the `heading-level` property on the parent `post-accordion` instead.
-         */
-        "headingLevel"?: HeadingLevel;
         /**
           * Triggers the collapse programmatically.
          */
@@ -197,6 +192,13 @@ export namespace Components {
         "update": () => Promise<void>;
     }
     interface PostDatePicker {
+        /**
+          * A callback to customize individual calendar cells, e.g. to disable specific dates or add CSS classes.
+         */
+        "cellConfig"?: (
+    date: Date,
+    cellType: 'day' | 'month' | 'year',
+  ) => { disabled?: boolean; classes?: string } | void;
         /**
           * Hides the popover calendar.
          */
@@ -216,7 +218,7 @@ export namespace Components {
          */
         "max"?: string;
         /**
-          * Minimun possible date to select. Must be a valid date in ISO 8601 format (YYYY-MM-DD).
+          * Minimum possible date to select. Must be a valid date in ISO 8601 format (YYYY-MM-DD).
          */
         "min"?: string;
         /**
@@ -224,18 +226,6 @@ export namespace Components {
           * @default false
          */
         "range"?: boolean;
-        /**
-          * Used to extend the existing on render cell to disable dates.
-         */
-        "renderCellCallback"?: AirDatepickerCustomOptions['onRenderCell'];
-        /**
-          * The date picker's selected end date (for range date picker only). Must be a valid date in ISO 8601 format (YYYY-MM-DD).
-         */
-        "selectedEndDate"?: string;
-        /**
-          * The date picker's selected date. If in range mode, the selected start date. Must be a valid date in ISO 8601 format (YYYY-MM-DD).
-         */
-        "selectedStartDate"?: string;
         /**
           * Displays the popover calendar, focusing the first calendar item.
          */
@@ -269,7 +259,7 @@ export namespace Components {
          */
         "textSwitchYear": string;
         /**
-          * Label for the toggle button that opens the calendar. It is only needed when the calendar is connected to the input.
+          * Label for the toggle button that opens the calendar. It is only needed when the calendar is not inline.
          */
         "textToggleCalendar"?: string;
     }
@@ -339,7 +329,7 @@ export namespace Components {
          */
         "textChangeLanguage": string;
         /**
-          * An accessible description text for the list of language options. The `#name` placeholder is dynamic and will be replaced with the active language name.
+          * An accessible description text for the list of language options. The `{name}` placeholder is dynamic and will be replaced with the active language name.
          */
         "textCurrentLanguage": string;
         /**
@@ -422,28 +412,6 @@ export namespace Components {
          */
         "value": string;
     }
-    interface PostLoginWidget {
-        /**
-          * Returns the current authentication state: `null` when the component is still loading, `true` when authenticated, `false` when not.
-         */
-        "isAuthenticated": () => Promise<boolean | null>;
-        /**
-          * Re-fetches the authentication state from the session API and updates the component rendering accordingly.
-         */
-        "refresh": () => Promise<void>;
-        /**
-          * Label for the "Current user is {user}" accessibility description. Use `{user}` as a placeholder — it will be replaced with the current user's name at runtime.
-         */
-        "textCurrentUser": string;
-        /**
-          * Accessible label for the dropdown menu
-         */
-        "textUserMenu": string;
-        /**
-          * Hidden label for the user menu trigger button, for accessibility purposes. It should describe the purpose of the button (e.g. "Access user links").
-         */
-        "textUserMenuTrigger": string;
-    }
     interface PostLogo {
         /**
           * The URL to which the user is redirected upon clicking the logo.
@@ -508,12 +476,11 @@ export namespace Components {
          */
         "placement"?: Placement1;
         /**
-          * Displays the popover menu, focusing the first menu item.
-          * @param target - The HTML element relative to which the popover menu should be displayed.
+          * Displays the popover menu, focusing the first menu item, `target` is the HTML element the menu is anchored to.
          */
         "show": (target: HTMLElement) => Promise<void>;
         /**
-          * Toggles the menu visibility based on its current state.
+          * Toggles the menu visibility based on its current state, `target` is the HTML element the menu is anchored to.
          */
         "toggle": (target: HTMLElement) => Promise<void>;
     }
@@ -538,6 +505,7 @@ export namespace Components {
         "label": string;
         /**
           * The current active page number.  **If not specified, defaults to the first page.**
+          * @default 1
          */
         "page"?: number;
         /**
@@ -581,8 +549,7 @@ export namespace Components {
          */
         "placement"?: Placement1;
         /**
-          * Programmatically display the popover
-          * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
+          * Programmatically display the popover, `target` is the HTML element the menu is anchored to.
          */
         "show": (target: HTMLElement) => Promise<void>;
         /**
@@ -590,9 +557,7 @@ export namespace Components {
          */
         "textClose": string;
         /**
-          * Toggle popover display
-          * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
-          * @param force Pass true to always show or false to always hide
+          * Toggle popover display, `target` is the HTML element the menu is anchored to.
          */
         "toggle": (target: HTMLElement, force?: boolean) => Promise<void>;
     }
@@ -632,12 +597,12 @@ export namespace Components {
         "safeSpace"?: 'triangle' | 'trapezoid';
         /**
           * Programmatically display the popovercontainer
-          * @param target A focusable element inside the trigger component that controls the popover
+          * @param target The element that invokes the popover and to which it is visually anchored.
          */
         "show": (target: HTMLElement) => Promise<void>;
         /**
           * Toggle popovercontainer display
-          * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
+          * @param target The element that invokes the popover and to which it is visually anchored.
           * @param force Pass true to always show or false to always hide
          */
         "toggle": (target: HTMLElement, force?: boolean) => Promise<boolean>;
@@ -679,6 +644,36 @@ export namespace Components {
          */
         "stars": number;
     }
+    interface PostSideNavigation {
+        /**
+          * Closes the navigation programmatically. No-op on desktop.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Opens the navigation programmatically. No-op on desktop.
+         */
+        "show": () => Promise<void>;
+        /**
+          * Controls the size of the navigation items. Choose "small" for deep and long navigation, and "large" (default) for a flat and short navigation.
+          * @default 'large'
+         */
+        "size"?: SideNavigationSize;
+        /**
+          * Accessible label for the close button shown in the mobile navigation dialog.
+         */
+        "textClose": string;
+        /**
+          * Toggles the navigation programmatically. No-op on desktop.
+         */
+        "toggle": () => Promise<void>;
+    }
+    interface PostSideNavigationTrigger {
+        "for": string;
+        /**
+          * Manually update the trigger's ARIA attributes.
+         */
+        "update": () => Promise<void>;
+    }
     interface PostStepper {
         /**
           * Defines the current step, which is the next step the user has to complete.
@@ -705,6 +700,11 @@ export namespace Components {
     interface PostStepperItem {
     }
     interface PostTabItem {
+        /**
+          * Whether the tab item is disabled.
+          * @default false
+         */
+        "disabled": boolean;
         /**
           * The name of the tab, used to associate it with a tab panel or identify the active tab in panel mode.
          */
@@ -718,22 +718,32 @@ export namespace Components {
     }
     interface PostTabs {
         /**
-          * The name of the tab in the panel mode that is initially active. Changing this value after initialization has no effect. If not specified, defaults to the first tab.
+          * The name of the tab in the Content Tabs variant that is initially active. Changing this value after initialization has no effect. If not specified, defaults to the first tab.
          */
         "activeTab"?: string;
         /**
-          * When set to true, this property allows the tabs container to span the Changing this value after initialization has no effect. full width of the screen, from edge to edge.
-          * @default false
-         */
-        "fullWidth": boolean;
-        /**
-          * The accessible label for the tabs component in navigation mode.
+          * An accessible label for the Pages Tabs variant
          */
         "label"?: string;
         /**
           * Shows the panel with the given name and selects its associated tab. Any other panel that was previously shown becomes hidden and its associated tab is unselected.
          */
         "show": (tabName: string) => Promise<void>;
+        /**
+          * The size of the tabs, corresponding to the different designs in Figma. Default is 'large'.
+          * @default 'large'
+         */
+        "size": 'small' | 'large';
+        /**
+          * An accessible label for the "next tab items" button.
+          * @default 'Next tab items'
+         */
+        "textNextTabItems": string;
+        /**
+          * An accessible label for the "previous tab items" button.
+          * @default 'Previous tab items'
+         */
+        "textPrevTabItems": string;
     }
     interface PostTogglebutton {
         /**
@@ -763,14 +773,11 @@ export namespace Components {
          */
         "placement"?: Placement1;
         /**
-          * Programmatically display the tooltip.
-          * @param target An element where the tooltip should be shown
+          * Programmatically display the tooltip, `target` is the HTML element the menu is anchored to.
          */
         "show": (target: HTMLElement) => Promise<void>;
         /**
-          * Toggle tooltip display.
-          * @param target An element where the tooltip should be shown
-          * @param force Pass true to always show or false to always hide
+          * Toggle tooltip display, `target` is the HTML element the menu is anchored to.
          */
         "toggle": (target: HTMLElement, force?: boolean) => Promise<void>;
     }
@@ -798,10 +805,6 @@ export interface PostCollapsibleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostCollapsibleElement;
 }
-export interface PostDatePickerCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLPostDatePickerElement;
-}
 export interface PostLanguageMenuItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostLanguageMenuItemElement;
@@ -814,10 +817,6 @@ export interface PostListboxOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostListboxOptionElement;
 }
-export interface PostLoginWidgetCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLPostLoginWidgetElement;
-}
 export interface PostMegadropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostMegadropdownElement;
@@ -838,6 +837,10 @@ export interface PostRatingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostRatingElement;
 }
+export interface PostSideNavigationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPostSideNavigationElement;
+}
 export interface PostTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostTabsElement;
@@ -942,18 +945,7 @@ declare global {
         prototype: HTMLPostCollapsibleTriggerElement;
         new (): HTMLPostCollapsibleTriggerElement;
     };
-    interface HTMLPostDatePickerElementEventMap {
-        "postUpdateDates": string | string[];
-    }
     interface HTMLPostDatePickerElement extends Components.PostDatePicker, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLPostDatePickerElementEventMap>(type: K, listener: (this: HTMLPostDatePickerElement, ev: PostDatePickerCustomEvent<HTMLPostDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLPostDatePickerElementEventMap>(type: K, listener: (this: HTMLPostDatePickerElement, ev: PostDatePickerCustomEvent<HTMLPostDatePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPostDatePickerElement: {
         prototype: HTMLPostDatePickerElement;
@@ -1044,23 +1036,6 @@ declare global {
         prototype: HTMLPostListboxOptionElement;
         new (): HTMLPostListboxOptionElement;
     };
-    interface HTMLPostLoginWidgetElementEventMap {
-        "postChange": { authenticated: boolean };
-    }
-    interface HTMLPostLoginWidgetElement extends Components.PostLoginWidget, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLPostLoginWidgetElementEventMap>(type: K, listener: (this: HTMLPostLoginWidgetElement, ev: PostLoginWidgetCustomEvent<HTMLPostLoginWidgetElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLPostLoginWidgetElementEventMap>(type: K, listener: (this: HTMLPostLoginWidgetElement, ev: PostLoginWidgetCustomEvent<HTMLPostLoginWidgetElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLPostLoginWidgetElement: {
-        prototype: HTMLPostLoginWidgetElement;
-        new (): HTMLPostLoginWidgetElement;
-    };
     interface HTMLPostLogoElement extends Components.PostLogo, HTMLStencilElement {
     }
     var HTMLPostLogoElement: {
@@ -1205,6 +1180,29 @@ declare global {
         prototype: HTMLPostRatingElement;
         new (): HTMLPostRatingElement;
     };
+    interface HTMLPostSideNavigationElementEventMap {
+        "postToggle": boolean;
+    }
+    interface HTMLPostSideNavigationElement extends Components.PostSideNavigation, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostSideNavigationElementEventMap>(type: K, listener: (this: HTMLPostSideNavigationElement, ev: PostSideNavigationCustomEvent<HTMLPostSideNavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPostSideNavigationElementEventMap>(type: K, listener: (this: HTMLPostSideNavigationElement, ev: PostSideNavigationCustomEvent<HTMLPostSideNavigationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPostSideNavigationElement: {
+        prototype: HTMLPostSideNavigationElement;
+        new (): HTMLPostSideNavigationElement;
+    };
+    interface HTMLPostSideNavigationTriggerElement extends Components.PostSideNavigationTrigger, HTMLStencilElement {
+    }
+    var HTMLPostSideNavigationTriggerElement: {
+        prototype: HTMLPostSideNavigationTriggerElement;
+        new (): HTMLPostSideNavigationTriggerElement;
+    };
     interface HTMLPostStepperElement extends Components.PostStepper, HTMLStencilElement {
     }
     var HTMLPostStepperElement: {
@@ -1285,7 +1283,6 @@ declare global {
         "post-linkarea": HTMLPostLinkareaElement;
         "post-listbox": HTMLPostListboxElement;
         "post-listbox-option": HTMLPostListboxOptionElement;
-        "post-login-widget": HTMLPostLoginWidgetElement;
         "post-logo": HTMLPostLogoElement;
         "post-mainnavigation": HTMLPostMainnavigationElement;
         "post-megadropdown": HTMLPostMegadropdownElement;
@@ -1300,6 +1297,8 @@ declare global {
         "post-popovercontainer": HTMLPostPopovercontainerElement;
         "post-progressbar": HTMLPostProgressbarElement;
         "post-rating": HTMLPostRatingElement;
+        "post-side-navigation": HTMLPostSideNavigationElement;
+        "post-side-navigation-trigger": HTMLPostSideNavigationTriggerElement;
         "post-stepper": HTMLPostStepperElement;
         "post-stepper-item": HTMLPostStepperItemElement;
         "post-tab-item": HTMLPostTabItemElement;
@@ -1330,11 +1329,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "collapsed"?: boolean;
-        /**
-          * Defines the hierarchical level of the accordion item header within the headings structure.
-          * @deprecated set the `heading-level` property on the parent `post-accordion` instead.
-         */
-        "headingLevel"?: HeadingLevel;
     }
     interface PostAutocomplete {
         /**
@@ -1443,6 +1437,18 @@ declare namespace LocalJSX {
           * @default 'button'
          */
         "buttonType"?: ButtonType;
+        /**
+          * If `true`, the user cannot interact with the element.
+         */
+        "disabled"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * The name of the element, used when submitting an HTML form.
+         */
+        "name"?: string;
         /**
           * Defines whether the close button is positioned automatically by the component or left unpositioned for manual styling.
           * @default 'auto'
@@ -1472,6 +1478,13 @@ declare namespace LocalJSX {
         "for"?: string;
     }
     interface PostDatePicker {
+        /**
+          * A callback to customize individual calendar cells, e.g. to disable specific dates or add CSS classes.
+         */
+        "cellConfig"?: (
+    date: Date,
+    cellType: 'day' | 'month' | 'year',
+  ) => { disabled?: boolean; classes?: string } | void;
         /**
           * Whether the calendar is inline in the page (not showing in a popover when input clicked).
           * @default false
@@ -1487,30 +1500,14 @@ declare namespace LocalJSX {
          */
         "max"?: string;
         /**
-          * Minimun possible date to select. Must be a valid date in ISO 8601 format (YYYY-MM-DD).
+          * Minimum possible date to select. Must be a valid date in ISO 8601 format (YYYY-MM-DD).
          */
         "min"?: string;
-        /**
-          * An event emitted when a date or a range of dates have been selected.
-         */
-        "onPostUpdateDates"?: (event: PostDatePickerCustomEvent<string | string[]>) => void;
         /**
           * Whether the date picker expects a range selection or a single date selection.
           * @default false
          */
         "range"?: boolean;
-        /**
-          * Used to extend the existing on render cell to disable dates.
-         */
-        "renderCellCallback"?: AirDatepickerCustomOptions['onRenderCell'];
-        /**
-          * The date picker's selected end date (for range date picker only). Must be a valid date in ISO 8601 format (YYYY-MM-DD).
-         */
-        "selectedEndDate"?: string;
-        /**
-          * The date picker's selected date. If in range mode, the selected start date. Must be a valid date in ISO 8601 format (YYYY-MM-DD).
-         */
-        "selectedStartDate"?: string;
         /**
           * Label for "Next decade" button.
          */
@@ -1540,7 +1537,7 @@ declare namespace LocalJSX {
          */
         "textSwitchYear": string;
         /**
-          * Label for the toggle button that opens the calendar. It is only needed when the calendar is connected to the input.
+          * Label for the toggle button that opens the calendar. It is only needed when the calendar is not inline.
          */
         "textToggleCalendar"?: string;
     }
@@ -1606,7 +1603,7 @@ declare namespace LocalJSX {
          */
         "textChangeLanguage": string;
         /**
-          * An accessible description text for the list of language options. The `#name` placeholder is dynamic and will be replaced with the active language name.
+          * An accessible description text for the list of language options. The `{name}` placeholder is dynamic and will be replaced with the active language name.
          */
         "textCurrentLanguage": string;
         /**
@@ -1677,24 +1674,6 @@ declare namespace LocalJSX {
          */
         "value": string;
     }
-    interface 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.
-         */
-        "onPostChange"?: (event: PostLoginWidgetCustomEvent<{ authenticated: boolean }>) => void;
-        /**
-          * Label for the "Current user is {user}" accessibility description. Use `{user}` as a placeholder — it will be replaced with the current user's name at runtime.
-         */
-        "textCurrentUser": string;
-        /**
-          * Accessible label for the dropdown menu
-         */
-        "textUserMenu": string;
-        /**
-          * Hidden label for the user menu trigger button, for accessibility purposes. It should describe the purpose of the button (e.g. "Access user links").
-         */
-        "textUserMenuTrigger": string;
-    }
     interface PostLogo {
         /**
           * The URL to which the user is redirected upon clicking the logo.
@@ -1772,6 +1751,7 @@ declare namespace LocalJSX {
         "onPostChange"?: (event: PostPaginationCustomEvent<number>) => void;
         /**
           * The current active page number.  **If not specified, defaults to the first page.**
+          * @default 1
          */
         "page"?: number;
         /**
@@ -1911,6 +1891,24 @@ declare namespace LocalJSX {
          */
         "stars"?: number;
     }
+    interface 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.
+         */
+        "onPostToggle"?: (event: PostSideNavigationCustomEvent<boolean>) => void;
+        /**
+          * Controls the size of the navigation items. Choose "small" for deep and long navigation, and "large" (default) for a flat and short navigation.
+          * @default 'large'
+         */
+        "size"?: SideNavigationSize;
+        /**
+          * Accessible label for the close button shown in the mobile navigation dialog.
+         */
+        "textClose": string;
+    }
+    interface PostSideNavigationTrigger {
+        "for": string;
+    }
     interface PostStepper {
         /**
           * Defines the current step, which is the next step the user has to complete.
@@ -1937,6 +1935,11 @@ declare namespace LocalJSX {
     interface PostStepperItem {
     }
     interface PostTabItem {
+        /**
+          * Whether the tab item is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
         /**
           * The name of the tab, used to associate it with a tab panel or identify the active tab in panel mode.
          */
@@ -1950,22 +1953,32 @@ declare namespace LocalJSX {
     }
     interface PostTabs {
         /**
-          * The name of the tab in the panel mode that is initially active. Changing this value after initialization has no effect. If not specified, defaults to the first tab.
+          * The name of the tab in the Content Tabs variant that is initially active. Changing this value after initialization has no effect. If not specified, defaults to the first tab.
          */
         "activeTab"?: string;
         /**
-          * When set to true, this property allows the tabs container to span the Changing this value after initialization has no effect. full width of the screen, from edge to edge.
-          * @default false
-         */
-        "fullWidth"?: boolean;
-        /**
-          * The accessible label for the tabs component in navigation mode.
+          * An accessible label for the Pages Tabs variant
          */
         "label"?: string;
         /**
-          * 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.
+          * 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 Content Tabs variant.
          */
         "onPostChange"?: (event: PostTabsCustomEvent<string>) => void;
+        /**
+          * The size of the tabs, corresponding to the different designs in Figma. Default is 'large'.
+          * @default 'large'
+         */
+        "size"?: 'small' | 'large';
+        /**
+          * An accessible label for the "next tab items" button.
+          * @default 'Next tab items'
+         */
+        "textNextTabItems"?: string;
+        /**
+          * An accessible label for the "previous tab items" button.
+          * @default 'Previous tab items'
+         */
+        "textPrevTabItems"?: string;
     }
     interface PostTogglebutton {
         /**
@@ -2009,7 +2022,6 @@ declare namespace LocalJSX {
     }
     interface PostAccordionItemAttributes {
         "collapsed": boolean;
-        "headingLevel": HeadingLevel;
     }
     interface PostAutocompleteAttributes {
         "filterThreshold": number;
@@ -2056,8 +2068,6 @@ declare namespace LocalJSX {
     interface PostDatePickerAttributes {
         "locale": string;
         "range": boolean;
-        "selectedStartDate": string;
-        "selectedEndDate": string;
         "min": string;
         "max": string;
         "inline": boolean;
@@ -2105,11 +2115,6 @@ declare namespace LocalJSX {
         "selected": boolean;
         "highlighted": boolean;
     }
-    interface PostLoginWidgetAttributes {
-        "textCurrentUser": string;
-        "textUserMenu": string;
-        "textUserMenuTrigger": string;
-    }
     interface PostLogoAttributes {
         "url": string | URL;
     }
@@ -2168,6 +2173,13 @@ declare namespace LocalJSX {
         "currentRating": number;
         "readonly": boolean;
     }
+    interface PostSideNavigationAttributes {
+        "textClose": string;
+        "size": SideNavigationSize;
+    }
+    interface PostSideNavigationTriggerAttributes {
+        "for": string;
+    }
     interface PostStepperAttributes {
         "textCurrentStep": string;
         "textCompletedStep": string;
@@ -2177,13 +2189,16 @@ declare namespace LocalJSX {
     }
     interface PostTabItemAttributes {
         "name": string;
+        "disabled": boolean;
     }
     interface PostTabPanelAttributes {
         "for": string;
     }
     interface PostTabsAttributes {
+        "textPrevTabItems": string;
+        "textNextTabItems": string;
         "activeTab": string;
-        "fullWidth": boolean;
+        "size": 'small' | 'large';
         "label": string;
     }
     interface PostTogglebuttonAttributes {
@@ -2220,7 +2235,6 @@ declare namespace LocalJSX {
         "post-linkarea": PostLinkarea;
         "post-listbox": PostListbox;
         "post-listbox-option": Omit<PostListboxOption, keyof PostListboxOptionAttributes> & { [K in keyof PostListboxOption & keyof PostListboxOptionAttributes]?: PostListboxOption[K] } & { [K in keyof PostListboxOption & keyof PostListboxOptionAttributes as `attr:${K}`]?: PostListboxOptionAttributes[K] } & { [K in keyof PostListboxOption & keyof PostListboxOptionAttributes as `prop:${K}`]?: PostListboxOption[K] } & OneOf<"value", PostListboxOption["value"], PostListboxOptionAttributes["value"]>;
-        "post-login-widget": Omit<PostLoginWidget, keyof PostLoginWidgetAttributes> & { [K in keyof PostLoginWidget & keyof PostLoginWidgetAttributes]?: PostLoginWidget[K] } & { [K in keyof PostLoginWidget & keyof PostLoginWidgetAttributes as `attr:${K}`]?: PostLoginWidgetAttributes[K] } & { [K in keyof PostLoginWidget & keyof PostLoginWidgetAttributes as `prop:${K}`]?: PostLoginWidget[K] } & OneOf<"textCurrentUser", PostLoginWidget["textCurrentUser"], PostLoginWidgetAttributes["textCurrentUser"]> & OneOf<"textUserMenu", PostLoginWidget["textUserMenu"], PostLoginWidgetAttributes["textUserMenu"]> & OneOf<"textUserMenuTrigger", PostLoginWidget["textUserMenuTrigger"], PostLoginWidgetAttributes["textUserMenuTrigger"]>;
         "post-logo": Omit<PostLogo, keyof PostLogoAttributes> & { [K in keyof PostLogo & keyof PostLogoAttributes]?: PostLogo[K] } & { [K in keyof PostLogo & keyof PostLogoAttributes as `attr:${K}`]?: PostLogoAttributes[K] } & { [K in keyof PostLogo & keyof PostLogoAttributes as `prop:${K}`]?: PostLogo[K] };
         "post-mainnavigation": Omit<PostMainnavigation, keyof PostMainnavigationAttributes> & { [K in keyof PostMainnavigation & keyof PostMainnavigationAttributes]?: PostMainnavigation[K] } & { [K in keyof PostMainnavigation & keyof PostMainnavigationAttributes as `attr:${K}`]?: PostMainnavigationAttributes[K] } & { [K in keyof PostMainnavigation & keyof PostMainnavigationAttributes as `prop:${K}`]?: PostMainnavigation[K] } & OneOf<"textMain", PostMainnavigation["textMain"], PostMainnavigationAttributes["textMain"]>;
         "post-megadropdown": Omit<PostMegadropdown, keyof PostMegadropdownAttributes> & { [K in keyof PostMegadropdown & keyof PostMegadropdownAttributes]?: PostMegadropdown[K] } & { [K in keyof PostMegadropdown & keyof PostMegadropdownAttributes as `attr:${K}`]?: PostMegadropdownAttributes[K] } & { [K in keyof PostMegadropdown & keyof PostMegadropdownAttributes as `prop:${K}`]?: PostMegadropdown[K] } & OneOf<"textClose", PostMegadropdown["textClose"], PostMegadropdownAttributes["textClose"]> & OneOf<"textBack", PostMegadropdown["textBack"], PostMegadropdownAttributes["textBack"]>;
@@ -2235,6 +2249,8 @@ declare namespace LocalJSX {
         "post-popovercontainer": Omit<PostPopovercontainer, keyof PostPopovercontainerAttributes> & { [K in keyof PostPopovercontainer & keyof PostPopovercontainerAttributes]?: PostPopovercontainer[K] } & { [K in keyof PostPopovercontainer & keyof PostPopovercontainerAttributes as `attr:${K}`]?: PostPopovercontainerAttributes[K] } & { [K in keyof PostPopovercontainer & keyof PostPopovercontainerAttributes as `prop:${K}`]?: PostPopovercontainer[K] };
         "post-progressbar": Omit<PostProgressbar, keyof PostProgressbarAttributes> & { [K in keyof PostProgressbar & keyof PostProgressbarAttributes]?: PostProgressbar[K] } & { [K in keyof PostProgressbar & keyof PostProgressbarAttributes as `attr:${K}`]?: PostProgressbarAttributes[K] } & { [K in keyof PostProgressbar & keyof PostProgressbarAttributes as `prop:${K}`]?: PostProgressbar[K] };
         "post-rating": Omit<PostRating, keyof PostRatingAttributes> & { [K in keyof PostRating & keyof PostRatingAttributes]?: PostRating[K] } & { [K in keyof PostRating & keyof PostRatingAttributes as `attr:${K}`]?: PostRatingAttributes[K] } & { [K in keyof PostRating & keyof PostRatingAttributes as `prop:${K}`]?: PostRating[K] } & OneOf<"label", PostRating["label"], PostRatingAttributes["label"]>;
+        "post-side-navigation": Omit<PostSideNavigation, keyof PostSideNavigationAttributes> & { [K in keyof PostSideNavigation & keyof PostSideNavigationAttributes]?: PostSideNavigation[K] } & { [K in keyof PostSideNavigation & keyof PostSideNavigationAttributes as `attr:${K}`]?: PostSideNavigationAttributes[K] } & { [K in keyof PostSideNavigation & keyof PostSideNavigationAttributes as `prop:${K}`]?: PostSideNavigation[K] } & OneOf<"textClose", PostSideNavigation["textClose"], PostSideNavigationAttributes["textClose"]>;
+        "post-side-navigation-trigger": Omit<PostSideNavigationTrigger, keyof PostSideNavigationTriggerAttributes> & { [K in keyof PostSideNavigationTrigger & keyof PostSideNavigationTriggerAttributes]?: PostSideNavigationTrigger[K] } & { [K in keyof PostSideNavigationTrigger & keyof PostSideNavigationTriggerAttributes as `attr:${K}`]?: PostSideNavigationTriggerAttributes[K] } & { [K in keyof PostSideNavigationTrigger & keyof PostSideNavigationTriggerAttributes as `prop:${K}`]?: PostSideNavigationTrigger[K] } & OneOf<"for", PostSideNavigationTrigger["for"], PostSideNavigationTriggerAttributes["for"]>;
         "post-stepper": Omit<PostStepper, keyof PostStepperAttributes> & { [K in keyof PostStepper & keyof PostStepperAttributes]?: PostStepper[K] } & { [K in keyof PostStepper & keyof PostStepperAttributes as `attr:${K}`]?: PostStepperAttributes[K] } & { [K in keyof PostStepper & keyof PostStepperAttributes as `prop:${K}`]?: PostStepper[K] } & OneOf<"textCurrentStep", PostStepper["textCurrentStep"], PostStepperAttributes["textCurrentStep"]> & OneOf<"textCompletedStep", PostStepper["textCompletedStep"], PostStepperAttributes["textCompletedStep"]> & OneOf<"textStepNumber", PostStepper["textStepNumber"], PostStepperAttributes["textStepNumber"]>;
         "post-stepper-item": PostStepperItem;
         "post-tab-item": Omit<PostTabItem, keyof PostTabItemAttributes> & { [K in keyof PostTabItem & keyof PostTabItemAttributes]?: PostTabItem[K] } & { [K in keyof PostTabItem & keyof PostTabItemAttributes as `attr:${K}`]?: PostTabItemAttributes[K] } & { [K in keyof PostTabItem & keyof PostTabItemAttributes as `prop:${K}`]?: PostTabItem[K] } & OneOf<"name", PostTabItem["name"], PostTabItemAttributes["name"]>;
@@ -2272,7 +2288,6 @@ declare module "@stencil/core" {
             "post-linkarea": LocalJSX.IntrinsicElements["post-linkarea"] & JSXBase.HTMLAttributes<HTMLPostLinkareaElement>;
             "post-listbox": LocalJSX.IntrinsicElements["post-listbox"] & JSXBase.HTMLAttributes<HTMLPostListboxElement>;
             "post-listbox-option": LocalJSX.IntrinsicElements["post-listbox-option"] & JSXBase.HTMLAttributes<HTMLPostListboxOptionElement>;
-            "post-login-widget": LocalJSX.IntrinsicElements["post-login-widget"] & JSXBase.HTMLAttributes<HTMLPostLoginWidgetElement>;
             "post-logo": LocalJSX.IntrinsicElements["post-logo"] & JSXBase.HTMLAttributes<HTMLPostLogoElement>;
             "post-mainnavigation": LocalJSX.IntrinsicElements["post-mainnavigation"] & JSXBase.HTMLAttributes<HTMLPostMainnavigationElement>;
             "post-megadropdown": LocalJSX.IntrinsicElements["post-megadropdown"] & JSXBase.HTMLAttributes<HTMLPostMegadropdownElement>;
@@ -2287,6 +2302,8 @@ declare module "@stencil/core" {
             "post-popovercontainer": LocalJSX.IntrinsicElements["post-popovercontainer"] & JSXBase.HTMLAttributes<HTMLPostPopovercontainerElement>;
             "post-progressbar": LocalJSX.IntrinsicElements["post-progressbar"] & JSXBase.HTMLAttributes<HTMLPostProgressbarElement>;
             "post-rating": LocalJSX.IntrinsicElements["post-rating"] & JSXBase.HTMLAttributes<HTMLPostRatingElement>;
+            "post-side-navigation": LocalJSX.IntrinsicElements["post-side-navigation"] & JSXBase.HTMLAttributes<HTMLPostSideNavigationElement>;
+            "post-side-navigation-trigger": LocalJSX.IntrinsicElements["post-side-navigation-trigger"] & JSXBase.HTMLAttributes<HTMLPostSideNavigationTriggerElement>;
             "post-stepper": LocalJSX.IntrinsicElements["post-stepper"] & JSXBase.HTMLAttributes<HTMLPostStepperElement>;
             "post-stepper-item": LocalJSX.IntrinsicElements["post-stepper-item"] & JSXBase.HTMLAttributes<HTMLPostStepperItemElement>;
             "post-tab-item": LocalJSX.IntrinsicElements["post-tab-item"] & JSXBase.HTMLAttributes<HTMLPostTabItemElement>;