@porsche-design-system/components-react 3.0.0-alpha.1 → 3.0.0-alpha.3

package/ssr/lib/components/link.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkButtonIconName, LinkTarget, Theme, LinkVariant } from '../types';
-export type PLinkProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';
+export type PLinkProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Add ARIA attributes.
      */
@@ -20,7 +20,7 @@ export type PLinkProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: LinkButtonIconName;
+    icon?: LinkIcon;
     /**
      * A URL path to a custom icon.
      */
@@ -42,7 +42,7 @@ export type PLinkProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     variant?: LinkVariant;
 };
-export declare const PLink: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PLink: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Add ARIA attributes.
      */
@@ -62,7 +62,7 @@ export declare const PLink: import("react").ForwardRefExoticComponent<Omit<HTMLA
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: LinkButtonIconName;
+    icon?: LinkIcon;
     /**
      * A URL path to a custom icon.
      */

package/ssr/lib/components/marque.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, LinkTarget } from '../types';
-export type PMarqueProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget } from '../types';
+export type PMarqueProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Add ARIA attributes.
      */
@@ -16,13 +16,13 @@ export type PMarqueProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Target attribute where the link should be opened.
      */
-    target?: LinkTarget;
+    target?: MarqueTarget;
     /**
      * Show/hide trademark sign.
      */
     trademark?: boolean;
 };
-export declare const PMarque: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PMarque: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Add ARIA attributes.
      */
@@ -38,7 +38,7 @@ export declare const PMarque: import("react").ForwardRefExoticComponent<Omit<HTM
     /**
      * Target attribute where the link should be opened.
      */
-    target?: LinkTarget;
+    target?: MarqueTarget;
     /**
      * Show/hide trademark sign.
      */

package/ssr/lib/components/modal.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, ModalAriaAttribute, BreakpointCustomizable } from '../types';
-export type PModalProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PModalProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Add ARIA attributes.
      */
@@ -10,9 +10,13 @@ export type PModalProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     disableBackdropClick?: boolean;
     /**
-     * If true, the modal will not have a close button.
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
      */
     disableCloseButton?: boolean;
+    /**
+     * If false, the modal will not have a dismiss button.
+     */
+    dismissButton?: boolean;
     /**
      * If true the modal uses max viewport height and width. Should only be used for mobile.
      */
@@ -22,15 +26,19 @@ export type PModalProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     heading?: string;
     /**
-     * Emitted when the component requests to be closed.
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismiss` event instead. Emitted when the component requests to be dismissed.
      */
     onClose?: (event: CustomEvent<void>) => void;
+    /**
+     * Emitted when the component requests to be dismissed.
+     */
+    onDismiss?: (event: CustomEvent<void>) => void;
     /**
      * If true, the modal is open.
      */
     open: boolean;
 };
-export declare const PModal: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PModal: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Add ARIA attributes.
      */
@@ -40,9 +48,13 @@ export declare const PModal: import("react").ForwardRefExoticComponent<Omit<HTML
      */
     disableBackdropClick?: boolean;
     /**
-     * If true, the modal will not have a close button.
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
      */
     disableCloseButton?: boolean;
+    /**
+     * If false, the modal will not have a dismiss button.
+     */
+    dismissButton?: boolean;
     /**
      * If true the modal uses max viewport height and width. Should only be used for mobile.
      */
@@ -52,9 +64,13 @@ export declare const PModal: import("react").ForwardRefExoticComponent<Omit<HTML
      */
     heading?: string;
     /**
-     * Emitted when the component requests to be closed.
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismiss` event instead. Emitted when the component requests to be dismissed.
      */
     onClose?: (event: CustomEvent<void>) => void;
+    /**
+     * Emitted when the component requests to be dismissed.
+     */
+    onDismiss?: (event: CustomEvent<void>) => void;
     /**
      * If true, the modal is open.
      */

package/ssr/lib/components/model-signature.wrapper.d.ts

@@ -0,0 +1,38 @@
+import { HTMLAttributes } from 'react';
+import type { ModelSignatureColor, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
+export type PModelSignatureProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
+    /**
+     * Adapts the color of the component.
+     */
+    color?: ModelSignatureColor;
+    /**
+     * Adapts the model of the component.
+     */
+    model?: ModelSignatureModel;
+    /**
+     * Adapts the size of the component.
+     */
+    size?: ModelSignatureSize;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: Theme;
+};
+export declare const PModelSignature: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
+    /**
+     * Adapts the color of the component.
+     */
+    color?: ModelSignatureColor;
+    /**
+     * Adapts the model of the component.
+     */
+    model?: ModelSignatureModel;
+    /**
+     * Adapts the size of the component.
+     */
+    size?: ModelSignatureSize;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: Theme;
+} & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,26 +1,30 @@
 import { HTMLAttributes } from 'react';
-import type { BreakpointCustomizable, NumberOfPageLinks, PageChangeEvent, Theme } from '../types';
-export type PPaginationProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationChangeEvent, Theme } from '../types';
+export type PPaginationProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Index of the currently active page.
      */
     activePage: number;
     /**
-     * Aria label what the pagination is used for.
+     * @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
      */
     allyLabel?: string;
     /**
-     * Aria label for next page icon.
+     * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
      */
     allyLabelNext?: string;
     /**
-     * Aria label for page navigation.
+     * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
      */
     allyLabelPage?: string;
     /**
-     * Aria label for previous page icon.
+     * @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
      */
     allyLabelPrev?: string;
+    /**
+     * Override the default wordings that are used for aria-labels on the next/prev and page buttons.
+     */
+    intl?: PaginationInternationalization;
     /**
      * The total count of items which should be shown per page.
      */
@@ -28,11 +32,15 @@ export type PPaginationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The maximum number of page links rendered
      */
-    maxNumberOfPageLinks?: BreakpointCustomizable<NumberOfPageLinks>;
+    maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
     /**
      * Emitted when the page changes.
      */
-    onPageChange?: (event: CustomEvent<PageChangeEvent>) => void;
+    onChange?: (event: CustomEvent<PaginationChangeEvent>) => void;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `change` event instead. Emitted when the page changes.
+     */
+    onPageChange?: (event: CustomEvent<PaginationChangeEvent>) => void;
     /**
      * Adapts the color when used on dark background.
      */
@@ -42,27 +50,31 @@ export type PPaginationProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     totalItemsCount: number;
 };
-export declare const PPagination: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PPagination: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Index of the currently active page.
      */
     activePage: number;
     /**
-     * Aria label what the pagination is used for.
+     * @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
      */
     allyLabel?: string;
     /**
-     * Aria label for next page icon.
+     * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
      */
     allyLabelNext?: string;
     /**
-     * Aria label for page navigation.
+     * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
      */
     allyLabelPage?: string;
     /**
-     * Aria label for previous page icon.
+     * @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
      */
     allyLabelPrev?: string;
+    /**
+     * Override the default wordings that are used for aria-labels on the next/prev and page buttons.
+     */
+    intl?: PaginationInternationalization;
     /**
      * The total count of items which should be shown per page.
      */
@@ -70,11 +82,15 @@ export declare const PPagination: import("react").ForwardRefExoticComponent<Omit
     /**
      * The maximum number of page links rendered
      */
-    maxNumberOfPageLinks?: BreakpointCustomizable<NumberOfPageLinks>;
+    maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
     /**
      * Emitted when the page changes.
      */
-    onPageChange?: (event: CustomEvent<PageChangeEvent>) => void;
+    onChange?: (event: CustomEvent<PaginationChangeEvent>) => void;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `change` event instead. Emitted when the page changes.
+     */
+    onPageChange?: (event: CustomEvent<PaginationChangeEvent>) => void;
     /**
      * Adapts the color when used on dark background.
      */

package/ssr/lib/components/popover.wrapper.d.ts

@@ -1,10 +1,10 @@
 import { HTMLAttributes } from 'react';
-import type { SelectedAriaAttributes, PopoverDirection, Theme } from '../types';
-export type PPopoverProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection, Theme } from '../types';
+export type PPopoverProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label">;
+    aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
     /**
      * Descriptive text to show additional information when popover is open
      */
@@ -18,11 +18,11 @@ export type PPopoverProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     theme?: Theme;
 };
-export declare const PPopover: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PPopover: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label">;
+    aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
     /**
      * Descriptive text to show additional information when popover is open
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import type { BreakpointCustomizable, FormState, Theme } from '../types';
-export type PRadioButtonWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { BreakpointCustomizable, RadioButtonWrapperState, Theme } from '../types';
+export type PRadioButtonWrapperProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
      */
@@ -16,13 +16,13 @@ export type PRadioButtonWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The validation state.
      */
-    state?: FormState;
+    state?: RadioButtonWrapperState;
     /**
      * Adapts the color depending on the theme.
      */
     theme?: Theme;
 };
-export declare const PRadioButtonWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PRadioButtonWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
      */
@@ -38,7 +38,7 @@ export declare const PRadioButtonWrapper: import("react").ForwardRefExoticCompon
     /**
      * The validation state.
      */
-    state?: FormState;
+    state?: RadioButtonWrapperState;
     /**
      * Adapts the color depending on the theme.
      */

package/ssr/lib/components/scroller.wrapper.d.ts

@@ -1,36 +1,52 @@
 import { HTMLAttributes } from 'react';
-import type { GradientColorTheme, ScrollIndicatorPosition, ScrollToPosition, Theme } from '../types';
-export type PScrollerProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { ScrollerAlignScrollIndicator, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, Theme } from '../types';
+export type PScrollerProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
+    /**
+     * Sets the vertical position of scroll indicator
+     */
+    alignScrollIndicator?: ScrollerAlignScrollIndicator;
     /**
      * Adapts the background gradient color of prev and next button.
      */
-    gradientColorScheme?: GradientColorTheme;
+    gradientColor?: ScrollerGradientColor;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
+     */
+    gradientColorScheme?: ScrollerGradientColorScheme;
     /**
-     * Sets the vertical position of scroll indicator icon
+     * @deprecated since v3.0.0, will be removed with next major release, use `alignScrollIndicator` instead. Sets the vertical position of scroll indicator
      */
-    scrollIndicatorPosition?: ScrollIndicatorPosition;
+    scrollIndicatorPosition?: ScrollerScrollIndicatorPosition;
     /**
      * Scrolls the scroll area to the left either smooth or immediately
      */
-    scrollToPosition?: ScrollToPosition;
+    scrollToPosition?: ScrollerScrollToPosition;
     /**
      * Adapts the color when used on dark background.
      */
     theme?: Theme;
 };
-export declare const PScroller: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PScroller: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
+    /**
+     * Sets the vertical position of scroll indicator
+     */
+    alignScrollIndicator?: ScrollerAlignScrollIndicator;
     /**
      * Adapts the background gradient color of prev and next button.
      */
-    gradientColorScheme?: GradientColorTheme;
+    gradientColor?: ScrollerGradientColor;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
+     */
+    gradientColorScheme?: ScrollerGradientColorScheme;
     /**
-     * Sets the vertical position of scroll indicator icon
+     * @deprecated since v3.0.0, will be removed with next major release, use `alignScrollIndicator` instead. Sets the vertical position of scroll indicator
      */
-    scrollIndicatorPosition?: ScrollIndicatorPosition;
+    scrollIndicatorPosition?: ScrollerScrollIndicatorPosition;
     /**
      * Scrolls the scroll area to the left either smooth or immediately
      */
-    scrollToPosition?: ScrollToPosition;
+    scrollToPosition?: ScrollerScrollToPosition;
     /**
      * Adapts the color when used on dark background.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import type { IconName } from '../types';
-export type PSegmentedControlItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { SegmentedControlItemIcon } from '../types';
+export type PSegmentedControlItemProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
@@ -8,7 +8,7 @@ export type PSegmentedControlItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The icon shown.
      */
-    icon?: IconName;
+    icon?: SegmentedControlItemIcon;
     /**
      * A URL path to a custom icon.
      */
@@ -22,7 +22,7 @@ export type PSegmentedControlItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     value: string | number;
 };
-export declare const PSegmentedControlItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PSegmentedControlItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
@@ -30,7 +30,7 @@ export declare const PSegmentedControlItem: import("react").ForwardRefExoticComp
     /**
      * The icon shown.
      */
-    icon?: IconName;
+    icon?: SegmentedControlItemIcon;
     /**
      * A URL path to a custom icon.
      */

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

@@ -1,13 +1,17 @@
 import { HTMLAttributes } from 'react';
 import type { SegmentedControlBackgroundColor, SegmentedControlChangeEvent, Theme } from '../types';
-export type PSegmentedControlProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PSegmentedControlProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
-     * @deprecated Background color variations
+     * @deprecated since v3.0.0, will be removed with next major release. Background color variations
      */
     backgroundColor?: SegmentedControlBackgroundColor;
     /**
      * Emitted when selected element changes.
      */
+    onChange?: (event: CustomEvent<SegmentedControlChangeEvent>) => void;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `change` event instead. Emitted when selected element changes.
+     */
     onSegmentedControlChange?: (event: CustomEvent<SegmentedControlChangeEvent>) => void;
     /**
      * Adapts the segmented-control color depending on the theme.
@@ -18,14 +22,18 @@ export type PSegmentedControlProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     value?: string | number;
 };
-export declare const PSegmentedControl: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PSegmentedControl: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
-     * @deprecated Background color variations
+     * @deprecated since v3.0.0, will be removed with next major release. Background color variations
      */
     backgroundColor?: SegmentedControlBackgroundColor;
     /**
      * Emitted when selected element changes.
      */
+    onChange?: (event: CustomEvent<SegmentedControlChangeEvent>) => void;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `change` event instead. Emitted when selected element changes.
+     */
     onSegmentedControlChange?: (event: CustomEvent<SegmentedControlChangeEvent>) => void;
     /**
      * Adapts the segmented-control color depending on the theme.

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import type { DropdownDirection, BreakpointCustomizable, FormState, Theme } from '../types';
-export type PSelectWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { SelectWrapperDropdownDirection, BreakpointCustomizable, SelectWrapperState, Theme } from '../types';
+export type PSelectWrapperProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * The description text.
      */
@@ -8,7 +8,7 @@ export type PSelectWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Changes the direction to which the dropdown list appears.
      */
-    dropdownDirection?: DropdownDirection;
+    dropdownDirection?: SelectWrapperDropdownDirection;
     /**
      * Filters select options by typing a character
      */
@@ -32,13 +32,13 @@ export type PSelectWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The validation state.
      */
-    state?: FormState;
+    state?: SelectWrapperState;
     /**
      * Adapts the select color depending on the theme.
      */
     theme?: Theme;
 };
-export declare const PSelectWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PSelectWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * The description text.
      */
@@ -46,7 +46,7 @@ export declare const PSelectWrapper: import("react").ForwardRefExoticComponent<O
     /**
      * Changes the direction to which the dropdown list appears.
      */
-    dropdownDirection?: DropdownDirection;
+    dropdownDirection?: SelectWrapperDropdownDirection;
     /**
      * Filters select options by typing a character
      */
@@ -70,7 +70,7 @@ export declare const PSelectWrapper: import("react").ForwardRefExoticComponent<O
     /**
      * The validation state.
      */
-    state?: FormState;
+    state?: SelectWrapperState;
     /**
      * Adapts the select color depending on the theme.
      */

package/ssr/lib/components/spinner.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
-export type PSpinnerProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PSpinnerProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Add ARIA attributes.
      */
@@ -14,7 +14,7 @@ export type PSpinnerProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     theme?: Theme;
 };
-export declare const PSpinner: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PSpinner: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import type { StepperState } from '../types';
-export type PStepperHorizontalItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { StepperHorizontalItemState } from '../types';
+export type PStepperHorizontalItemProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
      */
@@ -8,9 +8,9 @@ export type PStepperHorizontalItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The validation state.
      */
-    state?: StepperState;
+    state?: StepperHorizontalItemState;
 };
-export declare const PStepperHorizontalItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PStepperHorizontalItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
      */
@@ -18,7 +18,7 @@ export declare const PStepperHorizontalItem: import("react").ForwardRefExoticCom
     /**
      * The validation state.
      */
-    state?: StepperState;
+    state?: StepperHorizontalItemState;
 } & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

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

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