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

package/ssr/esm/lib/dsr-components/table-head-cell.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the table head cell content." }
+ */
 export declare class DSRTableHeadCell extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/table-head-row.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the table head row content." }
+ */
 export declare class DSRTableHeadRow extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/table-head.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the table head content." }
+ */
 export declare class DSRTableHead extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/table-row.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the table row content." }
+ */
 export declare class DSRTableRow extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/table.d.ts

@@ -1,4 +1,8 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "caption", "description": "Shows a caption that describes the content of the table." }
+ * @slot {"name": "", "description": "Default slot for the table content." }
+ */
 export declare class DSRTable extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/tabs-bar.d.ts

@@ -1,4 +1,9 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the `button` or `a` tags which will be rendered as tabs." }
+ *
+ * @controlled {"props": ["activeTabIndex"], "event": "update"}
+ */
 export declare class DSRTabsBar extends Component<any> {
     host: HTMLElement;
     private tabElements;

package/ssr/esm/lib/dsr-components/tabs-item.d.ts

@@ -1,5 +1,8 @@
 import { Component } from 'react';
 import type { TabsItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
+/**
+ * @slot {"name": "", "description": "Default slot for the tab content." }
+ */
 export declare class DSRTabsItem extends Component<any> {
     host: HTMLElement & TabsItemInternalHTMLProps;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/tabs.d.ts

@@ -1,4 +1,9 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the `p-tabs-item` tags." }
+ *
+ * @controlled { "props": ["activeTabIndex"], "event": "update", "isInternallyMutated": true }
+ */
 export declare class DSRTabs extends Component<any> {
     host: HTMLElement;
     private tabsItemElements;

package/ssr/esm/lib/dsr-components/tag-dismissible.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the tag content." }
+ */
 export declare class DSRTagDismissible extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/tag.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the tag content." }
+ */
 export declare class DSRTag extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/text-field-wrapper.d.ts

@@ -1,4 +1,10 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ * @slot {"name": "", "description": "Default slot for the input." }
+ * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ */
 export declare class DSRTextFieldWrapper extends Component<any> {
     host: HTMLElement;
     private showPassword;

package/ssr/esm/lib/dsr-components/text-list-item.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the content." }
+ */
 export declare class DSRTextListItem extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/text-list.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the `p-text-list-item` tags or nested `p-text-list` tags." }
+ */
 export declare class DSRTextList extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/text.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the text to render." }
+ */
 export declare class DSRText extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/textarea-wrapper.d.ts

@@ -1,4 +1,10 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ * @slot {"name": "", "description": "Default slot for the textarea." }
+ * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ */
 export declare class DSRTextareaWrapper extends Component<any> {
     host: HTMLElement;
     private textarea;

package/ssr/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",