@porsche-design-system/components-vue 3.15.0-rc.0 → 3.15.0-rc.1

package/CHANGELOG.md

@@ -14,6 +14,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### [Unreleased]
 
+### [3.15.0-rc.1] - 2024-04-17
+
+#### Added 
+
+- Partials: `getMetaTagsAndIconLinks`, `getComponentChunkLinks`, `getIconLinks` and `getFontLinks` support new format option `js`
+  ([#3179](https://github.com/porsche-design-system/porsche-design-system/pull/3179))
+
 ### [3.15.0-rc.0] - 2024-04-05
 
 #### Changed
@@ -23,6 +30,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### Fixed
 
+- `Modal`: Missing box-shadow on sticky footer when slotted content changes
+  ([#3154](https://github.com/porsche-design-system/porsche-design-system/pull/3154))
 - `Select`: Hydration error in Next.js when using slotted `img`
   ([#3162](https://github.com/porsche-design-system/porsche-design-system/pull/3162))
 - `Text Field Wrapper`, `Textarea Wrapper`: Dynamic changes of `showCounter` and `maxLength` are reflected. The counter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.15.0-rc.0",
+  "version": "3.15.0-rc.1",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.15.0-rc.0"
+    "@porsche-design-system/components-js": "3.15.0-rc.1"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"

package/esm/PorscheDesignSystemProvider.vue.d.ts

@@ -1,41 +0,0 @@
-import type { Theme } from './lib/types';
-type Props = {
-    prefix?: string;
-    cdn?: 'auto' | 'cn';
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    prefix: string;
-    theme: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    prefix: string;
-    theme: string;
-}>>>, {
-    prefix: string;
-    theme: "light" | "dark" | "auto";
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-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];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

package/esm/lib/components/AccordionWrapper.vue.d.ts

@@ -1,68 +0,0 @@
-import type { BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
-type PAccordionProps = {
-    /**
-     * Displays the Accordion as compact version with thinner border and smaller paddings.
-     */
-    compact?: boolean;
-    /**
-     * Defines the heading used in accordion.
-     */
-    heading?: string;
-    /**
-     * Defines if accordion is open.
-     */
-    open?: boolean;
-    /**
-     * The text size.
-     */
-    size?: BreakpointCustomizable<AccordionSize>;
-    /**
-     * Sets a headline tag, so it fits correctly within the outline of the page.
-     */
-    tag?: AccordionTag;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PAccordionProps>, {
-    size: string;
-    tag: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    accordionChange: (value: import("../types").AccordionUpdateEvent) => void;
-    update: (value: import("../types").AccordionUpdateEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PAccordionProps>, {
-    size: string;
-    tag: string;
-}>>> & {
-    onAccordionChange?: ((value: import("../types").AccordionUpdateEvent) => any) | undefined;
-    onUpdate?: ((value: import("../types").AccordionUpdateEvent) => any) | undefined;
-}, {
-    size: BreakpointCustomizable<"small" | "medium">;
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-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];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

package/esm/lib/components/BannerWrapper.vue.d.ts

@@ -1,82 +0,0 @@
-import type { BannerState, Theme, BannerWidth } from '../types';
-type PBannerProps = {
-    /**
-     * Description of the banner.
-     */
-    description?: string;
-    /**
-     * If false, the banner will not have a dismiss button.
-     */
-    dismissButton?: boolean;
-    /**
-     * Heading of the banner.
-     */
-    heading?: string;
-    /**
-     * If true, the banner is open.
-     */
-    open: boolean;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the banner can be closed/removed by the user.
-     */
-    persistent?: boolean;
-    /**
-     * State of the banner.
-     */
-    state?: BannerState;
-    /**
-     * Adapts the banner color depending on the theme.
-     */
-    theme?: Theme;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    width?: BannerWidth;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PBannerProps>, {
-    description: string;
-    dismissButton: boolean;
-    heading: string;
-    open: boolean;
-    state: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: (...args: unknown[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PBannerProps>, {
-    description: string;
-    dismissButton: boolean;
-    heading: string;
-    open: boolean;
-    state: string;
-}>>>, {
-    heading: string;
-    open: boolean;
-    description: string;
-    dismissButton: boolean;
-    state: "warning" | "error" | "info" | "neutral";
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-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];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

package/esm/lib/components/ButtonGroupWrapper.vue.d.ts

@@ -1,45 +0,0 @@
-import type { BreakpointCustomizable, ButtonGroupDirection } from '../types';
-type PButtonGroupProps = {
-    /**
-     * Defines the direction of the main and cross axis. 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’. You always need to provide a base value when using breakpoints.
-     */
-    direction?: BreakpointCustomizable<ButtonGroupDirection>;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonGroupProps>, {
-    direction: () => {
-        base: string;
-        xs: string;
-    };
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonGroupProps>, {
-    direction: () => {
-        base: string;
-        xs: string;
-    };
-}>>>, {
-    direction: BreakpointCustomizable<"row" | "column">;
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-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];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

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

@@ -1,123 +0,0 @@
-import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
-type PButtonPureProps = {
-    /**
-     * Display button in active state.
-     */
-    active?: boolean;
-    /**
-     * Aligns the label.
-     */
-    alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * The icon shown.
-     */
-    icon?: ButtonPureIcon;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string;
-    /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean;
-    /**
-     * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
-     */
-    name?: string;
-    /**
-     * Size of the button.
-     */
-    size?: BreakpointCustomizable<ButtonPureSize>;
-    /**
-     * Stretches the area between icon and label to max available space.
-     */
-    stretch?: BreakpointCustomizable<boolean>;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: Theme;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: ButtonPureType;
-    /**
-     * Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
-     */
-    value?: string;
-    /**
-     * The weight of the text (only has effect with visible label).
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    weight?: ButtonPureWeight;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonPureProps>, {
-    active: boolean;
-    alignLabel: string;
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    stretch: boolean;
-    type: string;
-    weight: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonPureProps>, {
-    active: boolean;
-    alignLabel: string;
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    stretch: boolean;
-    type: string;
-    weight: string;
-}>>>, {
-    weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
-    stretch: BreakpointCustomizable<boolean>;
-    type: "button" | "reset" | "submit";
-    size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large" | "x-large" | "xx-small" | "x-small">;
-    active: boolean;
-    alignLabel: BreakpointCustomizable<"start" | "end" | "left" | "right">;
-    disabled: boolean;
-    hideLabel: BreakpointCustomizable<boolean>;
-    icon: import("../types").LinkButtonIconName;
-    loading: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-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];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

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

@@ -1,125 +0,0 @@
-import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
-type PButtonTileProps = {
-    /**
-     * Alignment of button and description.
-     */
-    align?: ButtonTileAlign;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
-    /**
-     * Aspect ratio of the button-tile.
-     */
-    aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
-    /**
-     * Adapts the description and button theme when used on light background image.
-     */
-    background?: ButtonTileBackground;
-    /**
-     * Displays the button-tile as compact version with description and button icon only.
-     */
-    compact?: BreakpointCustomizable<boolean>;
-    /**
-     * Description text.
-     */
-    description: string;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean;
-    /**
-     * Show gradient.
-     */
-    gradient?: boolean;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: ButtonTileIcon;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string;
-    /**
-     * 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;
-    /**
-     * Font size of the description.
-     */
-    size?: BreakpointCustomizable<ButtonTileSize>;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: ButtonTileType;
-    /**
-     * Font weight of the description.
-     */
-    weight?: BreakpointCustomizable<ButtonTileWeight>;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonTileProps>, {
-    align: string;
-    aspectRatio: string;
-    background: string;
-    compact: boolean;
-    disabled: boolean;
-    gradient: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    type: string;
-    weight: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonTileProps>, {
-    align: string;
-    aspectRatio: string;
-    background: string;
-    compact: boolean;
-    disabled: boolean;
-    gradient: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    type: string;
-    weight: string;
-}>>>, {
-    weight: BreakpointCustomizable<"regular" | "semi-bold">;
-    type: "button" | "reset" | "submit";
-    compact: BreakpointCustomizable<boolean>;
-    size: BreakpointCustomizable<"default" | "inherit">;
-    disabled: boolean;
-    icon: import("../types").LinkButtonIconName;
-    loading: boolean;
-    align: "top" | "bottom";
-    aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
-    background: "light" | "dark" | "auto";
-    gradient: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-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];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

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

@@ -1,94 +0,0 @@
-import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
-type PButtonProps = {
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: ButtonIcon;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string;
-    /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean;
-    /**
-     * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
-     */
-    name?: string;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: Theme;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: ButtonType;
-    /**
-     * Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
-     */
-    value?: string;
-    /**
-     * The style variant of the button.
-     */
-    variant?: ButtonVariant;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonProps>, {
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    type: string;
-    variant: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonProps>, {
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    type: string;
-    variant: string;
-}>>>, {
-    type: "button" | "reset" | "submit";
-    disabled: boolean;
-    hideLabel: BreakpointCustomizable<boolean>;
-    icon: import("../types").LinkButtonIconName;
-    loading: boolean;
-    variant: "primary" | "secondary" | "tertiary";
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-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];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};