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

package/CHANGELOG.md

@@ -14,6 +14,42 @@ 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
+
+- Partials: Added new partial `getFontFaceStyles` which returns an inline style containing all font-face definitions.  
+  ([#3188](https://github.com/porsche-design-system/porsche-design-system/pull/3188))
+
+#### Changed
+
+- Partials: Partial `getFontFaceStylesheet` is deprecated and will be removed with the next major release. Use the
+  `getFontFaceStyles` partial instead, which directly returns a `<style>` tag containing all font-face definitions and
+  can be used in the same way. ([#3188](https://github.com/porsche-design-system/porsche-design-system/pull/3188))
+
+```diff
+- getFontFaceStylesheet()
++ getFontFaceStyles()
+```
+
 ### [3.15.0-rc.3] - 2024-04-23
 
 #### Fixed

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.3",
+  "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.3"
+    "@porsche-design-system/components-js": "3.15.0-rc.5"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"