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

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

@@ -16,7 +16,10 @@ export declare class DSRCarousel extends Component<any> {
     private btnPrev;
     private btnNext;
     private paginationEl;
+    private slideStatusEl;
     private slides;
+    /** Skips the next live-region update when navigation was caused by focusing a slide. */
+    private suppressNextStatusAnnounce;
     private get splideSlides();
     private get hasNavigation();
     render(): JSX.Element;

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

@@ -19,4 +19,5 @@ export declare class DSRDrilldown extends Component<any> {
     private isPointerDownInside;
     componentWillLoad(): Promise<void>;
     render(): JSX.Element;
+    private onDismissButtonClick;
 }

package/ssr/esm/lib/dsr-components/filter-status-announcer.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+type FilterStatusAnnouncerProps = {
+    message: string;
+};
+export declare const FilterStatusAnnouncer: FC<FilterStatusAnnouncerProps>;
+export {};

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

@@ -20,4 +20,7 @@ export declare class DSRFlyout extends Component<any> {
     private isPointerDownInside;
     private topLayer;
     render(): JSX.Element;
+    private onDialogCancel;
+    private onDialogBackdropClick;
+    private onDismissButtonClick;
 }

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

@@ -17,4 +17,7 @@ export declare class DSRModal extends Component<any> {
     private isPointerDownInside;
     private topLayer;
     render(): JSX.Element;
+    private onDialogCancel;
+    private onDialogBackdropClick;
+    private onDismissButtonClick;
 }

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

@@ -16,6 +16,7 @@ export declare class DSRMultiSelect extends Component<any> {
     host: HTMLElement;
     private isOpen;
     private hasFilterResults;
+    private filterStatusMessage;
     private selectedOptions;
     private internals;
     private defaultValue;

package/ssr/esm/lib/dsr-components/pin-code.d.ts

@@ -14,6 +14,7 @@ export declare class DSRPinCode extends Component<any> {
     private initialLoading;
     private defaultValue;
     private inputElements;
+    private get parsedValue();
     formResetCallback(): void;
     formDisabledCallback(): void;
     formStateRestoreCallback(): void;

package/ssr/esm/lib/dsr-components/radio-group.d.ts

@@ -14,6 +14,7 @@ export declare class DSRRadioGroup extends Component<any> {
     private defaultValue;
     private radioGroupOptions;
     private preventOptionUpdate;
+    setFormValue(): void;
     formResetCallback(): void;
     formDisabledCallback(): void;
     formStateRestoreCallback(): void;

package/ssr/esm/lib/dsr-components/segmented-control.d.ts

@@ -13,6 +13,7 @@ export declare class DSRSegmentedControl extends Component<any> {
     host: HTMLElement;
     private internals;
     private defaultValue;
+    setFormValue(): void;
     formResetCallback(): void;
     formDisabledCallback(): void;
     formStateRestoreCallback(): void;

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

@@ -16,6 +16,7 @@ export declare class DSRSelect extends Component<any> {
     host: HTMLElement;
     private isOpen;
     private hasFilterResults;
+    private filterStatusMessage;
     private selectedOption;
     private internals;
     private defaultValue;
@@ -32,7 +33,6 @@ export declare class DSRSelect extends Component<any> {
     private hasNativePopoverSupport;
     private cleanUpAutoUpdate;
     private currentlyHighlightedOption;
-    private get hasFilter();
     setFormValue(): void;
     formDisabledCallback(): void;
     formStateRestoreCallback(): void;

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

@@ -14,4 +14,7 @@ export declare class DSRSheet extends Component<any> {
     private isPointerDownInside;
     private topLayer;
     render(): JSX.Element;
+    private onDialogCancel;
+    private onDialogBackdropClick;
+    private onDismissButtonClick;
 }

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

@@ -326,10 +326,12 @@ declare const ICON_NAMES: readonly [
     "compare",
     "compass",
     "configurate",
+    "connect-services",
     "copy",
     "country-road",
     "coupe",
     "cubic-capacity",
+    "customer-support",
     "cut",
     "delete",
     "disable",
@@ -489,6 +491,7 @@ declare const ICON_NAMES: readonly [
     "shopping-bag-filled",
     "shopping-cart",
     "shopping-cart-filled",
+    "shopping-cart-off",
     "sidebar",
     "sidelights",
     "skip-backward",
@@ -694,6 +697,10 @@ export type BreakpointValues<T> = {
     base: T;
 };
 export type BreakpointCustomizable<T> = T | BreakpointValues<T>;
+export type DialogDismissReason = "dismiss-button" | "backdrop" | "escape";
+export type DialogDismissEventDetail = {
+    reason: DialogDismissReason;
+};
 declare const LINK_TARGETS: readonly [
     "_self",
     "_blank",
@@ -784,225 +791,193 @@ export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAt
 export type SelectedAriaRole<T> = {
     role: Extract<AriaRole, T>;
 };
+declare const MARKET_LOCALES: readonly [
+    "ar-BH",
+    "ar-KW",
+    "ar-QA",
+    "ar-SA",
+    "az-AZ",
+    "bg-BG",
+    "bs-BA",
+    "cs-CZ",
+    "cs-SK",
+    "da-DK",
+    "de-AT",
+    "de-CH",
+    "de-DE",
+    "de-LI",
+    "de-LU",
+    "el-GR",
+    "en",
+    "en-AE",
+    "en-AE-x-abu-dhabi",
+    "en-AE-x-abudhabi",
+    "en-AE-x-dubai",
+    "en-AL",
+    "en-AU",
+    "en-BA",
+    "en-BG",
+    "en-BH",
+    "en-BN",
+    "en-CA",
+    "en-CH",
+    "en-CN",
+    "en-CW",
+    "en-CY",
+    "en-CZ",
+    "en-DK",
+    "en-EE",
+    "en-EG",
+    "en-FI",
+    "en-GB",
+    "en-GE",
+    "en-GH",
+    "en-GI",
+    "en-GR",
+    "en-HK",
+    "en-HR",
+    "en-HT",
+    "en-ID",
+    "en-IE",
+    "en-IL",
+    "en-IN",
+    "en-IS",
+    "en-JM",
+    "en-JO",
+    "en-KH",
+    "en-KR",
+    "en-KW",
+    "en-KZ",
+    "en-LB",
+    "en-LK",
+    "en-LT",
+    "en-LV",
+    "en-ME",
+    "en-MK",
+    "en-MN",
+    "en-MT",
+    "en-MU",
+    "en-MY",
+    "en-NC",
+    "en-NL",
+    "en-NO",
+    "en-NZ",
+    "en-OM",
+    "en-PF",
+    "en-PH",
+    "en-PL",
+    "en-PR",
+    "en-QA",
+    "en-RO",
+    "en-RS",
+    "en-SA",
+    "en-SE",
+    "en-SG",
+    "en-SI",
+    "en-SK",
+    "en-TH",
+    "en-TR",
+    "en-TT",
+    "en-TW",
+    "en-UA",
+    "en-US",
+    "en-VE",
+    "en-VN",
+    "en-XA",
+    "en-YE",
+    "en-ZA",
+    "es-AD",
+    "es-AR",
+    "es-BO",
+    "es-CL",
+    "es-CO",
+    "es-CR",
+    "es-DO",
+    "es-EC",
+    "es-ES",
+    "es-GT",
+    "es-HN",
+    "es-MX",
+    "es-PA",
+    "es-PE",
+    "es-PR",
+    "es-PY",
+    "es-SV",
+    "es-TT",
+    "es-UY",
+    "es-VE",
+    "et-EE",
+    "fi-FI",
+    "fr-BE",
+    "fr-CA",
+    "fr-CH",
+    "fr-DZ",
+    "fr-FR",
+    "fr-GP",
+    "fr-LI",
+    "fr-LU",
+    "fr-MA",
+    "fr-MC",
+    "fr-MQ",
+    "fr-MU",
+    "fr-NC",
+    "fr-PF",
+    "fr-RE",
+    "fr-TN",
+    "he-IL",
+    "hr-HR",
+    "hu-HU",
+    "hy-AM",
+    "is-IS",
+    "it-CH",
+    "it-IT",
+    "ja-JP",
+    "ka-GE",
+    "ko-KR",
+    "lt-LT",
+    "lv-LV",
+    "me-ME",
+    "mk-MK",
+    "mt-MT",
+    "nb-NO",
+    "nl-BE",
+    "nl-NL",
+    "no-NO",
+    "pl-PL",
+    "pt-BR",
+    "pt-PT",
+    "ro-MD",
+    "ro-RO",
+    "ru-AZ",
+    "ru-BY",
+    "ru-CY",
+    "ru-EE",
+    "ru-KZ",
+    "ru-LT",
+    "ru-LV",
+    "ru-RU",
+    "ru-UK",
+    "ru-UZ",
+    "sk-SK",
+    "sl-SI",
+    "sr-ME",
+    "sr-RS",
+    "sv-SE",
+    "tr-TR",
+    "uk-UA",
+    "zh-CN",
+    "zh-HK",
+    "zh-TW"
+];
+export type MarketLocale = (typeof MARKET_LOCALES)[number];
+export type ToPosixLocale<T extends string> = T extends `${infer Head}-${infer Tail}` ? `${Head}_${ToPosixLocale<Tail>}` : T;
+export type AiTagLocale = MarketLocale | ToPosixLocale<MarketLocale>;
 declare const AI_TAG_VARIANTS: readonly [
     "abbreviation",
     "generated",
     "modified"
 ];
 export type AiTagVariant = (typeof AI_TAG_VARIANTS)[number];
-declare const AI_TAG_TRANSLATIONS: {
-    bg_BG: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    bs_BA: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    cs_CZ: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    da_DK: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    de_DE: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    el_GR: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    en_CY: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    en_GB: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    en_US: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    es_ES: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    et_EE: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    fi_FI: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    fr_FR: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    he_IL: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    hr_HR: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    hu_HU: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    is_IS: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    it_IT: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    lt_LT: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    lv_LV: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    me_ME: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    mk_MK: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    mt_MT: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    nb_NO: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    nl_NL: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    pl_PL: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    pt_PT: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    ro_RO: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    ru_RU: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    sk_SK: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    sl_SI: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    sr_RS: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    sv_SE: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    tr_TR: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    uk_UA: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-};
-export type AiTagLocale = keyof typeof AI_TAG_TRANSLATIONS;
 declare const BANNER_POSITIONS: readonly [
     "top",
     "bottom"
@@ -1158,6 +1133,7 @@ export type DrilldownAriaAttribute = (typeof DRILLDOWN_ARIA_ATTRIBUTES)[number];
 export type DrilldownUpdateEventDetail = {
     activeIdentifier: string | undefined;
 };
+export type DrilldownDismissEventDetail = DialogDismissEventDetail;
 export type DrilldownLinkTarget = LinkTarget;
 export type DrilldownLinkAriaAttribute = LinkAriaAttribute;
 declare const FIELDSET_LABEL_SIZES: readonly [
@@ -1217,6 +1193,7 @@ declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
 export type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
 export type FlyoutMotionVisibleEndEventDetail = TransitionEvent;
 export type FlyoutMotionHiddenEndEventDetail = TransitionEvent;
+export type FlyoutDismissEventDetail = DialogDismissEventDetail;
 export type FlyoutBackdrop = Backdrop;
 declare const HEADING_TAGS: readonly [
     "h1",
@@ -1446,6 +1423,7 @@ export type ModalBackground = (typeof MODAL_BACKGROUNDS)[number];
 export type ModalBackdrop = Backdrop;
 export type ModalMotionVisibleEndEventDetail = TransitionEvent;
 export type ModalMotionHiddenEndEventDetail = TransitionEvent;
+export type ModalDismissEventDetail = DialogDismissEventDetail;
 declare const MODEL_SIGNATURES_MANIFEST: {
     "718": {
         src: string;
@@ -1568,6 +1546,9 @@ declare const POPOVER_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type PopoverAriaAttribute = (typeof POPOVER_ARIA_ATTRIBUTES)[number];
+export type PopoverDismissEventDetail = {
+    reason: "outside-click" | "focus-out" | "escape";
+};
 declare const GROUP_DIRECTIONS: readonly [
     "row",
     "column"
@@ -1616,6 +1597,7 @@ declare const SHEET_BACKGROUNDS: readonly [
 export type SheetBackground = (typeof SHEET_BACKGROUNDS)[number];
 export type SheetMotionVisibleEndEventDetail = TransitionEvent;
 export type SheetMotionHiddenEndEventDetail = TransitionEvent;
+export type SheetDismissEventDetail = DialogDismissEventDetail;
 declare const SPINNER_COLORS: readonly [
     "primary",
     "inherit"