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

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

@@ -15,12 +15,16 @@ export declare class DSRMultiSelect extends Component<any> {
     private defaultValue;
     private multiSelectOptions;
     private multiSelectOptgroups;
-    private inputElement;
+    private buttonElement;
+    private inputSearchElement;
+    private inputSearchInputElement;
+    private listboxElement;
     private resetButtonElement;
     private preventOptionUpdate;
     private popoverElement;
     private hasNativePopoverSupport;
     private cleanUpAutoUpdate;
+    private currentlyHighlightedOption;
     private get currentValue();
     setFormValue(value: string[]): void;
     formDisabledCallback(): void;

package/ssr/esm/lib/dsr-components/no-results-option.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const NoResultsOption: FC;

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

@@ -5,6 +5,7 @@ import { Component } from 'react';
  */
 export declare class DSRPopover extends Component<any> {
     host: HTMLElement;
+    private isOpen;
     private popover;
     private button;
     private slottedButton;

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

@@ -4,6 +4,8 @@ import { Component } from 'react';
  * @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": "", "description": "Default slot for the `select` tag." }
  * @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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead.
  */
 export declare class DSRSelectWrapper extends Component<any> {
     host: HTMLElement;

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

@@ -15,7 +15,9 @@ export declare class DSRSelect extends Component<any> {
     private defaultValue;
     private buttonElement;
     private popoverElement;
-    private filterInputElement;
+    private inputSearchElement;
+    private inputSearchInputElement;
+    private listboxElement;
     private selectOptions;
     private selectOptgroups;
     private preventOptionUpdate;
@@ -24,6 +26,7 @@ export declare class DSRSelect extends Component<any> {
     private slottedImagePath;
     private hasNativePopoverSupport;
     private cleanUpAutoUpdate;
+    private currentlyHighlightedOption;
     formDisabledCallback(): void;
     formStateRestoreCallback(): void;
     formResetCallback(): void;

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

@@ -4,6 +4,8 @@ import { Component } from 'react';
  * @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": "", "description": "Default slot for the input." }
  * @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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`.
  */
 export declare class DSRTextFieldWrapper extends Component<any> {
     host: HTMLElement;

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

@@ -4,6 +4,8 @@ import { Component } from 'react';
  * @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": "", "description": "Default slot for the textarea." }
  * @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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead.
  */
 export declare class DSRTextareaWrapper extends Component<any> {
     host: HTMLElement;

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

@@ -493,6 +493,116 @@ declare const ICON_NAMES: readonly [
     "zoom-out"
 ];
 export type IconName = typeof ICON_NAMES[number];
+declare const FLAG_NAMES: readonly [
+    "ae",
+    "am",
+    "ar",
+    "at",
+    "au",
+    "az",
+    "ba",
+    "be",
+    "bg",
+    "bh",
+    "bn",
+    "bo",
+    "br",
+    "by",
+    "ca",
+    "ch",
+    "cl",
+    "cn",
+    "co",
+    "cr",
+    "cw",
+    "cy",
+    "cz",
+    "de",
+    "dk",
+    "do",
+    "dz",
+    "ec",
+    "ee",
+    "eg",
+    "es",
+    "fi",
+    "fr",
+    "gb",
+    "ge",
+    "gh",
+    "gr",
+    "gt",
+    "hk",
+    "hn",
+    "hr",
+    "ht",
+    "hu",
+    "id",
+    "ie",
+    "il",
+    "in",
+    "is",
+    "it",
+    "jm",
+    "jo",
+    "jp",
+    "ke",
+    "kh",
+    "kr",
+    "kw",
+    "kz",
+    "lb",
+    "lk",
+    "lt",
+    "lu",
+    "lv",
+    "ma",
+    "md",
+    "mk",
+    "mn",
+    "mo",
+    "mq",
+    "mt",
+    "mu",
+    "mx",
+    "my",
+    "ng",
+    "nl",
+    "no",
+    "nz",
+    "om",
+    "pa",
+    "pe",
+    "pf",
+    "ph",
+    "pk",
+    "pl",
+    "pr",
+    "pt",
+    "py",
+    "qa",
+    "ro",
+    "rs",
+    "ru",
+    "sa",
+    "se",
+    "sg",
+    "si",
+    "sk",
+    "sv",
+    "th",
+    "tn",
+    "tr",
+    "tt",
+    "ua",
+    "us",
+    "uy",
+    "uz",
+    "ve",
+    "vn",
+    "za"
+];
+export type FlagName = typeof FLAG_NAMES[number];
 declare const FORM_STATES: readonly [
     "none",
     "error",
@@ -586,6 +696,7 @@ declare const GRADIENT_COLORS: readonly [
     "background-base",
     "background-surface"
 ];
+/** @deprecated */
 export type ScrollerGradientColor = (typeof GRADIENT_COLORS)[number];
 export type ScrollerScrollToPosition = {
     scrollPosition: number;
@@ -598,6 +709,20 @@ declare const SCROLL_INDICATOR_POSITIONS: readonly [
 /** @deprecated */
 export type ScrollerScrollIndicatorPosition = (typeof SCROLL_INDICATOR_POSITIONS)[number];
 export type ScrollerAlignScrollIndicator = ScrollerScrollIndicatorPosition;
+export type MultiSelectState = FormState;
+export type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
+/** @deprecated */
+export type MultiSelectUpdateEvent = {
+    name: string;
+    value: string[];
+};
+export type MultiSelectUpdateEventDetail = MultiSelectUpdateEvent;
+export type SelectState = FormState;
+export type SelectDropdownDirection = SelectComponentsDropdownDirection;
+export type SelectUpdateEventDetail = {
+    name: string;
+    value: string;
+};
 declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
     "down",
     "up",
@@ -702,6 +827,9 @@ export type PorscheDesignSystem = {
     };
 };
 export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T>;
+export type SelectedAriaRole<T> = {
+    role: Extract<AriaRole, T>;
+};
 declare const ACCORDION_SIZES: readonly [
     "small",
     "medium"
@@ -881,6 +1009,11 @@ export type FieldsetLabelSize = (typeof FIELDSET_LABEL_SIZES)[number];
 export type FieldsetState = FormState;
 export type FieldsetWrapperLabelSize = FieldsetLabelSize;
 export type FieldsetWrapperState = FieldsetState;
+declare const FLAG_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export type FlagAriaAttribute = (typeof FLAG_ARIA_ATTRIBUTES)[number];
+export type FlagSize = TextSize;
 export type FlexInline = boolean;
 declare const FLEX_WRAPS: readonly [
     "nowrap",
@@ -1090,6 +1223,10 @@ declare const ICON_COLORS: readonly [
     "state-disabled"
 ];
 export type IconColor = (typeof ICON_COLORS)[number];
+export type InputDateState = FormState;
+export type InputDateChangeEventDetail = Event;
+export type InputDateBlurEventDetail = Event;
+export type InputDateInputEventDetail = InputEvent;
 export type InputEmailState = FormState;
 export type InputEmailChangeEventDetail = Event;
 export type InputEmailBlurEventDetail = Event;
@@ -1106,10 +1243,22 @@ export type InputSearchState = FormState;
 export type InputSearchChangeEventDetail = Event;
 export type InputSearchBlurEventDetail = Event;
 export type InputSearchInputEventDetail = InputEvent;
+export type InputTelState = FormState;
+export type InputTelChangeEventDetail = Event;
+export type InputTelBlurEventDetail = Event;
+export type InputTelInputEventDetail = InputEvent;
 export type InputTextState = FormState;
 export type InputTextChangeEventDetail = Event;
 export type InputTextBlurEventDetail = Event;
 export type InputTextInputEventDetail = InputEvent;
+export type InputTimeState = FormState;
+export type InputTimeChangeEventDetail = Event;
+export type InputTimeBlurEventDetail = Event;
+export type InputTimeInputEventDetail = InputEvent;
+export type InputUrlState = FormState;
+export type InputUrlChangeEventDetail = Event;
+export type InputUrlBlurEventDetail = Event;
+export type InputUrlInputEventDetail = InputEvent;
 export type LinkIcon = LinkButtonIconName;
 export type LinkPureIcon = LinkButtonIconName;
 export type LinkPureAriaAttribute = LinkAriaAttribute;
@@ -1264,14 +1413,6 @@ declare const MODEL_SIGNATURE_COLORS: readonly [
     "inherit"
 ];
 export type ModelSignatureColor = (typeof MODEL_SIGNATURE_COLORS)[number];
-export type MultiSelectState = FormState;
-export type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
-/** @deprecated */
-export type MultiSelectUpdateEvent = {
-    name: string;
-    value: string[];
-};
-export type MultiSelectUpdateEventDetail = MultiSelectUpdateEvent;
 declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
     5,
     7
@@ -1335,12 +1476,6 @@ 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 = {
-    name: string;
-    value: string;
-};
 declare const DROPDOWN_DIRECTIONS: readonly [
     "down",
     "up",