@porsche-design-system/components-angular 3.4.0 → 3.5.0

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
+import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
 import * as i0 from "@angular/core";
 export declare class PButtonTile {
     protected z: NgZone;
@@ -7,6 +7,7 @@ export declare class PButtonTile {
     align?: ButtonTileAlign;
     aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
     aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
+    background?: ButtonTileBackground;
     compact?: BreakpointCustomizable<boolean>;
     description: string;
     disabled?: boolean;
@@ -20,5 +21,5 @@ export declare class PButtonTile {
     weight?: BreakpointCustomizable<ButtonTileWeight>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PButtonTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonTile, "p-button-tile,[p-button-tile]", never, { "align": "align"; "aria": "aria"; "aspectRatio": "aspectRatio"; "compact": "compact"; "description": "description"; "disabled": "disabled"; "gradient": "gradient"; "icon": "icon"; "iconSource": "iconSource"; "label": "label"; "loading": "loading"; "size": "size"; "type": "type"; "weight": "weight"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonTile, "p-button-tile,[p-button-tile]", never, { "align": "align"; "aria": "aria"; "aspectRatio": "aspectRatio"; "background": "background"; "compact": "compact"; "description": "description"; "disabled": "disabled"; "gradient": "gradient"; "icon": "icon"; "iconSource": "iconSource"; "label": "label"; "loading": "loading"; "size": "size"; "type": "type"; "weight": "weight"; }, {}, never, ["*"], false, never>;
 }

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
+import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileBackground, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
 import * as i0 from "@angular/core";
 export declare class PLinkTile {
     protected z: NgZone;
@@ -7,6 +7,7 @@ export declare class PLinkTile {
     align?: LinkTileAlign;
     aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
     aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
+    background?: LinkTileBackground;
     compact?: BreakpointCustomizable<boolean>;
     description: string;
     download?: string;
@@ -19,5 +20,5 @@ export declare class PLinkTile {
     weight?: BreakpointCustomizable<LinkTileWeight>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PLinkTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTile, "p-link-tile,[p-link-tile]", never, { "align": "align"; "aria": "aria"; "aspectRatio": "aspectRatio"; "compact": "compact"; "description": "description"; "download": "download"; "gradient": "gradient"; "href": "href"; "label": "label"; "rel": "rel"; "size": "size"; "target": "target"; "weight": "weight"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTile, "p-link-tile,[p-link-tile]", never, { "align": "align"; "aria": "aria"; "aspectRatio": "aspectRatio"; "background": "background"; "compact": "compact"; "description": "description"; "download": "download"; "gradient": "gradient"; "href": "href"; "label": "label"; "rel": "rel"; "size": "size"; "target": "target"; "weight": "weight"; }, {}, never, ["*"], false, never>;
 }

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

@@ -1,11 +1,12 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { SegmentedControlBackgroundColor, SegmentedControlUpdateEvent, Theme } from '../types';
+import type { SegmentedControlBackgroundColor, BreakpointCustomizable, SegmentedControlColumns, SegmentedControlUpdateEvent, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PSegmentedControl {
     protected z: NgZone;
     protected el: HTMLElement;
     /** @deprecated */
     backgroundColor?: SegmentedControlBackgroundColor;
+    columns?: BreakpointCustomizable<SegmentedControlColumns>;
     theme?: Theme;
     value?: string | number;
     /** @deprecated */
@@ -13,5 +14,5 @@ export declare class PSegmentedControl {
     update: EventEmitter<CustomEvent<SegmentedControlUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PSegmentedControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "backgroundColor": "backgroundColor"; "theme": "theme"; "value": "value"; }, { "segmentedControlChange": "segmentedControlChange"; "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "backgroundColor": "backgroundColor"; "columns": "columns"; "theme": "theme"; "value": "value"; }, { "segmentedControlChange": "segmentedControlChange"; "update": "update"; }, never, ["*"], false, never>;
 }

package/lib/types.d.ts

@@ -441,6 +441,11 @@ export type BreakpointValues<T> = {
     base: T;
 };
 export type BreakpointCustomizable<T> = T | BreakpointValues<T> | string;
+declare const THEMES: readonly [
+    "light",
+    "dark"
+];
+export type Theme = typeof THEMES[number];
 declare const TILE_ASPECT_RATIOS: readonly [
     "1:1",
     "4:3",
@@ -459,6 +464,7 @@ declare const TILE_WEIGHTS: readonly [
     "semi-bold"
 ];
 export type TileWeight = (typeof TILE_WEIGHTS)[number];
+export type TileBackground = (typeof THEMES)[number];
 declare const TILE_ALIGNS: readonly [
     "top",
     "bottom"
@@ -490,11 +496,6 @@ declare const SCROLL_INDICATOR_POSITIONS: readonly [
 /** @deprecated */
 export type ScrollerScrollIndicatorPosition = (typeof SCROLL_INDICATOR_POSITIONS)[number];
 export type ScrollerAlignScrollIndicator = ScrollerScrollIndicatorPosition;
-declare const THEMES: readonly [
-    "light",
-    "dark"
-];
-export type Theme = typeof THEMES[number];
 declare const ALIGN_LABELS: readonly [
     "left",
     "right"
@@ -615,6 +616,7 @@ export type ButtonTileIcon = LinkButtonIconName;
 export type ButtonTileType = ButtonType;
 export type ButtonTileAspectRatio = TileAspectRatio;
 export type ButtonTileSize = TileSize;
+export type ButtonTileBackground = TileBackground;
 export type ButtonTileWeight = TileWeight;
 export type ButtonTileAlign = TileAlign;
 declare const CAROUSEL_WIDTHS: readonly [
@@ -931,6 +933,7 @@ export type LinkTileTarget = LinkTarget;
 export type LinkTileAriaAttribute = LinkAriaAttribute;
 export type LinkTileAspectRatio = TileAspectRatio;
 export type LinkTileSize = TileSize;
+export type LinkTileBackground = TileBackground;
 export type LinkTileAlign = TileAlign;
 declare const LINK_TILE_WEIGHTS: readonly [
     "regular",
@@ -1038,6 +1041,8 @@ export type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROU
 export type SegmentedControlUpdateEvent = {
     value: string | number;
 };
+declare const SEGMENTED_CONTROL_COLUMNS: (string | number)[];
+export type SegmentedControlColumns = (typeof SEGMENTED_CONTROL_COLUMNS)[number];
 export type SegmentedControlItemIcon = LinkButtonIconName;
 declare const DROPDOWN_DIRECTIONS: readonly [
     "down",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-angular",
-  "version": "3.4.0",
+  "version": "3.5.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.4.0",
+    "@porsche-design-system/components-js": "3.5.0",
     "tslib": "^2.5.0"
   },
   "peerDependencies": {