@porsche-design-system/components-angular 4.0.0-beta.2 → 4.0.0-beta.4

package/types/porsche-design-system-components-angular.d.ts

@@ -16,6 +16,37 @@ declare abstract class BaseComponent implements OnChanges {
     static ɵcmp: i0.ɵɵComponentDeclaration<BaseComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }
 
+declare const ACCORDIONS_BACKGROUNDS: readonly [
+    "canvas",
+    "surface",
+    "frosted",
+    "none"
+];
+type AccordionBackground = (typeof ACCORDIONS_BACKGROUNDS)[number];
+declare const ACCORDION_ALIGN_MARKERS: readonly [
+    "start",
+    "end"
+];
+type AccordionAlignMarker = (typeof ACCORDION_ALIGN_MARKERS)[number];
+type AccordionUpdateEventDetail = {
+    open: boolean;
+};
+declare const ACCORDION_HEADINGS_DEPRECATED: readonly [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6"
+];
+/** @deprecated */
+type AccordionHeadingTag = (typeof ACCORDION_HEADINGS_DEPRECATED)[number];
+declare const ACCORDION_SIZES: readonly [
+    "small",
+    "medium"
+];
+/** @deprecated */
+type AccordionSize = (typeof ACCORDION_SIZES)[number];
 type Booleanish = boolean | "true" | "false";
 type AriaAttributes = {
     /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
@@ -258,6 +289,8 @@ declare const ICON_NAMES: readonly [
     "arrow-double-right",
     "arrow-double-up",
     "arrow-down",
+    "arrow-down-left",
+    "arrow-down-right",
     "arrow-first",
     "arrow-head-down",
     "arrow-head-left",
@@ -267,6 +300,8 @@ declare const ICON_NAMES: readonly [
     "arrow-left",
     "arrow-right",
     "arrow-up",
+    "arrow-up-left",
+    "arrow-up-right",
     "arrows",
     "attachment",
     "augmented-reality",
@@ -436,6 +471,7 @@ declare const ICON_NAMES: readonly [
     "pin-filled",
     "pivot",
     "play",
+    "play-filled",
     "plug",
     "plus",
     "preheating",
@@ -639,6 +675,27 @@ declare const FLAG_NAMES: readonly [
     "za"
 ];
 type FlagName = typeof FLAG_NAMES[number];
+declare const FORM_STATES: readonly [
+    "none",
+    "error",
+    "success"
+];
+type FormState = (typeof FORM_STATES)[number];
+declare const BUTTON_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "aria-description",
+    "aria-expanded",
+    "aria-pressed",
+    "aria-haspopup"
+];
+type ButtonAriaAttribute = (typeof BUTTON_ARIA_ATTRIBUTES)[number];
+declare const LINK_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "aria-description",
+    "aria-current",
+    "aria-haspopup"
+];
+type LinkAriaAttribute = (typeof LINK_ARIA_ATTRIBUTES)[number];
 declare const breakpoints: readonly [
     "base",
     "xs",
@@ -655,75 +712,6 @@ type BreakpointValues<T> = {
     base: T;
 };
 type BreakpointCustomizable<T> = T | BreakpointValues<T>;
-declare const HEADING_SIZES: readonly [
-    "small",
-    "medium",
-    "large",
-    "x-large",
-    "xx-large",
-    "inherit"
-];
-type HeadingSize = (typeof HEADING_SIZES)[number];
-declare const HEADING_TAGS: readonly [
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6"
-];
-type HeadingTag = (typeof HEADING_TAGS)[number];
-declare const TEXT_SIZES: readonly [
-    "xx-small",
-    "x-small",
-    "small",
-    "medium",
-    "large",
-    "x-large",
-    "inherit"
-];
-type TextSize = (typeof TEXT_SIZES)[number];
-declare const TYPOGRAPHY_ALIGNS: readonly [
-    "start",
-    "center",
-    "end",
-    "inherit"
-];
-type TypographyAlign = (typeof TYPOGRAPHY_ALIGNS)[number];
-declare const TYPOGRAPHY_TEXT_COLORS: readonly [
-    "primary",
-    "contrast-high",
-    "contrast-medium",
-    "contrast-low",
-    "success",
-    "warning",
-    "error",
-    "info",
-    "inherit"
-];
-type TypographyTextColor = (typeof TYPOGRAPHY_TEXT_COLORS)[number];
-declare const TYPOGRAPHY_TEXT_WEIGHTS: readonly [
-    "regular",
-    "semi-bold",
-    "bold"
-];
-type TypographyTextWeight = (typeof TYPOGRAPHY_TEXT_WEIGHTS)[number];
-declare const LINK_BUTTON_VARIANTS: readonly [
-    "primary",
-    "secondary"
-];
-type LinkButtonVariant = (typeof LINK_BUTTON_VARIANTS)[number];
-declare const BUTTON_TYPES: readonly [
-    "button",
-    "submit",
-    "reset"
-];
-type ButtonType = (typeof BUTTON_TYPES)[number];
-declare const ALIGN_LABELS: readonly [
-    "start",
-    "end"
-];
-type AlignLabel = (typeof ALIGN_LABELS)[number];
 declare const LINK_TARGETS: readonly [
     "_self",
     "_blank",
@@ -731,45 +719,6 @@ declare const LINK_TARGETS: readonly [
     "_top"
 ];
 type LinkTarget = (typeof LINK_TARGETS)[number] | string;
-type LinkButtonIconName = IconName | "none";
-type ButtonVariant = LinkButtonVariant;
-type LinkVariant = LinkButtonVariant;
-type PorscheDesignSystem = {
-    [key: `${number}.${number}.${number}${`-rc.${number}` | ""}`]: {
-        prefixes: string[];
-        isReady: () => Promise<void>;
-        readyResolve: () => void;
-    };
-    cdn: {
-        url: string;
-        prefixes: string[];
-    };
-};
-type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T>;
-type SelectedAriaRole<T> = {
-    role: Extract<AriaRole, T>;
-};
-declare const FORM_STATES: readonly [
-    "none",
-    "error",
-    "success"
-];
-type FormState = (typeof FORM_STATES)[number];
-declare const BUTTON_ARIA_ATTRIBUTES: readonly [
-    "aria-label",
-    "aria-description",
-    "aria-expanded",
-    "aria-pressed",
-    "aria-haspopup"
-];
-type ButtonAriaAttribute = (typeof BUTTON_ARIA_ATTRIBUTES)[number];
-declare const LINK_ARIA_ATTRIBUTES: readonly [
-    "aria-label",
-    "aria-description",
-    "aria-current",
-    "aria-haspopup"
-];
-type LinkAriaAttribute = (typeof LINK_ARIA_ATTRIBUTES)[number];
 type MultiSelectState = FormState;
 type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
 type MultiSelectChangeEventDetail = {
@@ -819,29 +768,40 @@ declare const TILE_ALIGNS: readonly [
     "bottom"
 ];
 type TileAlign = (typeof TILE_ALIGNS)[number];
-declare const ACCORDIONS_BACKGROUNDS: readonly [
-    "canvas",
-    "surface",
-    "frosted",
-    "none"
-];
-type AccordionBackground = (typeof ACCORDIONS_BACKGROUNDS)[number];
-declare const ACCORDION_ALIGN_MARKERS: readonly [
+declare const ALIGN_LABELS: readonly [
     "start",
     "end"
 ];
-type AccordionAlignMarker = (typeof ACCORDION_ALIGN_MARKERS)[number];
-type AccordionUpdateEventDetail = {
-    open: boolean;
-};
-/** @deprecated */
-type AccordionHeadingTag = HeadingTag;
-declare const ACCORDION_SIZES: readonly [
-    "small",
-    "medium"
+type AlignLabel = (typeof ALIGN_LABELS)[number];
+declare const BUTTON_TYPES: readonly [
+    "button",
+    "submit",
+    "reset"
 ];
-/** @deprecated */
-type AccordionSize = (typeof ACCORDION_SIZES)[number];
+type ButtonType = (typeof BUTTON_TYPES)[number];
+declare const LINK_BUTTON_VARIANTS: readonly [
+    "primary",
+    "secondary"
+];
+type LinkButtonVariant = (typeof LINK_BUTTON_VARIANTS)[number];
+type LinkButtonIconName = IconName | "none";
+type ButtonVariant = LinkButtonVariant;
+type LinkVariant = LinkButtonVariant;
+type PorscheDesignSystem = {
+    [key: `${number}.${number}.${number}${`-rc.${number}` | ""}`]: {
+        prefixes: string[];
+        isReady: () => Promise<void>;
+        readyResolve: () => void;
+    };
+    cdn: {
+        url: string;
+        prefixes: string[];
+    };
+};
+type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T>;
+type SelectedAriaRole<T> = {
+    role: Extract<AriaRole, T>;
+};
 declare const BANNER_STATES: readonly [
     "info",
     "success",
@@ -849,13 +809,48 @@ declare const BANNER_STATES: readonly [
     "error"
 ];
 type BannerState = (typeof BANNER_STATES)[number];
-type BannerHeadingTag = HeadingTag;
+declare const BANNER_HEADING_TAGS: readonly [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6"
+];
+type BannerHeadingTag = (typeof BANNER_HEADING_TAGS)[number];
 type ButtonIcon = LinkButtonIconName;
 type ButtonPureType = ButtonType;
 type ButtonPureIcon = LinkButtonIconName;
 type ButtonPureAriaAttribute = ButtonAriaAttribute;
 type ButtonPureAlignLabel = AlignLabel;
-type ButtonPureSize = TextSize;
+declare const BUTTON_PURE_SIZES: readonly [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "inherit",
+    "xx-small",
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large"
+];
+type ButtonPureSize = (typeof BUTTON_PURE_SIZES)[number];
+declare const BUTTON_PURE_COLORS: readonly [
+    "primary",
+    "contrast-higher",
+    "contrast-high",
+    "contrast-medium",
+    "inherit"
+];
+type ButtonPureColor = (typeof BUTTON_PURE_COLORS)[number];
 type ButtonTileAriaAttribute = ButtonAriaAttribute;
 type ButtonTileIcon = LinkButtonIconName;
 type ButtonTileType = ButtonType;
@@ -885,7 +880,11 @@ declare const CAROUSEL_ALIGN_HEADERS: readonly [
     "center"
 ];
 type CarouselAlignHeader = (typeof CAROUSEL_ALIGN_HEADERS)[number];
-type CarouselHeadingSize = Extract<HeadingSize, "x-large" | "xx-large">;
+declare const CAROUSEL_HEADING_SIZES: readonly [
+    "x-large",
+    "xx-large"
+];
+type CarouselHeadingSize = (typeof CAROUSEL_HEADING_SIZES)[number];
 declare const CAROUSEL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
@@ -927,7 +926,13 @@ declare const DISPLAY_COLORS: readonly [
     "inherit"
 ];
 type DisplayColor = (typeof DISPLAY_COLORS)[number];
-type DisplayAlign = TypographyAlign;
+declare const DISPLAY_ALIGNS: readonly [
+    "start",
+    "center",
+    "end",
+    "inherit"
+];
+type DisplayAlign = (typeof DISPLAY_ALIGNS)[number];
 declare const DIVIDER_COLORS: readonly [
     "contrast-lower",
     "contrast-low",
@@ -959,7 +964,27 @@ declare const FLAG_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 type FlagAriaAttribute = (typeof FLAG_ARIA_ATTRIBUTES)[number];
-type FlagSize = TextSize;
+declare const FLAG_SIZES: readonly [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "inherit",
+    "xx-small",
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large",
+    "xx-large"
+];
+type FlagSize = (typeof FLAG_SIZES)[number];
 declare const BACKDROPS: readonly [
     "blur",
     "shading"
@@ -987,22 +1012,96 @@ type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
 type FlyoutMotionVisibleEndEventDetail = TransitionEvent;
 type FlyoutMotionHiddenEndEventDetail = TransitionEvent;
 type FlyoutBackdrop = Backdrop;
+declare const HEADING_TAGS: readonly [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6"
+];
+type HeadingTag = (typeof HEADING_TAGS)[number];
 declare const HEADING_COLORS: readonly [
     "primary",
+    "contrast-higher",
+    "contrast-high",
+    "contrast-medium",
     "inherit"
 ];
 type HeadingColor = (typeof HEADING_COLORS)[number];
-type HeadingAlign = TypographyAlign;
+declare const HEADING_WEIGHTS: readonly [
+    "normal",
+    "semibold",
+    "bold",
+    "regular",
+    "semi-bold"
+];
+type HeadingWeight = (typeof HEADING_WEIGHTS)[number];
+declare const HEADING_ALIGNS: readonly [
+    "start",
+    "center",
+    "end",
+    "inherit"
+];
+type HeadingAlign = (typeof HEADING_ALIGNS)[number];
+declare const HEADING_SIZES: readonly [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "inherit",
+    "small",
+    "medium",
+    "large",
+    "x-large",
+    "xx-large"
+];
+type HeadingSize = (typeof HEADING_SIZES)[number];
+declare const HEADING_HYPHENS: readonly [
+    "none",
+    "manual",
+    "auto",
+    "inherit"
+];
+type HeadingHyphens = (typeof HEADING_HYPHENS)[number];
 declare const ICON_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 type IconAriaAttribute = (typeof ICON_ARIA_ATTRIBUTES)[number];
-type IconSize = TextSize;
+declare const ICON_SIZES: readonly [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "inherit",
+    "xx-small",
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large",
+    "xx-large"
+];
+type IconSize = (typeof ICON_SIZES)[number];
 declare const ICON_COLORS: readonly [
     "primary",
+    "contrast-higher",
     "contrast-high",
     "contrast-medium",
     "contrast-low",
+    "contrast-lower",
     "success",
     "warning",
     "error",
@@ -1018,7 +1117,15 @@ declare const INLINE_NOTIFICATION_STATES: readonly [
 ];
 type InlineNotificationState = (typeof INLINE_NOTIFICATION_STATES)[number];
 type InlineNotificationActionIcon = IconName;
-type InlineNotificationHeadingTag = HeadingTag;
+declare const INLINE_NOTIFICATION_HEADING_TAGS: readonly [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6"
+];
+type InlineNotificationHeadingTag = (typeof INLINE_NOTIFICATION_HEADING_TAGS)[number];
 type InputDateState = FormState;
 type InputDateChangeEventDetail = Event;
 type InputDateBlurEventDetail = Event;
@@ -1067,8 +1174,35 @@ type LinkIcon = LinkButtonIconName;
 type LinkPureIcon = LinkButtonIconName;
 type LinkPureAriaAttribute = LinkAriaAttribute;
 type LinkPureAlignLabel = AlignLabel;
-type LinkPureSize = TextSize;
 type LinkPureTarget = LinkTarget;
+declare const LINK_PURE_SIZES: readonly [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "inherit",
+    "xx-small",
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large"
+];
+type LinkPureSize = (typeof LINK_PURE_SIZES)[number];
+declare const LINK_PURE_COLORS: readonly [
+    "primary",
+    "contrast-higher",
+    "contrast-high",
+    "contrast-medium",
+    "inherit"
+];
+type LinkPureColor = (typeof LINK_PURE_COLORS)[number];
 type LinkTileTarget = LinkTarget;
 type LinkTileAriaAttribute = LinkAriaAttribute;
 type LinkTileAspectRatio = TileAspectRatio;
@@ -1265,11 +1399,26 @@ declare const SHEET_BACKGROUNDS: readonly [
 type SheetBackground = (typeof SHEET_BACKGROUNDS)[number];
 type SheetMotionVisibleEndEventDetail = TransitionEvent;
 type SheetMotionHiddenEndEventDetail = TransitionEvent;
+declare const SPINNER_COLORS: readonly [
+    "primary",
+    "inherit"
+];
+type SpinnerColor = (typeof SPINNER_COLORS)[number];
 declare const SPINNER_SIZES: readonly [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "inherit",
     "small",
     "medium",
-    "large",
-    "inherit"
+    "large"
 ];
 type SpinnerSize = (typeof SPINNER_SIZES)[number];
 declare const SPINNER_ARIA_ATTRIBUTES: readonly [
@@ -1374,9 +1523,60 @@ declare const TEXT_TAGS: readonly [
     "legend"
 ];
 type TextTag = (typeof TEXT_TAGS)[number];
-type TextAlign = TypographyAlign;
-type TextColor = TypographyTextColor;
-type TextWeight = TypographyTextWeight;
+declare const TEXT_COLORS: readonly [
+    "primary",
+    "contrast-higher",
+    "contrast-high",
+    "contrast-medium",
+    "success",
+    "warning",
+    "error",
+    "info",
+    "inherit"
+];
+type TextColor = (typeof TEXT_COLORS)[number];
+declare const TEXT_WEIGHTS: readonly [
+    "normal",
+    "semibold",
+    "bold",
+    "regular",
+    "semi-bold"
+];
+type TextWeight = (typeof TEXT_WEIGHTS)[number];
+declare const TEXT_ALIGNS: readonly [
+    "start",
+    "center",
+    "end",
+    "inherit"
+];
+type TextAlign = (typeof TEXT_ALIGNS)[number];
+declare const TEXT_SIZES: readonly [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "inherit",
+    "xx-small",
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large"
+];
+type TextSize = (typeof TEXT_SIZES)[number];
+declare const TEXT_HYPHENS: readonly [
+    "none",
+    "manual",
+    "auto",
+    "inherit"
+];
+type TextHyphens = (typeof TEXT_HYPHENS)[number];
 declare const TEXT_LIST_TYPES: readonly [
     "unordered",
     "numbered",
@@ -2095,6 +2295,7 @@ declare class PButtonPure extends BaseComponent {
     active?: boolean;
     alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
     aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
+    color?: ButtonPureColor;
     disabled?: boolean;
     form?: string;
     hideLabel?: BreakpointCustomizable<boolean>;
@@ -2108,7 +2309,7 @@ declare class PButtonPure extends BaseComponent {
     underline?: boolean;
     value?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PButtonPure, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "type": { "alias": "type"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "type": { "alias": "type"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class PButtonTile extends BaseComponent {
@@ -2170,6 +2371,7 @@ declare class PCrest extends BaseComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PCrest, "p-crest,[p-crest]", never, { "aria": { "alias": "aria"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
+/** @deprecated since v4.0.0, will be removed with next major release. Please use `p-heading` instead. */
 declare class PDisplay extends BaseComponent {
     align?: DisplayAlign;
     color?: DisplayColor;
@@ -2232,7 +2434,7 @@ declare class PFieldset extends BaseComponent {
 declare class PFlag extends BaseComponent {
     aria?: SelectedAriaAttributes<FlagAriaAttribute>;
     name?: FlagName;
-    size?: FlagSize;
+    size?: BreakpointCustomizable<FlagSize>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PFlag, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PFlag, "p-flag,[p-flag]", never, { "aria": { "alias": "aria"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
@@ -2256,17 +2458,19 @@ declare class PHeading extends BaseComponent {
     align?: HeadingAlign;
     color?: HeadingColor;
     ellipsis?: boolean;
+    hyphens?: HeadingHyphens;
     size?: BreakpointCustomizable<HeadingSize>;
     tag?: HeadingTag;
+    weight?: HeadingWeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<PHeading, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PHeading, "p-heading,[p-heading]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PHeading, "p-heading,[p-heading]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "hyphens": { "alias": "hyphens"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class PIcon extends BaseComponent {
     aria?: SelectedAriaAttributes<IconAriaAttribute>;
     color?: IconColor;
     name?: IconName;
-    size?: IconSize;
+    size?: BreakpointCustomizable<IconSize>;
     source?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PIcon, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PIcon, "p-icon,[p-icon]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "source": { "alias": "source"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -2306,6 +2510,7 @@ declare class PLinkPure extends BaseComponent {
     active?: boolean;
     alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
     aria?: SelectedAriaAttributes<LinkPureAriaAttribute>;
+    color?: LinkPureColor;
     download?: string;
     hideLabel?: BreakpointCustomizable<boolean>;
     href?: string;
@@ -2317,7 +2522,7 @@ declare class PLinkPure extends BaseComponent {
     target?: LinkPureTarget;
     underline?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PLinkPure, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PLinkPure, "p-link-pure,[p-link-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "download": { "alias": "download"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "target": { "alias": "target"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PLinkPure, "p-link-pure,[p-link-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "download": { "alias": "download"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "target": { "alias": "target"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class PLinkTile extends BaseComponent {
@@ -2468,9 +2673,10 @@ declare class PSheet extends BaseComponent {
 
 declare class PSpinner extends BaseComponent {
     aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
+    color?: SpinnerColor;
     size?: BreakpointCustomizable<SpinnerSize>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PSpinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSpinner, "p-spinner,[p-spinner]", never, { "aria": { "alias": "aria"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSpinner, "p-spinner,[p-spinner]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class PStepperHorizontal extends BaseComponent {
@@ -2590,11 +2796,12 @@ declare class PText extends BaseComponent {
     align?: TextAlign;
     color?: TextColor;
     ellipsis?: boolean;
+    hyphens?: TextHyphens;
     size?: BreakpointCustomizable<TextSize>;
     tag?: TextTag;
     weight?: TextWeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<PText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PText, "p-text,[p-text]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PText, "p-text,[p-text]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "hyphens": { "alias": "hyphens"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class PTextList extends BaseComponent {
@@ -2646,4 +2853,4 @@ declare class ToastManager {
 }
 
 export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
-export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };