@porsche-design-system/components-vue 3.29.0-rc.4 → 3.29.0-rc.5

package/CHANGELOG.md

@@ -14,6 +14,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [3.29.0-rc.5] - 2025-08-19
+
+### Changed
+
+- `Checkbox`, `Multi Select`, `Select`, `Pin Code`, `Textarea`: removed slotted anchor styles
+  ([#3981](https://github.com/porsche-design-system/porsche-design-system/pull/3981))
+
+### Fixed
+
+- `Popover`: support for custom slotted button & improvements
+  ([#3976](https://github.com/porsche-design-system/porsche-design-system/pull/3976))
+
 ## [3.29.0-rc.4] - 2025-08-15
 
 ### Added

package/cjs/lib/components/PopoverWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),d=e.defineComponent({__name:"PopoverWrapper",props:{aria:{},description:{},direction:{default:"bottom"},open:{type:Boolean,default:!1},theme:{}},emits:["dismiss"],setup(i,{emit:c}){const m=t.usePrefix("p-popover"),n=i,o=e.ref(),a=c,r=e.inject(t.themeInjectionKey),p=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(()=>{p(),t.addEventListenerToElementRef(o,"dismiss",a)}),e.onUpdated(p),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=d;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"PopoverWrapper",props:{aria:{},description:{},direction:{default:"bottom"},theme:{}},setup(c){const i=t.usePrefix("p-popover"),o=c,n=e.ref(),s=e.inject(t.themeInjectionKey),p=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(p),e.onUpdated(p),e.watch(s,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=m;

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

@@ -36,6 +36,7 @@ declare const __VLS_component: import("vue").DefineComponent<PCheckboxWrapperPro
     loading: boolean;
     message: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -36,7 +36,7 @@ declare const __VLS_component: import("vue").DefineComponent<PFieldsetWrapperPro
     message: string;
     labelSize: FieldsetWrapperLabelSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -12,10 +12,6 @@ type PPopoverProps = {
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
     direction?: PopoverDirection;
-    /**
-     * If true, the popover is open.
-     */
-    open?: boolean;
     /**
      * Adapts the popover color depending on the theme.
      */
@@ -25,14 +21,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PPopoverProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
-    [x: string]: any;
-}, string, import("vue").PublicProps, Readonly<PPopoverProps> & Readonly<{
-    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-}>, {
-    open: boolean;
+declare const __VLS_component: import("vue").DefineComponent<PPopoverProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PPopoverProps> & Readonly<{}>, {
     direction: PopoverDirection;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1,32 +1,28 @@
-import { defineComponent as c, ref as f, inject as d, onMounted as l, onUpdated as u, watch as h, openBlock as _, createBlock as y, resolveDynamicComponent as C, unref as v, withCtx as P, renderSlot as R } from "vue";
-import { usePrefix as k, themeInjectionKey as w, addEventListenerToElementRef as x, syncProperties as r } from "../../utils.mjs";
-const E = /* @__PURE__ */ c({
+import { defineComponent as m, ref as a, inject as f, onMounted as i, onUpdated as d, watch as u, openBlock as h, createBlock as l, resolveDynamicComponent as _, unref as C, withCtx as y, renderSlot as v } from "vue";
+import { usePrefix as P, themeInjectionKey as k, syncProperties as p } from "../../utils.mjs";
+const b = /* @__PURE__ */ m({
   __name: "PopoverWrapper",
   props: {
     aria: {},
     description: {},
     direction: { default: "bottom" },
-    open: { type: Boolean, default: !1 },
     theme: {}
   },
-  emits: ["dismiss"],
-  setup(p, { emit: m }) {
-    const i = k("p-popover"), t = p, e = f(), a = m, n = d(w), s = () => r(e, { ...t, theme: t.theme || n.value });
-    return l(() => {
-      s(), x(e, "dismiss", a);
-    }), u(s), h(n, (o) => {
-      r(e, { theme: t.theme || o });
-    }), (o, B) => (_(), y(C(v(i)), {
+  setup(s) {
+    const c = P("p-popover"), e = s, o = a(), n = f(k), r = () => p(o, { ...e, theme: e.theme || n.value });
+    return i(r), d(r), u(n, (t) => {
+      p(o, { theme: e.theme || t });
+    }), (t, w) => (h(), l(_(C(c)), {
       ref_key: "pdsComponentRef",
-      ref: e
+      ref: o
     }, {
-      default: P(() => [
-        R(o.$slots, "default")
+      default: y(() => [
+        v(t.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  E as default
+  b as default
 };

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

@@ -51,6 +51,7 @@ declare const __VLS_component: import("vue").DefineComponent<PSelectWrapperProps
     dropdownDirection: SelectWrapperDropdownDirection;
     native: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -80,6 +80,7 @@ declare const __VLS_component: import("vue").DefineComponent<PTextFieldWrapperPr
     unit: string;
     unitPosition: TextFieldWrapperUnitPosition;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -45,6 +45,7 @@ declare const __VLS_component: import("vue").DefineComponent<PTextareaWrapperPro
     message: string;
     showCounter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.29.0-rc.4",
+  "version": "3.29.0-rc.5",
   "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,11 +17,12 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.29.0-rc.4"
+    "@porsche-design-system/components-js": "3.29.0-rc.5"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">= 33.0.0 <35.0.0",
     "ag-grid-vue3": ">= 33.0.0 <35.0.0",
+    "tailwindcss": ">= 4.0.0 <5.0.0",
     "vue": ">=3.0.0 <4.0.0"
   },
   "peerDependenciesMeta": {
@@ -30,6 +31,9 @@
     },
     "ag-grid-vue3": {
       "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
     }
   },
   "main": "cjs/public-api.cjs",