@porsche-design-system/components-react 3.2.0 → 3.3.0

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

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

package/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "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.2.0"
+    "@porsche-design-system/components-js": "3.3.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0 <19.0.0",

package/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 | undefined;
 }>;
 type Props = {
     prefix?: string;