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

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

@@ -1,85 +1,115 @@
-import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
-type PButtonTileProps = {
-    /**
-     * Alignment of button and description.
-     */
-    align?: ButtonTileAlign;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
-    /**
-     * Aspect ratio of the button-tile.
-     */
-    aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
-    /**
-     * Displays the button-tile as compact version with description and button icon only.
-     */
-    compact?: BreakpointCustomizable<boolean>;
-    /**
-     * Description text.
-     */
-    description: string;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean;
-    /**
-     * Show gradient.
-     */
-    gradient?: boolean;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: ButtonTileIcon;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string;
-    /**
-     * Label of the button.
-     */
-    label: string;
-    /**
-     * Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean;
-    /**
-     * Font size of the description.
-     */
-    size?: BreakpointCustomizable<ButtonTileSize>;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: ButtonTileType;
-    /**
-     * Font weight of the description.
-     */
-    weight?: BreakpointCustomizable<ButtonTileWeight>;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonTileProps>, {
-    align: string;
-    aspectRatio: string;
-    compact: boolean;
-    disabled: boolean;
-    gradient: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    type: string;
-    weight: 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<PButtonTileProps>, {
-    align: string;
-    aspectRatio: string;
-    compact: boolean;
-    disabled: boolean;
-    gradient: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    type: string;
-    weight: string;
-}>>>, {
+import type { SelectedAriaAttributes, BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    weight: {
+        type: import("vue").PropType<BreakpointCustomizable<"regular" | "semi-bold">>;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    type: {
+        type: import("vue").PropType<"button" | "reset" | "submit">;
+        default: string;
+    };
+    compact: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<BreakpointCustomizable<"default" | "inherit">>;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup">>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<import("../types").LinkButtonIconName>;
+        default: string;
+    };
+    iconSource: {
+        type: import("vue").PropType<string>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    align: {
+        type: import("vue").PropType<"top" | "bottom">;
+        default: string;
+    };
+    aspectRatio: {
+        type: import("vue").PropType<BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">>;
+        default: string;
+    };
+    gradient: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    weight: {
+        type: import("vue").PropType<BreakpointCustomizable<"regular" | "semi-bold">>;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    type: {
+        type: import("vue").PropType<"button" | "reset" | "submit">;
+        default: string;
+    };
+    compact: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<BreakpointCustomizable<"default" | "inherit">>;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup">>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<import("../types").LinkButtonIconName>;
+        default: string;
+    };
+    iconSource: {
+        type: import("vue").PropType<string>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    align: {
+        type: import("vue").PropType<"top" | "bottom">;
+        default: string;
+    };
+    aspectRatio: {
+        type: import("vue").PropType<BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">>;
+        default: string;
+    };
+    gradient: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
     weight: BreakpointCustomizable<"regular" | "semi-bold">;
     type: "button" | "reset" | "submit";
     compact: BreakpointCustomizable<boolean>;
@@ -94,25 +124,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/ButtonWrapper.vue.d.ts

@@ -1,59 +1,75 @@
-import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
-type PButtonProps = {
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: ButtonIcon;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string;
-    /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: Theme;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: ButtonType;
-    /**
-     * The style variant of the button.
-     */
-    variant?: ButtonVariant;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonProps>, {
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    theme: string;
-    type: string;
-    variant: 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<PButtonProps>, {
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    theme: string;
-    type: string;
-    variant: string;
-}>>>, {
+import type { SelectedAriaAttributes, BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"button" | "reset" | "submit">;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup">>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<import("../types").LinkButtonIconName>;
+        default: string;
+    };
+    iconSource: {
+        type: import("vue").PropType<string>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    variant: {
+        type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"button" | "reset" | "submit">;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup">>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<import("../types").LinkButtonIconName>;
+        default: string;
+    };
+    iconSource: {
+        type: import("vue").PropType<string>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    variant: {
+        type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
+        default: string;
+    };
+}>>, {
     type: "button" | "reset" | "submit";
     theme: "light" | "dark";
     disabled: boolean;
@@ -65,25 +81,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/CarouselWrapper.vue.d.ts

@@ -1,79 +1,102 @@
-import type { CarouselAlignHeader, BreakpointCustomizable, CarouselInternationalization, CarouselUpdateEvent, Theme, CarouselWidth } from '../types';
-type PCarouselProps = {
-    /**
-     * Defines which slide to be active (zero-based numbering).
-     */
-    activeSlideIndex?: number;
-    /**
-     * Alignment of heading and description
-     */
-    alignHeader?: CarouselAlignHeader;
-    /**
-     * Defines the description used in the carousel.
-     */
-    description?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `pagination` instead. If true, the carousel will not show pagination bullets at the bottom.
-     */
-    disablePagination?: BreakpointCustomizable<boolean>;
-    /**
-     * Defines the heading used in the carousel.
-     */
-    heading?: string;
-    /**
-     * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
-     */
-    intl?: CarouselInternationalization;
-    /**
-     * If false, the carousel will not show pagination bullets at the bottom.
-     */
-    pagination?: BreakpointCustomizable<boolean>;
-    /**
-     * Whether the slides should rewind from last to first slide and vice versa.
-     */
-    rewind?: boolean;
-    /**
-     * Defines target of skip link (to skip carousel entries).
-     */
-    skipLinkTarget?: string;
-    /**
-     * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
-     */
-    slidesPerPage?: BreakpointCustomizable<number> | "auto";
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
-    /**
-     * Defines the outer spacings between the carousel and the left and right screen sides.
-     */
-    width?: CarouselWidth;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    wrapContent?: boolean;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCarouselProps>, {
-    activeSlideIndex: number;
-    alignHeader: string;
-    pagination: boolean;
-    rewind: boolean;
-    slidesPerPage: number;
-    theme: string;
-    width: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { BreakpointCustomizable, CarouselInternationalization, CarouselUpdateEvent } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    heading: {
+        type: import("vue").PropType<string>;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<"extended" | "basic">;
+        default: string;
+    };
+    activeSlideIndex: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    alignHeader: {
+        type: import("vue").PropType<"center" | "left">;
+        default: string;
+    };
+    disablePagination: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+    };
+    intl: {
+        type: import("vue").PropType<CarouselInternationalization>;
+    };
+    pagination: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    rewind: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    skipLinkTarget: {
+        type: import("vue").PropType<string>;
+    };
+    slidesPerPage: {
+        type: import("vue").PropType<BreakpointCustomizable<number>>;
+        default: number;
+    };
+    wrapContent: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     carouselChange: (value: CarouselUpdateEvent) => void;
     update: (value: CarouselUpdateEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCarouselProps>, {
-    activeSlideIndex: number;
-    alignHeader: string;
-    pagination: boolean;
-    rewind: boolean;
-    slidesPerPage: number;
-    theme: string;
-    width: string;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    heading: {
+        type: import("vue").PropType<string>;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<"extended" | "basic">;
+        default: string;
+    };
+    activeSlideIndex: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    alignHeader: {
+        type: import("vue").PropType<"center" | "left">;
+        default: string;
+    };
+    disablePagination: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+    };
+    intl: {
+        type: import("vue").PropType<CarouselInternationalization>;
+    };
+    pagination: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    rewind: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    skipLinkTarget: {
+        type: import("vue").PropType<string>;
+    };
+    slidesPerPage: {
+        type: import("vue").PropType<BreakpointCustomizable<number>>;
+        default: number;
+    };
+    wrapContent: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
     onUpdate?: ((value: CarouselUpdateEvent) => any) | undefined;
     onCarouselChange?: ((value: CarouselUpdateEvent) => any) | undefined;
 }, {
@@ -88,25 +111,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];
-} & {};