@porsche-design-system/components-angular - npm Package Compare versions

Comparing version 2.19.0 to 2.19.1-rc.1

CHANGELOG.md

@@ -12,2 +12,25 @@ # Changelog
 
+### [2.19.1-rc.1] - 2023-01-18
+
+#### Added
+
+- `jsdom-polyfill` subpackage is available at `@porsche-design-system/components-{js|angular|react|vue}/jsdom-polyfill`
+  and can be used to have working web components in jsdom based tests (e.g. jest)
+- `testing` subpackage is available at `@porsche-design-system/components-{js|angular|react|vue}/testing` to provide
+  `getByRoleShadowed`, `getByLabelTextShadowed` and `getByTextShadowed` utilities which use `@testing-library/dom`
+  queries internally to support Shadow DOM
+- Validation if `prefix` is already reserved by a different version upon initialization of the Porsche Design System
+
+#### Fixed
+
+- `componentsReady()` waits for Porsche Design System being initialized before checking components which can happen in
+  certain test scenarios without partials
+
+### [2.19.1-rc.0] - 2023-01-18
+
+#### Fixed
+
+- Bug in `@porsche-design-system/components-react/ssr` where in some cases during SSG an error was thrown when
+  components render their children conditionally
+
 ### [2.19.0] - 2022-12-22
@@ -42,3 +65,3 @@
   `getInitialStyles()` partial to reduce flash of unstyled content (FOUC) as described here:
-  **https://designsystem.porsche.com/v2/partials/initial-styles**
+  [getInitialStyles() documentation](https://designsystem.porsche.com/latest/partials/initial-styles)
 
@@ -74,7 +97,12 @@ #### Changed
 - SSR/SSG ready components using Declarative Shadow DOM for Next JS are shipped via
-  `@porsche-design-system/components-react/ssr`. To use it simply change your imports:
+  `@porsche-design-system/components-react/ssr`. To use it simply change your imports.
 
+**Important:** make sure to apply the new `getDSRPonyfill()` partial right before your closing `</body>` tag. More
+information can be found here:
+[getDSRPonyfill() documentation](https://designsystem.porsche.com/latest/partials/dsr-ponyfill)
+
 ```diff
 - import { PorscheDesignSystemProvider, PButton, ... } from '@porsche-design-system/components-react';
 + import { PorscheDesignSystemProvider, PButton, ... } from '@porsche-design-system/components-react/ssr';
++ import { getDSRPonyfill } from '@porsche-design-system/components-react/partials';
 ```
@@ -412,3 +440,3 @@
 
-- React: `getByRoleShadowed`, `getByLabelTextShadowed` and `getByTextShadowed` utilities which uses
+- React: `getByRoleShadowed`, `getByLabelTextShadowed` and `getByTextShadowed` utilities which use
   `@testing-library/dom` queries internally to support Shadow DOM
@@ -415,0 +443,0 @@

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

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { ButtonGroupDirection } from '../types';
+import type { BreakpointCustomizable, ButtonGroupDirection } from '../types';
 import * as i0 from "@angular/core";
@@ -7,3 +7,3 @@ export declare class PButtonGroup {
     protected el: HTMLElement;
-    direction: ButtonGroupDirection;
+    direction: BreakpointCustomizable<ButtonGroupDirection>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -10,0 +10,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<PButtonGroup, never>;

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

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { AlignLabel, SelectedAriaAttributes, ButtonAriaAttributes, BreakpointCustomizable, LinkButtonPureIconName, TextSize, ThemeExtendedElectricDark, ButtonType, TextWeight } from '../types';
+import type { BreakpointCustomizable, AlignLabel, SelectedAriaAttributes, ButtonAriaAttributes, LinkButtonPureIconName, TextSize, ThemeExtendedElectricDark, ButtonType, TextWeight } from '../types';
 import * as i0 from "@angular/core";
@@ -8,3 +8,3 @@ export declare class PButtonPure {
     active: boolean;
-    alignLabel: AlignLabel;
+    alignLabel: BreakpointCustomizable<AlignLabel>;
     aria: SelectedAriaAttributes<ButtonAriaAttributes>;
@@ -11,0 +11,0 @@ disabled: boolean;

lib/components/divider.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { DividerColor, DividerOrientation, Theme } from '../types';
+import type { DividerColor, BreakpointCustomizable, DividerOrientation, Theme } from '../types';
 import * as i0 from "@angular/core";
@@ -8,3 +8,3 @@ export declare class PDivider {
     color: DividerColor;
-    orientation: DividerOrientation;
+    orientation: BreakpointCustomizable<DividerOrientation>;
     theme: Theme;
@@ -11,0 +11,0 @@ constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);

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

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';
+import type { BreakpointCustomizable, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';
 import * as i0 from "@angular/core";
@@ -7,8 +7,8 @@ export declare class PFlexItem {
     protected el: HTMLElement;
-    alignSelf: FlexItemAlignSelf;
-    flex: FlexItemFlex;
-    grow: FlexItemGrow;
-    offset: FlexItemOffset;
-    shrink: FlexItemShrink;
-    width: FlexItemWidth;
+    alignSelf: BreakpointCustomizable<FlexItemAlignSelf>;
+    flex: BreakpointCustomizable<FlexItemFlex>;
+    grow: BreakpointCustomizable<FlexItemGrow>;
+    offset: BreakpointCustomizable<FlexItemOffset>;
+    shrink: BreakpointCustomizable<FlexItemShrink>;
+    width: BreakpointCustomizable<FlexItemWidth>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -15,0 +15,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<PFlexItem, never>;

lib/components/flex.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexJustifyContent, FlexWrap } from '../types';
+import type { BreakpointCustomizable, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexJustifyContent, FlexWrap } from '../types';
 import * as i0 from "@angular/core";
@@ -7,8 +7,8 @@ export declare class PFlex {
     protected el: HTMLElement;
-    alignContent: FlexAlignContent;
-    alignItems: FlexAlignItems;
-    direction: FlexDirection;
-    inline: FlexInline;
-    justifyContent: FlexJustifyContent;
-    wrap: FlexWrap;
+    alignContent: BreakpointCustomizable<FlexAlignContent>;
+    alignItems: BreakpointCustomizable<FlexAlignItems>;
+    direction: BreakpointCustomizable<FlexDirection>;
+    inline: BreakpointCustomizable<FlexInline>;
+    justifyContent: BreakpointCustomizable<FlexJustifyContent>;
+    wrap: BreakpointCustomizable<FlexWrap>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -15,0 +15,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<PFlex, never>;

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

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { GridItemOffset, GridItemSize } from '../types';
+import type { BreakpointCustomizable, GridItemOffset, GridItemSize } from '../types';
 import * as i0 from "@angular/core";
@@ -7,4 +7,4 @@ export declare class PGridItem {
     protected el: HTMLElement;
-    offset: GridItemOffset;
-    size: GridItemSize;
+    offset: BreakpointCustomizable<GridItemOffset>;
+    size: BreakpointCustomizable<GridItemSize>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -11,0 +11,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<PGridItem, never>;

lib/components/grid.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { GridDirection, GridGutter, GridWrap } from '../types';
+import type { BreakpointCustomizable, GridDirection, GridGutter, GridWrap } from '../types';
 import * as i0 from "@angular/core";
@@ -7,5 +7,5 @@ export declare class PGrid {
     protected el: HTMLElement;
-    direction: GridDirection;
-    gutter: GridGutter;
-    wrap: GridWrap;
+    direction: BreakpointCustomizable<GridDirection>;
+    gutter: BreakpointCustomizable<GridGutter>;
+    wrap: BreakpointCustomizable<GridWrap>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -12,0 +12,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<PGrid, never>;

lib/components/icon.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, IconAriaAttributes, TextColor, IconName, IconSize, ThemeExtendedElectricDark } from '../types';
+import type { SelectedAriaAttributes, IconAriaAttribute, TextColor, IconName, IconSize, ThemeExtendedElectricDark } from '../types';
 import * as i0 from "@angular/core";
@@ -7,3 +7,3 @@ export declare class PIcon {
     protected el: HTMLElement;
-    aria: SelectedAriaAttributes<IconAriaAttributes>;
+    aria: SelectedAriaAttributes<IconAriaAttribute>;
     color: TextColor;
@@ -10,0 +10,0 @@ lazy: boolean;

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

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { AlignLabel, SelectedAriaAttributes, LinkAriaAttributes, BreakpointCustomizable, LinkButtonPureIconName, TextSize, LinkTarget, ThemeExtendedElectricDark, TextWeight } from '../types';
+import type { BreakpointCustomizable, AlignLabel, SelectedAriaAttributes, LinkAriaAttribute, LinkButtonPureIconName, TextSize, LinkTarget, ThemeExtendedElectricDark, TextWeight } from '../types';
 import * as i0 from "@angular/core";
@@ -8,4 +8,4 @@ export declare class PLinkPure {
     active: boolean;
-    alignLabel: AlignLabel;
-    aria: SelectedAriaAttributes<LinkAriaAttributes>;
+    alignLabel: BreakpointCustomizable<AlignLabel>;
+    aria: SelectedAriaAttributes<LinkAriaAttribute>;
     download: string;
@@ -12,0 +12,0 @@ hideLabel: BreakpointCustomizable<boolean>;

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

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { LinkTileAlign, SelectedAriaAttributes, LinkAriaAttributes, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTarget, LinkTileWeight } from '../types';
+import type { LinkTileAlign, SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTarget, LinkTileWeight } from '../types';
 import * as i0 from "@angular/core";
@@ -8,3 +8,3 @@ export declare class PLinkTile {
     align: LinkTileAlign;
-    aria: SelectedAriaAttributes<LinkAriaAttributes>;
+    aria: SelectedAriaAttributes<LinkAriaAttribute>;
     aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
@@ -11,0 +11,0 @@ compact: BreakpointCustomizable<boolean>;

lib/components/link.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, LinkAriaAttributes, BreakpointCustomizable, IconName, LinkTarget, ThemeExtendedElectric, LinkVariant } from '../types';
+import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, IconName, LinkTarget, ThemeExtendedElectric, LinkVariant } from '../types';
 import * as i0 from "@angular/core";
@@ -7,3 +7,3 @@ export declare class PLink {
     protected el: HTMLElement;
-    aria: SelectedAriaAttributes<LinkAriaAttributes>;
+    aria: SelectedAriaAttributes<LinkAriaAttribute>;
     download: string;
@@ -10,0 +10,0 @@ hideLabel: BreakpointCustomizable<boolean>;

lib/components/marque.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, MarqueAriaAttributes, MarqueSize, LinkTarget } from '../types';
+import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, LinkTarget } from '../types';
 import * as i0 from "@angular/core";
@@ -7,3 +7,3 @@ export declare class PMarque {
     protected el: HTMLElement;
-    aria: SelectedAriaAttributes<MarqueAriaAttributes>;
+    aria: SelectedAriaAttributes<MarqueAriaAttribute>;
     href: string;
@@ -10,0 +10,0 @@ size: MarqueSize;

lib/components/modal.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, ModalAriaAttributes, BreakpointCustomizable } from '../types';
+import type { SelectedAriaAttributes, ModalAriaAttribute, BreakpointCustomizable } from '../types';
 import * as i0 from "@angular/core";
@@ -7,3 +7,3 @@ export declare class PModal {
     protected el: HTMLElement;
-    aria: SelectedAriaAttributes<ModalAriaAttributes>;
+    aria: SelectedAriaAttributes<ModalAriaAttribute>;
     disableBackdropClick: boolean;
@@ -10,0 +10,0 @@ disableCloseButton: boolean;

lib/components/spinner.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { SelectedAriaAttributes, SpinnerAriaAttributes, SpinnerSize, ThemeExtendedElectricDark } from '../types';
+import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, ThemeExtendedElectricDark } from '../types';
 import * as i0 from "@angular/core";
@@ -7,4 +7,4 @@ export declare class PSpinner {
     protected el: HTMLElement;
-    aria: SelectedAriaAttributes<SpinnerAriaAttributes>;
-    size: SpinnerSize;
+    aria: SelectedAriaAttributes<SpinnerAriaAttribute>;
+    size: BreakpointCustomizable<SpinnerSize>;
     theme: ThemeExtendedElectricDark;
@@ -11,0 +11,0 @@ constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);

lib/components/switch.wrapper.d.ts

 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { AlignLabel, BreakpointCustomizable, SwitchChangeEvent, ThemeExtendedElectric } from '../types';
+import type { BreakpointCustomizable, AlignLabel, SwitchChangeEvent, ThemeExtendedElectric } from '../types';
 import * as i0 from "@angular/core";
@@ -7,3 +7,3 @@ export declare class PSwitch {
     protected el: HTMLElement;
-    alignLabel: AlignLabel;
+    alignLabel: BreakpointCustomizable<AlignLabel>;
     checked: boolean;
@@ -10,0 +10,0 @@ disabled: boolean;

lib/types.d.ts

@@ -66,4 +66,3 @@ export declare type IconName = "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-full" | "bell" | "bookmark" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "document" | "download" | "duration" | "edit" | "email" | "exclamation" | "external" | "filter" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "grid" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "key" | "leaf" | "leather" | "light" | "list" | "locate" | "lock" | "lock-open" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "route" | "rss" | "save" | "screen" | "search" | "send" | "share" | "shopping-bag" | "shopping-cart" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "sun" | "switch" | "tablet" | "tachometer" | "truck" | "upload" | "user" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out";
 ];
-export declare type AlignLabelType = typeof ALIGN_LABELS[number];
-export declare type AlignLabel = BreakpointCustomizable<AlignLabelType>;
+export declare type AlignLabel = typeof ALIGN_LABELS[number];
 declare const BUTTON_TYPES: readonly [
@@ -365,4 +364,3 @@ "button",
 ];
-export declare type ButtonGroupDirectionType = typeof BUTTON_GROUP_DIRECTIONS[number];
-export declare type ButtonGroupDirection = BreakpointCustomizable<ButtonGroupDirectionType>;
+export declare type ButtonGroupDirection = typeof BUTTON_GROUP_DIRECTIONS[number];
 export declare type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
@@ -394,4 +392,3 @@ export declare type CarouselChangeEvent = {
 ];
-export declare type DividerOrientationType = typeof DIVIDER_ORIENTATIONS[number];
-export declare type DividerOrientation = BreakpointCustomizable<DividerOrientationType>;
+export declare type DividerOrientation = typeof DIVIDER_ORIENTATIONS[number];
 declare const FIELDSET_WRAPPER_LABEL_SIZES: readonly [
@@ -402,4 +399,3 @@ "small",
 export declare type FieldsetWrapperLabelSize = typeof FIELDSET_WRAPPER_LABEL_SIZES[number];
-export declare type FlexInlineType = boolean;
-export declare type FlexInline = BreakpointCustomizable<FlexInlineType>;
+export declare type FlexInline = boolean;
 declare const FLEX_WRAPS: readonly [
@@ -410,4 +406,3 @@ "nowrap",
 ];
-export declare type FlexWrapType = typeof FLEX_WRAPS[number];
-export declare type FlexWrap = BreakpointCustomizable<FlexWrapType>;
+export declare type FlexWrap = typeof FLEX_WRAPS[number];
 declare const FLEX_DIRECTIONS: readonly [
@@ -419,4 +414,3 @@ "row",
 ];
-export declare type FlexDirectionType = typeof FLEX_DIRECTIONS[number];
-export declare type FlexDirection = BreakpointCustomizable<FlexDirectionType>;
+export declare type FlexDirection = typeof FLEX_DIRECTIONS[number];
 declare const FLEX_JUSTIFY_CONTENTS: readonly [
@@ -430,4 +424,3 @@ "flex-start",
 ];
-export declare type FlexJustifyContentType = typeof FLEX_JUSTIFY_CONTENTS[number];
-export declare type FlexJustifyContent = BreakpointCustomizable<FlexJustifyContentType>;
+export declare type FlexJustifyContent = typeof FLEX_JUSTIFY_CONTENTS[number];
 declare const FLEX_ALIGN_ITEMS: readonly [
@@ -440,4 +433,3 @@ "stretch",
 ];
-export declare type FlexAlignItemsType = typeof FLEX_ALIGN_ITEMS[number];
-export declare type FlexAlignItems = BreakpointCustomizable<FlexAlignItemsType>;
+export declare type FlexAlignItems = typeof FLEX_ALIGN_ITEMS[number];
 declare const FLEX_ALIGN_CONTENTS: readonly [
@@ -452,4 +444,3 @@ "stretch",
 ];
-export declare type FlexAlignContentType = typeof FLEX_ALIGN_CONTENTS[number];
-export declare type FlexAlignContent = BreakpointCustomizable<FlexAlignContentType>;
+export declare type FlexAlignContent = typeof FLEX_ALIGN_CONTENTS[number];
 declare const FLEX_ITEM_WIDTHS: readonly [
@@ -464,4 +455,3 @@ "auto",
 ];
-export declare type FlexItemWidthType = typeof FLEX_ITEM_WIDTHS[number];
-export declare type FlexItemWidth = BreakpointCustomizable<FlexItemWidthType>;
+export declare type FlexItemWidth = typeof FLEX_ITEM_WIDTHS[number];
 declare const FLEX_ITEM_OFFSETS: readonly [
@@ -475,4 +465,3 @@ "none",
 ];
-export declare type FlexItemOffsetType = typeof FLEX_ITEM_OFFSETS[number];
-export declare type FlexItemOffset = BreakpointCustomizable<FlexItemOffsetType>;
+export declare type FlexItemOffset = typeof FLEX_ITEM_OFFSETS[number];
 declare const FLEX_ITEM_ALIGN_SELFS: readonly [
@@ -486,4 +475,3 @@ "auto",
 ];
-export declare type FlexItemAlignSelfType = typeof FLEX_ITEM_ALIGN_SELFS[number];
-export declare type FlexItemAlignSelf = BreakpointCustomizable<FlexItemAlignSelfType>;
+export declare type FlexItemAlignSelf = typeof FLEX_ITEM_ALIGN_SELFS[number];
 declare const FLEX_ITEM_GROWS: readonly [
@@ -493,4 +481,3 @@ 0,
 ];
-export declare type FlexItemGrowType = typeof FLEX_ITEM_GROWS[number];
-export declare type FlexItemGrow = BreakpointCustomizable<FlexItemGrowType>;
+export declare type FlexItemGrow = typeof FLEX_ITEM_GROWS[number];
 declare const FLEX_ITEM_SHRINKS: readonly [
@@ -500,4 +487,3 @@ 0,
 ];
-export declare type FlexItemShrinkType = typeof FLEX_ITEM_SHRINKS[number];
-export declare type FlexItemShrink = BreakpointCustomizable<FlexItemShrinkType>;
+export declare type FlexItemShrink = typeof FLEX_ITEM_SHRINKS[number];
 declare const FLEX_ITEM_FLEXS: readonly [
@@ -509,4 +495,3 @@ "initial",
 ];
-export declare type FlexItemFlexType = typeof FLEX_ITEM_FLEXS[number];
-export declare type FlexItemFlex = BreakpointCustomizable<FlexItemFlexType>;
+export declare type FlexItemFlex = typeof FLEX_ITEM_FLEXS[number];
 declare const GRID_DIRECTIONS: readonly [
@@ -518,4 +503,3 @@ "row",
 ];
-export declare type GridDirectionType = typeof GRID_DIRECTIONS[number];
-export declare type GridDirection = BreakpointCustomizable<GridDirectionType>;
+export declare type GridDirection = typeof GRID_DIRECTIONS[number];
 declare const GRID_WRAPS: readonly [
@@ -525,4 +509,3 @@ "nowrap",
 ];
-export declare type GridWrapType = typeof GRID_WRAPS[number];
-export declare type GridWrap = BreakpointCustomizable<GridWrapType>;
+export declare type GridWrap = typeof GRID_WRAPS[number];
 declare const GRID_GUTTERS: readonly [
@@ -533,4 +516,3 @@ 16,
 ];
-export declare type GridGutterType = typeof GRID_GUTTERS[number];
-export declare type GridGutter = BreakpointCustomizable<GridGutterType>;
+export declare type GridGutter = typeof GRID_GUTTERS[number];
 declare const GRID_ITEM_SIZES: readonly [
@@ -550,4 +532,3 @@ 1,
 ];
-export declare type GridItemSizeType = typeof GRID_ITEM_SIZES[number];
-export declare type GridItemSize = BreakpointCustomizable<GridItemSizeType>;
+export declare type GridItemSize = typeof GRID_ITEM_SIZES[number];
 declare const GRID_ITEM_OFFSETS: readonly [
@@ -567,8 +548,7 @@ 0,
 ];
-export declare type GridItemOffsetType = typeof GRID_ITEM_OFFSETS[number];
-export declare type GridItemOffset = BreakpointCustomizable<GridItemOffsetType>;
+export declare type GridItemOffset = typeof GRID_ITEM_OFFSETS[number];
 declare const ICON_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type IconAriaAttributes = typeof ICON_ARIA_ATTRIBUTES[number];
+export declare type IconAriaAttribute = typeof ICON_ARIA_ATTRIBUTES[number];
 declare const INLINE_NOTIFICATION_STATES: readonly [
@@ -584,3 +564,3 @@ "error",
 ];
-export declare type LinkAriaAttributes = typeof LINK_ARIA_ATTRIBUTES[number];
+export declare type LinkAriaAttribute = typeof LINK_ARIA_ATTRIBUTES[number];
 export declare type SocialIconName = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
@@ -619,7 +599,7 @@ declare const LINK_TILE_WEIGHTS: readonly [
 ];
-export declare type MarqueAriaAttributes = typeof MARQUE_ARIA_ATTRIBUTES[number];
+export declare type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
 declare const MODAL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type ModalAriaAttributes = typeof MODAL_ARIA_ATTRIBUTES[number];
+export declare type ModalAriaAttribute = typeof MODAL_ARIA_ATTRIBUTES[number];
 declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
@@ -661,8 +641,7 @@ 5,
 ];
-export declare type SpinnerSizeType = typeof SPINNER_SIZES[number];
-export declare type SpinnerSize = BreakpointCustomizable<SpinnerSizeType>;
+export declare type SpinnerSize = typeof SPINNER_SIZES[number];
 declare const SPINNER_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type SpinnerAriaAttributes = typeof SPINNER_ARIA_ATTRIBUTES[number];
+export declare type SpinnerAriaAttribute = typeof SPINNER_ARIA_ATTRIBUTES[number];
 declare const STEPPER_HORIZONTAL_SIZES: readonly [
@@ -669,0 +648,0 @@ "small",

package.json

 {
   "name": "@porsche-design-system/components-angular",
-  "version": "2.19.0",
+  "version": "2.19.1-rc.1",
   "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.",
@@ -20,3 +20,3 @@ "keywords": [
   "dependencies": {
-    "@porsche-design-system/components-js": "2.19.0",
+    "@porsche-design-system/components-js": "2.19.1-rc.1",
     "tslib": "^2.0.1"
@@ -29,2 +29,3 @@ },
   "exports": {
+    "./jsdom-polyfill": "./jsdom-polyfill/index.js",
     "./partials": {
@@ -35,2 +36,7 @@ "types": "./partials/partials.d.ts",
     },
+    "./testing": {
+      "types": "./testing/testing.d.ts",
+      "import": "./testing/testing.js",
+      "require": "./testing/testing.js"
+    },
     "./utilities/js": {
@@ -37,0 +43,0 @@ "types": "./utilities/js/js.d.ts",

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1950005

increased by0.07%

Number of package files

140

increased by2.94%

Worsened metrics

Lines of code

7714

decreased by-0.05%

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@porsche-design-system/components-js@2.19.1-rc.1(transitive)

• - Removed@porsche-design-system/components-js@2.19.0(transitive)

• Updated@porsche-design-system/components-js@2.19.1-rc.1