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

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectDropdownDirection, BreakpointCustomizable, SelectChangeEventDetail, SelectUpdateEventDetail, SelectState, Theme } from '../types';
+import type { SelectDropdownDirection, BreakpointCustomizable, SelectChangeEventDetail, SelectToggleEventDetail, SelectState } from '../types';
 export type PSelectProps = BaseProps & {
     /**
      * Displays as compact version.
@@ -18,7 +18,7 @@ export type PSelectProps = BaseProps & {
      */
     dropdownDirection?: SelectDropdownDirection;
     /**
-     * Shows an input in the dropdown allowing options to be filtered.
+     * Shows an input in the dropdown allowing options to be filtered. Will be ignored if the `filter` slot is used.
      */
     filter?: boolean;
     /**
@@ -50,9 +50,9 @@ export type PSelectProps = BaseProps & {
      */
     onChange?: (event: CustomEvent<SelectChangeEventDetail>) => 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<SelectUpdateEventDetail>) => void;
+    onToggle?: (event: CustomEvent<SelectToggleEventDetail>) => void;
     /**
      * A Boolean attribute indicating that an option with a non-empty string value must be selected.
      */
@@ -61,16 +61,12 @@ export type PSelectProps = BaseProps & {
      * The validation state.
      */
     state?: SelectState;
-    /**
-     * Adapts the select color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * The selected value.
      */
     value?: string;
 };
-export declare const PSelect: 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 PSelect: 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.
      */
@@ -88,7 +84,7 @@ export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<imp
      */
     dropdownDirection?: SelectDropdownDirection;
     /**
-     * Shows an input in the dropdown allowing options to be filtered.
+     * Shows an input in the dropdown allowing options to be filtered. Will be ignored if the `filter` slot is used.
      */
     filter?: boolean;
     /**
@@ -120,9 +116,9 @@ export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<imp
      */
     onChange?: (event: CustomEvent<SelectChangeEventDetail>) => 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<SelectUpdateEventDetail>) => void;
+    onToggle?: (event: CustomEvent<SelectToggleEventDetail>) => void;
     /**
      * A Boolean attribute indicating that an option with a non-empty string value must be selected.
      */
@@ -131,10 +127,6 @@ export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<imp
      * The validation state.
      */
     state?: SelectState;
-    /**
-     * Adapts the select color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * The selected value.
      */

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

@@ -1,10 +1,14 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, SheetAriaAttribute, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, Theme } from '../types';
+import type { SelectedAriaAttributes, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail } from '../types';
 export type PSheetProps = BaseProps & {
     /**
      * Add ARIA attributes.
      */
     aria?: SelectedAriaAttributes<SheetAriaAttribute>;
+    /**
+     * Defines the background color
+     */
+    background?: SheetBackground;
     /**
      * If true, the sheet will not be closable via backdrop click.
      */
@@ -29,16 +33,16 @@ export type PSheetProps = BaseProps & {
      * If true, the sheet is open.
      */
     open: boolean;
-    /**
-     * Adapts the sheet color depending on the theme.
-     */
-    theme?: Theme;
 };
-export declare const PSheet: 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 PSheet: 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.
      */
     aria?: SelectedAriaAttributes<SheetAriaAttribute>;
+    /**
+     * Defines the background color
+     */
+    background?: SheetBackground;
     /**
      * If true, the sheet will not be closable via backdrop click.
      */
@@ -63,10 +67,6 @@ export declare const PSheet: import("react").ForwardRefExoticComponent<Omit<impo
      * If true, the sheet is open.
      */
     open: boolean;
-    /**
-     * Adapts the sheet color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
+import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize } from '../types';
 export type PSpinnerProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -9,12 +9,8 @@ export type PSpinnerProps = BaseProps & {
      * Size of the spinner.
      */
     size?: BreakpointCustomizable<SpinnerSize>;
-    /**
-     * Adapts the spinner color depending on the theme.
-     */
-    theme?: Theme;
 };
-export declare const PSpinner: 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 PSpinner: 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.
      */
@@ -23,8 +19,4 @@ export declare const PSpinner: import("react").ForwardRefExoticComponent<Omit<im
      * Size of the spinner.
      */
     size?: BreakpointCustomizable<SpinnerSize>;
-    /**
-     * Adapts the spinner color depending on the theme.
-     */
-    theme?: Theme;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -10,7 +10,7 @@ export type PStepperHorizontalItemProps = BaseProps & {
      */
     state?: StepperHorizontalItemState;
 };
-export declare const PStepperHorizontalItem: 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 PStepperHorizontalItem: 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 stepper-horizontal-item. No events will be triggered while disabled state is active.
      */

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

@@ -1,10 +1,6 @@
 import type { BaseProps } from '../../BaseProps';
-import type { StepperHorizontalUpdateEventDetail, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
+import type { StepperHorizontalUpdateEventDetail, BreakpointCustomizable, StepperHorizontalSize } from '../types';
 export type PStepperHorizontalProps = BaseProps & {
-    /**
-     * @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<StepperHorizontalUpdateEventDetail>) => void;
     /**
      * Emitted when active step is changed.
      */
@@ -13,16 +9,8 @@ export type PStepperHorizontalProps = BaseProps & {
      * The text size.
      */
     size?: BreakpointCustomizable<StepperHorizontalSize>;
-    /**
-     * Adapts the tag color depending on the theme.
-     */
-    theme?: Theme;
 };
-export declare const PStepperHorizontal: 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, use `update` event instead. Emitted when active step is changed.
-     */
-    onStepChange?: (event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void;
+export declare const PStepperHorizontal: 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"> & {
     /**
      * Emitted when active step is changed.
      */
@@ -31,10 +19,6 @@ export declare const PStepperHorizontal: import("react").ForwardRefExoticCompone
      * The text size.
      */
     size?: BreakpointCustomizable<StepperHorizontalSize>;
-    /**
-     * Adapts the tag color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEventDetail, Theme } from '../types';
+import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEventDetail } from '../types';
 export type PSwitchProps = BaseProps & {
     /**
      * Aligns the label.
@@ -25,10 +25,6 @@ export type PSwitchProps = BaseProps & {
      * Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
      */
     loading?: boolean;
-    /**
-     * @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<SwitchUpdateEventDetail>) => void;
     /**
      * Emitted when checked status is changed.
      */
@@ -37,12 +33,8 @@ export type PSwitchProps = BaseProps & {
      * Stretches the contents to max available space.
      */
     stretch?: BreakpointCustomizable<boolean>;
-    /**
-     * Adapts the switch color depending on the theme.
-     */
-    theme?: Theme;
 };
-export declare const PSwitch: 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 PSwitch: 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"> & {
     /**
      * Aligns the label.
      */
@@ -67,10 +59,6 @@ export declare const PSwitch: import("react").ForwardRefExoticComponent<Omit<imp
      * Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
      */
     loading?: boolean;
-    /**
-     * @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<SwitchUpdateEventDetail>) => void;
     /**
      * Emitted when checked status is changed.
      */
@@ -79,10 +67,6 @@ export declare const PSwitch: import("react").ForwardRefExoticComponent<Omit<imp
      * Stretches the contents to max available space.
      */
     stretch?: BreakpointCustomizable<boolean>;
-    /**
-     * Adapts the switch color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
 export type PTableBodyProps = BaseProps & {};
-export declare const PTableBody: 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 PTableBody: 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"> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -5,7 +5,7 @@ export type PTableCellProps = BaseProps & {
      */
     multiline?: boolean;
 };
-export declare const PTableCell: 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 PTableCell: 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 slotted text multiline or forced into a single line.
      */

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

@@ -14,7 +14,7 @@ export type PTableHeadCellProps = BaseProps & {
      */
     sort?: TableHeadCellSort;
 };
-export declare const PTableHeadCell: 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 PTableHeadCell: 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"> & {
     /**
      * Hides the label but stays accessible for screen readers. This property only takes effect when sort property is not defined.
      */

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
 export type PTableHeadRowProps = BaseProps & {};
-export declare const PTableHeadRow: 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 PTableHeadRow: 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"> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
 export type PTableHeadProps = BaseProps & {};
-export declare const PTableHead: 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 PTableHead: 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"> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
 export type PTableRowProps = BaseProps & {};
-export declare const PTableRow: 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 PTableRow: 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"> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { TableLayout, TableUpdateEventDetail, Theme } from '../types';
+import type { TableLayout, TableUpdateEventDetail } from '../types';
 export type PTableProps = BaseProps & {
     /**
      * 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.
@@ -13,20 +13,12 @@ export type PTableProps = BaseProps & {
      * Controls the layout behavior of the table.
      */
     layout?: TableLayout;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when sorting is changed.
-     */
-    onSortingChange?: (event: CustomEvent<TableUpdateEventDetail>) => void;
     /**
      * Emitted when sorting is changed.
      */
     onUpdate?: (event: CustomEvent<TableUpdateEventDetail>) => void;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
 };
-export declare const PTable: 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 PTable: 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 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.
      */
@@ -39,18 +31,10 @@ export declare const PTable: import("react").ForwardRefExoticComponent<Omit<impo
      * Controls the layout behavior of the table.
      */
     layout?: TableLayout;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when sorting is changed.
-     */
-    onSortingChange?: (event: CustomEvent<TableUpdateEventDetail>) => void;
     /**
      * Emitted when sorting is changed.
      */
     onUpdate?: (event: CustomEvent<TableUpdateEventDetail>) => void;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,22 +1,10 @@
 import type { BaseProps } from '../../BaseProps';
-import type { TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarUpdateEventDetail, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
+import type { TabsBarUpdateEventDetail, BreakpointCustomizable, TabsBarSize, TabsBarWeight } from '../types';
 export type PTabsBarProps = BaseProps & {
     /**
      * Defines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.
      */
     activeTabIndex?: number | undefined;
-    /**
-     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColor?: TabsBarGradientColor;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColorScheme?: TabsBarGradientColorScheme;
-    /**
-     * @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<TabsBarUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
@@ -25,32 +13,16 @@ export type PTabsBarProps = BaseProps & {
      * The text size.
      */
     size?: BreakpointCustomizable<TabsBarSize>;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * The text weight.
      */
     weight?: TabsBarWeight;
 };
-export declare const PTabsBar: 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 PTabsBar: 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"> & {
     /**
      * Defines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.
      */
     activeTabIndex?: number | undefined;
-    /**
-     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColor?: TabsBarGradientColor;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColorScheme?: TabsBarGradientColorScheme;
-    /**
-     * @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<TabsBarUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
@@ -59,10 +31,6 @@ export declare const PTabsBar: import("react").ForwardRefExoticComponent<Omit<im
      * The text size.
      */
     size?: BreakpointCustomizable<TabsBarSize>;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * The text weight.
      */

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

@@ -5,7 +5,7 @@ export type PTabsItemProps = BaseProps & {
      */
     label: string;
 };
-export declare const PTabsItem: 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 PTabsItem: 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"> & {
     /**
      * Defines the label used in tabs.
      */

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

@@ -1,22 +1,10 @@
 import type { BaseProps } from '../../BaseProps';
-import type { TabsGradientColor, TabsGradientColorScheme, TabsUpdateEventDetail, BreakpointCustomizable, TabsSize, Theme, TabsWeight } from '../types';
+import type { TabsUpdateEventDetail, BreakpointCustomizable, TabsSize, TabsWeight } from '../types';
 export type PTabsProps = BaseProps & {
     /**
      * Defines which tab to be visualized as selected (zero-based numbering).
      */
     activeTabIndex?: number;
-    /**
-     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColor?: TabsGradientColor;
-    /**
-     * @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?: TabsGradientColorScheme;
-    /**
-     * @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<TabsUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
@@ -25,32 +13,16 @@ export type PTabsProps = BaseProps & {
      * The text size.
      */
     size?: BreakpointCustomizable<TabsSize>;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * The text weight.
      */
     weight?: TabsWeight;
 };
-export declare const PTabs: 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 PTabs: 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"> & {
     /**
      * Defines which tab to be visualized as selected (zero-based numbering).
      */
     activeTabIndex?: number;
-    /**
-     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
-     */
-    gradientColor?: TabsGradientColor;
-    /**
-     * @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?: TabsGradientColorScheme;
-    /**
-     * @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<TabsUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
@@ -59,10 +31,6 @@ export declare const PTabs: import("react").ForwardRefExoticComponent<Omit<impor
      * The text size.
      */
     size?: BreakpointCustomizable<TabsSize>;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * The text weight.
      */

package/ssr/esm/lib/components/tag-dismissible.wrapper.d.ts

@@ -1,40 +1,32 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, TagDismissibleAriaAttribute, TagDismissibleColor, Theme } from '../types';
+import type { SelectedAriaAttributes, TagDismissibleAriaAttribute } from '../types';
 export type PTagDismissibleProps = BaseProps & {
     /**
      * Add ARIA attributes.
      */
     aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
     /**
-     * Background color variations
+     * A boolean value that, if present, renders the tag dismissible as a compact version.
      */
-    color?: TagDismissibleColor;
+    compact?: boolean;
     /**
      * The label text.
      */
     label?: string;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
 };
-export declare const PTagDismissible: 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 PTagDismissible: 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.
      */
     aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
     /**
-     * Background color variations
+     * A boolean value that, if present, renders the tag dismissible as a compact version.
      */
-    color?: TagDismissibleColor;
+    compact?: boolean;
     /**
      * The label text.
      */
     label?: string;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,10 +1,6 @@
 import type { BaseProps } from '../../BaseProps';
-import type { TagColor, TagIcon, Theme } from '../types';
+import type { TagIcon, TagVariant } from '../types';
 export type PTagProps = BaseProps & {
-    /**
-     * Background color variations depending on theme property.
-     */
-    color?: TagColor;
     /**
      * Displays as compact version.
      */
@@ -18,15 +14,11 @@ export type PTagProps = BaseProps & {
      */
     iconSource?: string;
     /**
-     * Adapts the tag color depending on the theme.
+     * Background color variations.
      */
-    theme?: Theme;
+    variant?: TagVariant;
 };
-export declare const PTag: 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"> & {
-    /**
-     * Background color variations depending on theme property.
-     */
-    color?: TagColor;
+export declare const PTag: 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.
      */
@@ -40,9 +32,9 @@ export declare const PTag: import("react").ForwardRefExoticComponent<Omit<import
      */
     iconSource?: string;
     /**
-     * Adapts the tag color depending on the theme.
+     * Background color variations.
      */
-    theme?: Theme;
+    variant?: TagVariant;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
 export type PTextListItemProps = BaseProps & {};
-export declare const PTextListItem: 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 PTextListItem: 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"> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;