@porsche-design-system/components-vue 2.20.0 → 2.21.0

package/CHANGELOG.md

@@ -9,6 +9,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [2.21.0] - 2023-03-28
+
+### [2.21.0-rc.0] - 2023-03-28
+
+#### Added
+
+- `Marque` now has a `variant` property, including 75 years variant [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2433)
+
 ### [2.20.0] - 2023-02-06
 
 ### [2.20.0-rc.1] - 2023-02-06

package/lib/components/MarqueWrapper.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SelectedAriaAttributes, MarqueSize, LinkTarget } from '../types';
+import type { SelectedAriaAttributes, MarqueSize, LinkTarget, MarqueVariant } from '../types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Add ARIA attributes.
@@ -17,13 +17,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
      */
     target?: string | undefined;
     /**
-     * Show/hide trademark sign.
+     * Show/hide trademark sign (only has effect when variant is set to default).
      */
     trademark?: boolean | undefined;
+    /**
+     * Shows marque in special editions
+     */
+    variant?: "default" | "75-years" | undefined;
 }>, {
     size: string;
     target: string;
     trademark: boolean;
+    variant: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Add ARIA attributes.
@@ -42,15 +47,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
      */
     target?: string | undefined;
     /**
-     * Show/hide trademark sign.
+     * Show/hide trademark sign (only has effect when variant is set to default).
      */
     trademark?: boolean | undefined;
+    /**
+     * Shows marque in special editions
+     */
+    variant?: "default" | "75-years" | undefined;
 }>, {
     size: string;
     target: string;
     trademark: boolean;
+    variant: string;
 }>>>, {
     size: MarqueSize;
+    variant: MarqueVariant;
     target: LinkTarget;
     trademark: boolean;
 }>;

package/lib/components/MarqueWrapper.vue.js

@@ -1,26 +1,27 @@
-import { defineComponent as a, ref as p, onMounted as s, onUpdated as f, openBlock as l, createBlock as u, resolveDynamicComponent as m, unref as c } from "vue";
-import { getPrefixedTagName as d, syncProperties as n } from "../../utils.js";
-const k = /* @__PURE__ */ a({
+import { defineComponent as a, ref as p, onMounted as f, onUpdated as l, openBlock as u, createBlock as s, resolveDynamicComponent as m, unref as d } from "vue";
+import { getPrefixedTagName as c, syncProperties as n } from "../../utils.js";
+const g = /* @__PURE__ */ a({
   __name: "MarqueWrapper",
   props: {
     aria: null,
     href: null,
     size: { default: "responsive" },
     target: { default: "_self" },
-    trademark: { type: Boolean, default: !0 }
+    trademark: { type: Boolean, default: !0 },
+    variant: { default: "default" }
   },
-  setup(r) {
-    const o = r, t = d("p-marque"), e = p();
-    return s(() => {
-      n(e.value, o);
-    }), f(() => {
-      n(e.value, o);
-    }), (i, _) => (l(), u(m(c(t)), {
+  setup(o) {
+    const t = o, r = c("p-marque"), e = p();
+    return f(() => {
+      n(e.value, t);
+    }), l(() => {
+      n(e.value, t);
+    }), (i, _) => (u(), s(m(d(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, null, 512));
   }
 });
 export {
-  k as default
+  g as default
 };

package/lib/types.d.ts

@@ -566,16 +566,21 @@ declare const LINK_TILE_ASPECT_RATIOS: readonly [
     "9:16"
 ];
 export declare type LinkTileAspectRatio = typeof LINK_TILE_ASPECT_RATIOS[number];
+declare const MARQUE_VARIANTS: readonly [
+    "75-years",
+    "default"
+];
+export declare type MarqueVariant = (typeof MARQUE_VARIANTS)[number];
 declare const MARQUE_SIZES: readonly [
     "responsive",
     "small",
     "medium"
 ];
-export declare type MarqueSize = typeof MARQUE_SIZES[number];
+export declare type MarqueSize = (typeof MARQUE_SIZES)[number];
 declare const MARQUE_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
+export declare type MarqueAriaAttribute = (typeof MARQUE_ARIA_ATTRIBUTES)[number];
 declare const MODAL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "2.20.0",
+  "version": "2.21.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": "2.20.0"
+    "@porsche-design-system/components-js": "2.21.0"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"