@porsche-design-system/components-react 3.10.0-rc.3 → 3.10.0-rc.4

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

@@ -1,10 +1,22 @@
 import { type HTMLAttributes } from 'react';
 export type PFlyoutNavigationItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
+    /**
+     * Unique identifier which controls if this item should be shown when the active-identifier on the flyout-navigation is set to this value.
+     */
     identifier: string;
+    /**
+     * Label of the item.
+     */
     label?: string;
 };
 export declare const PFlyoutNavigationItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+    /**
+     * Unique identifier which controls if this item should be shown when the active-identifier on the flyout-navigation is set to this value.
+     */
     identifier: string;
+    /**
+     * Label of the item.
+     */
     label?: string;
 } & {
     children?: import("react").ReactNode;

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { SelectedAriaAttributes, FlyoutNavigationAriaAttribute, FlyoutNavigationUpdateEvent, Theme } from '../types';
+import type { SelectedAriaAttributes, FlyoutNavigationAriaAttribute, FlyoutNavigationUpdateEventDetail, Theme } from '../types';
 export type PFlyoutNavigationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines which flyout-navigation-item to be visualized as opened.
@@ -16,7 +16,7 @@ export type PFlyoutNavigationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Emitted when activeIdentifier is changed.
      */
-    onUpdate?: (event: CustomEvent<FlyoutNavigationUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<FlyoutNavigationUpdateEventDetail>) => void;
     /**
      * If true, the flyout-navigation is visualized as opened.
      */
@@ -42,7 +42,7 @@ export declare const PFlyoutNavigation: import("react").ForwardRefExoticComponen
     /**
      * Emitted when activeIdentifier is changed.
      */
-    onUpdate?: (event: CustomEvent<FlyoutNavigationUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<FlyoutNavigationUpdateEventDetail>) => void;
     /**
      * If true, the flyout-navigation is visualized as opened.
      */

package/ssr/esm/lib/components/link-tile-product.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductTarget, Theme } from '../types';
+import type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, Theme } from '../types';
 export type PLinkTileProductProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Aspect ratio of the link-tile-product.
@@ -28,7 +28,7 @@ export type PLinkTileProductProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Emitted when the like button is clicked.
      */
-    onLike?: (event: CustomEvent<LinkTileProductLikeEvent>) => void;
+    onLike?: (event: CustomEvent<LinkTileProductLikeEventDetail>) => void;
     /**
      * Product price
      */
@@ -74,7 +74,7 @@ export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent
     /**
      * Emitted when the like button is clicked.
      */
-    onLike?: (event: CustomEvent<LinkTileProductLikeEvent>) => void;
+    onLike?: (event: CustomEvent<LinkTileProductLikeEventDetail>) => void;
     /**
      * Product price
      */

package/ssr/esm/lib/components/multi-select.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectUpdateEvent, MultiSelectState, Theme } from '../types';
+import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectUpdateEventDetail, MultiSelectState, Theme } from '../types';
 export type PMultiSelectProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The description text.
@@ -32,7 +32,7 @@ export type PMultiSelectProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Emitted when the selection is changed.
      */
-    onUpdate?: (event: CustomEvent<MultiSelectUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<MultiSelectUpdateEventDetail>) => void;
     /**
      * A Boolean attribute indicating that an option with a non-empty string value must be selected.
      */
@@ -82,7 +82,7 @@ export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omi
     /**
      * Emitted when the selection is changed.
      */
-    onUpdate?: (event: CustomEvent<MultiSelectUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<MultiSelectUpdateEventDetail>) => void;
     /**
      * A Boolean attribute indicating that an option with a non-empty string value must be selected.
      */

package/ssr/esm/lib/components/pagination.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, Theme } from '../types';
+import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEventDetail, Theme } from '../types';
 export type PPaginationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Index of the currently active page.
@@ -37,11 +37,11 @@ export type PPaginationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when the page changes.
      */
-    onPageChange?: (event: CustomEvent<PaginationUpdateEvent>) => void;
+    onPageChange?: (event: CustomEvent<PaginationUpdateEventDetail>) => void;
     /**
      * Emitted when the page changes.
      */
-    onUpdate?: (event: CustomEvent<PaginationUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<PaginationUpdateEventDetail>) => void;
     /**
      * Show or hide the button to jump to the last page.
      */
@@ -92,11 +92,11 @@ export declare const PPagination: import("react").ForwardRefExoticComponent<Omit
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when the page changes.
      */
-    onPageChange?: (event: CustomEvent<PaginationUpdateEvent>) => void;
+    onPageChange?: (event: CustomEvent<PaginationUpdateEventDetail>) => void;
     /**
      * Emitted when the page changes.
      */
-    onUpdate?: (event: CustomEvent<PaginationUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<PaginationUpdateEventDetail>) => void;
     /**
      * Show or hide the button to jump to the last page.
      */

package/ssr/esm/lib/components/pin-code.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { BreakpointCustomizable, PinCodeLength, PinCodeUpdateEvent, PinCodeState, Theme, PinCodeType } from '../types';
+import type { BreakpointCustomizable, PinCodeLength, PinCodeUpdateEventDetail, PinCodeState, Theme, PinCodeType } from '../types';
 export type PPinCodeProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The description text.
@@ -36,7 +36,7 @@ export type PPinCodeProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Emitted when selected element changes.
      */
-    onUpdate?: (event: CustomEvent<PinCodeUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<PinCodeUpdateEventDetail>) => void;
     /**
      * Marks the Pin Code as required.
      */
@@ -94,7 +94,7 @@ export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<HT
     /**
      * Emitted when selected element changes.
      */
-    onUpdate?: (event: CustomEvent<PinCodeUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<PinCodeUpdateEventDetail>) => void;
     /**
      * Marks the Pin Code as required.
      */

package/ssr/esm/lib/components/radio-button-wrapper.wrapper.d.ts

@@ -10,7 +10,7 @@ export type PRadioButtonWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     label?: string;
     /**
-     * __Experimental__: Disables the radio button and shows a loading indicator.
+     * @experimental Disables the radio button and shows a loading indicator.
      */
     loading?: boolean;
     /**
@@ -36,7 +36,7 @@ export declare const PRadioButtonWrapper: import("react").ForwardRefExoticCompon
      */
     label?: string;
     /**
-     * __Experimental__: Disables the radio button and shows a loading indicator.
+     * @experimental Disables the radio button and shows a loading indicator.
      */
     loading?: boolean;
     /**

package/ssr/esm/lib/components/segmented-control.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { SegmentedControlBackgroundColor, BreakpointCustomizable, SegmentedControlColumns, SegmentedControlUpdateEvent, Theme } from '../types';
+import type { SegmentedControlBackgroundColor, BreakpointCustomizable, SegmentedControlColumns, SegmentedControlUpdateEventDetail, Theme } from '../types';
 export type PSegmentedControlProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * @deprecated since v3.0.0, will be removed with next major release. Background color variations
@@ -12,11 +12,11 @@ export type PSegmentedControlProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when selected element changes.
      */
-    onSegmentedControlChange?: (event: CustomEvent<SegmentedControlUpdateEvent>) => void;
+    onSegmentedControlChange?: (event: CustomEvent<SegmentedControlUpdateEventDetail>) => void;
     /**
      * Emitted when selected element changes.
      */
-    onUpdate?: (event: CustomEvent<SegmentedControlUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<SegmentedControlUpdateEventDetail>) => void;
     /**
      * Adapts the segmented-control color depending on the theme.
      */
@@ -38,11 +38,11 @@ export declare const PSegmentedControl: import("react").ForwardRefExoticComponen
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when selected element changes.
      */
-    onSegmentedControlChange?: (event: CustomEvent<SegmentedControlUpdateEvent>) => void;
+    onSegmentedControlChange?: (event: CustomEvent<SegmentedControlUpdateEventDetail>) => void;
     /**
      * Emitted when selected element changes.
      */
-    onUpdate?: (event: CustomEvent<SegmentedControlUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<SegmentedControlUpdateEventDetail>) => void;
     /**
      * Adapts the segmented-control color depending on the theme.
      */

package/ssr/esm/lib/components/stepper-horizontal.wrapper.d.ts

@@ -1,14 +1,14 @@
 import { type HTMLAttributes } from 'react';
-import type { StepperHorizontalUpdateEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
+import type { StepperHorizontalUpdateEventDetail, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
 export type PStepperHorizontalProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active step is changed.
      */
-    onStepChange?: (event: CustomEvent<StepperHorizontalUpdateEvent>) => void;
+    onStepChange?: (event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void;
     /**
      * Emitted when active step is changed.
      */
-    onUpdate?: (event: CustomEvent<StepperHorizontalUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void;
     /**
      * The text size.
      */
@@ -22,11 +22,11 @@ export declare const PStepperHorizontal: import("react").ForwardRefExoticCompone
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active step is changed.
      */
-    onStepChange?: (event: CustomEvent<StepperHorizontalUpdateEvent>) => void;
+    onStepChange?: (event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void;
     /**
      * Emitted when active step is changed.
      */
-    onUpdate?: (event: CustomEvent<StepperHorizontalUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void;
     /**
      * The text size.
      */

package/ssr/esm/lib/components/switch.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEvent, Theme } from '../types';
+import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEventDetail, Theme } from '../types';
 export type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Aligns the label.
@@ -24,11 +24,11 @@ export type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when checked status is changed.
      */
-    onSwitchChange?: (event: CustomEvent<SwitchUpdateEvent>) => void;
+    onSwitchChange?: (event: CustomEvent<SwitchUpdateEventDetail>) => void;
     /**
      * Emitted when checked status is changed.
      */
-    onUpdate?: (event: CustomEvent<SwitchUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<SwitchUpdateEventDetail>) => void;
     /**
      * Stretches the contents to max available space.
      */
@@ -62,11 +62,11 @@ export declare const PSwitch: import("react").ForwardRefExoticComponent<Omit<HTM
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when checked status is changed.
      */
-    onSwitchChange?: (event: CustomEvent<SwitchUpdateEvent>) => void;
+    onSwitchChange?: (event: CustomEvent<SwitchUpdateEventDetail>) => void;
     /**
      * Emitted when checked status is changed.
      */
-    onUpdate?: (event: CustomEvent<SwitchUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<SwitchUpdateEventDetail>) => void;
     /**
      * Stretches the contents to max available space.
      */

package/ssr/esm/lib/components/table.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { TableUpdateEvent, Theme } from '../types';
+import type { TableUpdateEventDetail, Theme } from '../types';
 export type PTableProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
@@ -8,11 +8,11 @@ export type PTableProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when sorting is changed.
      */
-    onSortingChange?: (event: CustomEvent<TableUpdateEvent>) => void;
+    onSortingChange?: (event: CustomEvent<TableUpdateEventDetail>) => void;
     /**
      * Emitted when sorting is changed.
      */
-    onUpdate?: (event: CustomEvent<TableUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<TableUpdateEventDetail>) => void;
     /**
      * Adapts the color when used on dark background.
      */
@@ -26,11 +26,11 @@ export declare const PTable: import("react").ForwardRefExoticComponent<Omit<HTML
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when sorting is changed.
      */
-    onSortingChange?: (event: CustomEvent<TableUpdateEvent>) => void;
+    onSortingChange?: (event: CustomEvent<TableUpdateEventDetail>) => void;
     /**
      * Emitted when sorting is changed.
      */
-    onUpdate?: (event: CustomEvent<TableUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<TableUpdateEventDetail>) => void;
     /**
      * Adapts the color when used on dark background.
      */

package/ssr/esm/lib/components/tabs-bar.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarUpdateEvent, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
+import type { TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarUpdateEventDetail, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
 export type PTabsBarProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.
@@ -16,11 +16,11 @@ export type PTabsBarProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active tab is changed.
      */
-    onTabChange?: (event: CustomEvent<TabsBarUpdateEvent>) => void;
+    onTabChange?: (event: CustomEvent<TabsBarUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
-    onUpdate?: (event: CustomEvent<TabsBarUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<TabsBarUpdateEventDetail>) => void;
     /**
      * The text size.
      */
@@ -50,11 +50,11 @@ export declare const PTabsBar: import("react").ForwardRefExoticComponent<Omit<HT
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active tab is changed.
      */
-    onTabChange?: (event: CustomEvent<TabsBarUpdateEvent>) => void;
+    onTabChange?: (event: CustomEvent<TabsBarUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
-    onUpdate?: (event: CustomEvent<TabsBarUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<TabsBarUpdateEventDetail>) => void;
     /**
      * The text size.
      */

package/ssr/esm/lib/components/tabs.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import type { TabsGradientColor, TabsGradientColorScheme, TabsUpdateEvent, BreakpointCustomizable, TabsSize, Theme, TabsWeight } from '../types';
+import type { TabsGradientColor, TabsGradientColorScheme, TabsUpdateEventDetail, BreakpointCustomizable, TabsSize, Theme, TabsWeight } from '../types';
 export type PTabsProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines which tab to be visualized as selected (zero-based numbering).
@@ -16,11 +16,11 @@ export type PTabsProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active tab is changed.
      */
-    onTabChange?: (event: CustomEvent<TabsUpdateEvent>) => void;
+    onTabChange?: (event: CustomEvent<TabsUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
-    onUpdate?: (event: CustomEvent<TabsUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<TabsUpdateEventDetail>) => void;
     /**
      * The text size.
      */
@@ -50,11 +50,11 @@ export declare const PTabs: import("react").ForwardRefExoticComponent<Omit<HTMLA
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active tab is changed.
      */
-    onTabChange?: (event: CustomEvent<TabsUpdateEvent>) => void;
+    onTabChange?: (event: CustomEvent<TabsUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
-    onUpdate?: (event: CustomEvent<TabsUpdateEvent>) => void;
+    onUpdate?: (event: CustomEvent<TabsUpdateEventDetail>) => void;
     /**
      * The text size.
      */

package/ssr/esm/lib/components/text-field-wrapper.wrapper.d.ts

@@ -38,7 +38,7 @@ export type PTextFieldWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     showCounter?: boolean;
     /**
-     * __Experimental__: Show or hide password toggle for `input type="password"`.
+     * @experimental Show or hide password toggle for `input type="password"`.
      */
     showPasswordToggle?: boolean;
     /**
@@ -100,7 +100,7 @@ export declare const PTextFieldWrapper: import("react").ForwardRefExoticComponen
      */
     showCounter?: boolean;
     /**
-     * __Experimental__: Show or hide password toggle for `input type="password"`.
+     * @experimental Show or hide password toggle for `input type="password"`.
      */
     showPasswordToggle?: boolean;
     /**

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

@@ -1,5 +1,6 @@
 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();

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

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

package/ssr/esm/lib/dsr-components/link-tile-product.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-/** __Experimental__ */
+/** @experimental */
 export declare class DSRLinkTileProduct extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/modal.d.ts

@@ -1,6 +1,7 @@
 import { Component } from 'react';
 export declare class DSRModal extends Component<any> {
     host: HTMLElement;
+    private scrollContainerEl;
     private focusedElBeforeOpen;
     private dismissBtn;
     private hasHeader;