@porsche-design-system/components-vue 3.31.0 → 4.0.0-alpha.0

package/esm/lib/components/LinkPureWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as s, ref as p, inject as c, onMounted as d, onUpdated as u, watch as i, createBlock as m, openBlock as h, resolveDynamicComponent as y, unref as _, withCtx as g, renderSlot as w } from "vue";
-import { usePrefix as B, themeInjectionKey as C, syncProperties as r } from "../../utils.mjs";
-const P = /* @__PURE__ */ s({
+import { defineComponent as l, ref as f, onMounted as s, onUpdated as p, createBlock as d, openBlock as c, resolveDynamicComponent as u, unref as i, withCtx as m, renderSlot as y } from "vue";
+import { usePrefix as _, syncProperties as h } from "../../utils.mjs";
+const k = /* @__PURE__ */ l({
   __name: "LinkPureWrapper",
   props: {
     active: { type: Boolean, default: !1 },
@@ -15,25 +15,21 @@ const P = /* @__PURE__ */ s({
     size: { default: "small" },
     stretch: { type: [Boolean, Object], default: !1 },
     target: { default: "_self" },
-    theme: {},
-    underline: { type: Boolean, default: !1 },
-    weight: { default: "regular" }
+    underline: { type: Boolean, default: !1 }
   },
-  setup(l) {
-    const f = B("p-link-pure"), e = l, t = p(), n = c(C), a = () => r(t, { ...e, theme: e.theme || n.value });
-    return d(a), u(a), i(n, (o) => {
-      r(t, { theme: e.theme || o });
-    }), (o, b) => (h(), m(y(_(f)), {
+  setup(t) {
+    const n = _("p-link-pure"), a = t, e = f(), o = () => h(e, a);
+    return s(o), p(o), (r, B) => (c(), d(u(i(n)), {
       ref_key: "pdsComponentRef",
-      ref: t
+      ref: e
     }, {
-      default: g(() => [
-        w(o.$slots, "default")
+      default: m(() => [
+        y(r.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  P as default
+  k as default
 };

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

@@ -1,4 +1,4 @@
-import type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductTarget, Theme } from '../types';
+import type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget } from '../types';
 type PLinkTileProductProps = {
     /**
      * Aspect ratio of the link-tile-product.
@@ -40,19 +40,15 @@ type PLinkTileProductProps = {
      * Target attribute where the link should be opened.
      */
     target?: LinkTileProductTarget;
-    /**
-     * Adapts the link-tile-product color depending on the theme.
-     */
-    theme?: Theme;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<PLinkTileProductProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    like: (value: import("../types").LinkTileProductLikeEvent) => any;
+    like: (value: LinkTileProductLikeEventDetail) => any;
 }, string, import("vue").PublicProps, Readonly<PLinkTileProductProps> & Readonly<{
-    onLike?: ((value: import("../types").LinkTileProductLikeEvent) => any) | undefined;
+    onLike?: ((value: LinkTileProductLikeEventDetail) => any) | undefined;
 }>, {
     target: LinkTileProductTarget;
     aspectRatio: BreakpointCustomizable<LinkTileProductAspectRatio>;

package/esm/lib/components/LinkTileProductWrapper.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as c, ref as f, inject as m, onMounted as d, onUpdated as u, watch as h, createBlock as k, openBlock as _, resolveDynamicComponent as y, unref as C, withCtx as B, renderSlot as R } from "vue";
-import { usePrefix as g, themeInjectionKey as P, syncProperties as i, addEventListenerToElementRef as v } from "../../utils.mjs";
-const j = /* @__PURE__ */ c({
+import { defineComponent as l, ref as a, onMounted as f, onUpdated as c, createBlock as d, openBlock as u, resolveDynamicComponent as m, unref as k, withCtx as _, renderSlot as y } from "vue";
+import { usePrefix as C, syncProperties as B, addEventListenerToElementRef as g } from "../../utils.mjs";
+const x = /* @__PURE__ */ l({
   __name: "LinkTileProductWrapper",
   props: {
-    aspectRatio: { default: "3:4" },
+    aspectRatio: { default: "3/4" },
     description: {},
     heading: {},
     href: {},
@@ -12,27 +12,24 @@ const j = /* @__PURE__ */ c({
     price: {},
     priceOriginal: {},
     rel: {},
-    target: { default: "_self" },
-    theme: {}
+    target: { default: "_self" }
   },
   emits: ["like"],
-  setup(p, { emit: s }) {
-    const a = g("p-link-tile-product"), t = p, e = f(), l = s, n = m(P), r = () => i(e, { ...t, theme: t.theme || n.value });
-    return d(() => {
-      r(), v(e, "like", l);
-    }), u(r), h(n, (o) => {
-      i(e, { theme: t.theme || o });
-    }), (o, w) => (_(), k(y(C(a)), {
+  setup(o, { emit: n }) {
+    const r = C("p-link-tile-product"), p = o, e = a(), i = n, t = () => B(e, p);
+    return f(() => {
+      t(), g(e, "like", i);
+    }), c(t), (s, h) => (u(), d(m(k(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: B(() => [
-        R(o.$slots, "default")
+      default: _(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  j as default
+  x as default
 };

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

@@ -1,4 +1,4 @@
-import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileBackground, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
+import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
 type PLinkTileProps = {
     /**
      * Alignment of link and description.
@@ -12,10 +12,6 @@ type PLinkTileProps = {
      * Aspect ratio of the link-tile.
      */
     aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
-    /**
-     * Adapts the description and link theme when used on light background image.
-     */
-    background?: LinkTileBackground;
     /**
      * Displays the link-tile as compact version with description and link icon only.
      */
@@ -68,7 +64,6 @@ declare const __VLS_base: import("vue").DefineComponent<PLinkTileProps, {}, {},
     target: LinkTileTarget;
     align: LinkTileAlign;
     aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
-    background: LinkTileBackground;
     gradient: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/esm/lib/components/LinkTileWrapper.vue.mjs

@@ -1,16 +1,15 @@
-import { defineComponent as l, ref as p, onMounted as d, onUpdated as s, createBlock as f, openBlock as i, resolveDynamicComponent as c, unref as u, withCtx as m, renderSlot as _ } from "vue";
-import { usePrefix as k, syncProperties as b } from "../../utils.mjs";
+import { defineComponent as l, ref as p, onMounted as s, onUpdated as f, createBlock as d, openBlock as i, resolveDynamicComponent as c, unref as m, withCtx as u, renderSlot as _ } from "vue";
+import { usePrefix as y, syncProperties as C } from "../../utils.mjs";
 const h = /* @__PURE__ */ l({
   __name: "LinkTileWrapper",
   props: {
     align: { default: "bottom" },
     aria: {},
     aspectRatio: { default: "4/3" },
-    background: { default: "dark" },
     compact: { type: [Boolean, Object], default: !1 },
     description: {},
     download: {},
-    gradient: { type: Boolean, default: !0 },
+    gradient: { type: Boolean, default: !1 },
     href: {},
     label: {},
     rel: {},
@@ -19,12 +18,12 @@ const h = /* @__PURE__ */ l({
     weight: { default: "semi-bold" }
   },
   setup(o) {
-    const n = k("p-link-tile"), a = o, e = p(), t = () => b(e, a);
-    return d(t), s(t), (r, g) => (i(), f(c(u(n)), {
+    const n = y("p-link-tile"), a = o, e = p(), t = () => C(e, a);
+    return s(t), f(t), (r, b) => (i(), d(c(m(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: m(() => [
+      default: u(() => [
         _(r.$slots, "default")
       ]),
       _: 3

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

@@ -1,4 +1,4 @@
-import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';
+import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, LinkVariant } from '../types';
 type PLinkProps = {
     /**
      * Add ARIA attributes.
@@ -36,10 +36,6 @@ type PLinkProps = {
      * Target attribute where the link should be opened.
      */
     target?: LinkTarget;
-    /**
-     * Adapts the link color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * The style variant of the link.
      */

package/esm/lib/components/LinkWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as s, inject as l, onMounted as m, onUpdated as d, watch as i, createBlock as u, openBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as k } from "vue";
-import { usePrefix as b, themeInjectionKey as j, syncProperties as a } from "../../utils.mjs";
-const x = /* @__PURE__ */ f({
+import { defineComponent as p, ref as f, onMounted as s, onUpdated as l, createBlock as c, openBlock as d, resolveDynamicComponent as i, unref as u, withCtx as m, renderSlot as _ } from "vue";
+import { usePrefix as y, syncProperties as C } from "../../utils.mjs";
+const B = /* @__PURE__ */ p({
   __name: "LinkWrapper",
   props: {
     aria: {},
@@ -12,24 +12,21 @@ const x = /* @__PURE__ */ f({
     iconSource: {},
     rel: {},
     target: { default: "_self" },
-    theme: {},
     variant: { default: "primary" }
   },
-  setup(p) {
-    const c = b("p-link"), e = p, t = s(), n = l(j), r = () => a(t, { ...e, theme: e.theme || n.value });
-    return m(r), d(r), i(n, (o) => {
-      a(t, { theme: e.theme || o });
-    }), (o, w) => (h(), u(y(_(c)), {
+  setup(t) {
+    const n = y("p-link"), r = t, e = f(), o = () => C(e, r);
+    return s(o), l(o), (a, k) => (d(), c(i(u(n)), {
       ref_key: "pdsComponentRef",
-      ref: t
+      ref: e
     }, {
-      default: C(() => [
-        k(o.$slots, "default")
+      default: m(() => [
+        _(a.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  x as default
+  B as default
 };

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

@@ -1,4 +1,4 @@
-import type { SelectedAriaAttributes, ModalAriaAttribute, ModalBackdrop, BreakpointCustomizable, Theme } from '../types';
+import type { SelectedAriaAttributes, ModalAriaAttribute, ModalBackdrop, ModalBackground, BreakpointCustomizable } from '../types';
 type PModalProps = {
     /**
      * Add ARIA attributes.
@@ -9,14 +9,13 @@ type PModalProps = {
      */
     backdrop?: ModalBackdrop;
     /**
-     * If true, the modal will not be closable via backdrop click.
+     * Defines the background color
      */
-    disableBackdropClick?: boolean;
+    background?: ModalBackground;
     /**
-     * If true, the modal will not have a dismiss button.
-     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead.
+     * If true, the modal will not be closable via backdrop click.
      */
-    disableCloseButton?: boolean;
+    disableBackdropClick?: boolean;
     /**
      * If false, the modal will not have a dismiss button.
      */
@@ -25,18 +24,10 @@ type PModalProps = {
      * If true the modal uses max viewport height and width. Should only be used for mobile.
      */
     fullscreen?: BreakpointCustomizable<boolean>;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `header` slot instead The title of the modal
-     */
-    heading?: string;
     /**
      * If true, the modal is open.
      */
     open: boolean;
-    /**
-     * Adapts the modal color depending on the theme.
-     */
-    theme?: Theme;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -50,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<PModalProps, {}, {}, {},
     open: boolean;
     dismissButton: boolean;
     backdrop: ModalBackdrop;
+    background: ModalBackground;
     disableBackdropClick: boolean;
     fullscreen: BreakpointCustomizable<boolean>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/esm/lib/components/ModalWrapper.vue.mjs

@@ -1,31 +1,27 @@
-import { defineComponent as p, ref as c, inject as f, onMounted as u, onUpdated as h, watch as y, createBlock as B, openBlock as b, resolveDynamicComponent as C, unref as _, withCtx as k, renderSlot as E } from "vue";
-import { usePrefix as R, themeInjectionKey as j, syncProperties as d, addEventListenerToElementRef as t } from "../../utils.mjs";
-const P = /* @__PURE__ */ p({
+import { defineComponent as l, ref as p, onMounted as f, onUpdated as m, createBlock as c, openBlock as u, resolveDynamicComponent as b, unref as y, withCtx as B, renderSlot as k } from "vue";
+import { usePrefix as C, syncProperties as _, addEventListenerToElementRef as n } from "../../utils.mjs";
+const P = /* @__PURE__ */ l({
   __name: "ModalWrapper",
   props: {
     aria: {},
     backdrop: { default: "blur" },
+    background: { default: "canvas" },
     disableBackdropClick: { type: Boolean, default: !1 },
-    disableCloseButton: { type: Boolean },
     dismissButton: { type: Boolean, default: !0 },
     fullscreen: { type: [Boolean, Object], default: !1 },
-    heading: {},
-    open: { type: Boolean, default: !1 },
-    theme: {}
+    open: { type: Boolean, default: !1 }
   },
-  emits: ["close", "dismiss", "motionHiddenEnd", "motionVisibleEnd"],
-  setup(i, { emit: r }) {
-    const m = R("p-modal"), n = i, e = c(), o = r, a = f(j), l = () => d(e, { ...n, theme: n.theme || a.value });
-    return u(() => {
-      l(), t(e, "close", o), t(e, "dismiss", o), t(e, "motionHiddenEnd", o), t(e, "motionVisibleEnd", o);
-    }), h(l), y(a, (s) => {
-      d(e, { theme: n.theme || s });
-    }), (s, v) => (b(), B(C(_(m)), {
+  emits: ["dismiss", "motionHiddenEnd", "motionVisibleEnd"],
+  setup(s, { emit: a }) {
+    const d = C("p-modal"), r = s, e = p(), o = a, t = () => _(e, r);
+    return f(() => {
+      t(), n(e, "dismiss", o), n(e, "motionHiddenEnd", o), n(e, "motionVisibleEnd", o);
+    }), m(t), (i, E) => (u(), c(b(y(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: k(() => [
-        E(s.$slots, "default")
+      default: B(() => [
+        k(i.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -1,4 +1,4 @@
-import type { ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
+import type { ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize } from '../types';
 type PModelSignatureProps = {
     /**
      * Adapts the color of the component.
@@ -24,10 +24,6 @@ type PModelSignatureProps = {
      * Adapts the size of the component. When set to `inherit` a CSS `width` or `height` needs to be defined on the host but not both.
      */
     size?: ModelSignatureSize;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -36,9 +32,9 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<PModelSignatureProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PModelSignatureProps> & Readonly<{}>, {
     size: ModelSignatureSize;
     color: ModelSignatureColor;
+    fetchPriority: ModelSignatureFetchPriority;
     lazy: boolean;
     model: ModelSignatureModel;
-    fetchPriority: ModelSignatureFetchPriority;
     safeZone: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/esm/lib/components/ModelSignatureWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as p, ref as f, inject as m, onMounted as c, onUpdated as u, watch as d, createBlock as i, openBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as B } from "vue";
-import { usePrefix as P, themeInjectionKey as g, syncProperties as a } from "../../utils.mjs";
-const R = /* @__PURE__ */ p({
+import { defineComponent as p, ref as s, onMounted as l, onUpdated as f, createBlock as d, openBlock as u, resolveDynamicComponent as c, unref as m, withCtx as i, renderSlot as y } from "vue";
+import { usePrefix as _, syncProperties as C } from "../../utils.mjs";
+const h = /* @__PURE__ */ p({
   __name: "ModelSignatureWrapper",
   props: {
     color: { default: "primary" },
@@ -8,24 +8,21 @@ const R = /* @__PURE__ */ p({
     lazy: { type: Boolean, default: !1 },
     model: { default: "911" },
     safeZone: { type: Boolean, default: !0 },
-    size: { default: "small" },
-    theme: {}
+    size: { default: "small" }
   },
-  setup(s) {
-    const l = P("p-model-signature"), e = s, t = f(), n = m(g), r = () => a(t, { ...e, theme: e.theme || n.value });
-    return c(r), u(r), d(n, (o) => {
-      a(t, { theme: e.theme || o });
-    }), (o, k) => (h(), i(y(_(l)), {
+  setup(t) {
+    const n = _("p-model-signature"), r = t, e = s(), o = () => C(e, r);
+    return l(o), f(o), (a, B) => (u(), d(c(m(n)), {
       ref_key: "pdsComponentRef",
-      ref: t
+      ref: e
     }, {
-      default: C(() => [
-        B(o.$slots, "default")
+      default: i(() => [
+        y(a.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  R as default
+  h as default
 };

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

@@ -1,4 +1,4 @@
-import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectState, Theme } from '../types';
+import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectState } from '../types';
 type PMultiSelectProps = {
     /**
      * Displays as compact version.
@@ -44,10 +44,6 @@ type PMultiSelectProps = {
      * The validation state.
      */
     state?: MultiSelectState;
-    /**
-     * Adapts the multi-select color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * The selected values.
      */

package/esm/lib/components/MultiSelectWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as c, inject as m, onMounted as i, onUpdated as h, watch as y, createBlock as b, openBlock as v, resolveDynamicComponent as _, unref as B, withCtx as C, renderSlot as g } from "vue";
-import { usePrefix as w, themeInjectionKey as R, syncProperties as s, addEventListenerToElementRef as n } from "../../utils.mjs";
-const P = /* @__PURE__ */ f({
+import { defineComponent as p, ref as u, onMounted as f, onUpdated as c, createBlock as i, openBlock as m, resolveDynamicComponent as g, unref as y, withCtx as b, renderSlot as _ } from "vue";
+import { usePrefix as v, syncProperties as B, addEventListenerToElementRef as a } from "../../utils.mjs";
+const w = /* @__PURE__ */ p({
   __name: "MultiSelectWrapper",
   props: {
     compact: { type: Boolean, default: !1 },
@@ -14,29 +14,26 @@ const P = /* @__PURE__ */ f({
     name: {},
     required: { type: Boolean, default: !1 },
     state: { default: "none" },
-    theme: {},
     value: { default: () => [] }
   },
-  emits: ["update:value", "blur", "change", "update"],
-  setup(u, { emit: d }) {
-    const p = w("p-multi-select"), a = u, e = c(), o = d, l = m(R), r = () => s(e, { ...a, theme: a.theme || l.value });
-    return i(() => {
-      r(), n(e, "blur", o), n(e, "change", o, (t) => {
-        o("update:value", t.target.value);
-      }), n(e, "update", o);
-    }), h(r), y(l, (t) => {
-      s(e, { theme: a.theme || t });
-    }), (t, j) => (v(), b(_(B(p)), {
+  emits: ["update:value", "blur", "change", "toggle"],
+  setup(l, { emit: r }) {
+    const s = v("p-multi-select"), d = l, e = u(), t = r, n = () => B(e, d);
+    return f(() => {
+      n(), a(e, "blur", t), a(e, "change", t, (o) => {
+        t("update:value", o.target.value);
+      }), a(e, "toggle", t);
+    }), c(n), (o, C) => (m(), i(g(y(s)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: C(() => [
-        g(t.$slots, "default")
+      default: b(() => [
+        _(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  P as default
+  w as default
 };

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

@@ -1,25 +1,9 @@
-import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, Theme } from '../types';
+import type { PaginationInternationalization, PaginationUpdateEventDetail } from '../types';
 type PPaginationProps = {
     /**
      * Index of the currently active page.
      */
     activePage: number;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
-     */
-    allyLabel?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
-     */
-    allyLabelNext?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
-     */
-    allyLabelPage?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
-     */
-    allyLabelPrev?: string;
     /**
      * Override the default wordings that are used for aria-labels on the next/prev and page buttons.
      */
@@ -28,30 +12,19 @@ type PPaginationProps = {
      * The total count of items which should be shown per page.
      */
     itemsPerPage?: number;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.10.0, will be removed with next major release
-     */
-    maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
     /**
      * Show or hide the button to jump to the last page.
      */
     showLastPage?: boolean;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: Theme;
     /**
      * The total count of items.
      */
     totalItemsCount: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<PPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    update: (value: import("../types").PaginationUpdateEvent) => any;
-    pageChange: (value: import("../types").PaginationUpdateEvent) => any;
+    update: (value: PaginationUpdateEventDetail) => any;
 }, string, import("vue").PublicProps, Readonly<PPaginationProps> & Readonly<{
-    onUpdate?: ((value: import("../types").PaginationUpdateEvent) => any) | undefined;
-    onPageChange?: ((value: import("../types").PaginationUpdateEvent) => any) | undefined;
+    onUpdate?: ((value: PaginationUpdateEventDetail) => any) | undefined;
 }>, {
     intl: PaginationInternationalization;
     activePage: number;

package/esm/lib/components/PaginationWrapper.vue.mjs

@@ -1,33 +1,25 @@
-import { defineComponent as c, ref as f, inject as u, onMounted as g, onUpdated as d, watch as P, createBlock as h, openBlock as y, resolveDynamicComponent as C, unref as v } from "vue";
-import { usePrefix as x, themeInjectionKey as L, syncProperties as r, addEventListenerToElementRef as l } from "../../utils.mjs";
-const R = /* @__PURE__ */ c({
+import { defineComponent as s, ref as i, onMounted as f, onUpdated as m, createBlock as u, openBlock as c, resolveDynamicComponent as d, unref as l } from "vue";
+import { usePrefix as g, syncProperties as P, addEventListenerToElementRef as _ } from "../../utils.mjs";
+const k = /* @__PURE__ */ s({
   __name: "PaginationWrapper",
   props: {
     activePage: { default: 1 },
-    allyLabel: {},
-    allyLabelNext: {},
-    allyLabelPage: {},
-    allyLabelPrev: {},
     intl: { default: () => ({ root: "Pagination", prev: "Previous page", next: "Next page", page: "Page" }) },
     itemsPerPage: { default: 1 },
-    maxNumberOfPageLinks: {},
     showLastPage: { type: Boolean, default: !0 },
-    theme: {},
     totalItemsCount: { default: 1 }
   },
-  emits: ["pageChange", "update"],
-  setup(s, { emit: m }) {
-    const i = x("p-pagination"), t = s, e = f(), a = m, n = u(L), o = () => r(e, { ...t, theme: t.theme || n.value });
-    return g(() => {
-      o(), l(e, "pageChange", a), l(e, "update", a);
-    }), d(o), P(n, (p) => {
-      r(e, { theme: t.theme || p });
-    }), (p, _) => (y(), h(C(v(i)), {
+  emits: ["update"],
+  setup(o, { emit: n }) {
+    const a = g("p-pagination"), p = o, e = i(), r = n, t = () => P(e, p);
+    return f(() => {
+      t(), _(e, "update", r);
+    }), m(t), (C, v) => (c(), u(d(l(a)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, null, 512));
   }
 });
 export {
-  R as default
+  k as default
 };

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

@@ -1,4 +1,4 @@
-import type { BreakpointCustomizable, PinCodeLength, PinCodeState, Theme, PinCodeType } from '../types';
+import type { BreakpointCustomizable, PinCodeLength, PinCodeState, PinCodeType } from '../types';
 type PPinCodeProps = {
     /**
      * A boolean value that, if present, renders the pin-code as a compact version.
@@ -48,10 +48,6 @@ type PPinCodeProps = {
      * The validation state.
      */
     state?: PinCodeState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * Pin Code type.
      */