@porsche-design-system/components-react 3.16.0-rc.1 → 3.16.0

package/ssr/esm/lib/components/{flyout-navigation.wrapper.d.ts → flyout-multilevel.wrapper.d.ts}

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, FlyoutNavigationAriaAttribute, FlyoutNavigationUpdateEventDetail, Theme } from '../types';
-export type PFlyoutNavigationProps = BaseProps & {
+import type { SelectedAriaAttributes, FlyoutMultilevelAriaAttribute, FlyoutMultilevelUpdateEventDetail, Theme } from '../types';
+export type PFlyoutMultilevelProps = BaseProps & {
     /**
-     * Defines which flyout-navigation-item to be visualized as opened.
+     * Defines which flyout-multilevel-item to be visualized as opened.
      */
     activeIdentifier?: string | undefined;
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<FlyoutNavigationAriaAttribute>;
+    aria?: SelectedAriaAttributes<FlyoutMultilevelAriaAttribute>;
     /**
      * Emitted when the component requests to be dismissed.
      */
@@ -17,25 +17,25 @@ export type PFlyoutNavigationProps = BaseProps & {
     /**
      * Emitted when activeIdentifier is changed.
      */
-    onUpdate?: (event: CustomEvent<FlyoutNavigationUpdateEventDetail>) => void;
+    onUpdate?: (event: CustomEvent<FlyoutMultilevelUpdateEventDetail>) => void;
     /**
-     * If true, the flyout-navigation is visualized as opened.
+     * If true, the flyout-multilevel is visualized as opened.
      */
     open?: boolean;
     /**
-     * Adapts the flyout-navigation color depending on the theme.
+     * Adapts the flyout-multilevel color depending on the theme.
      */
     theme?: Theme;
 };
-export declare const PFlyoutNavigation: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PFlyoutMultilevel: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
-     * Defines which flyout-navigation-item to be visualized as opened.
+     * Defines which flyout-multilevel-item to be visualized as opened.
      */
     activeIdentifier?: string | undefined;
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<FlyoutNavigationAriaAttribute>;
+    aria?: SelectedAriaAttributes<FlyoutMultilevelAriaAttribute>;
     /**
      * Emitted when the component requests to be dismissed.
      */
@@ -43,13 +43,13 @@ export declare const PFlyoutNavigation: import("react").ForwardRefExoticComponen
     /**
      * Emitted when activeIdentifier is changed.
      */
-    onUpdate?: (event: CustomEvent<FlyoutNavigationUpdateEventDetail>) => void;
+    onUpdate?: (event: CustomEvent<FlyoutMultilevelUpdateEventDetail>) => void;
     /**
-     * If true, the flyout-navigation is visualized as opened.
+     * If true, the flyout-multilevel is visualized as opened.
      */
     open?: boolean;
     /**
-     * Adapts the flyout-navigation color depending on the theme.
+     * Adapts the flyout-multilevel color depending on the theme.
      */
     theme?: Theme;
 } & {

package/ssr/esm/lib/components/index.d.ts

@@ -16,8 +16,8 @@ export * from './fieldset-wrapper.wrapper';
 export * from './flex.wrapper';
 export * from './flex-item.wrapper';
 export * from './flyout.wrapper';
-export * from './flyout-navigation.wrapper';
-export * from './flyout-navigation-item.wrapper';
+export * from './flyout-multilevel.wrapper';
+export * from './flyout-multilevel-item.wrapper';
 export * from './grid.wrapper';
 export * from './grid-item.wrapper';
 export * from './heading.wrapper';

package/ssr/esm/lib/dsr-components/flyout-multilevel-item.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'react';
+import { type FlyoutMultilevelItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
+/** @experimental */
+export declare class DSRFlyoutMultilevelItem extends Component<any> {
+    host: HTMLElement & FlyoutMultilevelItemInternalHTMLProps;
+    private get theme();
+    private get open();
+    render(): JSX.Element;
+}

package/ssr/esm/lib/dsr-components/{flyout-navigation.d.ts → flyout-multilevel.d.ts}

@@ -1,8 +1,8 @@
 import { Component } from 'react';
 /** @experimental */
-export declare class DSRFlyoutNavigation extends Component<any> {
+export declare class DSRFlyoutMultilevel extends Component<any> {
     host: HTMLElement;
-    private flyoutNavigationItemElements;
+    private flyoutMultilevelItemElements;
     private dialog;
     render(): JSX.Element;
 }

package/ssr/esm/lib/types.d.ts

@@ -864,16 +864,16 @@ declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
-declare const FLYOUT_NAVIGATION_ARIA_ATTRIBUTES: readonly [
+declare const FLYOUT_MULTILEVEL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export type FlyoutNavigationAriaAttribute = (typeof FLYOUT_NAVIGATION_ARIA_ATTRIBUTES)[number];
-export type FlyoutNavigationUpdate = {
+export type FlyoutMultilevelAriaAttribute = (typeof FLYOUT_MULTILEVEL_ARIA_ATTRIBUTES)[number];
+export type FlyoutMultilevelUpdate = {
     activeIdentifier: string;
 };
 /** @deprecated */
-export type FlyoutNavigationUpdateEvent = FlyoutNavigationUpdate;
-export type FlyoutNavigationUpdateEventDetail = FlyoutNavigationUpdateEvent;
+export type FlyoutMultilevelUpdateEvent = FlyoutMultilevelUpdate;
+export type FlyoutMultilevelUpdateEventDetail = FlyoutMultilevelUpdateEvent;
 declare const GRID_DIRECTIONS: readonly [
     "row",
     "row-reverse",

package/ssr/esm/lib/dsr-components/flyout-navigation-item.d.ts

@@ -1,9 +0,0 @@
-import { Component } from 'react';
-import { type FlyoutNavigationItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
-/** @experimental */
-export declare class DSRFlyoutNavigationItem extends Component<any> {
-    host: HTMLElement & FlyoutNavigationItemInternalHTMLProps;
-    private get theme();
-    private get open();
-    render(): JSX.Element;
-}