@porsche-design-system/components-react 3.7.0-rc.2 → 3.8.0-rc.0

package/esm/lib/types.d.ts

@@ -508,11 +508,21 @@ declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
     "auto"
 ];
 export type SelectDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
+declare const TYPOGRAPHY_ALIGNS: readonly [
+    "start",
+    "center",
+    "end",
+    "left",
+    "right"
+];
+export type TypographyAlign = (typeof TYPOGRAPHY_ALIGNS)[number];
 declare const ALIGN_LABELS: readonly [
+    "start",
+    "end",
     "left",
     "right"
 ];
-export type AlignLabel = typeof ALIGN_LABELS[number];
+export type AlignLabel = (typeof ALIGN_LABELS)[number];
 declare const BUTTON_TYPES: readonly [
     "button",
     "submit",
@@ -534,12 +544,6 @@ declare const LINK_BUTTON_VARIANTS: readonly [
     "tertiary"
 ];
 export type LinkButtonVariant = typeof LINK_BUTTON_VARIANTS[number];
-declare const TEXT_ALIGNS: readonly [
-    "left",
-    "center",
-    "right"
-];
-export type TextAlign = typeof TEXT_ALIGNS[number];
 declare const TEXT_COLORS: readonly [
     "primary",
     "contrast-low",
@@ -557,7 +561,7 @@ declare const TEXT_COLORS: readonly [
     "neutral-contrast-high",
     "notification-neutral"
 ];
-export type TextColor = typeof TEXT_COLORS[number];
+export type TextColor = (typeof TEXT_COLORS)[number];
 declare const TEXT_SIZES: readonly [
     "xx-small",
     "x-small",
@@ -567,7 +571,7 @@ declare const TEXT_SIZES: readonly [
     "x-large",
     "inherit"
 ];
-export type TextSize = typeof TEXT_SIZES[number];
+export type TextSize = (typeof TEXT_SIZES)[number];
 declare const TEXT_WEIGHTS: readonly [
     "regular",
     "semi-bold",
@@ -575,7 +579,7 @@ declare const TEXT_WEIGHTS: readonly [
     "thin",
     "semibold"
 ];
-export type TextWeight = typeof TEXT_WEIGHTS[number];
+export type TextWeight = (typeof TEXT_WEIGHTS)[number];
 declare const LINK_TARGETS: readonly [
     "_self",
     "_blank",
@@ -637,8 +641,9 @@ declare const CAROUSEL_WIDTHS: readonly [
 ];
 export type CarouselWidth = (typeof CAROUSEL_WIDTHS)[number];
 declare const CAROUSEL_ALIGN_HEADERS: readonly [
-    "left",
-    "center"
+    "start",
+    "center",
+    "left"
 ];
 export type CarouselAlignHeader = (typeof CAROUSEL_ALIGN_HEADERS)[number];
 export type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>> | string;
@@ -683,7 +688,7 @@ declare const DISPLAY_COLORS: readonly [
     "inherit"
 ];
 export type DisplayColor = (typeof DISPLAY_COLORS)[number];
-export type DisplayAlign = TextAlign;
+export type DisplayAlign = TypographyAlign;
 declare const DIVIDER_COLORS: readonly [
     "contrast-low",
     "contrast-medium",
@@ -794,6 +799,8 @@ declare const FLEX_ITEM_FLEXS: readonly [
 ];
 export type FlexItemFlex = typeof FLEX_ITEM_FLEXS[number];
 declare const FLYOUT_POSITIONS: readonly [
+    "start",
+    "end",
     "left",
     "right"
 ];
@@ -864,7 +871,7 @@ declare const HEADING_COLORS: readonly [
     "inherit"
 ];
 export type HeadingColor = (typeof HEADING_COLORS)[number];
-export type HeadingAlign = TextAlign;
+export type HeadingAlign = TypographyAlign;
 declare const HEADLINE_VARIANTS: readonly [
     "large-title",
     "headline-1",
@@ -891,7 +898,7 @@ declare const HEADLINE_COLORS: readonly [
     "inherit"
 ];
 export type HeadlineColor = (typeof HEADLINE_COLORS)[number];
-export type HeadlineAlign = TextAlign;
+export type HeadlineAlign = TypographyAlign;
 declare const ICON_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
@@ -970,6 +977,18 @@ export type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE
 export type LinkTileModelSignatureWeight = TileWeight;
 export type LinkTileModelSignatureAspectRatio = TileAspectRatio;
 export type LinkTileModelSignatureLinkDirection = GroupDirection;
+declare const MODEL_SIGNATURES_MANIFEST: {
+    "718": string;
+    "911": string;
+    boxster: string;
+    cayenne: string;
+    cayman: string;
+    macan: string;
+    panamera: string;
+    taycan: string;
+    "turbo-s": string;
+    turbo: string;
+};
 declare const MARQUE_VARIANTS: readonly [
     "75-years",
     "default"
@@ -987,18 +1006,6 @@ declare const MODAL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
-declare const MODEL_SIGNATURES_MANIFEST: {
-    "718": string;
-    "911": string;
-    boxster: string;
-    cayenne: string;
-    cayman: string;
-    macan: string;
-    panamera: string;
-    taycan: string;
-    "turbo-s": string;
-    turbo: string;
-};
 declare const MODEL_SIGNATURE_SIZES: readonly [
     "small",
     "inherit"
@@ -1171,7 +1178,8 @@ declare const TEXT_TAGS: readonly [
     "time",
     "legend"
 ];
-export type TextTag = typeof TEXT_TAGS[number];
+export type TextTag = (typeof TEXT_TAGS)[number];
+export type TextAlign = TypographyAlign;
 declare const UNIT_POSITIONS: readonly [
     "prefix",
     "suffix"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.7.0-rc.2",
+  "version": "3.8.0-rc.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.7.0-rc.2"
+    "@porsche-design-system/components-js": "3.8.0-rc.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0 <19.0.0",