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

package/lib/components/CarouselWrapper.vue.js

@@ -1,32 +1,33 @@
-import { defineComponent as s, ref as d, onMounted as p, onUpdated as u, openBlock as f, createBlock as i, resolveDynamicComponent as c, unref as m, withCtx as g, renderSlot as C } from "vue";
-import { getPrefixedTagName as h, syncProperties as n, addEventListenerToElementRef as _ } from "../../utils.js";
-const P = /* @__PURE__ */ s({
+import { defineComponent as d, ref as s, onMounted as p, onUpdated as i, openBlock as f, createBlock as c, resolveDynamicComponent as m, unref as g, withCtx as h, renderSlot as C } from "vue";
+import { getPrefixedTagName as _, syncProperties as a, addEventListenerToElementRef as o } from "../../utils.js";
+const P = /* @__PURE__ */ d({
   __name: "CarouselWrapper",
   props: {
     alignHeader: { default: "left" },
     description: null,
-    disablePagination: { default: !1 },
+    disablePagination: null,
     heading: null,
     intl: { default: () => ({}) },
+    pagination: { default: !0 },
     rewind: { type: Boolean, default: !0 },
     slidesPerPage: { default: 1 },
     theme: { default: "light" },
     width: { default: "basic" },
     wrapContent: { type: Boolean }
   },
-  emits: ["carouselChange"],
-  setup(a, { emit: o }) {
-    const t = a, l = h("p-carousel"), e = d();
+  emits: ["carouselChange", "change"],
+  setup(l, { emit: t }) {
+    const n = l, r = _("p-carousel"), e = s();
     return p(() => {
-      n(e.value, t), _(e.value, "carouselChange", o);
-    }), u(() => {
-      n(e.value, t);
-    }), (r, v) => (f(), i(c(m(l)), {
+      a(e.value, n), o(e.value, "carouselChange", t), o(e.value, "change", t);
+    }), i(() => {
+      a(e.value, n);
+    }), (u, v) => (f(), c(m(g(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: g(() => [
-        C(r.$slots, "default")
+      default: h(() => [
+        C(u.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -1,4 +1,4 @@
-import type { BreakpointCustomizable, FormState, Theme } from '../types';
+import type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     label: string;
     theme: Theme;
-    state: FormState;
+    state: CheckboxWrapperState;
     hideLabel: BreakpointCustomizable<boolean>;
     message: string;
 }>, {

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

@@ -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: "medium", l: "large"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "medium" | "large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
     /**
      * Sets a custom HTML tag depending on the usage of the display component.
      */
@@ -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: "medium", l: "large"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "medium" | "large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
     /**
      * Sets a custom HTML tag depending on the usage of the display component.
      */

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

@@ -1,11 +1,15 @@
-import type { DividerColor, BreakpointCustomizable, DividerOrientation, Theme } from '../types';
+import type { DividerColor, BreakpointCustomizable, DividerDirection, Theme } from '../types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Defines color depending on theme.
      */
     color?: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
     /**
-     * Defines orientation.
+     * Defines direction.
+     */
+    direction?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
      */
     orientation?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
     /**
@@ -14,7 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     theme?: "light" | "dark" | undefined;
 }>, {
     color: string;
-    orientation: 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<{
     /**
@@ -22,7 +26,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
      */
     color?: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
     /**
-     * Defines orientation.
+     * Defines direction.
+     */
+    direction?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
      */
     orientation?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
     /**
@@ -31,12 +39,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     theme?: "light" | "dark" | undefined;
 }>, {
     color: string;
-    orientation: string;
+    direction: string;
     theme: string;
 }>>>, {
     theme: Theme;
+    direction: BreakpointCustomizable<DividerDirection>;
     color: DividerColor;
-    orientation: BreakpointCustomizable<DividerOrientation>;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/components/DividerWrapper.vue.js

@@ -1,19 +1,20 @@
-import { defineComponent as p, ref as a, onMounted as c, onUpdated as f, openBlock as i, createBlock as l, resolveDynamicComponent as s, unref as d } from "vue";
-import { getPrefixedTagName as m, syncProperties as t } from "../../utils.js";
+import { defineComponent as p, ref as a, onMounted as i, onUpdated as l, openBlock as c, createBlock as d, resolveDynamicComponent as f, unref as s } from "vue";
+import { getPrefixedTagName as m, syncProperties as n } from "../../utils.js";
 const g = /* @__PURE__ */ p({
   __name: "DividerWrapper",
   props: {
     color: { default: "contrast-low" },
-    orientation: { default: "horizontal" },
+    direction: { default: "horizontal" },
+    orientation: null,
     theme: { default: "light" }
   },
-  setup(n) {
-    const o = n, r = m("p-divider"), e = a();
-    return c(() => {
-      t(e.value, o);
-    }), f(() => {
-      t(e.value, o);
-    }), (u, _) => (i(), l(s(d(r)), {
+  setup(t) {
+    const o = t, r = m("p-divider"), e = a();
+    return i(() => {
+      n(e.value, o);
+    }), l(() => {
+      n(e.value, o);
+    }), (u, _) => (c(), d(f(s(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, null, 512));

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

@@ -1,4 +1,4 @@
-import type { FieldsetWrapperLabelSize, FormState, Theme } from '../types';
+import type { FieldsetWrapperLabelSize, FieldsetWrapperState, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * The label text.
@@ -66,7 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     label: string;
     theme: Theme;
-    state: FormState;
+    state: FieldsetWrapperState;
     message: string;
     labelSize: FieldsetWrapperLabelSize;
     required: boolean;

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 | 2 | 7 | 5 | 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 | 2 | 7 | 5 | 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 | 2 | 7 | 5 | 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 | 2 | 7 | 5 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
 }>, {
     offset: number;
     size: number;

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

@@ -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.
      */
@@ -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/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" | "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" | "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" | "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" | "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/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.
@@ -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;
@@ -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,7 +126,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compact: BreakpointCustomizable<boolean>;
     size: BreakpointCustomizable<LinkTileSize>;
     align: LinkTileAlign;
-    target: LinkTarget;
+    target: LinkTileTarget;
     aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
     gradient: boolean;
 }>, {

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;

package/lib/components/ModalWrapper.vue.js

@@ -1,28 +1,29 @@
-import { defineComponent as s, ref as p, onMounted as f, onUpdated as d, openBlock as u, createBlock as c, resolveDynamicComponent as m, unref as i, withCtx as C, renderSlot as B } from "vue";
-import { getPrefixedTagName as _, syncProperties as t, addEventListenerToElementRef as y } from "../../utils.js";
-const b = /* @__PURE__ */ s({
+import { defineComponent as p, ref as d, onMounted as f, onUpdated as u, openBlock as i, createBlock as m, resolveDynamicComponent as c, unref as B, withCtx as C, renderSlot as y } from "vue";
+import { getPrefixedTagName as _, syncProperties as n, addEventListenerToElementRef as a } from "../../utils.js";
+const b = /* @__PURE__ */ p({
   __name: "ModalWrapper",
   props: {
     aria: null,
     disableBackdropClick: { type: Boolean, default: !1 },
-    disableCloseButton: { type: Boolean, default: !1 },
+    disableCloseButton: { type: Boolean },
+    dismissButton: { type: Boolean, default: !0 },
     fullscreen: { default: !1 },
     heading: null,
     open: { type: Boolean, default: !1 }
   },
-  emits: ["close"],
-  setup(n, { emit: a }) {
-    const o = n, l = _("p-modal"), e = p();
+  emits: ["close", "dismiss"],
+  setup(l, { emit: o }) {
+    const t = l, s = _("p-modal"), e = d();
     return f(() => {
-      t(e.value, o), y(e.value, "close", a);
-    }), d(() => {
-      t(e.value, o);
-    }), (r, k) => (u(), c(m(i(l)), {
+      n(e.value, t), a(e.value, "close", o), a(e.value, "dismiss", o);
+    }), u(() => {
+      n(e.value, t);
+    }), (r, v) => (i(), m(c(B(s)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: C(() => [
-        B(r.$slots, "default")
+        y(r.$slots, "default")
       ]),
       _: 3
     }, 512));