@porsche-design-system/components-react 3.29.0 → 3.30.0-rc.1

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

@@ -6,7 +6,7 @@ export type PToastProps = BaseProps & {
      */
     theme?: Theme;
 };
-export declare const PToast: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PToast: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Adapts the toast color depending on the theme.
      */

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

@@ -22,7 +22,7 @@ export type PWordmarkProps = BaseProps & {
      */
     theme?: Theme;
 };
-export declare const PWordmark: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PWordmark: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Add ARIA attributes.
      */

package/esm/lib/types.d.ts

@@ -221,8 +221,16 @@ declare const ICON_NAMES: readonly [
     "add",
     "adjust",
     "aggregation",
+    "ai-3d-object",
+    "ai-code",
+    "ai-edit",
+    "ai-image",
+    "ai-scale",
+    "ai-sound",
     "ai-spark",
     "ai-spark-filled",
+    "ai-text",
+    "ai-video",
     "arrow-compact-down",
     "arrow-compact-left",
     "arrow-compact-right",
@@ -611,6 +619,7 @@ declare const FORM_STATES: readonly [
 export type FormState = (typeof FORM_STATES)[number];
 declare const BUTTON_ARIA_ATTRIBUTES: readonly [
     "aria-label",
+    "aria-description",
     "aria-expanded",
     "aria-pressed",
     "aria-haspopup"
@@ -618,6 +627,7 @@ declare const BUTTON_ARIA_ATTRIBUTES: readonly [
 export type ButtonAriaAttribute = (typeof BUTTON_ARIA_ATTRIBUTES)[number];
 declare const LINK_ARIA_ATTRIBUTES: readonly [
     "aria-label",
+    "aria-description",
     "aria-current",
     "aria-haspopup"
 ];
@@ -716,13 +726,17 @@ export type MultiSelectUpdateEvent = {
     name: string;
     value: string[];
 };
+/** @deprecated */
 export type MultiSelectUpdateEventDetail = MultiSelectUpdateEvent;
+export type MultiSelectChangeEventDetail = MultiSelectUpdateEventDetail;
 export type SelectState = FormState;
 export type SelectDropdownDirection = SelectComponentsDropdownDirection;
+/** @deprecated */
 export type SelectUpdateEventDetail = {
     name: string;
     value: string;
 };
+export type SelectChangeEventDetail = SelectUpdateEventDetail;
 declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
     "down",
     "up",
@@ -936,6 +950,7 @@ export type CheckboxUpdateEventDetail = {
     checked: boolean;
 };
 export type CheckboxBlurEventDetail = Event;
+export type CheckboxChangeEventDetail = Event;
 export type CheckboxWrapperState = FormState;
 declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
     "transparent",
@@ -1100,6 +1115,11 @@ declare const FLEX_ITEM_FLEXS: readonly [
     "equal"
 ];
 export type FlexItemFlex = (typeof FLEX_ITEM_FLEXS)[number];
+declare const BACKDROPS: readonly [
+    "blur",
+    "shading"
+];
+export type Backdrop = (typeof BACKDROPS)[number];
 declare const FLYOUT_POSITIONS: readonly [
     "start",
     "end",
@@ -1118,6 +1138,7 @@ declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
 export type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
 export type FlyoutMotionVisibleEndEventDetail = TransitionEvent;
 export type FlyoutMotionHiddenEndEventDetail = TransitionEvent;
+export type FlyoutBackdrop = Backdrop;
 declare const GRID_DIRECTIONS: readonly [
     "row",
     "row-reverse",
@@ -1286,6 +1307,9 @@ declare const LINK_TILE_MODEL_SIGNATURE_MODELS: readonly [
     "boxster",
     "cayenne",
     "cayman",
+    "gt3-rs",
+    "gt3",
+    "gts",
     "macan",
     "panamera",
     "taycan",
@@ -1341,6 +1365,21 @@ declare const MODEL_SIGNATURES_MANIFEST: {
         width: number;
         height: number;
     };
+    "gt3-rs": {
+        src: string;
+        width: number;
+        height: number;
+    };
+    gt3: {
+        src: string;
+        width: number;
+        height: number;
+    };
+    gts: {
+        src: string;
+        width: number;
+        height: number;
+    };
     macan: {
         src: string;
         width: number;
@@ -1380,11 +1419,6 @@ declare const MARQUE_SIZES: readonly [
     "medium"
 ];
 export type MarqueSize = (typeof MARQUE_SIZES)[number];
-declare const BACKDROPS: readonly [
-    "blur",
-    "shading"
-];
-export type Backdrop = (typeof BACKDROPS)[number];
 declare const MODAL_ARIA_ATTRIBUTES: readonly [
     "aria-label",
     "role"
@@ -1445,7 +1479,9 @@ export type PinCodeUpdateEvent = {
     value: string;
     isComplete: boolean;
 };
+/** @deprecated */
 export type PinCodeUpdateEventDetail = PinCodeUpdateEvent;
+export type PinCodeChangeEventDetail = PinCodeUpdateEventDetail;
 export type PinCodeState = FormState;
 declare const POPOVER_DIRECTIONS: readonly [
     "top",
@@ -1459,6 +1495,9 @@ declare const POPOVER_ARIA_ATTRIBUTES: readonly [
 ];
 export type PopoverAriaAttribute = (typeof POPOVER_ARIA_ATTRIBUTES)[number];
 export type RadioButtonWrapperState = FormState;
+export type RadioGroupState = FormState;
+export type RadioGroupDirection = GroupDirection;
+export type RadioGroupChangeEventDetail = Event;
 declare const SEGMENTED_CONTROL_BACKGROUND_COLORS: readonly [
     "background-surface",
     "background-default"
@@ -1468,7 +1507,9 @@ export type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROU
 export type SegmentedControlUpdateEvent = {
     value: string | number;
 };
+/** @deprecated */
 export type SegmentedControlUpdateEventDetail = SegmentedControlUpdateEvent;
+export type SegmentedControlChangeEventDetail = SegmentedControlUpdateEventDetail;
 declare const SEGMENTED_CONTROL_COLUMNS: (string | number)[];
 export type SegmentedControlColumns = (typeof SEGMENTED_CONTROL_COLUMNS)[number];
 export type SegmentedControlItemIcon = LinkButtonIconName;

package/esm/public-api.mjs

@@ -53,6 +53,8 @@ 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';
 export { PRadioButtonWrapper } from './lib/components/radio-button-wrapper.wrapper.mjs';
+export { PRadioGroup } from './lib/components/radio-group.wrapper.mjs';
+export { PRadioGroupOption } from './lib/components/radio-group-option.wrapper.mjs';
 export { PScroller } from './lib/components/scroller.wrapper.mjs';
 export { PSegmentedControl } from './lib/components/segmented-control.wrapper.mjs';
 export { PSegmentedControlItem } from './lib/components/segmented-control-item.wrapper.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.29.0",
+  "version": "3.30.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.29.0"
+    "@porsche-design-system/components-js": "3.30.0-rc.1"
   },
   "peerDependencies": {
     "ag-grid-community": ">= 33.0.0 <35.0.0",