@porsche-design-system/components-angular 2.20.0 → 3.0.0-alpha.1

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { AccordionChangeEvent, BreakpointCustomizable, AccordionSize, HeadlineTag, ThemeExtendedElectric } from '../types';
+import type { AccordionChangeEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PAccordion {
     protected z: NgZone;
@@ -8,8 +8,8 @@ export declare class PAccordion {
     heading: string;
     open: boolean;
     size: BreakpointCustomizable<AccordionSize>;
-    tag: HeadlineTag;
-    theme: ThemeExtendedElectric;
+    tag: AccordionTag;
+    theme: Theme;
     accordionChange: EventEmitter<CustomEvent<AccordionChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PAccordion, never>;

package/lib/components/barrel.d.ts

@@ -6,12 +6,14 @@ import { PButtonPure } from './button-pure.wrapper';
 import { PCarousel } from './carousel.wrapper';
 import { PCheckboxWrapper } from './checkbox-wrapper.wrapper';
 import { PContentWrapper } from './content-wrapper.wrapper';
+import { PDisplay } from './display.wrapper';
 import { PDivider } from './divider.wrapper';
 import { PFieldsetWrapper } from './fieldset-wrapper.wrapper';
 import { PFlex } from './flex.wrapper';
 import { PFlexItem } from './flex-item.wrapper';
 import { PGrid } from './grid.wrapper';
 import { PGridItem } from './grid-item.wrapper';
+import { PHeading } from './heading.wrapper';
 import { PHeadline } from './headline.wrapper';
 import { PIcon } from './icon.wrapper';
 import { PInlineNotification } from './inline-notification.wrapper';
@@ -50,7 +52,7 @@ import { PTextList } from './text-list.wrapper';
 import { PTextListItem } from './text-list-item.wrapper';
 import { PTextareaWrapper } from './textarea-wrapper.wrapper';
 import { PToast } from './toast.wrapper';
-export declare const DECLARATIONS: (typeof PAccordion | typeof PBanner | typeof PButton | typeof PButtonGroup | typeof PButtonPure | typeof PCarousel | typeof PCheckboxWrapper | typeof PContentWrapper | typeof PDivider | typeof PFieldsetWrapper | typeof PFlex | typeof PFlexItem | typeof PGrid | typeof PGridItem | typeof PHeadline | typeof PIcon | typeof PInlineNotification | typeof PLink | typeof PLinkPure | typeof PLinkSocial | typeof PLinkTile | typeof PMarque | typeof PModal | typeof PPagination | typeof PPopover | typeof PRadioButtonWrapper | typeof PScroller | typeof PSegmentedControl | typeof PSegmentedControlItem | typeof PSelectWrapper | typeof PSpinner | typeof PStepperHorizontal | typeof PStepperHorizontalItem | typeof PSwitch | typeof PTable | typeof PTableBody | typeof PTableCell | typeof PTableHead | typeof PTableHeadCell | typeof PTableHeadRow | typeof PTableRow | typeof PTabs | typeof PTabsBar | typeof PTabsItem | typeof PTag | typeof PTagDismissible | typeof PText | typeof PTextFieldWrapper | typeof PTextList | typeof PTextListItem | typeof PTextareaWrapper | typeof PToast)[];
+export declare const DECLARATIONS: (typeof PAccordion | typeof PBanner | typeof PButton | typeof PButtonGroup | typeof PButtonPure | typeof PCarousel | typeof PCheckboxWrapper | typeof PContentWrapper | typeof PDisplay | typeof PDivider | typeof PFieldsetWrapper | typeof PFlex | typeof PFlexItem | typeof PGrid | typeof PGridItem | typeof PHeading | typeof PHeadline | typeof PIcon | typeof PInlineNotification | typeof PLink | typeof PLinkPure | typeof PLinkSocial | typeof PLinkTile | typeof PMarque | typeof PModal | typeof PPagination | typeof PPopover | typeof PRadioButtonWrapper | typeof PScroller | typeof PSegmentedControl | typeof PSegmentedControlItem | typeof PSelectWrapper | typeof PSpinner | typeof PStepperHorizontal | typeof PStepperHorizontalItem | typeof PSwitch | typeof PTable | typeof PTableBody | typeof PTableCell | typeof PTableHead | typeof PTableHeadCell | typeof PTableHeadRow | typeof PTableRow | typeof PTabs | typeof PTabsBar | typeof PTabsItem | typeof PTag | typeof PTagDismissible | typeof PText | typeof PTextFieldWrapper | typeof PTextList | typeof PTextListItem | typeof PTextareaWrapper | typeof PToast)[];
 export * from './accordion.wrapper';
 export * from './banner.wrapper';
 export * from './button.wrapper';
@@ -59,12 +61,14 @@ export * from './button-pure.wrapper';
 export * from './carousel.wrapper';
 export * from './checkbox-wrapper.wrapper';
 export * from './content-wrapper.wrapper';
+export * from './display.wrapper';
 export * from './divider.wrapper';
 export * from './fieldset-wrapper.wrapper';
 export * from './flex.wrapper';
 export * from './flex-item.wrapper';
 export * from './grid.wrapper';
 export * from './grid-item.wrapper';
+export * from './heading.wrapper';
 export * from './headline.wrapper';
 export * from './icon.wrapper';
 export * from './inline-notification.wrapper';

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

@@ -1,24 +1,23 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { BreakpointCustomizable, AlignLabel, SelectedAriaAttributes, ButtonAriaAttributes, LinkButtonPureIconName, TextSize, ThemeExtendedElectricDark, ButtonType, TextWeight } from '../types';
+import type { BreakpointCustomizable, AlignLabel, SelectedAriaAttributes, ButtonAriaAttribute, LinkButtonIconName, TextSize, Theme, ButtonType, TextWeight } from '../types';
 import * as i0 from "@angular/core";
 export declare class PButtonPure {
     protected z: NgZone;
     protected el: HTMLElement;
     active: boolean;
     alignLabel: BreakpointCustomizable<AlignLabel>;
-    aria: SelectedAriaAttributes<ButtonAriaAttributes>;
+    aria: SelectedAriaAttributes<ButtonAriaAttribute>;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: LinkButtonPureIconName;
+    icon: LinkButtonIconName;
     iconSource: string;
     loading: boolean;
     size: BreakpointCustomizable<TextSize>;
     stretch: BreakpointCustomizable<boolean>;
-    tabbable: boolean;
-    theme: ThemeExtendedElectricDark;
+    theme: Theme;
     type: ButtonType;
     weight: TextWeight;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PButtonPure, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": "active"; "alignLabel": "alignLabel"; "aria": "aria"; "disabled": "disabled"; "hideLabel": "hideLabel"; "icon": "icon"; "iconSource": "iconSource"; "loading": "loading"; "size": "size"; "stretch": "stretch"; "tabbable": "tabbable"; "theme": "theme"; "type": "type"; "weight": "weight"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": "active"; "alignLabel": "alignLabel"; "aria": "aria"; "disabled": "disabled"; "hideLabel": "hideLabel"; "icon": "icon"; "iconSource": "iconSource"; "loading": "loading"; "size": "size"; "stretch": "stretch"; "theme": "theme"; "type": "type"; "weight": "weight"; }, {}, never, ["*"]>;
 }

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

@@ -1,20 +1,19 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, ButtonAriaAttributes, BreakpointCustomizable, IconName, ThemeExtendedElectric, ButtonType, ButtonVariant } from '../types';
+import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, LinkButtonIconName, Theme, ButtonType, ButtonVariant } from '../types';
 import * as i0 from "@angular/core";
 export declare class PButton {
     protected z: NgZone;
     protected el: HTMLElement;
-    aria: SelectedAriaAttributes<ButtonAriaAttributes>;
+    aria: SelectedAriaAttributes<ButtonAriaAttribute>;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: IconName;
+    icon: LinkButtonIconName;
     iconSource: string;
     loading: boolean;
-    tabbable: boolean;
-    theme: ThemeExtendedElectric;
+    theme: Theme;
     type: ButtonType;
     variant: ButtonVariant;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": "aria"; "disabled": "disabled"; "hideLabel": "hideLabel"; "icon": "icon"; "iconSource": "iconSource"; "loading": "loading"; "tabbable": "tabbable"; "theme": "theme"; "type": "type"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": "aria"; "disabled": "disabled"; "hideLabel": "hideLabel"; "icon": "icon"; "iconSource": "iconSource"; "loading": "loading"; "theme": "theme"; "type": "type"; "variant": "variant"; }, {}, never, ["*"]>;
 }

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { BreakpointCustomizable, FormState } from '../types';
+import type { BreakpointCustomizable, FormState, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PCheckboxWrapper {
     protected z: NgZone;
@@ -8,7 +8,8 @@ export declare class PCheckboxWrapper {
     label: string;
     message: string;
     state: FormState;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PCheckboxWrapper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PCheckboxWrapper, "p-checkbox-wrapper,[p-checkbox-wrapper]", never, { "hideLabel": "hideLabel"; "label": "label"; "message": "message"; "state": "state"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PCheckboxWrapper, "p-checkbox-wrapper,[p-checkbox-wrapper]", never, { "hideLabel": "hideLabel"; "label": "label"; "message": "message"; "state": "state"; "theme": "theme"; }, {}, never, ["*"]>;
 }

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';
 import * as i0 from "@angular/core";
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 export declare class PContentWrapper {
     protected z: NgZone;
     protected el: HTMLElement;

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

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag, Theme } from '../types';
+import * as i0 from "@angular/core";
+export declare class PDisplay {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    align: DisplayAlign;
+    color: DisplayColor;
+    ellipsis: boolean;
+    size: BreakpointCustomizable<DisplaySize>;
+    tag: DisplayTag;
+    theme: Theme;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PDisplay, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PDisplay, "p-display,[p-display]", never, { "align": "align"; "color": "color"; "ellipsis": "ellipsis"; "size": "size"; "tag": "tag"; "theme": "theme"; }, {}, never, ["*"]>;
+}

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { FieldsetWrapperLabelSize, FormState } from '../types';
+import type { FieldsetWrapperLabelSize, FormState, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PFieldsetWrapper {
     protected z: NgZone;
@@ -9,7 +9,8 @@ export declare class PFieldsetWrapper {
     message: string;
     required: boolean;
     state: FormState;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PFieldsetWrapper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PFieldsetWrapper, "p-fieldset-wrapper,[p-fieldset-wrapper]", never, { "label": "label"; "labelSize": "labelSize"; "message": "message"; "required": "required"; "state": "state"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PFieldsetWrapper, "p-fieldset-wrapper,[p-fieldset-wrapper]", never, { "label": "label"; "labelSize": "labelSize"; "message": "message"; "required": "required"; "state": "state"; "theme": "theme"; }, {}, never, ["*"]>;
 }

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import type { BreakpointCustomizable, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';
 import * as i0 from "@angular/core";
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
 export declare class PFlexItem {
     protected z: NgZone;
     protected el: HTMLElement;

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import type { BreakpointCustomizable, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexJustifyContent, FlexWrap } from '../types';
 import * as i0 from "@angular/core";
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
 export declare class PFlex {
     protected z: NgZone;
     protected el: HTMLElement;

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import type { BreakpointCustomizable, GridItemOffset, GridItemSize } from '../types';
 import * as i0 from "@angular/core";
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 export declare class PGridItem {
     protected z: NgZone;
     protected el: HTMLElement;

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import type { BreakpointCustomizable, GridDirection, GridGutter, GridWrap } from '../types';
 import * as i0 from "@angular/core";
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 export declare class PGrid {
     protected z: NgZone;
     protected el: HTMLElement;

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

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { HeadingAlign, HeadingColor, BreakpointCustomizable, HeadingSize, HeadingTag, Theme } from '../types';
+import * as i0 from "@angular/core";
+export declare class PHeading {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    align: HeadingAlign;
+    color: HeadingColor;
+    ellipsis: boolean;
+    size: BreakpointCustomizable<HeadingSize>;
+    tag: HeadingTag;
+    theme: Theme;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PHeading, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PHeading, "p-heading,[p-heading]", never, { "align": "align"; "color": "color"; "ellipsis": "ellipsis"; "size": "size"; "tag": "tag"; "theme": "theme"; }, {}, never, ["*"]>;
+}

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

@@ -1,11 +1,12 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { TextAlign, TextColor, HeadlineTag, Theme, HeadlineVariant } from '../types';
+import type { HeadlineAlign, HeadlineColor, HeadlineTag, Theme, HeadlineVariant } from '../types';
 import * as i0 from "@angular/core";
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
 export declare class PHeadline {
     protected z: NgZone;
     protected el: HTMLElement;
-    align: TextAlign;
-    color: Extract<TextColor, "default" | "inherit">;
+    align: HeadlineAlign;
+    color: HeadlineColor;
     ellipsis: boolean;
     tag: HeadlineTag;
     theme: Theme;

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

@@ -1,16 +1,16 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, IconAriaAttribute, TextColor, IconName, IconSize, ThemeExtendedElectricDark } from '../types';
+import type { SelectedAriaAttributes, IconAriaAttribute, IconColor, IconName, IconSize, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PIcon {
     protected z: NgZone;
     protected el: HTMLElement;
     aria: SelectedAriaAttributes<IconAriaAttribute>;
-    color: TextColor;
+    color: IconColor;
     lazy: boolean;
     name: IconName;
     size: IconSize;
     source: string;
-    theme: ThemeExtendedElectricDark;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PIcon, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PIcon, "p-icon,[p-icon]", never, { "aria": "aria"; "color": "color"; "lazy": "lazy"; "name": "name"; "size": "size"; "source": "source"; "theme": "theme"; }, {}, never, ["*"]>;

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { BreakpointCustomizable, AlignLabel, SelectedAriaAttributes, LinkAriaAttribute, LinkButtonPureIconName, TextSize, LinkTarget, ThemeExtendedElectricDark, TextWeight } from '../types';
+import type { BreakpointCustomizable, AlignLabel, SelectedAriaAttributes, LinkAriaAttribute, LinkButtonIconName, TextSize, LinkTarget, Theme, TextWeight } from '../types';
 import * as i0 from "@angular/core";
 export declare class PLinkPure {
     protected z: NgZone;
@@ -10,15 +10,16 @@ export declare class PLinkPure {
     download: string;
     hideLabel: BreakpointCustomizable<boolean>;
     href: string;
-    icon: LinkButtonPureIconName;
+    icon: LinkButtonIconName;
     iconSource: string;
     rel: string;
     size: BreakpointCustomizable<TextSize>;
     stretch: BreakpointCustomizable<boolean>;
     target: LinkTarget;
-    theme: ThemeExtendedElectricDark;
+    theme: Theme;
+    underline: boolean;
     weight: TextWeight;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PLinkPure, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PLinkPure, "p-link-pure,[p-link-pure]", never, { "active": "active"; "alignLabel": "alignLabel"; "aria": "aria"; "download": "download"; "hideLabel": "hideLabel"; "href": "href"; "icon": "icon"; "iconSource": "iconSource"; "rel": "rel"; "size": "size"; "stretch": "stretch"; "target": "target"; "theme": "theme"; "weight": "weight"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PLinkPure, "p-link-pure,[p-link-pure]", never, { "active": "active"; "alignLabel": "alignLabel"; "aria": "aria"; "download": "download"; "hideLabel": "hideLabel"; "href": "href"; "icon": "icon"; "iconSource": "iconSource"; "rel": "rel"; "size": "size"; "stretch": "stretch"; "target": "target"; "theme": "theme"; "underline": "underline"; "weight": "weight"; }, {}, never, ["*"]>;
 }

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import type { BreakpointCustomizable, SocialIconName, LinkTarget, Theme } from '../types';
 import * as i0 from "@angular/core";
+/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social instead. */
 export declare class PLinkSocial {
     protected z: NgZone;
     protected el: HTMLElement;

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, IconName, LinkTarget, ThemeExtendedElectric, LinkVariant } from '../types';
+import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkButtonIconName, LinkTarget, Theme, LinkVariant } from '../types';
 import * as i0 from "@angular/core";
 export declare class PLink {
     protected z: NgZone;
@@ -8,11 +8,11 @@ export declare class PLink {
     download: string;
     hideLabel: BreakpointCustomizable<boolean>;
     href: string;
-    icon: IconName;
+    icon: LinkButtonIconName;
     iconSource: string;
     rel: string;
     target: LinkTarget;
-    theme: ThemeExtendedElectric;
+    theme: Theme;
     variant: LinkVariant;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PLink, never>;

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, PopoverDirection } from '../types';
+import type { SelectedAriaAttributes, PopoverDirection, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PPopover {
     protected z: NgZone;
@@ -7,7 +7,8 @@ export declare class PPopover {
     aria: SelectedAriaAttributes<"aria-label">;
     description: string;
     direction: PopoverDirection;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PPopover, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PPopover, "p-popover,[p-popover]", never, { "aria": "aria"; "description": "description"; "direction": "direction"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PPopover, "p-popover,[p-popover]", never, { "aria": "aria"; "description": "description"; "direction": "direction"; "theme": "theme"; }, {}, never, ["*"]>;
 }

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { BreakpointCustomizable, FormState } from '../types';
+import type { BreakpointCustomizable, FormState, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PRadioButtonWrapper {
     protected z: NgZone;
@@ -8,7 +8,8 @@ export declare class PRadioButtonWrapper {
     label: string;
     message: string;
     state: FormState;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PRadioButtonWrapper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PRadioButtonWrapper, "p-radio-button-wrapper,[p-radio-button-wrapper]", never, { "hideLabel": "hideLabel"; "label": "label"; "message": "message"; "state": "state"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PRadioButtonWrapper, "p-radio-button-wrapper,[p-radio-button-wrapper]", never, { "hideLabel": "hideLabel"; "label": "label"; "message": "message"; "state": "state"; "theme": "theme"; }, {}, never, ["*"]>;
 }

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { GradientColorTheme, ScrollIndicatorPosition, ScrollToPosition, ThemeExtendedElectric } from '../types';
+import type { GradientColorTheme, ScrollIndicatorPosition, ScrollToPosition, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PScroller {
     protected z: NgZone;
@@ -7,7 +7,7 @@ export declare class PScroller {
     gradientColorScheme: GradientColorTheme;
     scrollIndicatorPosition: ScrollIndicatorPosition;
     scrollToPosition: ScrollToPosition;
-    theme: ThemeExtendedElectric;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PScroller, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "gradientColorScheme": "gradientColorScheme"; "scrollIndicatorPosition": "scrollIndicatorPosition"; "scrollToPosition": "scrollToPosition"; "theme": "theme"; }, {}, never, ["*"]>;

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

@@ -1,12 +1,12 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, ThemeExtendedElectricDark } from '../types';
+import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PSpinner {
     protected z: NgZone;
     protected el: HTMLElement;
     aria: SelectedAriaAttributes<SpinnerAriaAttribute>;
     size: BreakpointCustomizable<SpinnerSize>;
-    theme: ThemeExtendedElectricDark;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PSpinner, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PSpinner, "p-spinner,[p-spinner]", never, { "aria": "aria"; "size": "size"; "theme": "theme"; }, {}, never, ["*"]>;

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { BreakpointCustomizable, AlignLabel, SwitchChangeEvent, ThemeExtendedElectric } from '../types';
+import type { BreakpointCustomizable, AlignLabel, SwitchChangeEvent, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PSwitch {
     protected z: NgZone;
@@ -10,10 +10,9 @@ export declare class PSwitch {
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
     stretch: BreakpointCustomizable<boolean>;
-    tabbable: boolean;
-    theme: ThemeExtendedElectric;
+    theme: Theme;
     switchChange: EventEmitter<CustomEvent<SwitchChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSwitch, "p-switch,[p-switch]", never, { "alignLabel": "alignLabel"; "checked": "checked"; "disabled": "disabled"; "hideLabel": "hideLabel"; "loading": "loading"; "stretch": "stretch"; "tabbable": "tabbable"; "theme": "theme"; }, { "switchChange": "switchChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSwitch, "p-switch,[p-switch]", never, { "alignLabel": "alignLabel"; "checked": "checked"; "disabled": "disabled"; "hideLabel": "hideLabel"; "loading": "loading"; "stretch": "stretch"; "theme": "theme"; }, { "switchChange": "switchChange"; }, never, ["*"]>;
 }

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { TabGradientColorTheme, TabChangeEvent, BreakpointCustomizable, TabSize, ThemeExtendedElectric, TabWeight } from '../types';
+import type { TabGradientColorTheme, TabChangeEvent, BreakpointCustomizable, TabSize, Theme, TabWeight } from '../types';
 import * as i0 from "@angular/core";
 export declare class PTabsBar {
     protected z: NgZone;
@@ -7,7 +7,7 @@ export declare class PTabsBar {
     activeTabIndex: number | undefined;
     gradientColorScheme: TabGradientColorTheme;
     size: BreakpointCustomizable<TabSize>;
-    theme: ThemeExtendedElectric;
+    theme: Theme;
     weight: TabWeight;
     tabChange: EventEmitter<CustomEvent<TabChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { TabGradientColorTheme, TabChangeEvent, BreakpointCustomizable, TabSize, ThemeExtendedElectric, TabWeight } from '../types';
+import type { TabGradientColorTheme, TabChangeEvent, BreakpointCustomizable, TabSize, Theme, TabWeight } from '../types';
 import * as i0 from "@angular/core";
 export declare class PTabs {
     protected z: NgZone;
@@ -7,7 +7,7 @@ export declare class PTabs {
     activeTabIndex: number;
     gradientColorScheme: TabGradientColorTheme;
     size: BreakpointCustomizable<TabSize>;
-    theme: ThemeExtendedElectric;
+    theme: Theme;
     weight: TabWeight;
     tabChange: EventEmitter<CustomEvent<TabChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, TagDismissibleAriaAttribute, TagDismissibleColor } from '../types';
+import type { SelectedAriaAttributes, TagDismissibleAriaAttribute, TagDismissibleColor, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PTagDismissible {
     protected z: NgZone;
@@ -7,7 +7,8 @@ export declare class PTagDismissible {
     aria: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
     color: TagDismissibleColor;
     label: string;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PTagDismissible, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTagDismissible, "p-tag-dismissible,[p-tag-dismissible]", never, { "aria": "aria"; "color": "color"; "label": "label"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTagDismissible, "p-tag-dismissible,[p-tag-dismissible]", never, { "aria": "aria"; "color": "color"; "label": "label"; "theme": "theme"; }, {}, never, ["*"]>;
 }

package/lib/components/text-field-wrapper.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { IconName, BreakpointCustomizable, FormState, TextFieldWrapperUnitPosition } from '../types';
+import type { IconName, BreakpointCustomizable, FormState, Theme, TextFieldWrapperUnitPosition } from '../types';
 import * as i0 from "@angular/core";
 export declare class PTextFieldWrapper {
     protected z: NgZone;
@@ -12,10 +12,11 @@ export declare class PTextFieldWrapper {
     message: string;
     showCharacterCount: boolean;
     state: FormState;
+    theme: Theme;
     unit: string;
     unitPosition: TextFieldWrapperUnitPosition;
     action: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PTextFieldWrapper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTextFieldWrapper, "p-text-field-wrapper,[p-text-field-wrapper]", never, { "actionIcon": "actionIcon"; "actionLoading": "actionLoading"; "description": "description"; "hideLabel": "hideLabel"; "label": "label"; "message": "message"; "showCharacterCount": "showCharacterCount"; "state": "state"; "unit": "unit"; "unitPosition": "unitPosition"; }, { "action": "action"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTextFieldWrapper, "p-text-field-wrapper,[p-text-field-wrapper]", never, { "actionIcon": "actionIcon"; "actionLoading": "actionLoading"; "description": "description"; "hideLabel": "hideLabel"; "label": "label"; "message": "message"; "showCharacterCount": "showCharacterCount"; "state": "state"; "theme": "theme"; "unit": "unit"; "unitPosition": "unitPosition"; }, { "action": "action"; }, never, ["*"]>;
 }

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { BreakpointCustomizable, FormState } from '../types';
+import type { BreakpointCustomizable, FormState, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PTextareaWrapper {
     protected z: NgZone;
@@ -10,7 +10,8 @@ export declare class PTextareaWrapper {
     message: string;
     showCharacterCount: boolean;
     state: FormState;
+    theme: Theme;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PTextareaWrapper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTextareaWrapper, "p-textarea-wrapper,[p-textarea-wrapper]", never, { "description": "description"; "hideLabel": "hideLabel"; "label": "label"; "message": "message"; "showCharacterCount": "showCharacterCount"; "state": "state"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTextareaWrapper, "p-textarea-wrapper,[p-textarea-wrapper]", never, { "description": "description"; "hideLabel": "hideLabel"; "label": "label"; "message": "message"; "showCharacterCount": "showCharacterCount"; "state": "state"; "theme": "theme"; }, {}, never, ["*"]>;
 }