@porsche-design-system/components-angular 3.32.1 → 3.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-angular",
-  "version": "3.32.1",
+  "version": "3.33.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.32.1",
+    "@porsche-design-system/components-js": "3.33.0",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {

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

@@ -1651,6 +1651,15 @@ declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
 ];
 type TagDismissibleAriaAttribute = (typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES)[number];
 type TagIcon = IconName;
+declare const TAG_VARIANTS: readonly [
+    "primary",
+    "secondary",
+    "info",
+    "warning",
+    "success",
+    "error"
+];
+type TagVariant = (typeof TAG_VARIANTS)[number];
 declare const TAG_COLORS: readonly [
     "background-base",
     "background-surface",
@@ -1667,6 +1676,7 @@ declare const TAG_COLORS: readonly [
     "notification-success",
     "notification-error"
 ];
+/** @deprecated */
 type TagColor = (typeof TAG_COLORS)[number];
 declare const TEXT_TAGS: readonly [
     "p",
@@ -3185,13 +3195,15 @@ declare class PTabsItem extends BaseComponent {
 }
 
 declare class PTag extends BaseComponentWithTheme {
+    /** @deprecated */
     color?: TagColor;
     compact?: boolean;
     icon?: TagIcon;
     iconSource?: string;
     theme?: Theme;
+    variant?: TagVariant;
     static ɵfac: i0.ɵɵFactoryDeclaration<PTag, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTag, "p-tag,[p-tag]", never, { "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTag, "p-tag,[p-tag]", never, { "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class PTagDismissible extends BaseComponentWithTheme {
@@ -3312,4 +3324,4 @@ declare class ToastManager {
 }
 
 export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
-export type { AccordionHeadingTag, AccordionSize, AccordionTag, AccordionUpdateEvent, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, BannerWidth, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonGroupDirection, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonPureWeight, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselGradientColor, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEvent, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CheckboxUpdateEventDetail, CheckboxWrapperState, ContentWrapperBackgroundColor, ContentWrapperWidth, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DividerOrientation, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdate, DrilldownUpdateEvent, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FieldsetWrapperLabelSize, FieldsetWrapperState, FlagAriaAttribute, FlagName, FlagSize, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth, FlexJustifyContent, FlexWrap, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GridDirection, GridGutter, GridItemOffset, GridItemSize, GridWrap, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, HeadlineAlign, HeadlineColor, HeadlineTag, HeadlineVariant, HeadlineVariantCustom, HeadlineVariantType, 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, LinkPureWeight, LinkSocialIcon, LinkSocialTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileBackground, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant, ModalAriaAttribute, ModalBackdrop, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, MultiSelectUpdateEvent, MultiSelectUpdateEventDetail, PaginationInternationalization, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PinCodeUpdateEvent, PinCodeUpdateEventDetail, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioButtonWrapperState, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, SegmentedControlBackgroundColor, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SegmentedControlUpdateEvent, SegmentedControlUpdateEventDetail, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectUpdateEventDetail, SelectWrapperDropdownDirection, SelectWrapperState, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEvent, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEvent, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEvent, TableUpdateEventDetail, TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarSize, TabsBarUpdateEvent, TabsBarUpdateEventDetail, TabsBarWeight, TabsGradientColor, TabsGradientColorScheme, TabsSize, TabsUpdateEvent, TabsUpdateEventDetail, TabsWeight, TagColor, TagDismissibleAriaAttribute, TagDismissibleColor, TagIcon, TextAlign, TextColor, TextFieldWrapperActionIcon, TextFieldWrapperState, TextFieldWrapperUnitPosition, TextListListType, TextListOrderType, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TextareaWrapperState, Theme, TileAlign, TileAspectRatio, TileBackground, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export type { AccordionHeadingTag, AccordionSize, AccordionTag, AccordionUpdateEvent, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, BannerWidth, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonGroupDirection, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonPureWeight, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselGradientColor, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEvent, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CheckboxUpdateEventDetail, CheckboxWrapperState, ContentWrapperBackgroundColor, ContentWrapperWidth, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DividerOrientation, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdate, DrilldownUpdateEvent, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FieldsetWrapperLabelSize, FieldsetWrapperState, FlagAriaAttribute, FlagName, FlagSize, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth, FlexJustifyContent, FlexWrap, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GridDirection, GridGutter, GridItemOffset, GridItemSize, GridWrap, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, HeadlineAlign, HeadlineColor, HeadlineTag, HeadlineVariant, HeadlineVariantCustom, HeadlineVariantType, 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, LinkPureWeight, LinkSocialIcon, LinkSocialTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileBackground, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant, ModalAriaAttribute, ModalBackdrop, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, MultiSelectUpdateEvent, MultiSelectUpdateEventDetail, PaginationInternationalization, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PinCodeUpdateEvent, PinCodeUpdateEventDetail, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioButtonWrapperState, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, SegmentedControlBackgroundColor, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SegmentedControlUpdateEvent, SegmentedControlUpdateEventDetail, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectUpdateEventDetail, SelectWrapperDropdownDirection, SelectWrapperState, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEvent, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEvent, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEvent, TableUpdateEventDetail, TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarSize, TabsBarUpdateEvent, TabsBarUpdateEventDetail, TabsBarWeight, TabsGradientColor, TabsGradientColorScheme, TabsSize, TabsUpdateEvent, TabsUpdateEventDetail, TabsWeight, TagColor, TagDismissibleAriaAttribute, TagDismissibleColor, TagIcon, TagVariant, TextAlign, TextColor, TextFieldWrapperActionIcon, TextFieldWrapperState, TextFieldWrapperUnitPosition, TextListListType, TextListOrderType, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TextareaWrapperState, Theme, TileAlign, TileAspectRatio, TileBackground, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };