npm - @porsche-design-system/components-react - Versions diffs - 3.0.0-alpha.2 → 3.0.0-alpha.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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.
      */

package/ssr/lib/components/switch.wrapper.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { HTMLAttributes } from 'react';
-import type { BreakpointCustomizable, AlignLabel, SwitchChangeEvent, Theme } from '../types';
-export type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
+import type { BreakpointCustomizable, SwitchAlignLabel, SwitchChangeEvent, Theme } from '../types';
+export type PSwitchProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Aligns the label.
      */
-    alignLabel?: BreakpointCustomizable<AlignLabel>;
+    alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
     /**
      * Visualize the switch with on/off status.
      */
@@ -24,6 +24,10 @@ export type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Emitted when checked status is changed.
      */
+    onChange?: (event: CustomEvent<SwitchChangeEvent>) => void;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `change` event instead. Emitted when checked status is changed.
+     */
     onSwitchChange?: (event: CustomEvent<SwitchChangeEvent>) => void;
     /**
      * Stretches the contents to max available space.
@@ -34,11 +38,11 @@ export type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     theme?: Theme;
 };
-export declare const PSwitch: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PSwitch: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Aligns the label.
      */
-    alignLabel?: BreakpointCustomizable<AlignLabel>;
+    alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
     /**
      * Visualize the switch with on/off status.
      */
@@ -58,6 +62,10 @@ export declare const PSwitch: import("react").ForwardRefExoticComponent<Omit<HTM
     /**
      * Emitted when checked status is changed.
      */
+    onChange?: (event: CustomEvent<SwitchChangeEvent>) => void;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `change` event instead. Emitted when checked status is changed.
+     */
     onSwitchChange?: (event: CustomEvent<SwitchChangeEvent>) => void;
     /**
      * Stretches the contents to max available space.

package/ssr/lib/components/table-body.wrapper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export type PTableBodyProps = Omit<HTMLAttributes<{}>, 'color'> & {};
-export declare const PTableBody: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export type PTableBodyProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {};
+export declare const PTableBody: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

package/ssr/lib/components/table-cell.wrapper.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import { HTMLAttributes } from 'react';
-export type PTableCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTableCellProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Displays slotted text multiline or forced into a single line.
      */
     multiline?: boolean;
 };
-export declare const PTableCell: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PTableCell: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Displays slotted text multiline or forced into a single line.
      */

package/ssr/lib/components/table-head-cell.wrapper.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { TableHeadCellSort } from '../types';
-export type PTableHeadCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTableHeadCellProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {
     /**
      * Hides the label but stays accessible for screen readers. This property only takes effect when sort property is not defined.
      */
@@ -14,7 +14,7 @@ export type PTableHeadCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     sort?: TableHeadCellSort;
 };
-export declare const PTableHeadCell: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PTableHeadCell: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     /**
      * Hides the label but stays accessible for screen readers. This property only takes effect when sort property is not defined.
      */

package/ssr/lib/components/table-head-row.wrapper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export type PTableHeadRowProps = Omit<HTMLAttributes<{}>, 'color'> & {};
-export declare const PTableHeadRow: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export type PTableHeadRowProps = Omit<HTMLAttributes<{}>, 'color' | 'onChange'> & {};
+export declare const PTableHeadRow: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color" | "onChange"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;