@porsche-design-system/components-vue 3.19.0 → 3.20.0-rc.0

package/CHANGELOG.md

@@ -14,6 +14,19 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### [Unreleased]
 
+### [3.20.0-rc.0] - 2024-10-18
+
+#### Added
+
+- `Icon`: `attachment`, `dislike`, `dislike-filled`, `like`, `like-filled`, `new-chat`
+
+#### Changed
+
+- `Canvas`: Improve UI and UX behaviour
+  ([#3515](https://github.com/porsche-design-system/porsche-design-system/pull/3515))
+- `Flyout`, `Modal`: Removed default styling for slotted anchors
+  ([#3515](https://github.com/porsche-design-system/porsche-design-system/pull/3515))
+
 ### [3.19.0] - 2024-10-14
 
 ### [3.19.0-rc.4] - 2024-10-14

package/cjs/lib/components/CanvasWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"CanvasWrapper",props:{sidebarEndIcon:{default:"configurate"},sidebarEndOpen:{type:Boolean,default:!1},sidebarStartIcon:{default:"menu-lines"},sidebarStartOpen:{type:Boolean,default:!1},theme:{}},setup(c){const p=t.usePrefix("p-canvas"),n=c,o=e.ref(),r=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(a),e.onUpdated(a),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=u;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"CanvasWrapper",props:{sidebarEndIcon:{default:"menu-lines"},sidebarEndOpen:{type:Boolean,default:!1},sidebarStartIcon:{default:"menu-lines"},sidebarStartOpen:{type:Boolean,default:!1},theme:{}},setup(c){const p=t.usePrefix("p-canvas"),n=c,o=e.ref(),r=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(a),e.onUpdated(a),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=u;

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

@@ -1,23 +1,23 @@
 import type { CanvasSidebarEndIcon, CanvasSidebarStartIcon, Theme } from '../types';
 type PCanvasProps = {
     /**
-     * The icon to toggle the Sidebar on the end side
+     * The icon to toggle the sidebar on the end side
      */
     sidebarEndIcon?: CanvasSidebarEndIcon;
     /**
-     * Open Sidebar on the end side
+     * Open the sidebar on the end side
      */
     sidebarEndOpen?: boolean;
     /**
-     * The icon to toggle the Sidebar on the start side
+     * The icon to toggle the sidebar on the start side
      */
     sidebarStartIcon?: CanvasSidebarStartIcon;
     /**
-     * Open Sidebar on the start side
+     * Open the sidebar on the start side
      */
     sidebarStartOpen?: boolean;
     /**
-     * Adapts the color depending on the theme. Has no effect when "inherit" is set as color prop.
+     * Adapts the color depending on the theme.
      */
     theme?: Theme;
 };

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

@@ -1,17 +1,17 @@
-import { defineComponent as c, ref as f, inject as d, onMounted as m, onUpdated as l, watch as i, openBlock as u, createBlock as h, resolveDynamicComponent as y, unref as C, withCtx as _, renderSlot as b } from "vue";
+import { defineComponent as c, ref as f, inject as m, onMounted as d, onUpdated as l, watch as i, openBlock as u, createBlock as h, resolveDynamicComponent as y, unref as C, withCtx as _, renderSlot as b } from "vue";
 import { usePrefix as v, themeInjectionKey as B, syncProperties as r } from "../../utils.mjs";
 const I = /* @__PURE__ */ c({
   __name: "CanvasWrapper",
   props: {
-    sidebarEndIcon: { default: "configurate" },
+    sidebarEndIcon: { default: "menu-lines" },
     sidebarEndOpen: { type: Boolean, default: !1 },
     sidebarStartIcon: { default: "menu-lines" },
     sidebarStartOpen: { type: Boolean, default: !1 },
     theme: {}
   },
   setup(s) {
-    const p = v("p-canvas"), e = s, t = f(), o = d(B), a = () => r(t, { ...e, theme: e.theme || o.value });
-    return m(a), l(a), i(o, (n) => {
+    const p = v("p-canvas"), e = s, t = f(), o = m(B), a = () => r(t, { ...e, theme: e.theme || o.value });
+    return d(a), l(a), i(o, (n) => {
       r(t, { theme: e.theme || n });
     }), (n, k) => (u(), h(y(C(p)), {
       ref_key: "pdsComponentRef",

package/esm/lib/types.d.ts

@@ -233,6 +233,7 @@ declare const ICON_NAMES: readonly [
     "arrow-left",
     "arrow-right",
     "arrow-up",
+    "attachment",
     "augmented-reality",
     "battery-empty",
     "battery-empty-co2",
@@ -269,6 +270,8 @@ declare const ICON_NAMES: readonly [
     "cubic-capacity",
     "delete",
     "disable",
+    "dislike",
+    "dislike-filled",
     "document",
     "download",
     "duration",
@@ -298,6 +301,8 @@ declare const ICON_NAMES: readonly [
     "leaf",
     "leather",
     "light",
+    "like",
+    "like-filled",
     "list",
     "locate",
     "lock",
@@ -346,6 +351,7 @@ declare const ICON_NAMES: readonly [
     "minus",
     "mobile",
     "moon",
+    "new-chat",
     "oil-can",
     "parking-brake",
     "parking-light",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.19.0",
+  "version": "3.20.0-rc.0",
   "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.19.0"
+    "@porsche-design-system/components-js": "3.20.0-rc.0"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">= 32.0.0 <33.0.0",