@porsche-design-system/components-vue 3.0.0-alpha.2 → 3.0.0-alpha.4

package/lib/components/FieldsetWrapper.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, ref as f, onMounted as p, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as m, unref as i, withCtx as c, renderSlot as _ } from "vue";
+import { getPrefixedTagName as C, syncProperties as o } from "../../utils.js";
+const b = /* @__PURE__ */ l({
+  __name: "FieldsetWrapper",
+  props: {
+    label: { default: "" },
+    labelSize: { default: "medium" },
+    message: { default: "" },
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    theme: { default: "light" }
+  },
+  setup(n) {
+    const t = n, a = C("p-fieldset"), e = f();
+    return p(() => {
+      o(e.value, t);
+    }), s(() => {
+      o(e.value, t);
+    }), (r, g) => (d(), u(m(i(a)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: c(() => [
+        _(r.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  b as default
+};

package/lib/components/FieldsetWrapper.vue2.js

@@ -0,0 +1,4 @@
+import f from "./FieldsetWrapper.vue.js";
+export {
+  f as default
+};

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

@@ -1,4 +1,5 @@
-import type { FieldsetWrapperLabelSize, FormState, Theme } from '../types';
+import type { FieldsetWrapperLabelSize, FieldsetWrapperState, Theme } from '../types';
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * The label text.
@@ -66,10 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     label: string;
     theme: Theme;
-    state: FormState;
+    state: FieldsetWrapperState;
+    required: boolean;
     message: string;
     labelSize: FieldsetWrapperLabelSize;
-    required: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -4,11 +4,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The offset of the column. Can be between 0 and 11. Also defines the offset of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 2 | 5 | 7 | 1 | 8 | 9 | 10 | 11> | undefined;
+    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 5 | 2 | 7 | 1 | 8 | 9 | 10 | 11> | undefined;
     /**
      * The size of the column. Can be between 1 and 12. Also defines the size of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<3 | 4 | 6 | 2 | 5 | 7 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
+    size?: BreakpointCustomizable<3 | 4 | 6 | 5 | 2 | 7 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
 }>, {
     offset: number;
     size: number;
@@ -16,11 +16,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The offset of the column. Can be between 0 and 11. Also defines the offset of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 2 | 5 | 7 | 1 | 8 | 9 | 10 | 11> | undefined;
+    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 5 | 2 | 7 | 1 | 8 | 9 | 10 | 11> | undefined;
     /**
      * The size of the column. Can be between 1 and 12. Also defines the size of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<3 | 4 | 6 | 2 | 5 | 7 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
+    size?: BreakpointCustomizable<3 | 4 | 6 | 5 | 2 | 7 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
 }>, {
     offset: number;
     size: number;

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

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "primary" | "inherit" | undefined;
+    color?: "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Size of the component. 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" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large" | "x-large" | "xx-large"> | undefined;
     /**
      * Sets a custom HTML tag depending on the usage of the heading component.
      */
@@ -38,7 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "primary" | "inherit" | undefined;
+    color?: "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Size of the component. 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" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large" | "x-large" | "xx-large"> | undefined;
     /**
      * Sets a custom HTML tag depending on the usage of the heading component.
      */

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

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "default" | "primary" | "inherit" | undefined;
+    color?: "default" | "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "default" | "primary" | "inherit" | undefined;
+    color?: "default" | "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -64,8 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: string;
 }>>>, {
     theme: Theme;
-    variant: HeadlineVariant;
     align: HeadlineAlign;
+    variant: HeadlineVariant;
     color: HeadlineColor;
     ellipsis: boolean;
 }>, {

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

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * Basic color variations depending on theme property.
      */
-    color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "disabled" | undefined;
+    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" | "state-disabled" | undefined;
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * The size of the icon.
      */
-    size?: "inherit" | "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
+    size?: "inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
     /**
      * Specifies a whole icon path which can be used for custom icons.
      */
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * Basic color variations depending on theme property.
      */
-    color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "disabled" | undefined;
+    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" | "state-disabled" | undefined;
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * The size of the icon.
      */
-    size?: "inherit" | "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
+    size?: "inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
     /**
      * Specifies a whole icon path which can be used for custom icons.
      */

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

@@ -1,4 +1,4 @@
-import type { IconName, InlineNotificationState, Theme } from '../types';
+import type { InlineNotificationActionIcon, InlineNotificationState, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Action icon of the inline-notification.
@@ -91,10 +91,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     heading: string;
     theme: Theme;
+    description: string;
     persistent: boolean;
     state: InlineNotificationState;
-    description: string;
-    actionIcon: IconName;
+    actionIcon: InlineNotificationActionIcon;
     actionLoading: boolean;
 }>, {
     default: (_: {}) => any;

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

@@ -1,4 +1,4 @@
-import type { BreakpointCustomizable, AlignLabel, SelectedAriaAttributes, LinkButtonIconName, TextSize, LinkTarget, Theme, TextWeight } from '../types';
+import type { BreakpointCustomizable, LinkPureAlignLabel, SelectedAriaAttributes, LinkPureIcon, LinkPureSize, LinkPureTarget, Theme, LinkPureWeight } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Display link in active state.
@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The icon shown. By choosing 'none', no icon is displayed
      */
-    icon?: LinkButtonIconName | undefined;
+    icon?: import("../types").LinkButtonIconName | undefined;
     /**
      * A URL path to a custom icon.
      */
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Size of the link.
      */
-    size?: BreakpointCustomizable<"inherit" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
     /**
      * Stretches the area between icon and label to max available space.
      */
@@ -100,7 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The icon shown. By choosing 'none', no icon is displayed
      */
-    icon?: LinkButtonIconName | undefined;
+    icon?: import("../types").LinkButtonIconName | undefined;
     /**
      * A URL path to a custom icon.
      */
@@ -112,7 +112,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Size of the link.
      */
-    size?: BreakpointCustomizable<"inherit" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
     /**
      * Stretches the area between icon and label to max available space.
      */
@@ -146,15 +146,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     underline: boolean;
     weight: string;
 }>>>, {
-    weight: TextWeight;
+    weight: LinkPureWeight;
     stretch: BreakpointCustomizable<boolean>;
-    size: BreakpointCustomizable<TextSize>;
+    size: BreakpointCustomizable<LinkPureSize>;
     theme: Theme;
     active: boolean;
-    alignLabel: BreakpointCustomizable<AlignLabel>;
+    alignLabel: BreakpointCustomizable<LinkPureAlignLabel>;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: LinkButtonIconName;
-    target: LinkTarget;
+    icon: LinkPureIcon;
+    target: LinkPureTarget;
     underline: boolean;
 }>, {
     default: (_: {}) => any;

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

@@ -1,5 +1,5 @@
-import type { BreakpointCustomizable, SocialIconName, LinkTarget, Theme } from '../types';
-/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social instead. */
+import type { BreakpointCustomizable, LinkSocialIcon, LinkSocialTarget, Theme } 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<{
     /**
      * Show or hide label.
@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The icon shown.
      */
-    icon?: SocialIconName | undefined;
+    icon?: LinkSocialIcon | undefined;
     /**
      * A URL path to a custom icon.
      */
@@ -45,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The icon shown.
      */
-    icon?: SocialIconName | undefined;
+    icon?: LinkSocialIcon | undefined;
     /**
      * A URL path to a custom icon.
      */
@@ -69,7 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     theme: Theme;
     hideLabel: BreakpointCustomizable<boolean>;
-    target: LinkTarget;
+    target: LinkSocialTarget;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -0,0 +1,106 @@
+import type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Aspect ratio of the link-tile-model-signature.
+     */
+    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    /**
+     * Description text.
+     */
+    description?: string | undefined;
+    /**
+     * Heading text.
+     */
+    heading: string;
+    /**
+     * Sets a custom headline tag which wraps the heading to enhance semantics.
+     */
+    headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    /**
+     * 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<"row" | "column"> | undefined;
+    /**
+     * Adapts the model of the component.
+     */
+    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    /**
+     * Adapts the font weight of the heading.
+     */
+    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
+}>, {
+    aspectRatio: string;
+    headingTag: string;
+    linkDirection: () => {
+        base: string;
+        xs: string;
+    };
+    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<{
+    /**
+     * Aspect ratio of the link-tile-model-signature.
+     */
+    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    /**
+     * Description text.
+     */
+    description?: string | undefined;
+    /**
+     * Heading text.
+     */
+    heading: string;
+    /**
+     * Sets a custom headline tag which wraps the heading to enhance semantics.
+     */
+    headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    /**
+     * 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<"row" | "column"> | undefined;
+    /**
+     * Adapts the model of the component.
+     */
+    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    /**
+     * Adapts the font weight of the heading.
+     */
+    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
+}>, {
+    aspectRatio: string;
+    headingTag: string;
+    linkDirection: () => {
+        base: string;
+        xs: string;
+    };
+    model: string;
+    weight: string;
+}>>>, {
+    weight: BreakpointCustomizable<LinkTileModelSignatureWeight>;
+    aspectRatio: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
+    headingTag: LinkTileModelSignatureHeadingTag;
+    linkDirection: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
+    model: LinkTileModelSignatureModel;
+}>, {
+    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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/LinkTileModelSignatureWrapper.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as l, ref as i, onMounted as d, onUpdated as p, openBlock as s, createBlock as u, resolveDynamicComponent as f, unref as m, withCtx as c, renderSlot as g } from "vue";
+import { getPrefixedTagName as _, syncProperties as t } from "../../utils.js";
+const w = /* @__PURE__ */ l({
+  __name: "LinkTileModelSignatureWrapper",
+  props: {
+    aspectRatio: { default: "3:4" },
+    description: null,
+    heading: null,
+    headingTag: { default: "h2" },
+    linkDirection: { default: () => ({ base: "column", xs: "row" }) },
+    model: { default: "911" },
+    weight: { default: "semi-bold" }
+  },
+  setup(n) {
+    const o = n, a = _("p-link-tile-model-signature"), e = i();
+    return d(() => {
+      t(e.value, o);
+    }), p(() => {
+      t(e.value, o);
+    }), (r, h) => (s(), u(f(m(a)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: c(() => [
+        g(r.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  w as default
+};

package/lib/components/LinkTileModelSignatureWrapper.vue2.js

@@ -0,0 +1,4 @@
+import f from "./LinkTileModelSignatureWrapper.vue.js";
+export {
+  f as default
+};

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

@@ -1,4 +1,4 @@
-import type { LinkTileAlign, SelectedAriaAttributes, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTarget, LinkTileWeight } from '../types';
+import type { LinkTileAlign, SelectedAriaAttributes, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Alignment of link and description.
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
     /**
-     * Displays the tile-link as compact version with description and link icon only.
+     * Displays the link-tile as compact version with description and link icon only.
      */
     compact?: BreakpointCustomizable<boolean> | undefined;
     /**
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Font weight of the description.
      */
-    weight?: BreakpointCustomizable<"regular" | "semibold"> | undefined;
+    weight?: BreakpointCustomizable<"regular" | "semi-bold" | "semibold"> | undefined;
 }>, {
     align: string;
     aspectRatio: string;
@@ -74,7 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
     /**
-     * Displays the tile-link as compact version with description and link icon only.
+     * Displays the link-tile as compact version with description and link icon only.
      */
     compact?: BreakpointCustomizable<boolean> | undefined;
     /**
@@ -112,7 +112,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Font weight of the description.
      */
-    weight?: BreakpointCustomizable<"regular" | "semibold"> | undefined;
+    weight?: BreakpointCustomizable<"regular" | "semi-bold" | "semibold"> | undefined;
 }>, {
     align: string;
     aspectRatio: string;
@@ -126,9 +126,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compact: BreakpointCustomizable<boolean>;
     size: BreakpointCustomizable<LinkTileSize>;
     align: LinkTileAlign;
-    target: LinkTarget;
     aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
     gradient: boolean;
+    target: LinkTileTarget;
 }>, {
     default: (_: {}) => any;
 }>;

package/lib/components/LinkTileWrapper.vue.js

@@ -15,7 +15,7 @@ const h = /* @__PURE__ */ r({
     rel: null,
     size: { default: "default" },
     target: { default: "_self" },
-    weight: { default: "semibold" }
+    weight: { default: "semi-bold" }
   },
   setup(o) {
     const t = o, n = g("p-link-tile"), e = f();

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

@@ -1,4 +1,4 @@
-import type { SelectedAriaAttributes, BreakpointCustomizable, LinkButtonIconName, LinkTarget, Theme, LinkVariant } from '../types';
+import type { SelectedAriaAttributes, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Add ARIA attributes.
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: LinkButtonIconName | undefined;
+    icon?: import("../types").LinkButtonIconName | undefined;
     /**
      * A URL path to a custom icon.
      */
@@ -66,7 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: LinkButtonIconName | undefined;
+    icon?: import("../types").LinkButtonIconName | undefined;
     /**
      * A URL path to a custom icon.
      */
@@ -96,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     theme: Theme;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: LinkButtonIconName;
+    icon: LinkIcon;
     variant: LinkVariant;
     target: LinkTarget;
 }>, {

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

@@ -1,4 +1,4 @@
-import type { SelectedAriaAttributes, MarqueSize, LinkTarget } from '../types';
+import type { SelectedAriaAttributes, MarqueSize, MarqueTarget } from '../types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Add ARIA attributes.
@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     trademark: boolean;
 }>>>, {
     size: MarqueSize;
-    target: LinkTarget;
+    target: MarqueTarget;
     trademark: boolean;
 }>;
 export default _default;

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

@@ -9,9 +9,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     disableBackdropClick?: boolean | undefined;
     /**
-     * If true, the modal will not have a close button.
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
      */
     disableCloseButton?: boolean | undefined;
+    /**
+     * If false, the modal will not have a dismiss button.
+     */
+    dismissButton?: boolean | undefined;
     /**
      * If true the modal uses max viewport height and width. Should only be used for mobile.
      */
@@ -26,11 +30,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     open: boolean;
 }>, {
     disableBackdropClick: boolean;
-    disableCloseButton: boolean;
+    dismissButton: boolean;
     fullscreen: boolean;
     open: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: void | undefined) => void;
+} & {
+    dismiss: (value?: void | undefined) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Add ARIA attributes.
@@ -41,9 +47,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     disableBackdropClick?: boolean | undefined;
     /**
-     * If true, the modal will not have a close button.
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
      */
     disableCloseButton?: boolean | undefined;
+    /**
+     * If false, the modal will not have a dismiss button.
+     */
+    dismissButton?: boolean | undefined;
     /**
      * If true the modal uses max viewport height and width. Should only be used for mobile.
      */
@@ -58,15 +68,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     open: boolean;
 }>, {
     disableBackdropClick: boolean;
-    disableCloseButton: boolean;
+    dismissButton: boolean;
     fullscreen: boolean;
     open: boolean;
 }>>> & {
+    onDismiss?: ((value?: void | undefined) => any) | undefined;
     onClose?: ((value?: void | undefined) => any) | undefined;
 }, {
     open: boolean;
     disableBackdropClick: boolean;
-    disableCloseButton: boolean;
+    dismissButton: boolean;
     fullscreen: BreakpointCustomizable<boolean>;
 }>, {
     default: (_: {}) => any;