@porsche-design-system/components-react 2.16.2 → 2.16.3-rc.0

package/lib/components/accordion.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { AccordionChangeEvent, BreakpointCustomizable, AccordionSize, HeadlineTag, ThemeExtendedElectric } from '../types';
-export declare type PAccordionProps = HTMLAttributes<{}> & {
+export declare type PAccordionProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Displays the Accordion as compact version with thinner border and smaller paddings.
      */
@@ -30,7 +30,7 @@ export declare type PAccordionProps = HTMLAttributes<{}> & {
      */
     theme?: ThemeExtendedElectric;
 };
-export declare const PAccordion: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PAccordion: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Displays the Accordion as compact version with thinner border and smaller paddings.
      */

package/lib/components/banner.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { BannerState, Theme, BannerWidth } from '../types';
-export declare type PBannerProps = HTMLAttributes<{}> & {
+export declare type PBannerProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Emitted when the close button is clicked.
      */
@@ -22,7 +22,7 @@ export declare type PBannerProps = HTMLAttributes<{}> & {
      */
     width?: BannerWidth;
 };
-export declare const PBanner: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PBanner: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Emitted when the close button is clicked.
      */

package/lib/components/button-group.wrapper.d.ts

@@ -1,12 +1,12 @@
 import { HTMLAttributes } from 'react';
 import type { ButtonGroupDirection } from '../types';
-export declare type PButtonGroupProps = HTMLAttributes<{}> & {
+export declare type PButtonGroupProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines the direction of the main and cross axis. The default is ’{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint ‘xs’. You always need to provide a base value when using breakpoints.
      */
     direction?: ButtonGroupDirection;
 };
-export declare const PButtonGroup: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PButtonGroup: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Defines the direction of the main and cross axis. The default is ’{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint ‘xs’. You always need to provide a base value when using breakpoints.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { AlignLabel, SelectedAriaAttributes, ButtonAriaAttributes, BreakpointCustomizable, LinkButtonPureIconName, TextSize, ThemeExtendedElectricDark, ButtonType, TextWeight } from '../types';
-export declare type PButtonPureProps = HTMLAttributes<{}> & {
+export declare type PButtonPureProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Display button in active state.
      */
@@ -59,7 +59,7 @@ export declare type PButtonPureProps = HTMLAttributes<{}> & {
      */
     weight?: TextWeight;
 };
-export declare const PButtonPure: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PButtonPure: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Display button in active state.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, ButtonAriaAttributes, BreakpointCustomizable, IconName, ThemeExtendedElectric, ButtonType, ButtonVariant } from '../types';
-export declare type PButtonProps = HTMLAttributes<{}> & {
+export declare type PButtonProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Add ARIA attributes.
      */
@@ -43,7 +43,7 @@ export declare type PButtonProps = HTMLAttributes<{}> & {
      */
     variant?: ButtonVariant;
 };
-export declare const PButton: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PButton: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, CarouselInternationalization, CarouselChangeEvent, Theme } from '../types';
-export declare type PCarouselProps = HTMLAttributes<{}> & {
+export declare type PCarouselProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines the description used in the carousel.
      */
@@ -34,7 +34,7 @@ export declare type PCarouselProps = HTMLAttributes<{}> & {
      */
     wrapContent?: boolean;
 };
-export declare const PCarousel: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PCarousel: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Defines the description used in the carousel.
      */

package/lib/components/checkbox-wrapper.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, FormState } from '../types';
-export declare type PCheckboxWrapperProps = HTMLAttributes<{}> & {
+export declare type PCheckboxWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
      */
@@ -18,7 +18,7 @@ export declare type PCheckboxWrapperProps = HTMLAttributes<{}> & {
      */
     state?: FormState;
 };
-export declare const PCheckboxWrapper: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PCheckboxWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
      */

package/lib/components/content-wrapper.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';
-export declare type PContentWrapperProps = HTMLAttributes<{}> & {
+export declare type PContentWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines the background color.
      */
@@ -14,7 +14,7 @@ export declare type PContentWrapperProps = HTMLAttributes<{}> & {
      */
     width?: ContentWrapperWidth;
 };
-export declare const PContentWrapper: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PContentWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Defines the background color.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { DividerColor, DividerOrientation, Theme } from '../types';
-export declare type PDividerProps = HTMLAttributes<{}> & {
+export declare type PDividerProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines color depending on theme.
      */
@@ -14,7 +14,7 @@ export declare type PDividerProps = HTMLAttributes<{}> & {
      */
     theme?: Theme;
 };
-export declare const PDivider: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PDivider: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Defines color depending on theme.
      */

package/lib/components/fieldset-wrapper.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { FieldsetWrapperLabelSize, FormState } from '../types';
-export declare type PFieldsetWrapperProps = HTMLAttributes<{}> & {
+export declare type PFieldsetWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The label text.
      */
@@ -22,7 +22,7 @@ export declare type PFieldsetWrapperProps = HTMLAttributes<{}> & {
      */
     state?: FormState;
 };
-export declare const PFieldsetWrapper: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PFieldsetWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * The label text.
      */

package/lib/components/flex-item.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';
-export declare type PFlexItemProps = HTMLAttributes<{}> & {
+export declare type PFlexItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines how this flex item is aligned along the cross axis. This overwrites the cross axis alignment set by the container. Corresponds to the "alignSelf" css property.
      */
@@ -26,7 +26,7 @@ export declare type PFlexItemProps = HTMLAttributes<{}> & {
      */
     width?: FlexItemWidth;
 };
-export declare const PFlexItem: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PFlexItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Defines how this flex item is aligned along the cross axis. This overwrites the cross axis alignment set by the container. Corresponds to the "alignSelf" css property.
      */

package/lib/components/flex.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexJustifyContent, FlexWrap } from '../types';
-export declare type PFlexProps = HTMLAttributes<{}> & {
+export declare type PFlexProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * This aligns a flex container's individual lines when there is extra space in the cross-axis, similar to how "justifyContent" aligns individual items along the main axis.
      */
@@ -26,7 +26,7 @@ export declare type PFlexProps = HTMLAttributes<{}> & {
      */
     wrap?: FlexWrap;
 };
-export declare const PFlex: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PFlex: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * This aligns a flex container's individual lines when there is extra space in the cross-axis, similar to how "justifyContent" aligns individual items along the main axis.
      */

package/lib/components/grid-item.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { GridItemOffset, GridItemSize } from '../types';
-export declare type PGridItemProps = HTMLAttributes<{}> & {
+export declare type PGridItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The offset of the column. Can be between 0 and 11. Also defines the offset of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
@@ -10,7 +10,7 @@ export declare type PGridItemProps = HTMLAttributes<{}> & {
      */
     size?: GridItemSize;
 };
-export declare const PGridItem: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PGridItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * The offset of the column. Can be between 0 and 11. Also defines the offset of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */

package/lib/components/grid.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { GridDirection, GridGutter, GridWrap } from '../types';
-export declare type PGridProps = HTMLAttributes<{}> & {
+export declare type PGridProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines the direction of the main and cross axis. The default "row" defines the main axis as horizontal left to right. Also defines the direction for specific breakpoints, like {base: "column", l: "row"}. You always need to provide a base value when doing this.
      */
@@ -14,7 +14,7 @@ export declare type PGridProps = HTMLAttributes<{}> & {
      */
     wrap?: GridWrap;
 };
-export declare const PGrid: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PGrid: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Defines the direction of the main and cross axis. The default "row" defines the main axis as horizontal left to right. Also defines the direction for specific breakpoints, like {base: "column", l: "row"}. You always need to provide a base value when doing this.
      */

package/lib/components/headline.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { TextAlign, TextColor, HeadlineTag, Theme, HeadlineVariant } from '../types';
-export declare type PHeadlineProps = HTMLAttributes<{}> & {
+export declare type PHeadlineProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Text alignment of the component.
      */
@@ -26,7 +26,7 @@ export declare type PHeadlineProps = HTMLAttributes<{}> & {
      */
     variant?: HeadlineVariant;
 };
-export declare const PHeadline: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PHeadline: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Text alignment of the component.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, IconAriaAttributes, TextColor, IconName, IconSize, ThemeExtendedElectricDark } from '../types';
-export declare type PIconProps = HTMLAttributes<{}> & {
+export declare type PIconProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Add ARIA attributes.
      */
@@ -30,7 +30,7 @@ export declare type PIconProps = HTMLAttributes<{}> & {
      */
     theme?: ThemeExtendedElectricDark;
 };
-export declare const PIcon: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PIcon: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Add ARIA attributes.
      */

package/lib/components/inline-notification.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { IconName, InlineNotificationState, Theme } from '../types';
-export declare type PInlineNotificationProps = HTMLAttributes<{}> & {
+export declare type PInlineNotificationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Action icon of the inline-notification.
      */
@@ -42,7 +42,7 @@ export declare type PInlineNotificationProps = HTMLAttributes<{}> & {
      */
     theme?: Theme;
 };
-export declare const PInlineNotification: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PInlineNotification: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Action icon of the inline-notification.
      */

package/lib/components/link-pure.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { AlignLabel, SelectedAriaAttributes, LinkAriaAttributes, BreakpointCustomizable, LinkButtonPureIconName, TextSize, LinkTarget, ThemeExtendedElectricDark, TextWeight } from '../types';
-export declare type PLinkPureProps = HTMLAttributes<{}> & {
+export declare type PLinkPureProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Display link in active state.
      */
@@ -58,7 +58,7 @@ export declare type PLinkPureProps = HTMLAttributes<{}> & {
      */
     weight?: TextWeight;
 };
-export declare const PLinkPure: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PLinkPure: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Display link in active state.
      */

package/lib/components/link-social.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, SocialIconName, LinkTarget, Theme } from '../types';
-export declare type PLinkSocialProps = HTMLAttributes<{}> & {
+export declare type PLinkSocialProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Show or hide label.
      */
@@ -30,7 +30,7 @@ export declare type PLinkSocialProps = HTMLAttributes<{}> & {
      */
     theme?: Theme;
 };
-export declare const PLinkSocial: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PLinkSocial: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Show or hide label.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, LinkAriaAttributes, BreakpointCustomizable, IconName, LinkTarget, ThemeExtendedElectric, LinkVariant } from '../types';
-export declare type PLinkProps = HTMLAttributes<{}> & {
+export declare type PLinkProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Add ARIA attributes.
      */
@@ -42,7 +42,7 @@ export declare type PLinkProps = HTMLAttributes<{}> & {
      */
     variant?: LinkVariant;
 };
-export declare const PLink: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PLink: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, MarqueAriaAttributes, MarqueSize, LinkTarget } from '../types';
-export declare type PMarqueProps = HTMLAttributes<{}> & {
+export declare type PMarqueProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Add ARIA attributes.
      */
@@ -22,7 +22,7 @@ export declare type PMarqueProps = HTMLAttributes<{}> & {
      */
     trademark?: boolean;
 };
-export declare const PMarque: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PMarque: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, ModalAriaAttributes, BreakpointCustomizable } from '../types';
-export declare type PModalProps = HTMLAttributes<{}> & {
+export declare type PModalProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Add ARIA attributes.
      */
@@ -30,7 +30,7 @@ export declare type PModalProps = HTMLAttributes<{}> & {
      */
     open: boolean;
 };
-export declare const PModal: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PModal: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, NumberOfPageLinks, PageChangeEvent, Theme } from '../types';
-export declare type PPaginationProps = HTMLAttributes<{}> & {
+export declare type PPaginationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Index of the currently active page.
      */
@@ -42,7 +42,7 @@ export declare type PPaginationProps = HTMLAttributes<{}> & {
      */
     totalItemsCount: number;
 };
-export declare const PPagination: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PPagination: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Index of the currently active page.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, PopoverDirection } from '../types';
-export declare type PPopoverProps = HTMLAttributes<{}> & {
+export declare type PPopoverProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Add ARIA attributes.
      */
@@ -14,7 +14,7 @@ export declare type PPopoverProps = HTMLAttributes<{}> & {
      */
     direction?: PopoverDirection;
 };
-export declare const PPopover: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PPopover: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, FormState } from '../types';
-export declare type PRadioButtonWrapperProps = HTMLAttributes<{}> & {
+export declare type PRadioButtonWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
      */
@@ -18,7 +18,7 @@ export declare type PRadioButtonWrapperProps = HTMLAttributes<{}> & {
      */
     state?: FormState;
 };
-export declare const PRadioButtonWrapper: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PRadioButtonWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { GradientColorTheme, ScrollIndicatorPosition, ScrollToPosition, ThemeExtendedElectric } from '../types';
-export declare type PScrollerProps = HTMLAttributes<{}> & {
+export declare type PScrollerProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Adapts the background gradient color of prev and next button.
      */
@@ -18,7 +18,7 @@ export declare type PScrollerProps = HTMLAttributes<{}> & {
      */
     theme?: ThemeExtendedElectric;
 };
-export declare const PScroller: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PScroller: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Adapts the background gradient color of prev and next button.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { IconName } from '../types';
-export declare type PSegmentedControlItemProps = HTMLAttributes<{}> & {
+export declare type PSegmentedControlItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
@@ -22,7 +22,7 @@ export declare type PSegmentedControlItemProps = HTMLAttributes<{}> & {
      */
     value: string | number;
 };
-export declare const PSegmentedControlItem: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PSegmentedControlItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SegmentedControlBackgroundColor, SegmentedControlChangeEvent, Theme } from '../types';
-export declare type PSegmentedControlProps = HTMLAttributes<{}> & {
+export declare type PSegmentedControlProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Background color variations
      */
@@ -18,7 +18,7 @@ export declare type PSegmentedControlProps = HTMLAttributes<{}> & {
      */
     value?: string | number;
 };
-export declare const PSegmentedControl: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PSegmentedControl: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Background color variations
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { DropdownDirection, BreakpointCustomizable, FormState, Theme } from '../types';
-export declare type PSelectWrapperProps = HTMLAttributes<{}> & {
+export declare type PSelectWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The description text.
      */
@@ -38,7 +38,7 @@ export declare type PSelectWrapperProps = HTMLAttributes<{}> & {
      */
     theme?: Theme;
 };
-export declare const PSelectWrapper: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PSelectWrapper: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * The description text.
      */

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

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

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { StepperState } from '../types';
-export declare type PStepperHorizontalItemProps = HTMLAttributes<{}> & {
+export declare type PStepperHorizontalItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
      */
@@ -10,7 +10,7 @@ export declare type PStepperHorizontalItemProps = HTMLAttributes<{}> & {
      */
     state?: StepperState;
 };
-export declare const PStepperHorizontalItem: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PStepperHorizontalItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { StepChangeEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
-export declare type PStepperHorizontalProps = HTMLAttributes<{}> & {
+export declare type PStepperHorizontalProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Emitted when active step is changed.
      */
@@ -14,7 +14,7 @@ export declare type PStepperHorizontalProps = HTMLAttributes<{}> & {
      */
     theme?: Theme;
 };
-export declare const PStepperHorizontal: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PStepperHorizontal: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Emitted when active step is changed.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { AlignLabel, BreakpointCustomizable, SwitchChangeEvent, ThemeExtendedElectric } from '../types';
-export declare type PSwitchProps = HTMLAttributes<{}> & {
+export declare type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Aligns the label.
      */
@@ -39,7 +39,7 @@ export declare type PSwitchProps = HTMLAttributes<{}> & {
      */
     theme?: ThemeExtendedElectric;
 };
-export declare const PSwitch: import("react").ForwardRefExoticComponent<HTMLAttributes<{}> & {
+export declare const PSwitch: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     /**
      * Aligns the label.
      */

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

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

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

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

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

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