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

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

@@ -1,6 +1,7 @@
-import { type HTMLAttributes } from 'react';
+/// <reference types="react" />
+import type { BaseProps } from '../../BaseProps';
 import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
-export type PWordmarkProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PWordmarkProps = BaseProps & {
     /**
      * Add ARIA attributes.
      */
@@ -22,7 +23,7 @@ export type PWordmarkProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     theme?: Theme;
 };
-export declare const PWordmark: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+export declare const PWordmark: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -0,0 +1,8 @@
+import { Component } from 'react';
+export declare class DSRBanner extends Component<any> {
+    host: HTMLElement;
+    private inlineNotificationElement;
+    private closeBtn;
+    private get hasDismissButton();
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+/** @experimental */
+export declare class DSRCanvas extends Component<any> {
+    host: HTMLElement;
+    private isDesktopView;
+    render(): JSX.Element;
+}

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

@@ -2,11 +2,9 @@ import { Component } from 'react';
 export declare class DSRFlyout extends Component<any> {
     host: HTMLElement;
     private dialog;
-    private wrapper;
-    private dismissBtn;
+    private scroller;
     private header;
     private footer;
-    private subFooter;
     private hasHeader;
     private hasFooter;
     private hasSubFooter;

package/ssr/esm/lib/types.d.ts

@@ -451,7 +451,7 @@ export type BreakpointValues<T> = {
 } & {
     base: T;
 };
-export type BreakpointCustomizable<T> = T | BreakpointValues<T> | string;
+export type BreakpointCustomizable<T> = T | BreakpointValues<T>;
 declare const LINK_TARGETS: readonly [
     "_self",
     "_blank",
@@ -616,7 +616,7 @@ export type PorscheDesignSystem = {
         prefixes: string[];
     };
 };
-export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T> | string;
+export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T>;
 declare const ACCORDION_SIZES: readonly [
     "small",
     "medium"
@@ -676,6 +676,13 @@ export type ButtonTileSize = TileSize;
 export type ButtonTileBackground = TileBackground;
 export type ButtonTileWeight = TileWeight;
 export type ButtonTileAlign = TileAlign;
+declare const CANVAS_SIDEBAR_WIDTHS: readonly [
+    "medium",
+    "large"
+];
+export type CanvasSidebarWidth = (typeof CANVAS_SIDEBAR_WIDTHS)[number];
+export type CanvasSidebarStartWidth = CanvasSidebarWidth;
+export type CanvasSidebarEndWidth = CanvasSidebarWidth;
 declare const CAROUSEL_WIDTHS: readonly [
     "basic",
     "extended"
@@ -692,7 +699,7 @@ declare const CAROUSEL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type CarouselAriaAttribute = (typeof CAROUSEL_ARIA_ATTRIBUTES)[number];
-export type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>> | string;
+export type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
 /** @deprecated */
 export type CarouselUpdateEvent = {
     activeIndex: number;
@@ -1143,7 +1150,7 @@ export type PaginationUpdateEvent = {
     previousPage: number;
 };
 export type PaginationUpdateEventDetail = PaginationUpdateEvent;
-export type PaginationInternationalization = Partial<Record<"root" | "prev" | "next" | "page", string>> | string;
+export type PaginationInternationalization = Partial<Record<"root" | "prev" | "next" | "page", string>>;
 declare const PIN_CODE_TYPES: readonly [
     "number",
     "password"
@@ -1190,6 +1197,10 @@ export type SegmentedControlUpdateEventDetail = SegmentedControlUpdateEvent;
 declare const SEGMENTED_CONTROL_COLUMNS: (string | number)[];
 export type SegmentedControlColumns = (typeof SEGMENTED_CONTROL_COLUMNS)[number];
 export type SegmentedControlItemIcon = LinkButtonIconName;
+declare const SEGMENTED_CONTROL_ITEM_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export type SegmentedControlItemAriaAttribute = (typeof SEGMENTED_CONTROL_ITEM_ARIA_ATTRIBUTES)[number];
 export type SelectState = FormState;
 export type SelectDropdownDirection = SelectComponentsDropdownDirection;
 export type SelectUpdateEventDetail = {