@porsche-design-system/components-react 3.31.0 → 4.0.0-alpha.0

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
+import type { ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize } from '../types';
 export type PModelSignatureProps = BaseProps & {
     /**
      * Adapts the color of the component.
@@ -25,12 +25,8 @@ export type PModelSignatureProps = BaseProps & {
      * Adapts the size of the component. When set to `inherit` a CSS `width` or `height` needs to be defined on the host but not both.
      */
     size?: ModelSignatureSize;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 };
-export declare const PModelSignature: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PModelSignature: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Adapts the color of the component.
      */
@@ -55,10 +51,6 @@ export declare const PModelSignature: import("react").ForwardRefExoticComponent<
      * Adapts the size of the component. When set to `inherit` a CSS `width` or `height` needs to be defined on the host but not both.
      */
     size?: ModelSignatureSize;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -9,7 +9,7 @@ export type PMultiSelectOptionProps = BaseProps & {
      */
     value: string;
 };
-export declare const PMultiSelectOption: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PMultiSelectOption: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Disables the option.
      */

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectChangeEventDetail, MultiSelectUpdateEventDetail, MultiSelectState, Theme } from '../types';
+import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectChangeEventDetail, MultiSelectToggleEventDetail, MultiSelectState } from '../types';
 export type PMultiSelectProps = BaseProps & {
     /**
      * Displays as compact version.
@@ -46,9 +46,9 @@ export type PMultiSelectProps = BaseProps & {
      */
     onChange?: (event: CustomEvent<MultiSelectChangeEventDetail>) => void;
     /**
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead. Emitted when the selection is changed.
+     * Emitted when the dropdown is toggled.
      */
-    onUpdate?: (event: CustomEvent<MultiSelectUpdateEventDetail>) => void;
+    onToggle?: (event: CustomEvent<MultiSelectToggleEventDetail>) => void;
     /**
      * A Boolean attribute indicating that an option with a non-empty string value must be selected.
      */
@@ -57,16 +57,12 @@ export type PMultiSelectProps = BaseProps & {
      * The validation state.
      */
     state?: MultiSelectState;
-    /**
-     * Adapts the multi-select color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * The selected values.
      */
     value?: string[];
 };
-export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Displays as compact version.
      */
@@ -112,9 +108,9 @@ export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omi
      */
     onChange?: (event: CustomEvent<MultiSelectChangeEventDetail>) => void;
     /**
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead. Emitted when the selection is changed.
+     * Emitted when the dropdown is toggled.
      */
-    onUpdate?: (event: CustomEvent<MultiSelectUpdateEventDetail>) => void;
+    onToggle?: (event: CustomEvent<MultiSelectToggleEventDetail>) => void;
     /**
      * A Boolean attribute indicating that an option with a non-empty string value must be selected.
      */
@@ -123,10 +119,6 @@ export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omi
      * The validation state.
      */
     state?: MultiSelectState;
-    /**
-     * Adapts the multi-select color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * The selected values.
      */

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

@@ -9,7 +9,7 @@ export type POptgroupProps = BaseProps & {
      */
     label?: string;
 };
-export declare const POptgroup: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const POptgroup: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Disables the optgroup.
      */

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

@@ -1,26 +1,10 @@
 import type { BaseProps } from '../../BaseProps';
-import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEventDetail, Theme } from '../types';
+import type { PaginationInternationalization, PaginationUpdateEventDetail } from '../types';
 export type PPaginationProps = BaseProps & {
     /**
      * Index of the currently active page.
      */
     activePage: number;
-    /**
-     * @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;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
-     */
-    allyLabelNext?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
-     */
-    allyLabelPage?: string;
-    /**
-     * @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.
      */
@@ -29,15 +13,6 @@ export type PPaginationProps = BaseProps & {
      * The total count of items which should be shown per page.
      */
     itemsPerPage?: number;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.10.0, will be removed with next major release
-     */
-    maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when the page changes.
-     */
-    onPageChange?: (event: CustomEvent<PaginationUpdateEventDetail>) => void;
     /**
      * Emitted when the page changes.
      */
@@ -46,36 +21,16 @@ export type PPaginationProps = BaseProps & {
      * Show or hide the button to jump to the last page.
      */
     showLastPage?: boolean;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * The total count of items.
      */
     totalItemsCount: number;
 };
-export declare const PPagination: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PPagination: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Index of the currently active page.
      */
     activePage: number;
-    /**
-     * @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;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
-     */
-    allyLabelNext?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
-     */
-    allyLabelPage?: string;
-    /**
-     * @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.
      */
@@ -84,15 +39,6 @@ export declare const PPagination: import("react").ForwardRefExoticComponent<Omit
      * The total count of items which should be shown per page.
      */
     itemsPerPage?: number;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.10.0, will be removed with next major release
-     */
-    maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when the page changes.
-     */
-    onPageChange?: (event: CustomEvent<PaginationUpdateEventDetail>) => void;
     /**
      * Emitted when the page changes.
      */
@@ -101,10 +47,6 @@ export declare const PPagination: import("react").ForwardRefExoticComponent<Omit
      * Show or hide the button to jump to the last page.
      */
     showLastPage?: boolean;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * The total count of items.
      */

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, PinCodeLength, PinCodeChangeEventDetail, PinCodeUpdateEventDetail, PinCodeState, Theme, PinCodeType } from '../types';
+import type { BreakpointCustomizable, PinCodeLength, PinCodeChangeEventDetail, PinCodeState, PinCodeType } from '../types';
 export type PPinCodeProps = BaseProps & {
     /**
      * A boolean value that, if present, renders the pin-code as a compact version.
@@ -49,10 +49,6 @@ export type PPinCodeProps = BaseProps & {
      * Emitted when the input is changed.
      */
     onChange?: (event: CustomEvent<PinCodeChangeEventDetail>) => void;
-    /**
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead. Emitted when the input is changed.
-     */
-    onUpdate?: (event: CustomEvent<PinCodeUpdateEventDetail>) => void;
     /**
      * Marks the Pin Code as required.
      */
@@ -61,10 +57,6 @@ export type PPinCodeProps = BaseProps & {
      * The validation state.
      */
     state?: PinCodeState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * Pin Code type.
      */
@@ -74,7 +66,7 @@ export type PPinCodeProps = BaseProps & {
      */
     value?: string;
 };
-export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * A boolean value that, if present, renders the pin-code as a compact version.
      */
@@ -123,10 +115,6 @@ export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<im
      * Emitted when the input is changed.
      */
     onChange?: (event: CustomEvent<PinCodeChangeEventDetail>) => void;
-    /**
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead. Emitted when the input is changed.
-     */
-    onUpdate?: (event: CustomEvent<PinCodeUpdateEventDetail>) => void;
     /**
      * Marks the Pin Code as required.
      */
@@ -135,10 +123,6 @@ export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<im
      * The validation state.
      */
     state?: PinCodeState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * Pin Code type.
      */

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection, Theme } from '../types';
+import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection } from '../types';
 export type PPopoverProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -13,12 +13,8 @@ export type PPopoverProps = BaseProps & {
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
     direction?: PopoverDirection;
-    /**
-     * Adapts the popover color depending on the theme.
-     */
-    theme?: Theme;
 };
-export declare const PPopover: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PPopover: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Add ARIA attributes.
      */
@@ -31,10 +27,6 @@ export declare const PPopover: import("react").ForwardRefExoticComponent<Omit<im
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
     direction?: PopoverDirection;
-    /**
-     * Adapts the popover color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -17,7 +17,7 @@ export type PRadioGroupOptionProps = BaseProps & {
      */
     value?: string;
 };
-export declare const PRadioGroupOption: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PRadioGroupOption: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * A boolean value that, if present, makes the radio group option unusable and unclickable.
      */

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, RadioGroupDirection, RadioGroupChangeEventDetail, RadioGroupState, Theme } from '../types';
+import type { BreakpointCustomizable, RadioGroupDirection, RadioGroupChangeEventDetail, RadioGroupState } from '../types';
 export type PRadioGroupProps = BaseProps & {
     /**
      * A boolean value that, if present, renders the radio group as a compact version.
@@ -57,16 +57,12 @@ export type PRadioGroupProps = BaseProps & {
      * Indicates the validation or overall status of the radio group component.
      */
     state?: RadioGroupState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The default value for the radio-group.
      */
     value?: string;
 };
-export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * A boolean value that, if present, renders the radio group as a compact version.
      */
@@ -123,10 +119,6 @@ export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit
      * Indicates the validation or overall status of the radio group component.
      */
     state?: RadioGroupState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The default value for the radio-group.
      */

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { ScrollerAlignScrollIndicator, SelectedAriaAttributes, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, Theme } from '../types';
+import type { ScrollerAlignScrollIndicator, SelectedAriaAttributes, ScrollerAriaAttribute, ScrollerScrollToPosition } from '../types';
 export type PScrollerProps = BaseProps & {
     /**
      * Sets the vertical position of scroll indicator.
@@ -9,18 +9,6 @@ export type PScrollerProps = BaseProps & {
      * Add ARIA role.
      */
     aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
-    /**
-     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColor?: ScrollerGradientColor;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColorScheme?: ScrollerGradientColorScheme;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `alignScrollIndicator` instead. Sets the vertical position of scroll indicator
-     */
-    scrollIndicatorPosition?: ScrollerScrollIndicatorPosition;
     /**
      * Scrolls the scroll area to the left either smooth or immediately.
      */
@@ -29,12 +17,8 @@ export type PScrollerProps = BaseProps & {
      * Specifies if scrollbar should be shown.
      */
     scrollbar?: boolean;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
 };
-export declare const PScroller: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PScroller: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Sets the vertical position of scroll indicator.
      */
@@ -43,18 +27,6 @@ export declare const PScroller: import("react").ForwardRefExoticComponent<Omit<i
      * Add ARIA role.
      */
     aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
-    /**
-     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColor?: ScrollerGradientColor;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColorScheme?: ScrollerGradientColorScheme;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `alignScrollIndicator` instead. Sets the vertical position of scroll indicator
-     */
-    scrollIndicatorPosition?: ScrollerScrollIndicatorPosition;
     /**
      * Scrolls the scroll area to the left either smooth or immediately.
      */
@@ -63,10 +35,6 @@ export declare const PScroller: import("react").ForwardRefExoticComponent<Omit<i
      * Specifies if scrollbar should be shown.
      */
     scrollbar?: boolean;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -26,7 +26,7 @@ export type PSegmentedControlItemProps = BaseProps & {
      */
     value: string | number;
 };
-export declare const PSegmentedControlItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PSegmentedControlItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -1,10 +1,6 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SegmentedControlBackgroundColor, BreakpointCustomizable, SegmentedControlColumns, SegmentedControlChangeEventDetail, SegmentedControlUpdateEventDetail, Theme } from '../types';
+import type { BreakpointCustomizable, SegmentedControlColumns, SegmentedControlChangeEventDetail, SegmentedControlState } from '../types';
 export type PSegmentedControlProps = BaseProps & {
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release. Background color variations
-     */
-    backgroundColor?: SegmentedControlBackgroundColor;
     /**
      * Sets the amount of columns.
      */
@@ -13,6 +9,10 @@ export type PSegmentedControlProps = BaseProps & {
      * A boolean value that, if present, renders the segmented-control as a compact version.
      */
     compact?: boolean;
+    /**
+     * Supplementary text providing more context or explanation for the segmented-control.
+     */
+    description?: string;
     /**
      * Disables the segmented-control.
      */
@@ -21,6 +21,18 @@ export type PSegmentedControlProps = BaseProps & {
      * The id of a form element the segmented-control should be associated with.
      */
     form?: string;
+    /**
+     * Controls the visibility of the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
     /**
      * The name of the segmented-control.
      */
@@ -34,27 +46,19 @@ export type PSegmentedControlProps = BaseProps & {
      */
     onChange?: (event: CustomEvent<SegmentedControlChangeEventDetail>) => void;
     /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when selected element changes.
-     */
-    onSegmentedControlChange?: (event: CustomEvent<SegmentedControlUpdateEventDetail>) => void;
-    /**
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead. Emitted when selected element changes.
+     * A boolean value that specifies a selection must be made from the group before the form can be submitted.
      */
-    onUpdate?: (event: CustomEvent<SegmentedControlUpdateEventDetail>) => void;
+    required?: boolean;
     /**
-     * Adapts the segmented-control color depending on the theme.
+     * Indicates the validation or overall status of the component.
      */
-    theme?: Theme;
+    state?: SegmentedControlState;
     /**
      * Sets the initial value of the segmented-control.
      */
     value?: string | number;
 };
-export declare const PSegmentedControl: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release. Background color variations
-     */
-    backgroundColor?: SegmentedControlBackgroundColor;
+export declare const PSegmentedControl: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Sets the amount of columns.
      */
@@ -63,6 +67,10 @@ export declare const PSegmentedControl: import("react").ForwardRefExoticComponen
      * A boolean value that, if present, renders the segmented-control as a compact version.
      */
     compact?: boolean;
+    /**
+     * Supplementary text providing more context or explanation for the segmented-control.
+     */
+    description?: string;
     /**
      * Disables the segmented-control.
      */
@@ -71,6 +79,18 @@ export declare const PSegmentedControl: import("react").ForwardRefExoticComponen
      * The id of a form element the segmented-control should be associated with.
      */
     form?: string;
+    /**
+     * Controls the visibility of the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
     /**
      * The name of the segmented-control.
      */
@@ -84,17 +104,13 @@ export declare const PSegmentedControl: import("react").ForwardRefExoticComponen
      */
     onChange?: (event: CustomEvent<SegmentedControlChangeEventDetail>) => void;
     /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when selected element changes.
-     */
-    onSegmentedControlChange?: (event: CustomEvent<SegmentedControlUpdateEventDetail>) => void;
-    /**
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead. Emitted when selected element changes.
+     * A boolean value that specifies a selection must be made from the group before the form can be submitted.
      */
-    onUpdate?: (event: CustomEvent<SegmentedControlUpdateEventDetail>) => void;
+    required?: boolean;
     /**
-     * Adapts the segmented-control color depending on the theme.
+     * Indicates the validation or overall status of the component.
      */
-    theme?: Theme;
+    state?: SegmentedControlState;
     /**
      * Sets the initial value of the segmented-control.
      */

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

@@ -9,7 +9,7 @@ export type PSelectOptionProps = BaseProps & {
      */
     value?: string;
 };
-export declare const PSelectOption: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PSelectOption: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Disables the option.
      */