@porsche-design-system/components-vue 3.0.0-rc.0 → 3.0.0-rc.2

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

@@ -1,59 +1,61 @@
-import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
+type PButtonPureProps = {
     /**
      * Display button in active state.
      */
-    active?: boolean | undefined;
+    active?: boolean;
     /**
      * Aligns the label.
      */
-    alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
+    alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
+    aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Show or hide label. For better accessibility it is recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * The icon shown.
      */
-    icon?: import("../types").LinkButtonIconName | undefined;
+    icon?: ButtonPureIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * Size of the button.
      */
-    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
+    size?: BreakpointCustomizable<ButtonPureSize>;
     /**
      * Stretches the area between icon and label to max available space.
      */
-    stretch?: BreakpointCustomizable<boolean> | undefined;
+    stretch?: BreakpointCustomizable<boolean>;
     /**
      * Adapts the button color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * Specifies the type of the button.
      */
-    type?: "reset" | "button" | "submit" | undefined;
+    type?: ButtonPureType;
     /**
      * The weight of the text (only has effect with visible label).
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
-}>, {
+    weight?: ButtonPureWeight;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonPureProps>, {
     active: boolean;
     alignLabel: string;
     disabled: boolean;
@@ -65,61 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: 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<{
-    /**
-     * Display button in active state.
-     */
-    active?: boolean | undefined;
-    /**
-     * Aligns the label.
-     */
-    alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * The icon shown.
-     */
-    icon?: import("../types").LinkButtonIconName | undefined;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string | undefined;
-    /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean | undefined;
-    /**
-     * Size of the button.
-     */
-    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
-    /**
-     * Stretches the area between icon and label to max available space.
-     */
-    stretch?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: "reset" | "button" | "submit" | undefined;
-    /**
-     * The weight of the text (only has effect with visible label).
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
-}>, {
+}>, {}, 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<PButtonPureProps>, {
     active: boolean;
     alignLabel: string;
     disabled: boolean;
@@ -132,19 +80,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     weight: string;
 }>>>, {
-    weight: ButtonPureWeight;
+    weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
     stretch: BreakpointCustomizable<boolean>;
-    size: BreakpointCustomizable<ButtonPureSize>;
-    theme: Theme;
-    type: ButtonPureType;
+    type: "reset" | "button" | "submit";
+    size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
+    theme: "light" | "dark";
     active: boolean;
-    alignLabel: BreakpointCustomizable<ButtonPureAlignLabel>;
+    alignLabel: BreakpointCustomizable<"left" | "right">;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: ButtonPureIcon;
+    icon: import("../types").LinkButtonIconName;
     loading: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -157,12 +105,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,21 +1,22 @@
-import type { ButtonTileAlign, SelectedAriaAttributes, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
+type PButtonTileProps = {
     /**
      * Alignment of button and description.
      */
-    align?: "top" | "bottom" | undefined;
+    align?: ButtonTileAlign;
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
+    aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
     /**
      * Aspect ratio of the button-tile.
      */
-    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
     /**
      * Displays the button-tile as compact version with description and button icon only.
      */
-    compact?: BreakpointCustomizable<boolean> | undefined;
+    compact?: BreakpointCustomizable<boolean>;
     /**
      * Description text.
      */
@@ -23,19 +24,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Show gradient.
      */
-    gradient?: boolean | undefined;
+    gradient?: boolean;
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: import("../types").LinkButtonIconName | undefined;
+    icon?: ButtonTileIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Label of the button.
      */
@@ -43,20 +44,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * Font size of the description.
      */
-    size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
+    size?: BreakpointCustomizable<ButtonTileSize>;
     /**
      * Specifies the type of the button.
      */
-    type?: "reset" | "button" | "submit" | undefined;
+    type?: ButtonTileType;
     /**
      * Font weight of the description.
      */
-    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
-}>, {
+    weight?: BreakpointCustomizable<ButtonTileWeight>;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonTileProps>, {
     align: string;
     aspectRatio: string;
     compact: boolean;
@@ -67,64 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     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<{
-    /**
-     * Alignment of button and description.
-     */
-    align?: "top" | "bottom" | undefined;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
-    /**
-     * Aspect ratio of the button-tile.
-     */
-    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
-    /**
-     * Displays the button-tile as compact version with description and button icon only.
-     */
-    compact?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * Description text.
-     */
-    description: string;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Show gradient.
-     */
-    gradient?: boolean | undefined;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: import("../types").LinkButtonIconName | undefined;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string | undefined;
-    /**
-     * 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 | undefined;
-    /**
-     * Font size of the description.
-     */
-    size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: "reset" | "button" | "submit" | undefined;
-    /**
-     * Font weight of the description.
-     */
-    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
-}>, {
+}>, {}, 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;
@@ -136,18 +81,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     weight: string;
 }>>>, {
-    weight: BreakpointCustomizable<ButtonTileWeight>;
+    weight: BreakpointCustomizable<"regular" | "semi-bold">;
+    type: "reset" | "button" | "submit";
     compact: BreakpointCustomizable<boolean>;
-    size: BreakpointCustomizable<ButtonTileSize>;
-    type: ButtonTileType;
+    size: BreakpointCustomizable<"default" | "inherit">;
     disabled: boolean;
-    icon: ButtonTileIcon;
+    icon: import("../types").LinkButtonIconName;
     loading: boolean;
-    align: ButtonTileAlign;
-    aspectRatio: BreakpointCustomizable<ButtonTileAspectRatio>;
+    align: "top" | "bottom";
+    aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
     gradient: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -160,12 +105,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,42 +1,44 @@
-import type { SelectedAriaAttributes, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
+type PButtonProps = {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
+    aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Show or hide label. For better accessibility it is recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: import("../types").LinkButtonIconName | undefined;
+    icon?: ButtonIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * Adapts the button color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * Specifies the type of the button.
      */
-    type?: "reset" | "button" | "submit" | undefined;
+    type?: ButtonType;
     /**
      * The style variant of the button.
      */
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-}>, {
+    variant?: ButtonVariant;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonProps>, {
     disabled: boolean;
     hideLabel: boolean;
     icon: string;
@@ -44,44 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     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<{
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: import("../types").LinkButtonIconName | undefined;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string | undefined;
-    /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean | undefined;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: "reset" | "button" | "submit" | undefined;
-    /**
-     * The style variant of the button.
-     */
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-}>, {
+}>, {}, 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;
@@ -90,15 +55,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     variant: string;
 }>>>, {
-    theme: Theme;
-    type: ButtonType;
+    type: "reset" | "button" | "submit";
+    theme: "light" | "dark";
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: ButtonIcon;
+    icon: import("../types").LinkButtonIconName;
     loading: boolean;
-    variant: ButtonVariant;
+    variant: "primary" | "secondary" | "tertiary";
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -111,12 +76,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};