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

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

@@ -1,48 +1,48 @@
 import type { BaseProps } from '../../BaseProps';
-import type { TextareaAutoComplete, BreakpointCustomizable, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, Theme, TextareaWrap } from '../types';
+import type { BreakpointCustomizable, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, Theme, TextareaWrap } from '../types';
 export type PTextareaProps = BaseProps & {
     /**
-     * Specifies whether the input can be autofilled by the browser
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
-    autoComplete?: TextareaAutoComplete;
+    autoComplete?: string;
     /**
      * Show or hide the character counter.
      */
     counter?: boolean;
     /**
-     * The description text.
+     * Supplementary text providing more context or explanation for the textarea.
      */
     description?: string;
     /**
-     * Marks the textarea as disabled.
+     * A boolean value that, if present, makes the textarea unusable and unclickable. The value will not be submitted with the form.
      */
     disabled?: boolean;
     /**
-     * The id of a form element the textarea should be associated with.
+     * Specifies the id of the <form> element that the textarea belongs to (useful if the textarea is not a direct descendant of the form).
      */
     form?: string;
     /**
-     * Show or hide label. For better accessibility, it is recommended to show the label.
+     * Controls the visibility of the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * The label text.
+     * Text content for a user-facing label.
      */
     label?: string;
     /**
-     * The max length of the textarea.
+     * A non-negative integer specifying the maximum number of characters the user can enter into the textarea.
      */
     maxLength?: number;
     /**
-     * The message styled depending on validation state.
+     * Dynamic feedback text for validation or status.
      */
     message?: string;
     /**
-     * The min length of the textarea.
+     * A non-negative integer specifying the minimum number of characters required for the textarea's value to be considered valid.
      */
     minLength?: number;
     /**
-     * The name of the textarea.
+     * The name of the textarea, used when submitting the form data.
      */
     name: string;
     /**
@@ -58,15 +58,15 @@ export type PTextareaProps = BaseProps & {
      */
     onInput?: (event: CustomEvent<TextareaInputEventDetail>) => void;
     /**
-     * The placeholder text.
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Write your message here...'). This text is displayed when the textarea is empty.
      */
     placeholder?: string;
     /**
-     * Specifies whether the textarea should be read-only.
+     * A boolean value that, if present, makes the textarea uneditable by the user, but its value will still be submitted with the form.
      */
     readOnly?: boolean;
     /**
-     * Marks the textarea as required.
+     * A boolean value that, if present, indicates that the textarea must be filled out before the form can be submitted.
      */
     required?: boolean;
     /**
@@ -78,15 +78,15 @@ export type PTextareaProps = BaseProps & {
      */
     rows?: number;
     /**
-     * Specifies whether the input should have its spelling and grammar checked
+     * Specifies whether the textarea should have its spelling and grammar checked
      */
     spellCheck?: boolean;
     /**
-     * The validation state.
+     * Indicates the validation or overall status of the textarea component.
      */
     state?: TextareaState;
     /**
-     * Adapts the color depending on the theme.
+     * Controls the visual appearance of the component.
      */
     theme?: Theme;
     /**
@@ -94,53 +94,53 @@ export type PTextareaProps = BaseProps & {
      */
     value?: string;
     /**
-     * Handles wrapping behaviour of elements.
+     * Handles wrapping behavior of elements.
      */
     wrap?: TextareaWrap;
 };
 export declare const PTextarea: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
-     * Specifies whether the input can be autofilled by the browser
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
-    autoComplete?: TextareaAutoComplete;
+    autoComplete?: string;
     /**
      * Show or hide the character counter.
      */
     counter?: boolean;
     /**
-     * The description text.
+     * Supplementary text providing more context or explanation for the textarea.
      */
     description?: string;
     /**
-     * Marks the textarea as disabled.
+     * A boolean value that, if present, makes the textarea unusable and unclickable. The value will not be submitted with the form.
      */
     disabled?: boolean;
     /**
-     * The id of a form element the textarea should be associated with.
+     * Specifies the id of the <form> element that the textarea belongs to (useful if the textarea is not a direct descendant of the form).
      */
     form?: string;
     /**
-     * Show or hide label. For better accessibility, it is recommended to show the label.
+     * Controls the visibility of the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * The label text.
+     * Text content for a user-facing label.
      */
     label?: string;
     /**
-     * The max length of the textarea.
+     * A non-negative integer specifying the maximum number of characters the user can enter into the textarea.
      */
     maxLength?: number;
     /**
-     * The message styled depending on validation state.
+     * Dynamic feedback text for validation or status.
      */
     message?: string;
     /**
-     * The min length of the textarea.
+     * A non-negative integer specifying the minimum number of characters required for the textarea's value to be considered valid.
      */
     minLength?: number;
     /**
-     * The name of the textarea.
+     * The name of the textarea, used when submitting the form data.
      */
     name: string;
     /**
@@ -156,15 +156,15 @@ export declare const PTextarea: import("react").ForwardRefExoticComponent<import
      */
     onInput?: (event: CustomEvent<TextareaInputEventDetail>) => void;
     /**
-     * The placeholder text.
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Write your message here...'). This text is displayed when the textarea is empty.
      */
     placeholder?: string;
     /**
-     * Specifies whether the textarea should be read-only.
+     * A boolean value that, if present, makes the textarea uneditable by the user, but its value will still be submitted with the form.
      */
     readOnly?: boolean;
     /**
-     * Marks the textarea as required.
+     * A boolean value that, if present, indicates that the textarea must be filled out before the form can be submitted.
      */
     required?: boolean;
     /**
@@ -176,15 +176,15 @@ export declare const PTextarea: import("react").ForwardRefExoticComponent<import
      */
     rows?: number;
     /**
-     * Specifies whether the input should have its spelling and grammar checked
+     * Specifies whether the textarea should have its spelling and grammar checked
      */
     spellCheck?: boolean;
     /**
-     * The validation state.
+     * Indicates the validation or overall status of the textarea component.
      */
     state?: TextareaState;
     /**
-     * Adapts the color depending on the theme.
+     * Controls the visual appearance of the component.
      */
     theme?: Theme;
     /**
@@ -192,7 +192,7 @@ export declare const PTextarea: import("react").ForwardRefExoticComponent<import
      */
     value?: string;
     /**
-     * Handles wrapping behaviour of elements.
+     * Handles wrapping behavior of elements.
      */
     wrap?: TextareaWrap;
 } & {

package/esm/lib/types.d.ts

@@ -1090,41 +1090,23 @@ declare const ICON_COLORS: readonly [
     "state-disabled"
 ];
 export type IconColor = (typeof ICON_COLORS)[number];
+export type InputEmailState = FormState;
+export type InputEmailChangeEventDetail = Event;
+export type InputEmailBlurEventDetail = Event;
+export type InputEmailInputEventDetail = InputEvent;
 export type InputNumberState = FormState;
-declare const INPUT_NUMBER_AUTO_COMPLETE: readonly [
-    "off",
-    "on"
-];
-export type InputNumberAutoComplete = (typeof INPUT_NUMBER_AUTO_COMPLETE)[number];
 export type InputNumberChangeEventDetail = Event;
 export type InputNumberBlurEventDetail = Event;
 export type InputNumberInputEventDetail = InputEvent;
 export type InputPasswordState = FormState;
-declare const INPUT_PASSWORD_AUTO_COMPLETE: readonly [
-    "off",
-    "on",
-    "current-password",
-    "new-password"
-];
-export type InputPasswordAutoComplete = (typeof INPUT_PASSWORD_AUTO_COMPLETE)[number];
 export type InputPasswordChangeEventDetail = Event;
 export type InputPasswordBlurEventDetail = Event;
 export type InputPasswordInputEventDetail = InputEvent;
 export type InputSearchState = FormState;
-declare const INPUT_SEARCH_AUTO_COMPLETE: readonly [
-    "off",
-    "on"
-];
-export type InputSearchAutoComplete = (typeof INPUT_SEARCH_AUTO_COMPLETE)[number];
 export type InputSearchChangeEventDetail = Event;
 export type InputSearchBlurEventDetail = Event;
 export type InputSearchInputEventDetail = InputEvent;
 export type InputTextState = FormState;
-declare const INPUT_TEXT_AUTO_COMPLETE: readonly [
-    "off",
-    "on"
-];
-export type InputTextAutoComplete = (typeof INPUT_TEXT_AUTO_COMPLETE)[number];
 export type InputTextChangeEventDetail = Event;
 export type InputTextBlurEventDetail = Event;
 export type InputTextInputEventDetail = InputEvent;
@@ -1516,11 +1498,6 @@ declare const TEXT_LIST_TYPES: readonly [
 ];
 export type TextListType = (typeof TEXT_LIST_TYPES)[number];
 export type TextareaState = FormState;
-declare const AUTO_COMPLETE: readonly [
-    "off",
-    "on"
-];
-export type TextareaAutoComplete = (typeof AUTO_COMPLETE)[number];
 declare const TEXTAREA_WRAPS: readonly [
     "hard",
     "soft",

package/esm/public-api.mjs

@@ -27,6 +27,7 @@ export { PHeading } from './lib/components/heading.wrapper.mjs';
 export { PHeadline } from './lib/components/headline.wrapper.mjs';
 export { PIcon } from './lib/components/icon.wrapper.mjs';
 export { PInlineNotification } from './lib/components/inline-notification.wrapper.mjs';
+export { PInputEmail } from './lib/components/input-email.wrapper.mjs';
 export { PInputNumber } from './lib/components/input-number.wrapper.mjs';
 export { PInputPassword } from './lib/components/input-password.wrapper.mjs';
 export { PInputSearch } from './lib/components/input-search.wrapper.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.29.0-rc.1",
+  "version": "3.29.0-rc.3",
   "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,12 +17,12 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.29.0-rc.1"
+    "@porsche-design-system/components-js": "3.29.0-rc.3"
   },
   "peerDependencies": {
-    "ag-grid-community": ">= 33.0.0 <34.0.0",
-    "ag-grid-enterprise": ">= 33.0.0 <34.0.0",
-    "ag-grid-react": ">= 33.0.0 <34.0.0",
+    "ag-grid-community": ">= 33.0.0 <35.0.0",
+    "ag-grid-enterprise": ">= 33.0.0 <35.0.0",
+    "ag-grid-react": ">= 33.0.0 <35.0.0",
     "react": ">=19.0.0 <20.0.0",
     "react-dom": ">=19.0.0 <20.0.0"
   },
@@ -55,9 +55,9 @@
       "default": "./jsdom-polyfill/index.cjs"
     },
     "./partials": {
-      "types": "./partials/index.d.ts",
-      "module": "./partials/index.js",
-      "default": "./partials/index.cjs"
+      "types": "./partials/esm/index.d.ts",
+      "module": "./partials/esm/index.mjs",
+      "default": "./partials/cjs/index.cjs"
     },
     "./ssr": {
       "types": "./ssr/esm/public-api.d.ts",

package/partials/esm/index.mjs

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/partials';

package/partials/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "index.cjs",
-  "module": "index.js",
-  "types": "index.d.ts",
+  "main": "cjs/index.cjs",
+  "module": "esm/index.mjs",
+  "types": "esm/index.d.ts",
   "sideEffects": false
 }