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

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

@@ -1,90 +1,117 @@
-import type { BreakpointCustomizable, LinkPureAlignLabel, SelectedAriaAttributes, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, Theme, LinkPureWeight } from '../types';
-type PLinkPureProps = {
-    /**
-     * Display link in active state.
-     */
-    active?: boolean;
-    /**
-     * Aligns the label.
-     */
-    alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<LinkPureAriaAttribute>;
-    /**
-     * 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?: LinkPureIcon;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string;
-    /**
-     * Specifies the relationship of the target object to the link object.
-     */
-    rel?: string;
-    /**
-     * Size of the link.
-     */
-    size?: BreakpointCustomizable<LinkPureSize>;
-    /**
-     * Stretches the area between icon and label to max available space.
-     */
-    stretch?: BreakpointCustomizable<boolean>;
-    /**
-     * Target attribute where the link should be opened.
-     */
-    target?: LinkPureTarget;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: Theme;
-    /**
-     * Shows an underline under the label.
-     */
-    underline?: boolean;
-    /**
-     * The weight of the text (only has effect with visible label).
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    weight?: LinkPureWeight;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkPureProps>, {
-    active: boolean;
-    alignLabel: string;
-    hideLabel: boolean;
-    icon: string;
-    size: string;
-    stretch: boolean;
-    target: string;
-    theme: string;
-    underline: boolean;
-    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<PLinkPureProps>, {
-    active: boolean;
-    alignLabel: string;
-    hideLabel: boolean;
-    icon: string;
-    size: string;
-    stretch: boolean;
-    target: string;
-    theme: string;
-    underline: boolean;
-    weight: string;
-}>>>, {
+import type { BreakpointCustomizable, SelectedAriaAttributes } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    download: {
+        type: import("vue").PropType<string>;
+    };
+    weight: {
+        type: import("vue").PropType<"regular" | "semi-bold" | "bold" | "thin" | "semibold">;
+        default: string;
+    };
+    stretch: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    alignLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<"left" | "right">>;
+        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>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rel: {
+        type: import("vue").PropType<string>;
+    };
+    underline: {
+        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<{
+    download: {
+        type: import("vue").PropType<string>;
+    };
+    weight: {
+        type: import("vue").PropType<"regular" | "semi-bold" | "bold" | "thin" | "semibold">;
+        default: string;
+    };
+    stretch: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    alignLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<"left" | "right">>;
+        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>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rel: {
+        type: import("vue").PropType<string>;
+    };
+    underline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
     weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
     stretch: BreakpointCustomizable<boolean>;
     size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
@@ -99,25 +126,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/LinkSocialWrapper.vue.d.ts

@@ -1,44 +1,56 @@
-import type { BreakpointCustomizable, LinkSocialIcon, LinkSocialTarget, Theme } from '../types';
-type PLinkSocialProps = {
-    /**
-     * Show or hide label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * When providing an url then the component will be rendered as `<a>`.
-     */
-    href?: string;
-    /**
-     * The icon shown.
-     */
-    icon?: LinkSocialIcon;
-    /**
-     * 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?: LinkSocialTarget;
-    /**
-     * Adapts the link color when used on dark background.
-     */
-    theme?: Theme;
-};
+import type { BreakpointCustomizable, LinkSocialIcon } from '../types';
 /** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkSocialProps>, {
-    hideLabel: boolean;
-    target: 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<PLinkSocialProps>, {
-    hideLabel: boolean;
-    target: string;
-    theme: string;
-}>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<LinkSocialIcon>;
+    };
+    iconSource: {
+        type: import("vue").PropType<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<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<LinkSocialIcon>;
+    };
+    iconSource: {
+        type: import("vue").PropType<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>;
     target: string;
@@ -46,25 +58,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/LinkTileModelSignatureWrapper.vue.d.ts

@@ -1,53 +1,67 @@
-import type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';
-type PLinkTileModelSignatureProps = {
-    /**
-     * Aspect ratio of the link-tile-model-signature.
-     */
-    aspectRatio?: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
-    /**
-     * Description text.
-     */
-    description?: string;
-    /**
-     * Heading text.
-     */
-    heading: string;
-    /**
-     * Sets a custom headline tag which wraps the heading to enhance semantics.
-     */
-    headingTag?: LinkTileModelSignatureHeadingTag;
-    /**
-     * Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
-     */
-    linkDirection?: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
-    /**
-     * Adapts the model of the component.
-     */
-    model?: LinkTileModelSignatureModel;
-    /**
-     * Adapts the font weight of the heading.
-     */
-    weight?: BreakpointCustomizable<LinkTileModelSignatureWeight>;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileModelSignatureProps>, {
-    aspectRatio: string;
-    headingTag: string;
-    linkDirection: () => {
-        base: string;
-        xs: string;
+import type { BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    heading: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    weight: {
+        type: import("vue").PropType<BreakpointCustomizable<"regular" | "semi-bold">>;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+    };
+    aspectRatio: {
+        type: import("vue").PropType<BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">>;
+        default: string;
+    };
+    headingTag: {
+        type: import("vue").PropType<"h2" | "h3" | "h4" | "h5" | "h6">;
+        default: string;
+    };
+    linkDirection: {
+        type: import("vue").PropType<BreakpointCustomizable<"row" | "column">>;
+        default: () => {
+            base: string;
+            xs: 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<{
+    heading: {
+        type: import("vue").PropType<string>;
+        required: true;
     };
-    model: 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<PLinkTileModelSignatureProps>, {
-    aspectRatio: string;
-    headingTag: string;
-    linkDirection: () => {
-        base: string;
-        xs: string;
+    weight: {
+        type: import("vue").PropType<BreakpointCustomizable<"regular" | "semi-bold">>;
+        default: string;
     };
-    model: string;
-    weight: string;
-}>>>, {
+    description: {
+        type: import("vue").PropType<string>;
+    };
+    aspectRatio: {
+        type: import("vue").PropType<BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">>;
+        default: string;
+    };
+    headingTag: {
+        type: import("vue").PropType<"h2" | "h3" | "h4" | "h5" | "h6">;
+        default: string;
+    };
+    linkDirection: {
+        type: import("vue").PropType<BreakpointCustomizable<"row" | "column">>;
+        default: () => {
+            base: string;
+            xs: string;
+        };
+    };
+    model: {
+        type: import("vue").PropType<"718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo">;
+        default: string;
+    };
+}>>, {
     weight: BreakpointCustomizable<"regular" | "semi-bold">;
     aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
     headingTag: "h2" | "h3" | "h4" | "h5" | "h6";
@@ -57,25 +71,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];
-} & {};