@swisspost/design-system-components 9.0.0-next.2 → 9.0.0-next.21

package/dist/types/components/post-card-control/post-card-control.d.ts

@@ -2,8 +2,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @class PostCardControl - representing a stencil component
  *
- * @slot default - Content to place into the `default` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt">block content</a>.<p className="alert alert-sm alert-warning">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href="https://accessibilityinsights.io/info-examples/web/nested-interactive/">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>
- * @slot icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content">inline content</a>.<p className="alert alert-sm alert-info">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>
+ * @slot default - Content to place into the `default` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt">block content</a>.<p className="banner banner-sm banner-warning">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href="https://accessibilityinsights.io/info-examples/web/nested-interactive/">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>
+ * @slot icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content">inline content</a>.<p className="banner banner-sm banner-info">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>
  */
 export declare class PostCardControl {
     private readonly EVENT_MAP;
@@ -30,12 +30,12 @@ export declare class PostCardControl {
     readonly type: 'checkbox' | 'radio';
     /**
      * Defines the `name` attribute of the control.
-     * <span className="alert alert-sm alert-info">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span>
-     * <span className="alert alert-sm alert-info">This is a required property, when the control is used with type `radio`.</span>
+     * <span className="banner banner-sm banner-info">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span>
+     * <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
      */
     readonly name: string;
     /**
-     * Defines the `value` attribute of the control. <span className="alert alert-sm alert-info">This is a required property, when the control is used with type `radio`.</span>
+     * Defines the `value` attribute of the control. <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
      */
     readonly value: string;
     /**
@@ -53,7 +53,7 @@ export declare class PostCardControl {
     validity: null | 'true' | 'false';
     /**
      * Defines the icon `name` inside the card.
-     * <span className="alert alert-sm alert-info">If not set the icon will not show up.</span>
+     * <span className="banner banner-sm banner-info">If not set the icon will not show up.</span>
      */
     readonly icon: string;
     /**
@@ -67,7 +67,7 @@ export declare class PostCardControl {
     /**
      * An event emitted whenever the components checked state is toggled.
      * The event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked.
-     * <span className="alert alert-sm alert-info">If the component is used with type `radio`, it will only emit this event, when the checked state is changing to `true`.</span>
+     * <span className="banner banner-sm banner-info">If the component is used with type `radio`, it will only emit this event, when the checked state is changing to `true`.</span>
      */
     postChange: EventEmitter<{
         state: boolean;
@@ -82,8 +82,8 @@ export declare class PostCardControl {
      * A hidden public method to reset the group controls `checked` state to `false`.
      */
     groupReset(): Promise<void>;
-    validateControlLabel(label?: string): void;
-    validateControlType(type?: "checkbox" | "radio"): void;
+    validateControlLabel(): void;
+    validateControlType(): void;
     updateControlChecked(checked?: boolean): void;
     updateControlDisabled(): void;
     constructor();

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

@@ -0,0 +1,7 @@
+/**
+ * @slot default - Slot for placing visually hidden label in the close button.
+ */
+export declare class PostClosebutton {
+    host: HTMLPostClosebuttonElement;
+    render(): any;
+}

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

@@ -0,0 +1,23 @@
+/**
+ * @slot grid-{1|2|3|4}-title - Slot for the accordion headers (mobile).
+ * @slot grid-{1|2|3|4} - Slot for the accordion bodies (mobile) and the grid cells (tablet, desktop).
+ * @slot socialmedia - Slot for the social media links.
+ * @slot app - Slot for the app links.
+ * @slot businesssectors - Slot for the business sectors links.
+ * @slot meta - Slot for the meta links.
+ * @slot copyright - Slot for the copyright text.
+ */
+export declare class PostFooter {
+    host: HTMLPostFooterElement;
+    /**
+     * The label to add to the footer (visually hidden).
+     */
+    readonly label: string;
+    isMobile: boolean;
+    connectedCallback(): void;
+    private breakpointChange;
+    private renderAccordion;
+    private renderGrid;
+    render(): any;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type DEVICE_SIZE = 'mobile' | 'tablet' | 'desktop' | null;
+/**
+ * @slot post-logo - Should be used together with the `<post-logo>` component.
+ * @slot meta-navigation - Holds an `<ul>` with meta navigation links.
+ * @slot post-togglebutton - Holds the mobile menu toggler.
+ * @slot post-language-switch - Should be used with the `<post-language-switch>` component.
+ * @slot title - Holds the application title.
+ * @slot default - Custom controls or content, right aligned in the local header.
+ * @slot post-mainnavigation - Has a default slot because it's only meant to be used in the `<post-header>`.
+ */
+export declare class PostHeader {
+    private firstFocusableEl;
+    private lastFocusableEl;
+    private scrollParent;
+    private mobileMenu;
+    private mobileMenuAnimation;
+    private throttledScroll;
+    private throttledResize;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    host: HTMLPostHeaderElement;
+    device: DEVICE_SIZE;
+    mobileMenuExtended: boolean;
+    frozeBody(isMobileMenuExtended: boolean): void;
+    /**
+     * An event emitted when the device has changed
+     */
+    postUpdateDevice: EventEmitter<DEVICE_SIZE>;
+    /**
+     * Toggles the mobile navigation.
+     */
+    toggleMobileMenu(): Promise<void>;
+    private getFocusableElements;
+    private keyboardHandler;
+    private handleScrollEvent;
+    private getScrollParent;
+    private isScrollable;
+    private updateLocalHeaderHeight;
+    private handleResize;
+    private switchLanguageSwitchMode;
+    private renderNavigation;
+    render(): any;
+}

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

@@ -4,10 +4,8 @@ type Animation = (typeof ANIMATION_NAMES)[number];
  * @class PostIcon - representing a stencil component
  */
 export declare class PostIcon {
-    private path;
+    private readonly isSSR;
     host: HTMLPostIconElement;
-    svgStyles: string;
-    svgOutput: string;
     /**
      * The name of the animation.
      */
@@ -17,35 +15,39 @@ export declare class PostIcon {
      * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
      */
     readonly base?: string | null;
-    validateBase(newValue?: string): void;
+    validateBase(): void;
     /**
      * When set to `true`, the icon will be flipped horizontally.
      */
     readonly flipH?: boolean;
-    validateFlipH(newValue?: boolean): void;
+    validateFlipH(): void;
     /**
      * When set to `true`, the icon will be flipped vertically.
      */
     readonly flipV?: boolean;
-    validateFlipV(newValue?: boolean): void;
+    validateFlipV(): void;
     /**
      * The name/id of the icon (e.g. 1000, 1001, ...).
      */
     readonly name: string;
-    validateName(newValue?: string): void;
+    validateName(): void;
     /**
      * The number of degree for the css rotate transformation.
      */
     readonly rotate?: number | null;
-    validateRotate(newValue?: number): void;
+    validateRotate(): void;
     /**
      * The number for the css scale transformation.
      */
     readonly scale?: number | null;
-    validateScale(newValue?: number): void;
-    componentWillLoad(): void;
-    componentWillRender(): void;
-    private setPath;
+    validateScale(): void;
+    private getUrl;
+    private getUrlDefinition;
+    private getUrlObject;
+    private definesDomain;
+    private definesSlug;
+    private getStyles;
+    componentDidLoad(): void;
     render(): any;
 }
 export {};

package/dist/types/components/post-language-option/post-language-option.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SwitchVariant } from '../post-language-switch/switch-variants';
+/**
+ * @slot default - Slot for placing the content inside the anchor or button.
+ */
+export declare class PostLanguageOption {
+    host: HTMLPostLanguageOptionElement;
+    /**
+     *  The ISO 639 language code, formatted according to [RFC 5646 (also known as BCP 47)](https://datatracker.ietf.org/doc/html/rfc5646). For example, "de".
+     */
+    code: string;
+    validateCode(): void;
+    /**
+     * If set to `true`, the language option is considered the current language for the page.
+     */
+    active: boolean;
+    validateActiveProp(): void;
+    /**
+     * 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 | null;
+    /**
+     * The full name of the language. For example, "Deutsch".
+     */
+    name: string;
+    validateName(): 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;
+    validateUrl(): void;
+    componentDidLoad(): void;
+    /**
+     * An event emitted when the language option is clicked. The payload is the ISO 639 code of the language.
+     */
+    postChange: EventEmitter<string>;
+    /**
+     * Selects the language option programmatically.
+     */
+    select(): Promise<void>;
+    private emitChange;
+    private isNameRequired;
+    render(): any;
+}

package/dist/types/components/post-language-switch/post-language-switch.d.ts

@@ -0,0 +1,31 @@
+import { SwitchVariant } from './switch-variants';
+export declare class PostLanguageSwitch {
+    host: HTMLPostLanguageSwitchElement;
+    /**
+     * A title for the list of language options
+     */
+    caption: string;
+    validateCaption(): void;
+    /**
+     * A descriptive text for the list of language options
+     */
+    description: string;
+    validateDescription(): void;
+    /**
+     * Whether the component is rendered as a list or a menu
+     */
+    variant: SwitchVariant;
+    validateVariant(): void;
+    /**
+     * The active language of the language switch
+     */
+    activeLang: string;
+    connectedCallback(): void;
+    private updateChildrenVariant;
+    componentWillUpdate(): void;
+    componentDidLoad(): void;
+    private menuId;
+    private renderList;
+    private renderDropdown;
+    render(): any;
+}

package/dist/types/components/post-language-switch/switch-variants.d.ts

@@ -0,0 +1,2 @@
+export declare const SWITCH_VARIANTS: readonly ["list", "menu"];
+export type SwitchVariant = (typeof SWITCH_VARIANTS)[number];

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

@@ -0,0 +1,5 @@
+export declare class PostLinkarea {
+    host: HTMLPostLinkareaElement;
+    private dispatchClick;
+    render(): any;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * @slot default - Slot for placing the list title.
+ * @slot post-list-item - Slot for placing post-list-item components.
+ */
+export declare class PostList {
+    host: HTMLPostListElement;
+    /**
+     * The unique title of the list that is also referenced in the labelledby
+     */
+    titleId: string;
+    /**
+     * If `true`, the list title will be hidden. Otherwise, it will be displayed.`
+     */
+    readonly titleHidden: boolean;
+    /**
+     * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
+     */
+    readonly horizontal: boolean;
+    private titleEl;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private checkTitle;
+    render(): any;
+}

package/dist/types/components/post-list-item/post-list-item.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @slot default- Slot for placing the content of the list item.
+ */
+export declare class PostListItem {
+    host: HTMLPostListItemElement;
+    connectedCallback(): void;
+    render(): any;
+}

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

@@ -8,7 +8,7 @@ export declare class PostLogo {
      */
     url: string | URL;
     validateUrl(): void;
-    connectedCallback(): void;
+    componentDidLoad(): void;
     private checkDescription;
     render(): any;
 }

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

@@ -0,0 +1,70 @@
+export declare class PostMainnavigation {
+    private header;
+    private navbar;
+    private rightScrollButton;
+    private leftScrollButton;
+    private scrollRepeatInterval;
+    private navbarDisableTimer;
+    private mutationObserver;
+    host: HTMLPostMainnavigationElement;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    translationAmount: number;
+    /**
+     * Update navbar translation when 'translateAmount' changes and recalculate scrollability
+     */
+    onTranslateAmountChanges(value: number): void;
+    /**
+     * Retrieves a reference to the closest 'post-header' element when the main navigation is added to the DOM.
+     * This ensures that we can interact with the header for mobile menu toggling.
+     */
+    connectedCallback(): void;
+    /**
+     * Cleans up references and disconnects the MutationObserver when the main navigation is removed from the DOM.
+     */
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
+    private fixLayoutShift;
+    private handleBackButtonClick;
+    /**
+     * Moves focus on the navbar and adjusts scrolling to bring focused element into view.
+     */
+    private adjustTranslation;
+    /**
+     * Checks if scrolling is possible in either direction (left or right) and updates the state accordingly.
+     */
+    private checkScrollability;
+    /**
+     * Returns whether scrolling is enabled in either the left or right direction.
+     */
+    private get canScroll();
+    /**
+     * Handles the scrolling behavior when a user clicks on the left or right scroll buttons.
+     */
+    private handleScrollButtonClick;
+    /**
+     * Stops the repeated scrolling when the mouse button is released.
+     */
+    stopScrolling(): void;
+    private scroll;
+    private translateRightTo;
+    private translateLeftTo;
+    /**
+     * Returns the navigation list container element
+     */
+    private get navigationList();
+    /**
+     * Returns the navigation items
+     */
+    private get navigationItems();
+    /**
+     * Temporarily disables interactions with the navbar during scrolling to prevent accidental clicks.
+     * Re-enables interactions after a brief delay to avoid blocking the user entirely.
+     */
+    private disableNavbar;
+    /**
+     * Allows to translate the navbar without a transition
+     */
+    private withoutTransition;
+    render(): any;
+}

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

@@ -0,0 +1,57 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DEVICE_SIZE } from '../post-header/post-header';
+export declare class PostMegadropdown {
+    private header;
+    private firstFocusableEl;
+    private lastFocusableEl;
+    device: DEVICE_SIZE;
+    host: HTMLPostMegadropdownElement;
+    /** Tracks the currently active dropdown instance. */
+    private static activeDropdown;
+    /**
+     * Holds the current visibility state of the dropdown.
+     * This state is internally managed to track whether the dropdown is open (`true`) or closed (`false`),
+     * and updates automatically when the dropdown is toggled.
+     */
+    isVisible: boolean;
+    /** Holds the current animation class. */
+    animationClass: string | null;
+    /**
+     * 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
+     **/
+    postToggleMegadropdown: EventEmitter<{
+        isVisible: boolean;
+        focusParent?: boolean;
+    }>;
+    disconnectedCallback(): void;
+    componentWillRender(): void;
+    /**
+     * Toggles the dropdown visibility based on its current state.
+     */
+    toggle(): Promise<void>;
+    /**
+     * Displays the dropdown.
+     */
+    show(): Promise<void>;
+    /**
+     * Hides the dropdown with an animation.
+     */
+    hide(focusParent?: boolean): Promise<void>;
+    focusFirst(): Promise<void>;
+    connectedCallback(): void;
+    /**
+     * Forces the dropdown to close without animation.
+     */
+    private forceClose;
+    private handleAnimationEnd;
+    private handleClickOutside;
+    private addListeners;
+    private removeListeners;
+    private getFocusableElements;
+    private keyboardHandler;
+    private handleTabOutside;
+    render(): any;
+}

package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts

@@ -0,0 +1,31 @@
+export declare class PostMegadropdownTrigger {
+    /**
+     * ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.
+     */
+    for: string;
+    host: HTMLPostMegadropdownTriggerElement;
+    /**
+     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated mega dropdown is expanded or collapsed.
+     */
+    ariaExpanded: boolean;
+    /**
+     * Reference to the slotted button within the trigger, if present.
+     * Used to manage click and key events for mega dropdown control.
+     */
+    private slottedButton;
+    /**
+     * Tracks whether this trigger's dropdown was expanded before a state change.
+     * Used to determine if this trigger should handle focus when its dropdown closes.
+     */
+    private wasExpanded;
+    /**
+     * Watch for changes to the `for` property to validate its type and ensure it is a string.
+     * @param forValue - The new value of the `for` property.
+     */
+    validateControlFor(): void;
+    private get megadropdown();
+    private handleToggle;
+    private handleKeyDown;
+    componentDidLoad(): void;
+    render(): any;
+}

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

@@ -0,0 +1,48 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Placement } from '@floating-ui/dom';
+export declare class PostMenu {
+    private popoverRef;
+    private lastFocusedElement;
+    private readonly KEYCODES;
+    host: HTMLPostMenuElement;
+    /**
+     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
+     * Tooltips 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.
+     */
+    readonly placement?: Placement;
+    /**
+     * Holds the current visibility state of the menu.
+     * This state is internally managed to track whether the menu is open (`true`) or closed (`false`),
+     * and updates automatically when the menu is toggled.
+     */
+    isVisible: boolean;
+    /**
+     * Emits when the menu is shown or hidden.
+     * The event payload is a boolean: `true` when the menu was opened, `false` when it was closed.
+     **/
+    toggleMenu: EventEmitter<boolean>;
+    private root?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
+    /**
+     * Toggles the menu visibility based on its current state.
+     */
+    toggle(target: HTMLElement): Promise<void>;
+    /**
+     * Displays the popover menu, focusing the first menu item.
+     *
+     * @param target - The HTML element relative to which the popover menu should be displayed.
+     */
+    show(target: HTMLElement): Promise<void>;
+    /**
+     * Hides the popover menu and restores focus to the previously focused element.
+     */
+    hide(): Promise<void>;
+    private handleKeyDown;
+    private handleClick;
+    private controlKeyDownHandler;
+    private getSlottedItems;
+    render(): any;
+}

package/dist/types/components/post-menu-item/post-menu-item.d.ts

@@ -0,0 +1,3 @@
+export declare class PostMenuItem {
+    render(): any;
+}

package/dist/types/components/post-menu-trigger/post-menu-trigger.d.ts

@@ -0,0 +1,28 @@
+export declare class PostMenuTrigger {
+    /**
+     * ID of the menu element that this trigger is linked to. Used to open and close the specified menu.
+     */
+    for: string;
+    host: HTMLPostMenuTriggerElement;
+    /**
+     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated menu is expanded or collapsed.
+     */
+    ariaExpanded: boolean;
+    /**
+     * Reference to the slotted button within the trigger, if present.
+     * Used to manage click and key events for menu control.
+     */
+    private slottedButton;
+    private root;
+    /**
+     * Watch for changes to the `for` property to validate its type and ensure it is a string.
+     * @param forValue - The new value of the `for` property.
+     */
+    validateControlFor(): void;
+    private get menu();
+    private handleToggle;
+    private handleKeyDown;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

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

@@ -11,6 +11,8 @@ export type PostPopoverElement = HTMLElement & PopoverElement;
  * @slot - Default slot for placing content inside the popovercontainer.
  */
 export declare class PostPopovercontainer {
+    private static readonly STATIC_SIDES;
+    private static readonly PROPERTIES_TO_CLEAR;
     host: HTMLPostPopovercontainerElement;
     private arrowRef;
     private eventTarget;
@@ -20,6 +22,10 @@ export declare class PostPopovercontainer {
      * Fires whenever the popover gets shown or hidden, passing the new state in event.details as a boolean
      */
     postToggle: EventEmitter<boolean>;
+    /**
+     * Whether or not the popover should close when user clicks outside of it
+     */
+    manualClose: boolean;
     /**
      * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
      * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
@@ -27,9 +33,23 @@ export declare class PostPopovercontainer {
      */
     readonly placement?: Placement;
     /**
-     * Wheter or not to display a little pointer arrow
+     * Gap between the edge of the page and the popover
+     */
+    readonly edgeGap?: number;
+    /**
+     * Whether or not to display a little pointer arrow
      */
     readonly arrow?: boolean;
+    /**
+     * Enables a safespace through which the cursor can be moved without the popover being disabled
+     */
+    readonly safeSpace?: 'triangle' | 'trapezoid';
+    /**
+     * Updates cursor position for safe space feature when popover is open.
+     * Sets CSS custom properties for dynamic styling of safe area.
+     * @param event MouseEvent with cursor position
+     */
+    private mouseTrackingHandler;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     /**
@@ -60,6 +80,8 @@ export declare class PostPopovercontainer {
      */
     private startAutoupdates;
     private calculatePosition;
+    private computeMainPosition;
+    private updateSafeSpaceBoundaries;
     render(): any;
 }
 export {};

package/dist/types/components/post-tab-header/post-tab-header.d.ts

@@ -8,7 +8,7 @@ export declare class PostTabHeader {
      * The name of the panel controlled by the tab header.
      */
     readonly panel: HTMLPostTabPanelElement['name'];
-    validateFor(newValue: HTMLPostTabPanelElement['name']): void;
+    validateFor(): void;
     componentWillLoad(): void;
     render(): any;
 }

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

@@ -23,7 +23,7 @@ export declare class 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 shown panel.
      */
-    postChange: EventEmitter<HTMLPostTabPanelElement['name']>;
+    postChange: EventEmitter<string>;
     componentDidLoad(): void;
     /**
      * Shows the panel with the given name and selects its associated tab.

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

@@ -14,7 +14,7 @@ export declare class PostTag {
     readonly size: null | 'sm';
     /**
      * Defines the icon `name` inside of the component.
-     * <span className="alert alert-sm alert-info">If not set the icon will not show up.</span>
+     * <span className="banner banner-sm banner-info">If not set the icon will not show up.</span>
      * To learn which icons are available, please visit our <a href="/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs">icon library</a>.
      */
     readonly icon: null | string;