@swisspost/design-system-components 10.0.0-next.54 → 10.0.0-next.56

package/dist/types/components.d.ts

@@ -8,12 +8,12 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { HeadingLevel } from "./types/index";
 import { BannerType } from "./components/post-banner/banner-types";
 import { ButtonType } from "./components/post-closebutton/button-types";
-import { SwitchVariant } from "./components/post-language-switch/switch-variants";
+import { SwitchVariant } from "./components/post-language-menu/switch-variants";
 import { Placement } from "@floating-ui/dom";
 export { HeadingLevel } from "./types/index";
 export { BannerType } from "./components/post-banner/banner-types";
 export { ButtonType } from "./components/post-closebutton/button-types";
-export { SwitchVariant } from "./components/post-language-switch/switch-variants";
+export { SwitchVariant } from "./components/post-language-menu/switch-variants";
 export { Placement } from "@floating-ui/dom";
 export namespace Components {
     interface PostAccordion {
@@ -81,7 +81,7 @@ export namespace Components {
         /**
           * The label of the back-to-top button, intended solely for accessibility purposes. This label is always hidden from view.
          */
-        "label": string;
+        "textBackToTop": string;
     }
     interface PostBanner {
         /**
@@ -101,10 +101,6 @@ export namespace Components {
         "url"?: string | URL;
     }
     interface PostBreadcrumbs {
-        /**
-          * The text label for the home breadcrumb item.
-         */
-        "homeText": string;
         /**
           * The URL for the home breadcrumb item.
          */
@@ -112,11 +108,15 @@ export namespace Components {
         /**
           * The accessible label for the breadcrumb component.
          */
-        "label": string;
+        "textBreadcrumbs": string;
+        /**
+          * The text label for the home breadcrumb item.
+         */
+        "textHome": string;
         /**
           * The accessible label for the breadcrumb menu when breadcrumb items are concatenated.
          */
-        "menuLabel": string;
+        "textMoreItems": string;
     }
     /**
      * @class PostCardControl - representing a stencil component
@@ -183,9 +183,9 @@ export namespace Components {
          */
         "collapsed"?: boolean;
         /**
-          * Triggers the collapse programmatically.  If there is a collapsing transition running already, it will be reversed.
+          * Triggers the collapse programmatically. If there is a collapsing transition running already, it will be reversed. If no parameter is provided, the current state (this.isExpanded) will be toggled.
          */
-        "toggle": (open?: boolean) => Promise<boolean>;
+        "toggle": (shouldExpand?: boolean) => Promise<boolean>;
     }
     interface PostCollapsibleTrigger {
         /**
@@ -197,17 +197,23 @@ export namespace Components {
          */
         "update": () => Promise<void>;
     }
+    interface PostEnvTest {
+    }
     interface PostFooter {
         /**
-          * The label to add to the footer (visually hidden).
+          * The textFooter to add to the footer (visually hidden).
          */
-        "label": string;
+        "textFooter": string;
     }
     interface PostHeader {
         /**
-          * Toggles the mobile navigation.
+          * The label of the burger menu button.
+         */
+        "textMenu": string;
+        /**
+          * Toggles the burger navigation menu.
          */
-        "toggleMobileMenu": (force?: boolean) => Promise<void>;
+        "toggleBurgerMenu": (force?: boolean) => Promise<void>;
     }
     /**
      * @class PostIcon - representing a stencil component
@@ -244,7 +250,22 @@ export namespace Components {
          */
         "scale"?: number;
     }
-    interface PostLanguageOption {
+    interface PostLanguageMenu {
+        /**
+          * A title for the list of language options
+         */
+        "textChangeLanguage": string;
+        /**
+          * A descriptive text for the list of language options
+         */
+        "textCurrentLanguage": string;
+        /**
+          * Whether the component is rendered as a list or a menu
+          * @default 'list'
+         */
+        "variant": SwitchVariant;
+    }
+    interface PostLanguageMenuItem {
         /**
           * If set to `true`, the language option is considered the current language for the page.
          */
@@ -266,41 +287,12 @@ export namespace Components {
          */
         "url"?: string;
         /**
-          * To communicate the variant prop from the parent (post-language-switch) component to the child (post-language-option) component. See parent docs for a description about the property itself.
+          * To communicate the variant prop from the parent (post-language-menu) component to the child (post-language-menu-item) component. See parent docs for a description about the property itself.
          */
         "variant"?: SwitchVariant;
     }
-    interface PostLanguageSwitch {
-        /**
-          * A title for the list of language options
-         */
-        "caption": string;
-        /**
-          * A descriptive text for the list of language options
-         */
-        "description": string;
-        /**
-          * Whether the component is rendered as a list or a menu
-          * @default 'list'
-         */
-        "variant": SwitchVariant;
-    }
     interface PostLinkarea {
     }
-    interface PostList {
-        /**
-          * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
-          * @default false
-         */
-        "horizontal": boolean;
-        /**
-          * If `true`, the list title will be hidden. Otherwise, it will be displayed.`
-          * @default false
-         */
-        "titleHidden": boolean;
-    }
-    interface PostListItem {
-    }
     interface PostLogo {
         /**
           * The URL to which the user is redirected upon clicking the logo.
@@ -308,6 +300,10 @@ export namespace Components {
         "url"?: string | URL;
     }
     interface PostMainnavigation {
+        /**
+          * Defines the accessible label for the navigation element. This text is used as the `aria-label` attribute to provide screen reader users with a description of the navigation's purpose.
+         */
+        "textMain": string;
     }
     interface PostMegadropdown {
         /**
@@ -322,12 +318,25 @@ export namespace Components {
           * Displays the dropdown.
          */
         "show": () => Promise<void>;
+        /**
+          * A label for the back button visible on tablet and mobile
+         */
+        "textBack": string;
+        /**
+          * An accessible label for the close button visible on desktop
+         */
+        "textClose": string;
         /**
           * Toggles the dropdown visibility based on its current state.
          */
         "toggle": () => Promise<void>;
     }
     interface PostMegadropdownTrigger {
+        /**
+          * Sets the trigger state to be active or inactive.
+          * @default false
+         */
+        "active": boolean;
         /**
           * ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.
          */
@@ -339,7 +348,7 @@ export namespace Components {
          */
         "hide": () => Promise<void>;
         /**
-          * An accessible name for the menu.
+          * A descriptive label that clearly identifies the menu’s content so assistive technologies can convey its purpose.
          */
         "label": string;
         /**
@@ -365,16 +374,54 @@ export namespace Components {
          */
         "for": string;
     }
+    interface PostPagination {
+        /**
+          * The total number of items in the collection.
+         */
+        "collectionSize": number;
+        /**
+          * If true, the pagination is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * A descriptive label for the pagination navigation, used by assistive technologies.
+         */
+        "label": string;
+        /**
+          * The current active page number.  **If not specified, defaults to the first page.**
+         */
+        "page"?: number;
+        /**
+          * The number of items per page.
+         */
+        "pageSize": number;
+        /**
+          * Prefix text for the first page label.
+         */
+        "textFirst": string;
+        /**
+          * Prefix text for the last page label.
+         */
+        "textLast": string;
+        /**
+          * Accessible label for the next page button.
+         */
+        "textNext": string;
+        /**
+          * Prefix text for page number labels.
+         */
+        "textPage": string;
+        /**
+          * Accessible label for the previous page button.
+         */
+        "textPrevious": string;
+    }
     interface PostPopover {
         /**
           * Show a little indicator arrow
           * @default true
          */
         "arrow"?: boolean;
-        /**
-          * Define the caption of the close button for assistive technology
-         */
-        "closeButtonCaption": string;
         /**
           * Programmatically hide this popover
          */
@@ -389,6 +436,10 @@ export namespace Components {
           * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
          */
         "show": (target: HTMLElement) => Promise<void>;
+        /**
+          * Define the text of the close button for assistive technology
+         */
+        "textClose": string;
         /**
           * Toggle popover display
           * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
@@ -400,7 +451,7 @@ export namespace Components {
         /**
           * ID of the popover element that this trigger is linked to. Used to open and close the popover.
          */
-        "for": string;
+        "for"?: string;
     }
     interface PostPopovercontainer {
         /**
@@ -413,10 +464,6 @@ export namespace Components {
           * @default false
          */
         "arrow"?: boolean;
-        /**
-          * Handles the popover closing process and emits related events.
-         */
-        "close": () => Promise<void>;
         /**
           * Gap between the edge of the page and the popovercontainer
           * @default 8
@@ -426,15 +473,6 @@ export namespace Components {
           * Programmatically hide the popovercontainer
          */
         "hide": () => Promise<void>;
-        /**
-          * Whether or not the popovercontainer should close when user clicks outside of it
-          * @default false
-         */
-        "manualClose": boolean;
-        /**
-          * Handles the popover opening process and emits related events.
-         */
-        "open": () => Promise<void>;
         /**
           * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popovercontainers 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.
           * @default 'top'
@@ -463,7 +501,7 @@ export namespace Components {
          */
         "currentRating": number;
         /**
-          * Defines a hidden label for the component.
+          * A hidden, descriptive label that explains the role of the rating component to assistive technologies.
          */
         "label": string;
         /**
@@ -477,32 +515,57 @@ export namespace Components {
          */
         "stars": number;
     }
-    interface PostTabHeader {
+    interface PostStepper {
+        /**
+          * Defines the currently active step
+          * @default -1
+         */
+        "currentIndex": number;
+        /**
+          * "Completed step" label for accessibility
+         */
+        "textCompletedStep": string;
+        /**
+          * "Current step" label for accessibility
+         */
+        "textCurrentStep": string;
+        /**
+          * Label for the "Step N:" indicator for mobile view. Use `#number` as a placeholder — it will be replaced with the current step number at runtime.
+         */
+        "textStepNumber": string;
+    }
+    interface PostStepperItem {
+    }
+    interface PostTabItem {
         /**
-          * The name of the panel controlled by the tab header.
+          * The name of the tab, used to associate it with a tab panel or identify the active tab in panel mode.
          */
-        "panel": string;
+        "name": string;
     }
     interface PostTabPanel {
         /**
-          * The name of the panel, used to associate it with a tab header.
+          * The name of the tab that this panel is associated with.
          */
-        "name": string;
+        "for": string;
     }
     interface PostTabs {
         /**
-          * The name of the panel that is initially shown. If not specified, it defaults to the panel associated with the first tab.  **Changing this value after initialization has no effect.**
+          * 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.
          */
-        "activePanel"?: HTMLPostTabPanelElement['name'];
+        "activeTab"?: string;
         /**
-          * When set to true, this property allows the tabs container to span the full width of the screen, from edge to edge.
+          * 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.
+         */
+        "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": (panelName: string) => Promise<void>;
+        "show": (tabName: string) => Promise<void>;
     }
     interface PostTogglebutton {
         /**
@@ -571,9 +634,9 @@ export interface PostCollapsibleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostCollapsibleElement;
 }
-export interface PostLanguageOptionCustomEvent<T> extends CustomEvent<T> {
+export interface PostLanguageMenuItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLPostLanguageOptionElement;
+    target: HTMLPostLanguageMenuItemElement;
 }
 export interface PostMegadropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -583,6 +646,10 @@ export interface PostMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostMenuElement;
 }
+export interface PostPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPostPaginationElement;
+}
 export interface PostPopovercontainerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostPopovercontainerElement;
@@ -699,6 +766,12 @@ declare global {
         prototype: HTMLPostCollapsibleTriggerElement;
         new (): HTMLPostCollapsibleTriggerElement;
     };
+    interface HTMLPostEnvTestElement extends Components.PostEnvTest, HTMLStencilElement {
+    }
+    var HTMLPostEnvTestElement: {
+        prototype: HTMLPostEnvTestElement;
+        new (): HTMLPostEnvTestElement;
+    };
     interface HTMLPostFooterElement extends Components.PostFooter, HTMLStencilElement {
     }
     var HTMLPostFooterElement: {
@@ -720,29 +793,29 @@ declare global {
         prototype: HTMLPostIconElement;
         new (): HTMLPostIconElement;
     };
-    interface HTMLPostLanguageOptionElementEventMap {
+    interface HTMLPostLanguageMenuElement extends Components.PostLanguageMenu, HTMLStencilElement {
+    }
+    var HTMLPostLanguageMenuElement: {
+        prototype: HTMLPostLanguageMenuElement;
+        new (): HTMLPostLanguageMenuElement;
+    };
+    interface HTMLPostLanguageMenuItemElementEventMap {
         "postChange": string;
-        "postLanguageOptionInitiallyActive": string;
+        "postLanguageMenuItemInitiallyActive": string;
     }
-    interface HTMLPostLanguageOptionElement extends Components.PostLanguageOption, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLPostLanguageOptionElementEventMap>(type: K, listener: (this: HTMLPostLanguageOptionElement, ev: PostLanguageOptionCustomEvent<HTMLPostLanguageOptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLPostLanguageMenuItemElement extends Components.PostLanguageMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostLanguageMenuItemElementEventMap>(type: K, listener: (this: HTMLPostLanguageMenuItemElement, ev: PostLanguageMenuItemCustomEvent<HTMLPostLanguageMenuItemElementEventMap[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 HTMLPostLanguageOptionElementEventMap>(type: K, listener: (this: HTMLPostLanguageOptionElement, ev: PostLanguageOptionCustomEvent<HTMLPostLanguageOptionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPostLanguageMenuItemElementEventMap>(type: K, listener: (this: HTMLPostLanguageMenuItemElement, ev: PostLanguageMenuItemCustomEvent<HTMLPostLanguageMenuItemElementEventMap[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 HTMLPostLanguageOptionElement: {
-        prototype: HTMLPostLanguageOptionElement;
-        new (): HTMLPostLanguageOptionElement;
-    };
-    interface HTMLPostLanguageSwitchElement extends Components.PostLanguageSwitch, HTMLStencilElement {
-    }
-    var HTMLPostLanguageSwitchElement: {
-        prototype: HTMLPostLanguageSwitchElement;
-        new (): HTMLPostLanguageSwitchElement;
+    var HTMLPostLanguageMenuItemElement: {
+        prototype: HTMLPostLanguageMenuItemElement;
+        new (): HTMLPostLanguageMenuItemElement;
     };
     interface HTMLPostLinkareaElement extends Components.PostLinkarea, HTMLStencilElement {
     }
@@ -750,18 +823,6 @@ declare global {
         prototype: HTMLPostLinkareaElement;
         new (): HTMLPostLinkareaElement;
     };
-    interface HTMLPostListElement extends Components.PostList, HTMLStencilElement {
-    }
-    var HTMLPostListElement: {
-        prototype: HTMLPostListElement;
-        new (): HTMLPostListElement;
-    };
-    interface HTMLPostListItemElement extends Components.PostListItem, HTMLStencilElement {
-    }
-    var HTMLPostListItemElement: {
-        prototype: HTMLPostListItemElement;
-        new (): HTMLPostListItemElement;
-    };
     interface HTMLPostLogoElement extends Components.PostLogo, HTMLStencilElement {
     }
     var HTMLPostLogoElement: {
@@ -826,6 +887,23 @@ declare global {
         prototype: HTMLPostMenuTriggerElement;
         new (): HTMLPostMenuTriggerElement;
     };
+    interface HTMLPostPaginationElementEventMap {
+        "postChange": number;
+    }
+    interface HTMLPostPaginationElement extends Components.PostPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostPaginationElementEventMap>(type: K, listener: (this: HTMLPostPaginationElement, ev: PostPaginationCustomEvent<HTMLPostPaginationElementEventMap[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 HTMLPostPaginationElementEventMap>(type: K, listener: (this: HTMLPostPaginationElement, ev: PostPaginationCustomEvent<HTMLPostPaginationElementEventMap[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 HTMLPostPaginationElement: {
+        prototype: HTMLPostPaginationElement;
+        new (): HTMLPostPaginationElement;
+    };
     interface HTMLPostPopoverElement extends Components.PostPopover, HTMLStencilElement {
     }
     var HTMLPostPopoverElement: {
@@ -877,11 +955,23 @@ declare global {
         prototype: HTMLPostRatingElement;
         new (): HTMLPostRatingElement;
     };
-    interface HTMLPostTabHeaderElement extends Components.PostTabHeader, HTMLStencilElement {
+    interface HTMLPostStepperElement extends Components.PostStepper, HTMLStencilElement {
+    }
+    var HTMLPostStepperElement: {
+        prototype: HTMLPostStepperElement;
+        new (): HTMLPostStepperElement;
+    };
+    interface HTMLPostStepperItemElement extends Components.PostStepperItem, HTMLStencilElement {
     }
-    var HTMLPostTabHeaderElement: {
-        prototype: HTMLPostTabHeaderElement;
-        new (): HTMLPostTabHeaderElement;
+    var HTMLPostStepperItemElement: {
+        prototype: HTMLPostStepperItemElement;
+        new (): HTMLPostStepperItemElement;
+    };
+    interface HTMLPostTabItemElement extends Components.PostTabItem, HTMLStencilElement {
+    }
+    var HTMLPostTabItemElement: {
+        prototype: HTMLPostTabItemElement;
+        new (): HTMLPostTabItemElement;
     };
     interface HTMLPostTabPanelElement extends Components.PostTabPanel, HTMLStencilElement {
     }
@@ -936,14 +1026,13 @@ declare global {
         "post-closebutton": HTMLPostClosebuttonElement;
         "post-collapsible": HTMLPostCollapsibleElement;
         "post-collapsible-trigger": HTMLPostCollapsibleTriggerElement;
+        "post-env-test": HTMLPostEnvTestElement;
         "post-footer": HTMLPostFooterElement;
         "post-header": HTMLPostHeaderElement;
         "post-icon": HTMLPostIconElement;
-        "post-language-option": HTMLPostLanguageOptionElement;
-        "post-language-switch": HTMLPostLanguageSwitchElement;
+        "post-language-menu": HTMLPostLanguageMenuElement;
+        "post-language-menu-item": HTMLPostLanguageMenuItemElement;
         "post-linkarea": HTMLPostLinkareaElement;
-        "post-list": HTMLPostListElement;
-        "post-list-item": HTMLPostListItemElement;
         "post-logo": HTMLPostLogoElement;
         "post-mainnavigation": HTMLPostMainnavigationElement;
         "post-megadropdown": HTMLPostMegadropdownElement;
@@ -951,11 +1040,14 @@ declare global {
         "post-menu": HTMLPostMenuElement;
         "post-menu-item": HTMLPostMenuItemElement;
         "post-menu-trigger": HTMLPostMenuTriggerElement;
+        "post-pagination": HTMLPostPaginationElement;
         "post-popover": HTMLPostPopoverElement;
         "post-popover-trigger": HTMLPostPopoverTriggerElement;
         "post-popovercontainer": HTMLPostPopovercontainerElement;
         "post-rating": HTMLPostRatingElement;
-        "post-tab-header": HTMLPostTabHeaderElement;
+        "post-stepper": HTMLPostStepperElement;
+        "post-stepper-item": HTMLPostStepperItemElement;
+        "post-tab-item": HTMLPostTabItemElement;
         "post-tab-panel": HTMLPostTabPanelElement;
         "post-tabs": HTMLPostTabsElement;
         "post-togglebutton": HTMLPostTogglebuttonElement;
@@ -1013,7 +1105,7 @@ declare namespace LocalJSX {
         /**
           * The label of the back-to-top button, intended solely for accessibility purposes. This label is always hidden from view.
          */
-        "label": string;
+        "textBackToTop": string;
     }
     interface PostBanner {
         /**
@@ -1033,10 +1125,6 @@ declare namespace LocalJSX {
         "url"?: string | URL;
     }
     interface PostBreadcrumbs {
-        /**
-          * The text label for the home breadcrumb item.
-         */
-        "homeText": string;
         /**
           * The URL for the home breadcrumb item.
          */
@@ -1044,11 +1132,15 @@ declare namespace LocalJSX {
         /**
           * The accessible label for the breadcrumb component.
          */
-        "label": string;
+        "textBreadcrumbs": string;
+        /**
+          * The text label for the home breadcrumb item.
+         */
+        "textHome": string;
         /**
           * The accessible label for the breadcrumb menu when breadcrumb items are concatenated.
          */
-        "menuLabel": string;
+        "textMoreItems": string;
     }
     /**
      * @class PostCardControl - representing a stencil component
@@ -1115,7 +1207,7 @@ declare namespace LocalJSX {
          */
         "collapsed"?: boolean;
         /**
-          * An event emitted when the collapse element is shown or hidden, before the transition.  The event payload is a boolean: `true` if the collapsible was opened, `false` if it was closed.
+          * An event emitted when the collapse element is shown or hidden, before the transition.  The event payload is a boolean: `true` if the collapsible is expanded, `false` if it is collapsed.
          */
         "onPostToggle"?: (event: PostCollapsibleCustomEvent<boolean>) => void;
     }
@@ -1125,13 +1217,19 @@ declare namespace LocalJSX {
          */
         "for": string;
     }
+    interface PostEnvTest {
+    }
     interface PostFooter {
         /**
-          * The label to add to the footer (visually hidden).
+          * The textFooter to add to the footer (visually hidden).
          */
-        "label": string;
+        "textFooter": string;
     }
     interface PostHeader {
+        /**
+          * The label of the burger menu button.
+         */
+        "textMenu": string;
     }
     /**
      * @class PostIcon - representing a stencil component
@@ -1168,7 +1266,22 @@ declare namespace LocalJSX {
          */
         "scale"?: number;
     }
-    interface PostLanguageOption {
+    interface PostLanguageMenu {
+        /**
+          * A title for the list of language options
+         */
+        "textChangeLanguage": string;
+        /**
+          * A descriptive text for the list of language options
+         */
+        "textCurrentLanguage": string;
+        /**
+          * Whether the component is rendered as a list or a menu
+          * @default 'list'
+         */
+        "variant"?: SwitchVariant;
+    }
+    interface PostLanguageMenuItem {
         /**
           * If set to `true`, the language option is considered the current language for the page.
          */
@@ -1184,51 +1297,22 @@ declare namespace LocalJSX {
         /**
           * An event emitted when the language option is clicked. The payload is the ISO 639 code of the language.
          */
-        "onPostChange"?: (event: PostLanguageOptionCustomEvent<string>) => void;
+        "onPostChange"?: (event: PostLanguageMenuItemCustomEvent<string>) => void;
         /**
           * An event emitted when the language option is initially active. The payload is the ISO 639 code of the language.
          */
-        "onPostLanguageOptionInitiallyActive"?: (event: PostLanguageOptionCustomEvent<string>) => void;
+        "onPostLanguageMenuItemInitiallyActive"?: (event: PostLanguageMenuItemCustomEvent<string>) => void;
         /**
           * The URL used for the href attribute of the internal anchor. This field is optional; if not provided, a button will be used internally instead of an anchor.
          */
         "url"?: string;
         /**
-          * To communicate the variant prop from the parent (post-language-switch) component to the child (post-language-option) component. See parent docs for a description about the property itself.
-         */
-        "variant"?: SwitchVariant;
-    }
-    interface PostLanguageSwitch {
-        /**
-          * A title for the list of language options
-         */
-        "caption": string;
-        /**
-          * A descriptive text for the list of language options
-         */
-        "description": string;
-        /**
-          * Whether the component is rendered as a list or a menu
-          * @default 'list'
+          * To communicate the variant prop from the parent (post-language-menu) component to the child (post-language-menu-item) component. See parent docs for a description about the property itself.
          */
         "variant"?: SwitchVariant;
     }
     interface PostLinkarea {
     }
-    interface PostList {
-        /**
-          * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
-          * @default false
-         */
-        "horizontal"?: boolean;
-        /**
-          * If `true`, the list title will be hidden. Otherwise, it will be displayed.`
-          * @default false
-         */
-        "titleHidden"?: boolean;
-    }
-    interface PostListItem {
-    }
     interface PostLogo {
         /**
           * The URL to which the user is redirected upon clicking the logo.
@@ -1236,14 +1320,31 @@ declare namespace LocalJSX {
         "url"?: string | URL;
     }
     interface PostMainnavigation {
+        /**
+          * Defines the accessible label for the navigation element. This text is used as the `aria-label` attribute to provide screen reader users with a description of the navigation's purpose.
+         */
+        "textMain": string;
     }
     interface PostMegadropdown {
         /**
           * Emits when the dropdown is shown or hidden. The event payload is an object. `isVisible` is true when the dropdown gets opened and false when it gets closed `focusParent` determines whether after the closing of the mega dropdown, the focus should go back to the trigger parent or naturally go to the next focusable element in the page
          */
         "onPostToggleMegadropdown"?: (event: PostMegadropdownCustomEvent<{ isVisible: boolean; focusParent?: boolean }>) => void;
+        /**
+          * A label for the back button visible on tablet and mobile
+         */
+        "textBack": string;
+        /**
+          * An accessible label for the close button visible on desktop
+         */
+        "textClose": string;
     }
     interface PostMegadropdownTrigger {
+        /**
+          * Sets the trigger state to be active or inactive.
+          * @default false
+         */
+        "active"?: boolean;
         /**
           * ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.
          */
@@ -1251,7 +1352,7 @@ declare namespace LocalJSX {
     }
     interface PostMenu {
         /**
-          * An accessible name for the menu.
+          * A descriptive label that clearly identifies the menu’s content so assistive technologies can convey its purpose.
          */
         "label": string;
         /**
@@ -1272,27 +1373,73 @@ declare namespace LocalJSX {
          */
         "for": string;
     }
+    interface PostPagination {
+        /**
+          * The total number of items in the collection.
+         */
+        "collectionSize": number;
+        /**
+          * If true, the pagination is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * A descriptive label for the pagination navigation, used by assistive technologies.
+         */
+        "label": string;
+        /**
+          * Event emitted when the page changes.
+         */
+        "onPostChange"?: (event: PostPaginationCustomEvent<number>) => void;
+        /**
+          * The current active page number.  **If not specified, defaults to the first page.**
+         */
+        "page"?: number;
+        /**
+          * The number of items per page.
+         */
+        "pageSize": number;
+        /**
+          * Prefix text for the first page label.
+         */
+        "textFirst": string;
+        /**
+          * Prefix text for the last page label.
+         */
+        "textLast": string;
+        /**
+          * Accessible label for the next page button.
+         */
+        "textNext": string;
+        /**
+          * Prefix text for page number labels.
+         */
+        "textPage": string;
+        /**
+          * Accessible label for the previous page button.
+         */
+        "textPrevious": string;
+    }
     interface PostPopover {
         /**
           * Show a little indicator arrow
           * @default true
          */
         "arrow"?: boolean;
-        /**
-          * Define the caption of the close button for assistive technology
-         */
-        "closeButtonCaption": string;
         /**
           * 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. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
           * @default 'top'
          */
         "placement"?: Placement;
+        /**
+          * Define the text of the close button for assistive technology
+         */
+        "textClose": string;
     }
     interface PostPopoverTrigger {
         /**
           * ID of the popover element that this trigger is linked to. Used to open and close the popover.
          */
-        "for": string;
+        "for"?: string;
     }
     interface PostPopovercontainer {
         /**
@@ -1310,11 +1457,6 @@ declare namespace LocalJSX {
           * @default 8
          */
         "edgeGap"?: number;
-        /**
-          * Whether or not the popovercontainer should close when user clicks outside of it
-          * @default false
-         */
-        "manualClose"?: boolean;
         /**
           * Fires whenever the popovercontainer is about to be shown, passing in event.detail a `first` boolean, which is true if it is to be shown for the first time.
          */
@@ -1352,7 +1494,7 @@ declare namespace LocalJSX {
          */
         "currentRating"?: number;
         /**
-          * Defines a hidden label for the component.
+          * A hidden, descriptive label that explains the role of the rating component to assistive technologies.
          */
         "label": string;
         /**
@@ -1374,30 +1516,55 @@ declare namespace LocalJSX {
          */
         "stars"?: number;
     }
-    interface PostTabHeader {
+    interface PostStepper {
+        /**
+          * Defines the currently active step
+          * @default -1
+         */
+        "currentIndex"?: number;
+        /**
+          * "Completed step" label for accessibility
+         */
+        "textCompletedStep": string;
+        /**
+          * "Current step" label for accessibility
+         */
+        "textCurrentStep": string;
+        /**
+          * Label for the "Step N:" indicator for mobile view. Use `#number` as a placeholder — it will be replaced with the current step number at runtime.
+         */
+        "textStepNumber": string;
+    }
+    interface PostStepperItem {
+    }
+    interface PostTabItem {
         /**
-          * The name of the panel controlled by the tab header.
+          * The name of the tab, used to associate it with a tab panel or identify the active tab in panel mode.
          */
-        "panel": string;
+        "name": string;
     }
     interface PostTabPanel {
         /**
-          * The name of the panel, used to associate it with a tab header.
+          * The name of the tab that this panel is associated with.
          */
-        "name": string;
+        "for": string;
     }
     interface PostTabs {
         /**
-          * The name of the panel that is initially shown. If not specified, it defaults to the panel associated with the first tab.  **Changing this value after initialization has no effect.**
+          * 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.
          */
-        "activePanel"?: HTMLPostTabPanelElement['name'];
+        "activeTab"?: string;
         /**
-          * When set to true, this property allows the tabs container to span the full width of the screen, from edge to edge.
+          * 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;
         /**
-          * 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 shown panel.
+          * The accessible label for the tabs component in navigation mode.
+         */
+        "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.
          */
         "onPostChange"?: (event: PostTabsCustomEvent<string>) => void;
     }
@@ -1452,14 +1619,13 @@ declare namespace LocalJSX {
         "post-closebutton": PostClosebutton;
         "post-collapsible": PostCollapsible;
         "post-collapsible-trigger": PostCollapsibleTrigger;
+        "post-env-test": PostEnvTest;
         "post-footer": PostFooter;
         "post-header": PostHeader;
         "post-icon": PostIcon;
-        "post-language-option": PostLanguageOption;
-        "post-language-switch": PostLanguageSwitch;
+        "post-language-menu": PostLanguageMenu;
+        "post-language-menu-item": PostLanguageMenuItem;
         "post-linkarea": PostLinkarea;
-        "post-list": PostList;
-        "post-list-item": PostListItem;
         "post-logo": PostLogo;
         "post-mainnavigation": PostMainnavigation;
         "post-megadropdown": PostMegadropdown;
@@ -1467,11 +1633,14 @@ declare namespace LocalJSX {
         "post-menu": PostMenu;
         "post-menu-item": PostMenuItem;
         "post-menu-trigger": PostMenuTrigger;
+        "post-pagination": PostPagination;
         "post-popover": PostPopover;
         "post-popover-trigger": PostPopoverTrigger;
         "post-popovercontainer": PostPopovercontainer;
         "post-rating": PostRating;
-        "post-tab-header": PostTabHeader;
+        "post-stepper": PostStepper;
+        "post-stepper-item": PostStepperItem;
+        "post-tab-item": PostTabItem;
         "post-tab-panel": PostTabPanel;
         "post-tabs": PostTabs;
         "post-togglebutton": PostTogglebutton;
@@ -1497,17 +1666,16 @@ declare module "@stencil/core" {
             "post-closebutton": LocalJSX.PostClosebutton & JSXBase.HTMLAttributes<HTMLPostClosebuttonElement>;
             "post-collapsible": LocalJSX.PostCollapsible & JSXBase.HTMLAttributes<HTMLPostCollapsibleElement>;
             "post-collapsible-trigger": LocalJSX.PostCollapsibleTrigger & JSXBase.HTMLAttributes<HTMLPostCollapsibleTriggerElement>;
+            "post-env-test": LocalJSX.PostEnvTest & JSXBase.HTMLAttributes<HTMLPostEnvTestElement>;
             "post-footer": LocalJSX.PostFooter & JSXBase.HTMLAttributes<HTMLPostFooterElement>;
             "post-header": LocalJSX.PostHeader & JSXBase.HTMLAttributes<HTMLPostHeaderElement>;
             /**
              * @class PostIcon - representing a stencil component
              */
             "post-icon": LocalJSX.PostIcon & JSXBase.HTMLAttributes<HTMLPostIconElement>;
-            "post-language-option": LocalJSX.PostLanguageOption & JSXBase.HTMLAttributes<HTMLPostLanguageOptionElement>;
-            "post-language-switch": LocalJSX.PostLanguageSwitch & JSXBase.HTMLAttributes<HTMLPostLanguageSwitchElement>;
+            "post-language-menu": LocalJSX.PostLanguageMenu & JSXBase.HTMLAttributes<HTMLPostLanguageMenuElement>;
+            "post-language-menu-item": LocalJSX.PostLanguageMenuItem & JSXBase.HTMLAttributes<HTMLPostLanguageMenuItemElement>;
             "post-linkarea": LocalJSX.PostLinkarea & JSXBase.HTMLAttributes<HTMLPostLinkareaElement>;
-            "post-list": LocalJSX.PostList & JSXBase.HTMLAttributes<HTMLPostListElement>;
-            "post-list-item": LocalJSX.PostListItem & JSXBase.HTMLAttributes<HTMLPostListItemElement>;
             "post-logo": LocalJSX.PostLogo & JSXBase.HTMLAttributes<HTMLPostLogoElement>;
             "post-mainnavigation": LocalJSX.PostMainnavigation & JSXBase.HTMLAttributes<HTMLPostMainnavigationElement>;
             "post-megadropdown": LocalJSX.PostMegadropdown & JSXBase.HTMLAttributes<HTMLPostMegadropdownElement>;
@@ -1515,11 +1683,14 @@ declare module "@stencil/core" {
             "post-menu": LocalJSX.PostMenu & JSXBase.HTMLAttributes<HTMLPostMenuElement>;
             "post-menu-item": LocalJSX.PostMenuItem & JSXBase.HTMLAttributes<HTMLPostMenuItemElement>;
             "post-menu-trigger": LocalJSX.PostMenuTrigger & JSXBase.HTMLAttributes<HTMLPostMenuTriggerElement>;
+            "post-pagination": LocalJSX.PostPagination & JSXBase.HTMLAttributes<HTMLPostPaginationElement>;
             "post-popover": LocalJSX.PostPopover & JSXBase.HTMLAttributes<HTMLPostPopoverElement>;
             "post-popover-trigger": LocalJSX.PostPopoverTrigger & JSXBase.HTMLAttributes<HTMLPostPopoverTriggerElement>;
             "post-popovercontainer": LocalJSX.PostPopovercontainer & JSXBase.HTMLAttributes<HTMLPostPopovercontainerElement>;
             "post-rating": LocalJSX.PostRating & JSXBase.HTMLAttributes<HTMLPostRatingElement>;
-            "post-tab-header": LocalJSX.PostTabHeader & JSXBase.HTMLAttributes<HTMLPostTabHeaderElement>;
+            "post-stepper": LocalJSX.PostStepper & JSXBase.HTMLAttributes<HTMLPostStepperElement>;
+            "post-stepper-item": LocalJSX.PostStepperItem & JSXBase.HTMLAttributes<HTMLPostStepperItemElement>;
+            "post-tab-item": LocalJSX.PostTabItem & JSXBase.HTMLAttributes<HTMLPostTabItemElement>;
             "post-tab-panel": LocalJSX.PostTabPanel & JSXBase.HTMLAttributes<HTMLPostTabPanelElement>;
             "post-tabs": LocalJSX.PostTabs & JSXBase.HTMLAttributes<HTMLPostTabsElement>;
             "post-togglebutton": LocalJSX.PostTogglebutton & JSXBase.HTMLAttributes<HTMLPostTogglebuttonElement>;