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

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

@@ -1,75 +1,105 @@
-import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
-type PLinkTileProps = {
-    /**
-     * Alignment of link and description.
-     */
-    align?: LinkTileAlign;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
-    /**
-     * Aspect ratio of the link-tile.
-     */
-    aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
-    /**
-     * Displays the link-tile as compact version with description and link icon only.
-     */
-    compact?: BreakpointCustomizable<boolean>;
-    /**
-     * Description text.
-     */
-    description: string;
-    /**
-     * Special download attribute to open native browser download dialog if target url points to a downloadable file.
-     */
-    download?: string;
-    /**
-     * Show gradient.
-     */
-    gradient?: boolean;
-    /**
-     * href of the `<a>`.
-     */
-    href: string;
-    /**
-     * Label of the <a />.
-     */
-    label: string;
-    /**
-     * Specifies the relationship of the target object to the link object.
-     */
-    rel?: string;
-    /**
-     * Font size of the description.
-     */
-    size?: BreakpointCustomizable<LinkTileSize>;
-    /**
-     * Target attribute where the link should be opened.
-     */
-    target?: LinkTileTarget;
-    /**
-     * Font weight of the description.
-     */
-    weight?: BreakpointCustomizable<LinkTileWeight>;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileProps>, {
-    align: string;
-    aspectRatio: string;
-    compact: boolean;
-    gradient: boolean;
-    size: string;
-    target: 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<PLinkTileProps>, {
-    align: string;
-    aspectRatio: string;
-    compact: boolean;
-    gradient: boolean;
-    size: string;
-    target: string;
-    weight: string;
-}>>>, {
+import type { SelectedAriaAttributes, BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    download: {
+        type: import("vue").PropType<string>;
+    };
+    weight: {
+        type: import("vue").PropType<BreakpointCustomizable<"regular" | "semi-bold" | "semibold">>;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    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">>;
+    };
+    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;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rel: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    download: {
+        type: import("vue").PropType<string>;
+    };
+    weight: {
+        type: import("vue").PropType<BreakpointCustomizable<"regular" | "semi-bold" | "semibold">>;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    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">>;
+    };
+    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;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rel: {
+        type: import("vue").PropType<string>;
+    };
+}>>, {
     weight: BreakpointCustomizable<"regular" | "semi-bold" | "semibold">;
     compact: BreakpointCustomizable<boolean>;
     size: BreakpointCustomizable<"default" | "inherit">;
@@ -81,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];
-} & {};

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

@@ -1,59 +1,77 @@
-import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';
-type PLinkProps = {
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<LinkAriaAttribute>;
-    /**
-     * Special download attribute to open native browser download dialog if target url points to a downloadable file.
-     */
-    download?: string;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * When providing an url then the component will be rendered as `<a>`.
-     */
-    href?: string;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: LinkIcon;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string;
-    /**
-     * Specifies the relationship of the target object to the link object.
-     */
-    rel?: string;
-    /**
-     * Target attribute where the link should be opened.
-     */
-    target?: LinkTarget;
-    /**
-     * Adapts the link color when used on dark background.
-     */
-    theme?: Theme;
-    /**
-     * The style variant of the link.
-     */
-    variant?: LinkVariant;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkProps>, {
-    hideLabel: boolean;
-    icon: string;
-    target: string;
-    theme: 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<PLinkProps>, {
-    hideLabel: boolean;
-    icon: string;
-    target: string;
-    theme: string;
-    variant: string;
-}>>>, {
+import type { SelectedAriaAttributes, BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    download: {
+        type: import("vue").PropType<string>;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    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>;
+    };
+    variant: {
+        type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
+        default: string;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rel: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    download: {
+        type: import("vue").PropType<string>;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    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>;
+    };
+    variant: {
+        type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
+        default: string;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rel: {
+        type: import("vue").PropType<string>;
+    };
+}>>, {
     theme: "light" | "dark";
     hideLabel: BreakpointCustomizable<boolean>;
     icon: import("../types").LinkButtonIconName;
@@ -63,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/MarqueWrapper.vue.d.ts

@@ -1,62 +1,55 @@
-import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant } from '../types';
-type PMarqueProps = {
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<MarqueAriaAttribute>;
-    /**
-     * When providing an url then the component will be rendered as `<a>`.
-     */
-    href?: string;
-    /**
-     * Adapts sizing of marque.
-     */
-    size?: MarqueSize;
-    /**
-     * Target attribute where the link should be opened.
-     */
-    target?: MarqueTarget;
-    /**
-     * Show/hide trademark sign (only has effect when variant is set to default).
-     */
-    trademark?: boolean;
-    /**
-     * Shows marque in special editions
-     */
-    variant?: MarqueVariant;
-};
+import type { SelectedAriaAttributes } from '../types';
 /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PMarqueProps>, {
-    size: string;
-    target: string;
-    trademark: boolean;
-    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<PMarqueProps>, {
-    size: string;
-    target: string;
-    trademark: boolean;
-    variant: string;
-}>>>, {
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "responsive">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "75-years">;
+        default: string;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    trademark: {
+        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<{
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "responsive">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "75-years">;
+        default: string;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    trademark: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
     size: "small" | "medium" | "responsive";
     variant: "default" | "75-years";
     target: string;
     trademark: boolean;
 }, {}>;
 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/ModalWrapper.vue.d.ts

@@ -1,48 +1,62 @@
-import type { SelectedAriaAttributes, ModalAriaAttribute, BreakpointCustomizable } from '../types';
-type PModalProps = {
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<ModalAriaAttribute>;
-    /**
-     * If true, the modal will not be closable via backdrop click.
-     */
-    disableBackdropClick?: boolean;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
-     */
-    disableCloseButton?: boolean;
-    /**
-     * If false, the modal will not have a dismiss button.
-     */
-    dismissButton?: boolean;
-    /**
-     * If true the modal uses max viewport height and width. Should only be used for mobile.
-     */
-    fullscreen?: BreakpointCustomizable<boolean>;
-    /**
-     * The title of the modal
-     */
-    heading?: string;
-    /**
-     * If true, the modal is open.
-     */
-    open: boolean;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModalProps>, {
-    disableBackdropClick: boolean;
-    dismissButton: boolean;
-    fullscreen: boolean;
-    open: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { SelectedAriaAttributes, BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    heading: {
+        type: import("vue").PropType<string>;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    dismissButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    disableBackdropClick: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disableCloseButton: {
+        type: import("vue").PropType<boolean>;
+    };
+    fullscreen: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: void | undefined) => void;
     dismiss: (value?: void | undefined) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModalProps>, {
-    disableBackdropClick: boolean;
-    dismissButton: boolean;
-    fullscreen: boolean;
-    open: boolean;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    heading: {
+        type: import("vue").PropType<string>;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    dismissButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    disableBackdropClick: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disableCloseButton: {
+        type: import("vue").PropType<boolean>;
+    };
+    fullscreen: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+}>> & {
     onDismiss?: ((value?: void | undefined) => any) | undefined;
     onClose?: ((value?: void | undefined) => any) | undefined;
 }, {
@@ -54,25 +68,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];
-} & {};