@porsche-design-system/components-vue 3.2.0-rc.0 → 3.3.0-rc.0

package/lib/components/ModelSignatureWrapper.vue.d.ts

@@ -1,53 +1,41 @@
-import type { ModelSignatureColor, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
-type PModelSignatureProps = {
-    /**
-     * Adapts the color of the component.
-     */
-    color?: ModelSignatureColor;
-    /**
-     * Adapts the model of the component.
-     */
-    model?: ModelSignatureModel;
-    /**
-     * Adapts the size of the component.
-     */
-    size?: ModelSignatureSize;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
-};
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModelSignatureProps>, {
-    color: string;
-    model: string;
-    size: string;
-    theme: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModelSignatureProps>, {
-    color: string;
-    model: string;
-    size: string;
-    theme: string;
-}>>>, {
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"inherit" | "small">;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<"inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high">;
+        default: string;
+    };
+    model: {
+        type: import("vue").PropType<"718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"inherit" | "small">;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<"inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high">;
+        default: string;
+    };
+    model: {
+        type: import("vue").PropType<"718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo">;
+        default: string;
+    };
+}>>, {
     size: "inherit" | "small";
     theme: "light" | "dark";
     color: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high";
     model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/lib/components/PaginationWrapper.vue.d.ts

@@ -1,86 +1,110 @@
-import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, Theme } from '../types';
-type PPaginationProps = {
-    /**
-     * Index of the currently active page.
-     */
-    activePage: number;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
-     */
-    allyLabel?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
-     */
-    allyLabelNext?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
-     */
-    allyLabelPage?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
-     */
-    allyLabelPrev?: string;
-    /**
-     * Override the default wordings that are used for aria-labels on the next/prev and page buttons.
-     */
-    intl?: PaginationInternationalization;
-    /**
-     * The total count of items which should be shown per page.
-     */
-    itemsPerPage?: number;
-    /**
-     * The maximum number of page links rendered.
-     */
-    maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
-    /**
-     * Show or hide the button to jump to the last page.
-     */
-    showLastPage?: boolean;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
-    /**
-     * The total count of items.
-     */
-    totalItemsCount: number;
-};
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPaginationProps>, {
-    activePage: number;
-    intl: () => {
-        root: string;
-        prev: string;
-        next: string;
-        page: string;
+import type { PaginationInternationalization, BreakpointCustomizable, PaginationUpdateEvent } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
     };
-    itemsPerPage: number;
-    maxNumberOfPageLinks: () => {
-        base: number;
-        xs: number;
+    intl: {
+        type: import("vue").PropType<PaginationInternationalization>;
+        default: () => {
+            root: string;
+            prev: string;
+            next: string;
+            page: string;
+        };
     };
-    showLastPage: boolean;
-    theme: string;
-    totalItemsCount: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    activePage: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+    allyLabel: {
+        type: import("vue").PropType<string>;
+    };
+    allyLabelNext: {
+        type: import("vue").PropType<string>;
+    };
+    allyLabelPage: {
+        type: import("vue").PropType<string>;
+    };
+    allyLabelPrev: {
+        type: import("vue").PropType<string>;
+    };
+    itemsPerPage: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxNumberOfPageLinks: {
+        type: import("vue").PropType<BreakpointCustomizable<7 | 5>>;
+        default: () => {
+            base: number;
+            xs: number;
+        };
+    };
+    showLastPage: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    totalItemsCount: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pageChange: (value: PaginationUpdateEvent) => void;
     update: (value: PaginationUpdateEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPaginationProps>, {
-    activePage: number;
-    intl: () => {
-        root: string;
-        prev: string;
-        next: string;
-        page: string;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
     };
-    itemsPerPage: number;
-    maxNumberOfPageLinks: () => {
-        base: number;
-        xs: number;
+    intl: {
+        type: import("vue").PropType<PaginationInternationalization>;
+        default: () => {
+            root: string;
+            prev: string;
+            next: string;
+            page: string;
+        };
     };
-    showLastPage: boolean;
-    theme: string;
-    totalItemsCount: number;
-}>>> & {
+    activePage: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+    allyLabel: {
+        type: import("vue").PropType<string>;
+    };
+    allyLabelNext: {
+        type: import("vue").PropType<string>;
+    };
+    allyLabelPage: {
+        type: import("vue").PropType<string>;
+    };
+    allyLabelPrev: {
+        type: import("vue").PropType<string>;
+    };
+    itemsPerPage: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxNumberOfPageLinks: {
+        type: import("vue").PropType<BreakpointCustomizable<7 | 5>>;
+        default: () => {
+            base: number;
+            xs: number;
+        };
+    };
+    showLastPage: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    totalItemsCount: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+}>> & {
     onUpdate?: ((value: PaginationUpdateEvent) => any) | undefined;
     onPageChange?: ((value: PaginationUpdateEvent) => any) | undefined;
 }, {
@@ -93,20 +117,3 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     totalItemsCount: number;
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/lib/components/PopoverWrapper.vue.d.ts

@@ -1,54 +1,43 @@
-import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection, Theme } from '../types';
-type PPopoverProps = {
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
-    /**
-     * Descriptive text to show additional information when popover is open
-     */
-    description?: string;
-    /**
-     * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
-     */
-    direction?: PopoverDirection;
-    /**
-     * Adapts the popover color depending on the theme.
-     */
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPopoverProps>, {
-    direction: string;
-    theme: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPopoverProps>, {
-    direction: string;
-    theme: string;
-}>>>, {
+import type { SelectedAriaAttributes } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+    };
+    direction: {
+        type: import("vue").PropType<"top" | "bottom" | "left" | "right">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+    };
+    direction: {
+        type: import("vue").PropType<"top" | "bottom" | "left" | "right">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+}>>, {
     theme: "light" | "dark";
     direction: "top" | "bottom" | "left" | "right";
 }, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/lib/components/RadioButtonWrapperWrapper.vue.d.ts

@@ -1,39 +1,47 @@
-import type { BreakpointCustomizable, RadioButtonWrapperState, Theme } from '../types';
-type PRadioButtonWrapperProps = {
-    /**
-     * Show or hide label. For better accessibility it's recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string;
-    /**
-     * The validation state.
-     */
-    state?: RadioButtonWrapperState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PRadioButtonWrapperProps>, {
-    hideLabel: boolean;
-    label: string;
-    message: string;
-    state: string;
-    theme: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PRadioButtonWrapperProps>, {
-    hideLabel: boolean;
-    label: string;
-    message: string;
-    state: string;
-    theme: string;
-}>>>, {
+import type { BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    state: {
+        type: import("vue").PropType<"none" | "success" | "error">;
+        default: string;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    state: {
+        type: import("vue").PropType<"none" | "success" | "error">;
+        default: string;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
     label: string;
     theme: "light" | "dark";
     state: "none" | "success" | "error";
@@ -43,25 +51,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/lib/components/ScrollerWrapper.vue.d.ts

@@ -1,49 +1,63 @@
-import type { ScrollerAlignScrollIndicator, SelectedAriaAttributes, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, Theme } from '../types';
-type PScrollerProps = {
-    /**
-     * Sets the vertical position of scroll indicator.
-     */
-    alignScrollIndicator?: ScrollerAlignScrollIndicator;
-    /**
-     * Add ARIA role.
-     */
-    aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
-    /**
-     * Adapts the background gradient color of prev and next button.
-     */
-    gradientColor?: ScrollerGradientColor;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
-     */
-    gradientColorScheme?: ScrollerGradientColorScheme;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `alignScrollIndicator` instead. Sets the vertical position of scroll indicator
-     */
-    scrollIndicatorPosition?: ScrollerScrollIndicatorPosition;
-    /**
-     * Scrolls the scroll area to the left either smooth or immediately.
-     */
-    scrollToPosition?: ScrollerScrollToPosition;
-    /**
-     * Specifies if scrollbar should be shown.
-     */
-    scrollbar?: boolean;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PScrollerProps>, {
-    alignScrollIndicator: string;
-    gradientColor: string;
-    scrollbar: boolean;
-    theme: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PScrollerProps>, {
-    alignScrollIndicator: string;
-    gradientColor: string;
-    scrollbar: boolean;
-    theme: string;
-}>>>, {
+import type { SelectedAriaAttributes, ScrollerScrollToPosition } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    scrollbar: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"role">>;
+    };
+    alignScrollIndicator: {
+        type: import("vue").PropType<"top" | "center">;
+        default: string;
+    };
+    gradientColor: {
+        type: import("vue").PropType<"background-base" | "background-surface">;
+        default: string;
+    };
+    gradientColorScheme: {
+        type: import("vue").PropType<"default" | "surface">;
+    };
+    scrollIndicatorPosition: {
+        type: import("vue").PropType<"top" | "center">;
+    };
+    scrollToPosition: {
+        type: import("vue").PropType<ScrollerScrollToPosition>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scrollbar: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"role">>;
+    };
+    alignScrollIndicator: {
+        type: import("vue").PropType<"top" | "center">;
+        default: string;
+    };
+    gradientColor: {
+        type: import("vue").PropType<"background-base" | "background-surface">;
+        default: string;
+    };
+    gradientColorScheme: {
+        type: import("vue").PropType<"default" | "surface">;
+    };
+    scrollIndicatorPosition: {
+        type: import("vue").PropType<"top" | "center">;
+    };
+    scrollToPosition: {
+        type: import("vue").PropType<ScrollerScrollToPosition>;
+    };
+}>>, {
     scrollbar: boolean;
     theme: "light" | "dark";
     alignScrollIndicator: "top" | "center";
@@ -52,25 +66,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};