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

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

@@ -3,58 +3,74 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot default - Slot for placing tab items. Each tab item should be a <post-tab-item> element.
  * @slot panels - Slot for placing tab panels. Each tab panel should be a <post-tab-panel> element.
  * @part post-tabs - The container element that holds the set of tabs.
- * @part post-tabs-content - The container element that displays the content of the currently active tab. Only available in panels mode.
+ * @part post-tabs-content - The container element that displays the content of the currently active tab. Only available in Content variant.
  */
 export declare class PostTabs {
-    private currentActiveTab;
+    private currentActiveTab?;
     private showing;
     private hiding;
     private isLoaded;
-    private contentObserver;
-    isNavigationMode: boolean;
+    private contentObserver?;
+    private resizeObserver?;
+    private tabsContainer;
+    host: HTMLPostTabsElement;
+    isPagesVariant: boolean;
+    private showLeftScrollButton;
+    private showRightScrollButton;
+    private leftScrollButton;
+    private rightScrollButton;
     private get tabs();
     private get panels();
-    host: HTMLPostTabsElement;
     /**
-     * The name of the tab in the panel mode that is initially active.
+     * An accessible label for the "previous tab items" button.
+     */
+    textPrevTabItems: string;
+    /**
+     * An accessible label for the "next tab items" button.
+     */
+    textNextTabItems: string;
+    /**
+     * 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.
      */
     readonly 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.
+     * The size of the tabs, corresponding to the different designs in Figma.
+     * Default is 'large'.
      */
-    fullWidth: boolean;
+    size: 'small' | 'large';
     /**
-     * The accessible label for the tabs component in navigation mode.
+     * An accessible label for the Pages Tabs variant
      */
     readonly label?: string;
     validateLabel(): void;
     /**
      * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
      * The payload is the name of the newly active tab.
-     * Only emitted in panel mode.
+     * Only emitted in Content Tabs variant.
      */
     postChange: EventEmitter<string>;
     componentWillRender(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private setupContentObserver;
+    private setupResizeObserver;
     private handleContentChange;
-    private shouldRedetectMode;
+    private shouldRedetectVariant;
     private hasAriaCurrentChanged;
-    private updateActiveNavigationTab;
-    private handleModeChange;
+    private updateActivePagesTab;
+    private handleVariantChange;
     private initializeActiveTab;
-    private detectMode;
-    private findActiveNavigationTab;
+    private detectVariant;
+    private findActivePagesTab;
     /**
      * 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>;
+    private awaitAnimation;
+    private isAbortError;
     private moveMisplacedTabs;
     private moveMisplacedPanels;
     private enableTabs;
@@ -63,5 +79,9 @@ export declare class PostTabs {
     private showSelectedPanel;
     private getPanel;
     private navigateTabs;
+    private readonly updateScrollButtons;
+    private scrollTabs;
+    private scrollTabIntoView;
+    private handleScrollButtons;
     render(): any;
 }

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

@@ -18,8 +18,8 @@ export declare class PostTooltip {
     open: boolean;
     componentDidLoad(): void;
     /**
-     * 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>;
     /**
@@ -27,9 +27,8 @@ export declare class PostTooltip {
      */
     hide(): 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>;
     /**