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

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

@@ -1,34 +1,36 @@
+/** __vue_virtual_code_placeholder */
 import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PTextProps = {
     /**
      * Text alignment of the component.
      */
-    align?: "center" | "left" | "right" | undefined;
+    align?: TextAlign;
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
+    color?: TextColor;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
-    ellipsis?: boolean | undefined;
+    ellipsis?: boolean;
     /**
      * Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
+    size?: BreakpointCustomizable<TextSize>;
     /**
      * Sets a custom HTML tag depending on the usage of the text component.
      */
-    tag?: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend" | undefined;
+    tag?: TextTag;
     /**
      * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * The weight of the text.
      */
-    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
-}>, {
+    weight?: TextWeight;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTextProps>, {
     align: string;
     color: string;
     ellipsis: boolean;
@@ -36,36 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tag: string;
     theme: 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<{
-    /**
-     * Text alignment of the component.
-     */
-    align?: "center" | "left" | "right" | undefined;
-    /**
-     * Basic text color variations depending on theme property.
-     */
-    color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
-    /**
-     * Adds an ellipsis to a single line of text if it overflows.
-     */
-    ellipsis?: boolean | undefined;
-    /**
-     * Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
-     */
-    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
-    /**
-     * Sets a custom HTML tag depending on the usage of the text component.
-     */
-    tag?: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend" | undefined;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * The weight of the text.
-     */
-    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<PTextProps>, {
     align: string;
     color: string;
     ellipsis: boolean;
@@ -74,15 +47,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     weight: string;
 }>>>, {
-    weight: TextWeight;
-    size: BreakpointCustomizable<TextSize>;
-    tag: TextTag;
-    theme: Theme;
-    align: TextAlign;
-    color: TextColor;
+    weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
+    size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
+    tag: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend";
+    theme: "light" | "dark";
+    align: "center" | "left" | "right";
+    color: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral";
     ellipsis: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -95,12 +68,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/TextareaWrapperWrapper.vue.d.ts

@@ -1,38 +1,40 @@
+/** __vue_virtual_code_placeholder */
 import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PTextareaWrapperProps = {
     /**
      * The description text.
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * Show or hide label. For better accessibility it is recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * The label text.
      */
-    label?: string | undefined;
+    label?: string;
     /**
      * The message styled depending on validation state.
      */
-    message?: string | undefined;
+    message?: string;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
      */
-    showCharacterCount?: boolean | undefined;
+    showCharacterCount?: boolean;
     /**
      * Show or hide max character count.
      */
-    showCounter?: boolean | undefined;
+    showCounter?: boolean;
     /**
      * The validation state.
      */
-    state?: "success" | "none" | "error" | undefined;
+    state?: TextareaWrapperState;
     /**
      * Adapts the color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTextareaWrapperProps>, {
     description: string;
     hideLabel: boolean;
     label: string;
@@ -40,40 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showCounter: boolean;
     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<{
-    /**
-     * The description text.
-     */
-    description?: string | undefined;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * The label text.
-     */
-    label?: string | undefined;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
-     */
-    showCharacterCount?: boolean | undefined;
-    /**
-     * Show or hide max character count.
-     */
-    showCounter?: boolean | undefined;
-    /**
-     * The validation state.
-     */
-    state?: "success" | "none" | "error" | undefined;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: "light" | "dark" | 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<PTextareaWrapperProps>, {
     description: string;
     hideLabel: boolean;
     label: string;
@@ -83,14 +52,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
 }>>>, {
     label: string;
-    theme: Theme;
+    theme: "light" | "dark";
     description: string;
-    state: TextareaWrapperState;
+    state: "success" | "none" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
     message: string;
     showCounter: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -103,12 +72,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/ToastWrapper.vue.d.ts

@@ -1,20 +1,17 @@
+/** __vue_virtual_code_placeholder */
 import type { Theme } from '../types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PToastProps = {
     /**
      * Adapts the toast color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PToastProps>, {
     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<{
-    /**
-     * Adapts the toast color depending on the theme.
-     */
-    theme?: "light" | "dark" | 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<PToastProps>, {
     theme: string;
 }>>>, {
-    theme: Theme;
+    theme: "light" | "dark";
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -27,7 +24,10 @@ 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_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,58 +1,39 @@
-import type { SelectedAriaAttributes, WordmarkSize, WordmarkTarget, Theme } from '../types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
+type PWordmarkProps = {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
     /**
      * When providing an url then the component will be rendered as `<a>`.
      */
-    href?: string | undefined;
+    href?: string;
     /**
      * Adapts sizing of wordmark.
      */
-    size?: "inherit" | "small" | undefined;
+    size?: WordmarkSize;
     /**
      * Target attribute where the link should be opened.
      */
-    target?: string | undefined;
+    target?: WordmarkTarget;
     /**
      * Adapts color depending on theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PWordmarkProps>, {
     size: string;
     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<{
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
-    /**
-     * When providing an url then the component will be rendered as `<a>`.
-     */
-    href?: string | undefined;
-    /**
-     * Adapts sizing of wordmark.
-     */
-    size?: "inherit" | "small" | undefined;
-    /**
-     * Target attribute where the link should be opened.
-     */
-    target?: string | undefined;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: "light" | "dark" | 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<PWordmarkProps>, {
     size: string;
     target: string;
     theme: string;
 }>>>, {
-    size: WordmarkSize;
-    theme: Theme;
-    target: WordmarkTarget;
+    size: "inherit" | "small";
+    theme: "light" | "dark";
+    target: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -65,7 +46,10 @@ 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_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};