@porsche-design-system/components-vue 3.2.0 → 3.3.0

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

@@ -1,45 +1,55 @@
-import type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';
-type PCheckboxWrapperProps = {
-    /**
-     * Show or hide label. For better accessibility it's recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * __Experimental__: Disables the checkbox and shows a loading indicator.
-     */
-    loading?: boolean;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string;
-    /**
-     * The validation state.
-     */
-    state?: CheckboxWrapperState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCheckboxWrapperProps>, {
-    hideLabel: boolean;
-    label: string;
-    loading: boolean;
-    message: string;
-    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<PCheckboxWrapperProps>, {
-    hideLabel: boolean;
-    label: string;
-    loading: boolean;
-    message: string;
-    state: string;
-    theme: string;
-}>>>, {
+import type { BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    state: {
+        type: import("vue").PropType<"none" | "success" | "error">;
+        default: string;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    state: {
+        type: import("vue").PropType<"none" | "success" | "error">;
+        default: string;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
     label: string;
     theme: "light" | "dark";
     state: "none" | "success" | "error";
@@ -50,25 +60,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/ContentWrapperWrapper.vue.d.ts

@@ -1,30 +1,31 @@
-import type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';
-type PContentWrapperProps = {
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    backgroundColor?: ContentWrapperBackgroundColor;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    theme?: Theme;
-    /**
-     * Defines the outer spacings between the content area and the left and right screen sides, as well as centering its content and setting a max-width.
-     */
-    width?: ContentWrapperWidth;
-};
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PContentWrapperProps>, {
-    backgroundColor: string;
-    theme: string;
-    width: 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<PContentWrapperProps>, {
-    backgroundColor: string;
-    theme: string;
-    width: string;
-}>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<"extended" | "basic" | "fluid" | "narrow" | "full">;
+        default: string;
+    };
+    backgroundColor: {
+        type: import("vue").PropType<"default" | "transparent">;
+        default: 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;
+    };
+    width: {
+        type: import("vue").PropType<"extended" | "basic" | "fluid" | "narrow" | "full">;
+        default: string;
+    };
+    backgroundColor: {
+        type: import("vue").PropType<"default" | "transparent">;
+        default: string;
+    };
+}>>, {
     theme: "light" | "dark";
     width: "extended" | "basic" | "fluid" | "narrow" | "full";
     backgroundColor: "default" | "transparent";
@@ -32,25 +33,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/CrestWrapper.vue.d.ts

@@ -1,40 +1,27 @@
-import type { SelectedAriaAttributes, CrestAriaAttribute, CrestTarget } from '../types';
-type PCrestProps = {
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<CrestAriaAttribute>;
-    /**
-     * When providing an url then the component will be rendered as `<a>`.
-     */
-    href?: string;
-    /**
-     * Target attribute where the link should be opened.
-     */
-    target?: CrestTarget;
-};
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCrestProps>, {
-    target: 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<PCrestProps>, {
-    target: string;
-}>>>, {
+import type { SelectedAriaAttributes } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
     target: string;
 }, {}>;
 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/DisplayWrapper.vue.d.ts

@@ -1,43 +1,53 @@
-import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag, Theme } from '../types';
-type PDisplayProps = {
-    /**
-     * Text alignment of the component.
-     */
-    align?: DisplayAlign;
-    /**
-     * Basic text color variations depending on theme property.
-     */
-    color?: DisplayColor;
-    /**
-     * Adds an ellipsis to a single line of text if it overflows.
-     */
-    ellipsis?: boolean;
-    /**
-     * Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
-     */
-    size?: BreakpointCustomizable<DisplaySize>;
-    /**
-     * Sets a custom HTML tag depending on the usage of the display component.
-     */
-    tag?: DisplayTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PDisplayProps>, {
-    align: string;
-    color: string;
-    ellipsis: boolean;
-    size: 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<PDisplayProps>, {
-    align: string;
-    color: string;
-    ellipsis: boolean;
-    size: string;
-    theme: string;
-}>>>, {
+import type { BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<BreakpointCustomizable<"inherit" | "small" | "medium" | "large">>;
+        default: string;
+    };
+    tag: {
+        type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    align: {
+        type: import("vue").PropType<"center" | "left" | "right">;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<"inherit" | "primary">;
+        default: string;
+    };
+    ellipsis: {
+        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<BreakpointCustomizable<"inherit" | "small" | "medium" | "large">>;
+        default: string;
+    };
+    tag: {
+        type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    align: {
+        type: import("vue").PropType<"center" | "left" | "right">;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<"inherit" | "primary">;
+        default: string;
+    };
+    ellipsis: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
     size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
     theme: "light" | "dark";
     align: "center" | "left" | "right";
@@ -47,25 +57,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/DividerWrapper.vue.d.ts

@@ -1,50 +1,39 @@
-import type { DividerColor, BreakpointCustomizable, DividerDirection, DividerOrientation, Theme } from '../types';
-type PDividerProps = {
-    /**
-     * Defines color depending on theme.
-     */
-    color?: DividerColor;
-    /**
-     * Defines direction.
-     */
-    direction?: BreakpointCustomizable<DividerDirection>;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
-     */
-    orientation?: BreakpointCustomizable<DividerOrientation>;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
-};
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PDividerProps>, {
-    color: string;
-    direction: 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<PDividerProps>, {
-    color: string;
-    direction: string;
-    theme: string;
-}>>>, {
+import type { BreakpointCustomizable } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    direction: {
+        type: import("vue").PropType<BreakpointCustomizable<"horizontal" | "vertical">>;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<"contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high">;
+        default: string;
+    };
+    orientation: {
+        type: import("vue").PropType<BreakpointCustomizable<"horizontal" | "vertical">>;
+    };
+}, {}, 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;
+    };
+    direction: {
+        type: import("vue").PropType<BreakpointCustomizable<"horizontal" | "vertical">>;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<"contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high">;
+        default: string;
+    };
+    orientation: {
+        type: import("vue").PropType<BreakpointCustomizable<"horizontal" | "vertical">>;
+    };
+}>>, {
     theme: "light" | "dark";
     direction: BreakpointCustomizable<"horizontal" | "vertical">;
     color: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high";
 }, {}>;
 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/FieldsetWrapper.vue.d.ts

@@ -1,45 +1,54 @@
-import type { FieldsetLabelSize, FieldsetState, Theme } from '../types';
-type PFieldsetProps = {
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * The size of the label text.
-     */
-    labelSize?: FieldsetLabelSize;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string;
-    /**
-     * Marks the Fieldset as required.
-     */
-    required?: boolean;
-    /**
-     * The validation state.
-     */
-    state?: FieldsetState;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PFieldsetProps>, {
-    label: string;
-    labelSize: string;
-    message: string;
-    required: 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<PFieldsetProps>, {
-    label: string;
-    labelSize: string;
-    message: string;
-    required: boolean;
-    state: string;
-    theme: string;
-}>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    state: {
+        type: import("vue").PropType<"none" | "success" | "error">;
+        default: string;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelSize: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    state: {
+        type: import("vue").PropType<"none" | "success" | "error">;
+        default: string;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelSize: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
+}>>, {
     label: string;
     theme: "light" | "dark";
     state: "none" | "success" | "error";
@@ -50,25 +59,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];
-} & {};