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

package/CHANGELOG.md

@@ -14,6 +14,24 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### [Unreleased]
 
+### [3.15.0-rc.5] - 2024-05-16
+
+#### Added
+
+- `Button Pure`: Prop `underline` to show an underline for the label
+  ([#3212](https://github.com/porsche-design-system/porsche-design-system/pull/3212))
+  
+#### Changed
+
+- Banner: Refactor Banner to use native `popover`
+  ([#3196](https://github.com/porsche-design-system/porsche-design-system/pull/3196))
+
+#### Fixed
+
+- `aria` property now supports escaped single quotes inside JSON strings, e.g.
+  `aria="{ 'aria-label': 'You can\'t do that? yes you can!' }"`
+  ([#3217](https://github.com/porsche-design-system/porsche-design-system/pull/3217))
+
 ### [3.15.0-rc.4] - 2024-05-06
 
 #### Added

package/cjs/lib/components/ButtonPureWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"ButtonPureWrapper",props:{active:{type:Boolean,default:!1},alignLabel:{default:"end"},aria:{},disabled:{type:Boolean,default:!1},hideLabel:{default:!1},icon:{default:"arrow-right"},iconSource:{},loading:{type:Boolean,default:!1},name:{},size:{default:"small"},stretch:{default:!1},theme:{},type:{default:"submit"},value:{},weight:{default:"regular"}},setup(l){const u=t.usePrefix("p-button-pure"),n=l,o=e.ref(),r=e.inject(t.themeInjectionKey),s=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(s),e.onUpdated(s),e.watch(r,a=>{t.syncProperties(o,{theme:n.theme||a})}),(a,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),f=e.defineComponent({__name:"ButtonPureWrapper",props:{active:{type:Boolean,default:!1},alignLabel:{default:"end"},aria:{},disabled:{type:Boolean,default:!1},hideLabel:{default:!1},icon:{default:"arrow-right"},iconSource:{},loading:{type:Boolean,default:!1},name:{},size:{default:"small"},stretch:{default:!1},theme:{},type:{default:"submit"},underline:{type:Boolean,default:!1},value:{},weight:{default:"regular"}},setup(s){const u=t.usePrefix("p-button-pure"),n=s,o=e.ref(),l=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(o,{...n,theme:n.theme||l.value});return e.onMounted(r),e.onUpdated(r),e.watch(l,a=>{t.syncProperties(o,{theme:n.theme||a})}),(a,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=f;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.15.0-rc.4",
+  "version": "3.15.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,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.15.0-rc.4"
+    "@porsche-design-system/components-js": "3.15.0-rc.5"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"