@porsche-design-system/components-react 3.32.0 → 4.0.0-beta.0

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
+import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType } from '../types';
 export type PButtonPureProps = BaseProps & {
     /**
      * Display button in active state.
@@ -49,10 +49,6 @@ export type PButtonPureProps = BaseProps & {
      * Stretches the area between icon and label to max available space.
      */
     stretch?: BreakpointCustomizable<boolean>;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * Specifies the type of the button.
      */
@@ -65,11 +61,6 @@ export type PButtonPureProps = BaseProps & {
      * Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
      */
     value?: string;
-    /**
-     * The weight of the text (only has effect with visible label).
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    weight?: ButtonPureWeight;
 };
 export declare const PButtonPure: 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"> & {
     /**
@@ -120,10 +111,6 @@ export declare const PButtonPure: import("react").ForwardRefExoticComponent<Omit
      * Stretches the area between icon and label to max available space.
      */
     stretch?: BreakpointCustomizable<boolean>;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * Specifies the type of the button.
      */
@@ -136,11 +123,6 @@ export declare const PButtonPure: import("react").ForwardRefExoticComponent<Omit
      * Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
      */
     value?: string;
-    /**
-     * The weight of the text (only has effect with visible label).
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    weight?: ButtonPureWeight;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
+import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
 export type PButtonTileProps = BaseProps & {
     /**
      * Alignment of button and description.
@@ -13,10 +13,6 @@ export type PButtonTileProps = BaseProps & {
      * Aspect ratio of the button-tile.
      */
     aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
-    /**
-     * Adapts the description and button theme when used on light background image.
-     */
-    background?: ButtonTileBackground;
     /**
      * Displays the button-tile as compact version with description and button icon only.
      */
@@ -75,10 +71,6 @@ export declare const PButtonTile: import("react").ForwardRefExoticComponent<Omit
      * Aspect ratio of the button-tile.
      */
     aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
-    /**
-     * Adapts the description and button theme when used on light background image.
-     */
-    background?: ButtonTileBackground;
     /**
      * Displays the button-tile as compact version with description and button icon only.
      */

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
+import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, ButtonType, ButtonVariant } from '../types';
 export type PButtonProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -37,10 +37,6 @@ export type PButtonProps = BaseProps & {
      * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
      */
     name?: string;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * Specifies the type of the button.
      */
@@ -91,10 +87,6 @@ export declare const PButton: import("react").ForwardRefExoticComponent<Omit<imp
      * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
      */
     name?: string;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * Specifies the type of the button.
      */

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

@@ -1,6 +1,10 @@
 import type { BaseProps } from '../../BaseProps';
-import type { CanvasSidebarStartUpdateEventDetail, Theme } from '../types';
+import type { CanvasBackground, CanvasSidebarStartUpdateEventDetail } from '../types';
 export type PCanvasProps = BaseProps & {
+    /**
+     * Defines the background color of the main section and auto adjust it for the sidebar
+     */
+    background?: CanvasBackground;
     /**
      * Emitted when the sidebar end requests to be dismissed.
      */
@@ -17,12 +21,12 @@ export type PCanvasProps = BaseProps & {
      * Open the sidebar on the start side
      */
     sidebarStartOpen?: boolean;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
 };
 export declare const PCanvas: 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 background color of the main section and auto adjust it for the sidebar
+     */
+    background?: CanvasBackground;
     /**
      * Emitted when the sidebar end requests to be dismissed.
      */
@@ -39,10 +43,6 @@ export declare const PCanvas: import("react").ForwardRefExoticComponent<Omit<imp
      * Open the sidebar on the start side
      */
     sidebarStartOpen?: boolean;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { CarouselAlignControls, CarouselAlignHeader, SelectedAriaAttributes, CarouselAriaAttribute, BreakpointCustomizable, CarouselGradientColor, CarouselHeadingSize, CarouselInternationalization, CarouselUpdateEventDetail, CarouselSlidesPerPage, Theme, CarouselWidth } from '../types';
+import type { CarouselAlignControls, CarouselAlignHeader, SelectedAriaAttributes, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselUpdateEventDetail, BreakpointCustomizable, CarouselSlidesPerPage, CarouselWidth } from '../types';
 export type PCarouselProps = BaseProps & {
     /**
      * Defines which slide to be active (zero-based numbering).
@@ -21,18 +21,14 @@ export type PCarouselProps = BaseProps & {
      * Defines the description used in the carousel.
      */
     description?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `pagination` instead. If true, the carousel will not show pagination bullets at the bottom.
-     */
-    disablePagination?: BreakpointCustomizable<boolean>;
     /**
      * Indicates whether focus should be set on the center slide. If true, the carousel loops by individual slide; otherwise, it loops by page.
      */
     focusOnCenterSlide?: boolean;
     /**
-     * Adapts the background gradient for the left and right edge.
+     * Fades the slides out.
      */
-    gradientColor?: CarouselGradientColor;
+    gradient?: boolean;
     /**
      * Defines the heading used in the carousel.
      */
@@ -45,10 +41,6 @@ export type PCarouselProps = BaseProps & {
      * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
      */
     intl?: CarouselInternationalization;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when carousel's content slides.
-     */
-    onCarouselChange?: (event: CustomEvent<CarouselUpdateEventDetail>) => void;
     /**
      * Emitted when carousel's content slides.
      */
@@ -69,10 +61,6 @@ export type PCarouselProps = BaseProps & {
      * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
      */
     slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * Determines whether to trim spaces before/after the carousel if `focusOnCenterSlide` option is true.
      */
@@ -81,11 +69,6 @@ export type PCarouselProps = BaseProps & {
      * Defines the outer spacings between the carousel and the left and right screen sides.
      */
     width?: CarouselWidth;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    wrapContent?: boolean;
 };
 export declare const PCarousel: 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"> & {
     /**
@@ -108,18 +91,14 @@ export declare const PCarousel: import("react").ForwardRefExoticComponent<Omit<i
      * Defines the description used in the carousel.
      */
     description?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `pagination` instead. If true, the carousel will not show pagination bullets at the bottom.
-     */
-    disablePagination?: BreakpointCustomizable<boolean>;
     /**
      * Indicates whether focus should be set on the center slide. If true, the carousel loops by individual slide; otherwise, it loops by page.
      */
     focusOnCenterSlide?: boolean;
     /**
-     * Adapts the background gradient for the left and right edge.
+     * Fades the slides out.
      */
-    gradientColor?: CarouselGradientColor;
+    gradient?: boolean;
     /**
      * Defines the heading used in the carousel.
      */
@@ -132,10 +111,6 @@ export declare const PCarousel: import("react").ForwardRefExoticComponent<Omit<i
      * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
      */
     intl?: CarouselInternationalization;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when carousel's content slides.
-     */
-    onCarouselChange?: (event: CustomEvent<CarouselUpdateEventDetail>) => void;
     /**
      * Emitted when carousel's content slides.
      */
@@ -156,10 +131,6 @@ export declare const PCarousel: import("react").ForwardRefExoticComponent<Omit<i
      * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
      */
     slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * Determines whether to trim spaces before/after the carousel if `focusOnCenterSlide` option is true.
      */
@@ -168,11 +139,6 @@ export declare const PCarousel: import("react").ForwardRefExoticComponent<Omit<i
      * Defines the outer spacings between the carousel and the left and right screen sides.
      */
     width?: CarouselWidth;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    wrapContent?: boolean;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxUpdateEventDetail, CheckboxState, Theme } from '../types';
+import type { BreakpointCustomizable, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState } from '../types';
 export type PCheckboxProps = BaseProps & {
     /**
      * Reflects the checkbox current checked state and allows setting the initial checked state.
@@ -49,11 +49,6 @@ export type PCheckboxProps = BaseProps & {
      * Emitted when checkbox checked property is changed.
      */
     onChange?: (event: CustomEvent<CheckboxChangeEventDetail>) => void;
-    /**
-     * Emitted when checkbox checked property is changed.
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead.
-     */
-    onUpdate?: (event: CustomEvent<CheckboxUpdateEventDetail>) => void;
     /**
      * Marks the checkbox as required.
      */
@@ -62,10 +57,6 @@ export type PCheckboxProps = BaseProps & {
      * The validation state.
      */
     state?: CheckboxState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
      */
@@ -120,11 +111,6 @@ export declare const PCheckbox: import("react").ForwardRefExoticComponent<Omit<i
      * Emitted when checkbox checked property is changed.
      */
     onChange?: (event: CustomEvent<CheckboxChangeEventDetail>) => void;
-    /**
-     * Emitted when checkbox checked property is changed.
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead.
-     */
-    onUpdate?: (event: CustomEvent<CheckboxUpdateEventDetail>) => void;
     /**
      * Marks the checkbox as required.
      */
@@ -133,10 +119,6 @@ export declare const PCheckbox: import("react").ForwardRefExoticComponent<Omit<i
      * The validation state.
      */
     state?: CheckboxState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
      */

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

@@ -1,12 +1,12 @@
 import type { BaseProps } from '../../BaseProps';
-import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag, Theme } from '../types';
+import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag } from '../types';
 export type PDisplayProps = BaseProps & {
     /**
      * Text alignment of the component.
      */
     align?: DisplayAlign;
     /**
-     * Basic text color variations depending on theme property.
+     * Basic text color variations.
      */
     color?: DisplayColor;
     /**
@@ -21,10 +21,6 @@ export type PDisplayProps = BaseProps & {
      * Sets a heading tag, so it fits correctly within the outline of the page.
      */
     tag?: DisplayTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 };
 export declare const PDisplay: 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"> & {
     /**
@@ -32,7 +28,7 @@ export declare const PDisplay: import("react").ForwardRefExoticComponent<Omit<im
      */
     align?: DisplayAlign;
     /**
-     * Basic text color variations depending on theme property.
+     * Basic text color variations.
      */
     color?: DisplayColor;
     /**
@@ -47,10 +43,6 @@ export declare const PDisplay: import("react").ForwardRefExoticComponent<Omit<im
      * Sets a heading tag, so it fits correctly within the outline of the page.
      */
     tag?: DisplayTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,38 +1,22 @@
 import type { BaseProps } from '../../BaseProps';
-import type { DividerColor, BreakpointCustomizable, DividerDirection, DividerOrientation, Theme } from '../types';
+import type { DividerColor, BreakpointCustomizable, DividerDirection } from '../types';
 export type PDividerProps = BaseProps & {
     /**
-     * Defines color depending on theme.
+     * Defines color.
      */
     color?: DividerColor;
     /**
      * Defines direction.
      */
     direction?: BreakpointCustomizable<DividerDirection>;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
-     */
-    orientation?: BreakpointCustomizable<DividerOrientation>;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 };
 export declare const PDivider: 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 color depending on theme.
+     * Defines color.
      */
     color?: DividerColor;
     /**
      * Defines direction.
      */
     direction?: BreakpointCustomizable<DividerDirection>;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
-     */
-    orientation?: BreakpointCustomizable<DividerOrientation>;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, DrilldownAriaAttribute, DrilldownUpdateEventDetail, Theme } from '../types';
+import type { SelectedAriaAttributes, DrilldownAriaAttribute, DrilldownUpdateEventDetail } from '../types';
 export type PDrilldownProps = BaseProps & {
     /**
      * Defines which drilldown-item to be visualized as opened.
@@ -21,10 +21,6 @@ export type PDrilldownProps = BaseProps & {
      * If true, the drilldown is visualized as opened.
      */
     open?: boolean;
-    /**
-     * Adapts the drilldown color depending on the theme.
-     */
-    theme?: Theme;
 };
 export declare const PDrilldown: 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"> & {
     /**
@@ -47,10 +43,6 @@ export declare const PDrilldown: import("react").ForwardRefExoticComponent<Omit<
      * If true, the drilldown is visualized as opened.
      */
     open?: boolean;
-    /**
-     * Adapts the drilldown color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaRole, FieldsetLabelSize, FieldsetState, Theme } from '../types';
+import type { SelectedAriaRole, FieldsetLabelSize, FieldsetState } from '../types';
 export type PFieldsetProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -25,10 +25,6 @@ export type PFieldsetProps = BaseProps & {
      * The validation state.
      */
     state?: FieldsetState;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 };
 export declare const PFieldset: 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"> & {
     /**
@@ -55,10 +51,6 @@ export declare const PFieldset: import("react").ForwardRefExoticComponent<Omit<i
      * The validation state.
      */
     state?: FieldsetState;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, Theme } from '../types';
+import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition } from '../types';
 export type PFlyoutProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -9,6 +9,10 @@ export type PFlyoutProps = BaseProps & {
      * Defines the backdrop, 'blur' (should be used when the underlying content is not relevant for users) and 'shading' (should be used when the user still needs a visual connection to the underlying content).
      */
     backdrop?: FlyoutBackdrop;
+    /**
+     * Defines the background color
+     */
+    background?: FlyoutBackground;
     /**
      * If true, the flyout will not be closable via backdrop click.
      */
@@ -37,10 +41,6 @@ export type PFlyoutProps = BaseProps & {
      * The position of the flyout
      */
     position?: FlyoutPosition;
-    /**
-     * Adapts the flyout color depending on the theme.
-     */
-    theme?: Theme;
 };
 export declare const PFlyout: 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"> & {
     /**
@@ -51,6 +51,10 @@ export declare const PFlyout: import("react").ForwardRefExoticComponent<Omit<imp
      * Defines the backdrop, 'blur' (should be used when the underlying content is not relevant for users) and 'shading' (should be used when the user still needs a visual connection to the underlying content).
      */
     backdrop?: FlyoutBackdrop;
+    /**
+     * Defines the background color
+     */
+    background?: FlyoutBackground;
     /**
      * If true, the flyout will not be closable via backdrop click.
      */
@@ -79,10 +83,6 @@ export declare const PFlyout: import("react").ForwardRefExoticComponent<Omit<imp
      * The position of the flyout
      */
     position?: FlyoutPosition;
-    /**
-     * Adapts the flyout color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,12 +1,12 @@
 import type { BaseProps } from '../../BaseProps';
-import type { HeadingAlign, HeadingColor, BreakpointCustomizable, HeadingSize, HeadingTag, Theme } from '../types';
+import type { HeadingAlign, HeadingColor, BreakpointCustomizable, HeadingSize, HeadingTag } from '../types';
 export type PHeadingProps = BaseProps & {
     /**
      * Text alignment of the component.
      */
     align?: HeadingAlign;
     /**
-     * Basic text color variations depending on theme property.
+     * Basic text color variations.
      */
     color?: HeadingColor;
     /**
@@ -21,10 +21,6 @@ export type PHeadingProps = BaseProps & {
      * Sets a heading tag, so it fits correctly within the outline of the page.
      */
     tag?: HeadingTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 };
 export declare const PHeading: 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"> & {
     /**
@@ -32,7 +28,7 @@ export declare const PHeading: import("react").ForwardRefExoticComponent<Omit<im
      */
     align?: HeadingAlign;
     /**
-     * Basic text color variations depending on theme property.
+     * Basic text color variations.
      */
     color?: HeadingColor;
     /**
@@ -47,10 +43,6 @@ export declare const PHeading: import("react").ForwardRefExoticComponent<Omit<im
      * Sets a heading tag, so it fits correctly within the outline of the page.
      */
     tag?: HeadingTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,19 +1,14 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, IconAriaAttribute, IconColor, IconName, IconSize, Theme } from '../types';
+import type { SelectedAriaAttributes, IconAriaAttribute, IconColor, IconName, IconSize } from '../types';
 export type PIconProps = BaseProps & {
     /**
      * Add ARIA attributes.
      */
     aria?: SelectedAriaAttributes<IconAriaAttribute>;
     /**
-     * Basic color variations depending on theme property.
+     * Basic color variations.
      */
     color?: IconColor;
-    /**
-     * Has no effect anymore (the component is now using the native `loading="lazy"` attribute by default)
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    lazy?: boolean;
     /**
      * Specifies which icon to use.
      */
@@ -26,10 +21,6 @@ export type PIconProps = BaseProps & {
      * Specifies a whole icon path which can be used for custom icons.
      */
     source?: string;
-    /**
-     * Adapts the color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 };
 export declare const PIcon: 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"> & {
     /**
@@ -37,14 +28,9 @@ export declare const PIcon: import("react").ForwardRefExoticComponent<Omit<impor
      */
     aria?: SelectedAriaAttributes<IconAriaAttribute>;
     /**
-     * Basic color variations depending on theme property.
+     * Basic color variations.
      */
     color?: IconColor;
-    /**
-     * Has no effect anymore (the component is now using the native `loading="lazy"` attribute by default)
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    lazy?: boolean;
     /**
      * Specifies which icon to use.
      */
@@ -57,8 +43,4 @@ export declare const PIcon: import("react").ForwardRefExoticComponent<Omit<impor
      * Specifies a whole icon path which can be used for custom icons.
      */
     source?: string;
-    /**
-     * Adapts the color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 } & import("react").RefAttributes<HTMLElement>>;