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

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

@@ -5,6 +5,10 @@ export type PTextareaProps = BaseProps & {
      * Specifies whether the input can be autofilled by the browser
      */
     autoComplete?: TextareaAutoComplete;
+    /**
+     * Show or hide the character counter.
+     */
+    counter?: boolean;
     /**
      * The description text.
      */
@@ -18,7 +22,7 @@ export type PTextareaProps = BaseProps & {
      */
     form?: string;
     /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
+     * Show or hide label. For better accessibility, it is recommended to show the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
@@ -70,13 +74,9 @@ export type PTextareaProps = BaseProps & {
      */
     resize?: TextareaResize;
     /**
-     * The amount of rows of the textarea.
+     * The number of rows of the textarea.
      */
     rows?: number;
-    /**
-     * Show or hide max character count.
-     */
-    showCounter?: boolean;
     /**
      * Specifies whether the input should have its spelling and grammar checked
      */
@@ -103,6 +103,10 @@ export declare const PTextarea: import("react").ForwardRefExoticComponent<import
      * Specifies whether the input can be autofilled by the browser
      */
     autoComplete?: TextareaAutoComplete;
+    /**
+     * Show or hide the character counter.
+     */
+    counter?: boolean;
     /**
      * The description text.
      */
@@ -116,7 +120,7 @@ export declare const PTextarea: import("react").ForwardRefExoticComponent<import
      */
     form?: string;
     /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
+     * Show or hide label. For better accessibility, it is recommended to show the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
@@ -168,13 +172,9 @@ export declare const PTextarea: import("react").ForwardRefExoticComponent<import
      */
     resize?: TextareaResize;
     /**
-     * The amount of rows of the textarea.
+     * The number of rows of the textarea.
      */
     rows?: number;
-    /**
-     * Show or hide max character count.
-     */
-    showCounter?: boolean;
     /**
      * Specifies whether the input should have its spelling and grammar checked
      */

package/ssr/esm/lib/dsr-components/input-base.d.ts

@@ -1,11 +1,13 @@
 import type { FC } from 'react';
-import type { InputBaseState, InputBaseWheelEventDetail } from '@porsche-design-system/components/dist/utils';
+import type { InputBaseState } from '@porsche-design-system/components/dist/utils';
 type InputBaseProps = {
     children?: JSX.Element;
     host: HTMLElement;
     id: string;
     label?: string;
     description?: string;
+    loading?: boolean;
+    initialLoading?: boolean;
     required?: boolean;
     disabled?: boolean;
     state?: InputBaseState;
@@ -23,7 +25,7 @@ type InputBaseProps = {
     type: string;
     value?: string;
     step?: number;
-    onWheel?: (e: InputBaseWheelEventDetail) => void;
+    spellCheck?: boolean;
     start?: JSX.Element;
     end?: JSX.Element;
 };

package/ssr/esm/lib/dsr-components/input-number.d.ts

@@ -9,6 +9,7 @@ import { Component } from 'react';
 export declare class DSRInputNumber extends Component<any> {
     host: HTMLElement;
     private internals;
+    private initialLoading;
     private inputElement;
     private defaultValue;
     formResetCallback(): void;

package/ssr/esm/lib/dsr-components/input-password.d.ts

@@ -10,6 +10,7 @@ export declare class DSRInputPassword extends Component<any> {
     host: HTMLElement;
     private internals;
     private showPassword;
+    private initialLoading;
     private inputElement;
     private defaultValue;
     formResetCallback(): void;

package/ssr/esm/lib/dsr-components/input-search.d.ts

@@ -0,0 +1,20 @@
+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": "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."}
+ * @slot {"name": "start", "description": "Shows content at the start of the input (e.g. icon)."}
+ * @slot {"name": "end", "description": "Shows content at the end of the input (e.g. search button)."}
+ */
+export declare class DSRInputSearch extends Component<any> {
+    host: HTMLElement;
+    private internals;
+    private isClearable;
+    private initialLoading;
+    private inputElement;
+    private defaultValue;
+    formResetCallback(): void;
+    formDisabledCallback(): void;
+    formStateRestoreCallback(): void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,19 @@
+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": "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."}
+ * @slot {"name": "start", "description": "Shows content at the start of the input (e.g. unit prefix)."}
+ * @slot {"name": "end", "description": "Shows content at the end of the input (e.g. toggle button, unit suffix)."}
+ */
+export declare class DSRInputText extends Component<any> {
+    host: HTMLElement;
+    private internals;
+    private initialLoading;
+    private inputElement;
+    private defaultValue;
+    formResetCallback(): void;
+    formDisabledCallback(): void;
+    formStateRestoreCallback(): void;
+    render(): JSX.Element;
+}

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

@@ -1,14 +1,16 @@
 import { Component } from 'react';
 /**
  * @slot {"name": "", "description": "Default slot for the popover content." }
+ * @slot {"name": "button", "description": "Slot for custom button." }
  */
 export declare class DSRPopover extends Component<any> {
     host: HTMLElement;
-    private isOpen;
     private popover;
     private button;
+    private slottedButton;
     private arrow;
     private cleanUpAutoUpdate;
     private hasNativePopoverSupport;
+    private hasSlottedButton;
     render(): JSX.Element;
 }

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

@@ -10,10 +10,12 @@ import { Component } from 'react';
 export declare class DSRSelect extends Component<any> {
     host: HTMLElement;
     private isOpen;
+    private hasFilterResults;
     private internals;
     private defaultValue;
     private buttonElement;
     private popoverElement;
+    private filterInputElement;
     private selectOptions;
     private selectOptgroups;
     private preventOptionUpdate;

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

@@ -9,9 +9,6 @@ export declare class DSRTextarea extends Component<any> {
     private internals;
     private defaultValue;
     private textAreaElement;
-    private counterElement;
-    private hasCounter;
-    private setCounterAriaTextDebounced;
     formResetCallback(): void;
     formDisabledCallback(): void;
     formStateRestoreCallback(): void;

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

@@ -221,6 +221,8 @@ declare const ICON_NAMES: readonly [
     "add",
     "adjust",
     "aggregation",
+    "ai-spark",
+    "ai-spark-filled",
     "arrow-compact-down",
     "arrow-compact-left",
     "arrow-compact-right",
@@ -1091,8 +1093,7 @@ export type IconColor = (typeof ICON_COLORS)[number];
 export type InputNumberState = FormState;
 declare const INPUT_NUMBER_AUTO_COMPLETE: readonly [
     "off",
-    "on",
-    ""
+    "on"
 ];
 export type InputNumberAutoComplete = (typeof INPUT_NUMBER_AUTO_COMPLETE)[number];
 export type InputNumberChangeEventDetail = Event;
@@ -1102,7 +1103,6 @@ export type InputPasswordState = FormState;
 declare const INPUT_PASSWORD_AUTO_COMPLETE: readonly [
     "off",
     "on",
-    "",
     "current-password",
     "new-password"
 ];
@@ -1110,6 +1110,24 @@ export type InputPasswordAutoComplete = (typeof INPUT_PASSWORD_AUTO_COMPLETE)[nu
 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;
 export type LinkIcon = LinkButtonIconName;
 export type LinkPureIcon = LinkButtonIconName;
 export type LinkPureAriaAttribute = LinkAriaAttribute;
@@ -1500,8 +1518,7 @@ export type TextListType = (typeof TEXT_LIST_TYPES)[number];
 export type TextareaState = FormState;
 declare const AUTO_COMPLETE: readonly [
     "off",
-    "on",
-    ""
+    "on"
 ];
 export type TextareaAutoComplete = (typeof AUTO_COMPLETE)[number];
 declare const TEXTAREA_WRAPS: readonly [