@porsche-design-system/components-react 3.16.0 → 3.17.0-rc.1

package/esm/lib/components/wordmark.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
 export type PWordmarkProps = BaseProps & {
@@ -27,21 +26,21 @@ export declare const PWordmark: import("react").ForwardRefExoticComponent<import
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-current" | "aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
     /**
      * When providing an url then the component will be rendered as `<a>`.
      */
-    href?: string | undefined;
+    href?: string;
     /**
      * Adapts sizing of wordmark.
      */
-    size?: "inherit" | "small" | undefined;
+    size?: WordmarkSize;
     /**
      * Target attribute where the link should be opened.
      */
-    target?: string | undefined;
+    target?: WordmarkTarget;
     /**
      * Adapts color depending on theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/types.d.ts

@@ -466,6 +466,11 @@ declare const THEMES: readonly [
 ];
 export type Theme = (typeof THEMES)[number];
 declare const TILE_ASPECT_RATIOS: readonly [
+    "1/1",
+    "4/3",
+    "3/4",
+    "16/9",
+    "9/16",
     "1:1",
     "4:3",
     "3:4",
@@ -474,8 +479,10 @@ declare const TILE_ASPECT_RATIOS: readonly [
 ];
 export type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
 declare const TILE_SIZES: readonly [
-    "default",
-    "inherit"
+    "medium",
+    "large",
+    "inherit",
+    "default"
 ];
 export type TileSize = (typeof TILE_SIZES)[number];
 declare const TILE_WEIGHTS: readonly [
@@ -599,9 +606,10 @@ export type ButtonType = typeof BUTTON_TYPES[number];
 declare const LINK_BUTTON_VARIANTS: readonly [
     "primary",
     "secondary",
+    "ghost",
     "tertiary"
 ];
-export type LinkButtonVariant = typeof LINK_BUTTON_VARIANTS[number];
+export type LinkButtonVariant = (typeof LINK_BUTTON_VARIANTS)[number];
 export type LinkButtonIconName = IconName | "none";
 export type ButtonVariant = LinkButtonVariant;
 export type LinkVariant = LinkButtonVariant;
@@ -864,6 +872,8 @@ declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
+export type FlyoutMotionVisibleEndEventDetail = TransitionEvent;
+export type FlyoutMotionHiddenEndEventDetail = TransitionEvent;
 declare const FLYOUT_MULTILEVEL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
@@ -1110,6 +1120,8 @@ declare const MODAL_ARIA_ATTRIBUTES: readonly [
 ];
 export type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
 export type ModalBackdrop = Backdrop;
+export type ModalMotionVisibleEndEventDetail = TransitionEvent;
+export type ModalMotionHiddenEndEventDetail = TransitionEvent;
 declare const MODEL_SIGNATURE_FETCH_PRIORITY: readonly [
     "low",
     "high",
@@ -1298,6 +1310,7 @@ declare const TAG_COLORS: readonly [
     "background-base",
     "background-surface",
     "background-default",
+    "background-frosted",
     "primary",
     "notification-info-soft",
     "notification-warning-soft",

package/esm/provider.d.ts

@@ -1,7 +1,7 @@
 import type { PropsWithChildren, JSX } from 'react';
 import type { Theme } from './lib/types';
 export declare const PorscheDesignSystemContext: import("react").Context<{
-    prefix?: string | undefined;
+    prefix?: string;
     theme: Theme;
 }>;
 type Props = {

package/esm/public-api.mjs

@@ -36,6 +36,7 @@ export { PModal } from './lib/components/modal.wrapper.mjs';
 export { PModelSignature } from './lib/components/model-signature.wrapper.mjs';
 export { PMultiSelect } from './lib/components/multi-select.wrapper.mjs';
 export { PMultiSelectOption } from './lib/components/multi-select-option.wrapper.mjs';
+export { POptgroup } from './lib/components/optgroup.wrapper.mjs';
 export { PPagination } from './lib/components/pagination.wrapper.mjs';
 export { PPinCode } from './lib/components/pin-code.wrapper.mjs';
 export { PPopover } from './lib/components/popover.wrapper.mjs';

package/jsdom-polyfill/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="@porsche-design-system/components-js/jsdom-polyfill" />
 export * from '@porsche-design-system/components-js/jsdom-polyfill';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.16.0",
+  "version": "3.17.0-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.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.16.0"
+    "@porsche-design-system/components-js": "3.17.0-rc.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <19.0.0",