@porsche-design-system/components-react 3.2.0 → 3.3.0-rc.0

package/ssr/lib/types.d.ts

@@ -10,6 +10,16 @@ export type AriaAttributes = {
      */
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
+    /**
+     * Defines a string value that labels the current element, which is intended to be converted into Braille.
+     * @see aria-label.
+     */
+    "aria-braillelabel"?: string | undefined;
+    /**
+     * Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
+     * @see aria-roledescription.
+     */
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: Booleanish | undefined;
     /**
      * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
@@ -26,6 +36,11 @@ export type AriaAttributes = {
      * @see aria-colcount @see aria-colspan.
      */
     "aria-colindex"?: number | undefined;
+    /**
+     * Defines a human readable text alternative of aria-colindex.
+     * @see aria-rowindextext.
+     */
+    "aria-colindextext"?: string | undefined;
     /**
      * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
      * @see aria-colindex @see aria-rowspan.
@@ -43,6 +58,11 @@ export type AriaAttributes = {
      * @see aria-labelledby
      */
     "aria-describedby"?: string | undefined;
+    /**
+     * Defines a string value that describes or annotates the current element.
+     * @see related aria-describedby.
+     */
+    "aria-description"?: string | undefined;
     /**
      * Identifies the element that provides a detailed, extended description for the object.
      * @see aria-describedby.
@@ -156,6 +176,11 @@ export type AriaAttributes = {
      * @see aria-rowcount @see aria-rowspan.
      */
     "aria-rowindex"?: number | undefined;
+    /**
+     * Defines a human readable text alternative of aria-rowindex.
+     * @see aria-colindextext.
+     */
+    "aria-rowindextext"?: string | undefined;
     /**
      * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
      * @see aria-rowindex @see aria-colspan.
@@ -667,7 +692,7 @@ declare const FIELDSET_LABEL_SIZES: readonly [
     "small",
     "medium"
 ];
-export type FieldsetLabelSize = typeof FIELDSET_LABEL_SIZES[number];
+export type FieldsetLabelSize = (typeof FIELDSET_LABEL_SIZES)[number];
 export type FieldsetState = FormState;
 export type FieldsetWrapperLabelSize = FieldsetLabelSize;
 export type FieldsetWrapperState = FieldsetState;
@@ -1106,7 +1131,7 @@ declare const TAG_COLORS: readonly [
     "notification-success",
     "notification-error"
 ];
-export type TagColor = typeof TAG_COLORS[number];
+export type TagColor = (typeof TAG_COLORS)[number];
 declare const TEXT_TAGS: readonly [
     "p",
     "span",

package/ssr/provider.d.ts

@@ -1,6 +1,6 @@
-import type { PropsWithChildren } from 'react';
+import type { PropsWithChildren, JSX } from 'react';
 export declare const PorscheDesignSystemContext: import("react").Context<{
-    prefix: any;
+    prefix?: string;
 }>;
 type Props = {
     prefix?: string;

package/ssr/utils.d.ts

@@ -1,4 +1,4 @@
 import type { ForwardedRef, MutableRefObject } from 'react';
 export declare const getMergedClassName: (domClassName: string, oldClassName?: string, newClassName?: string) => string;
-export declare const syncRef: (elementRef: MutableRefObject<HTMLElement>, ref: ForwardedRef<HTMLElement>) => (el: HTMLElement) => void;
+export declare const syncRef: (elementRef: MutableRefObject<HTMLElement | undefined>, ref: ForwardedRef<HTMLElement>) => (el: HTMLElement) => void;
 export declare const skipPorscheDesignSystemCDNRequestsDuringTests: () => void;

package/utils.d.ts

@@ -1,4 +1,4 @@
 import type { ForwardedRef, MutableRefObject } from 'react';
 export declare const getMergedClassName: (domClassName: string, oldClassName?: string, newClassName?: string) => string;
-export declare const syncRef: (elementRef: MutableRefObject<HTMLElement>, ref: ForwardedRef<HTMLElement>) => (el: HTMLElement) => void;
+export declare const syncRef: (elementRef: MutableRefObject<HTMLElement | undefined>, ref: ForwardedRef<HTMLElement>) => (el: HTMLElement) => void;
 export declare const skipPorscheDesignSystemCDNRequestsDuringTests: () => void;

package/utils.js

@@ -1,7 +1,7 @@
 'use strict';
 
-const splitToArray =  (str) => str.split(' ').filter((str) => str);
-const getMergedClassName =  (domClassName, oldClassName = '', newClassName = '') => {
+const splitToArray = (str) => str.split(' ').filter((str) => str);
+const getMergedClassName = (domClassName, oldClassName = '', newClassName = '') => {
     // classes previously set by component
     const prevComponentClassNames = splitToArray(oldClassName);
     // all classes not set by component -> to keep hydrated class and other classes set on host element
@@ -14,7 +14,7 @@ const getMergedClassName =  (domClassName, oldClassName = '', newClassName = '')
     const componentClasses = splitToArray(newClassName);
     return componentClasses.concat(domClasses).join(' ');
 };
-const syncRef =  (elementRef, ref) => (el) => {
+const syncRef = (elementRef, ref) => (el) => {
     elementRef.current = el;
     if (typeof ref === 'function') {
         ref(el);

package/ssr/lib/dsr-components/toast-item.d.ts

@@ -1,5 +0,0 @@
-import { Component } from 'react';
-export declare class DSRToastItem extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}