@porsche-design-system/components-vue 3.0.0 → 3.1.0-rc.0

package/CHANGELOG.md

@@ -9,6 +9,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [3.1.0-rc.0] - 2023-05-24
+
+#### Added
+
+- `Marque` now has a `variant` property, including 75 years variant
+  [#2575](https://github.com/porsche-design-system/porsche-design-system/pull/2575)
+
 ### [3.0.0] - 2023-05-11
 
 ### [3.0.0-rc.3] - 2023-05-10

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

@@ -1,5 +1,5 @@
 /** __vue_virtual_code_placeholder */
-import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget } from '../types';
+import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant } from '../types';
 type PMarqueProps = {
     /**
      * Add ARIA attributes.
@@ -18,21 +18,28 @@ type PMarqueProps = {
      */
     target?: MarqueTarget;
     /**
-     * Show/hide trademark sign.
+     * Show/hide trademark sign (only has effect when variant is set to default).
      */
     trademark?: boolean;
+    /**
+     * Shows marque in special editions
+     */
+    variant?: MarqueVariant;
 };
 /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PMarqueProps>, {
     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<PMarqueProps>, {
     size: string;
     target: string;
     trademark: boolean;
+    variant: string;
 }>>>, {
     size: "small" | "medium" | "responsive";
+    variant: "default" | "75-years";
     target: string;
     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

@@ -921,17 +921,22 @@ export type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE
 export type LinkTileModelSignatureWeight = TileWeight;
 export type LinkTileModelSignatureAspectRatio = TileAspectRatio;
 export type LinkTileModelSignatureLinkDirection = GroupDirection;
+declare const MARQUE_VARIANTS: readonly [
+    "75-years",
+    "default"
+];
+export type MarqueVariant = (typeof MARQUE_VARIANTS)[number];
+export type MarqueTarget = LinkTarget;
+declare const MARQUE_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export type MarqueAriaAttribute = (typeof MARQUE_ARIA_ATTRIBUTES)[number];
 declare const MARQUE_SIZES: readonly [
     "responsive",
     "small",
     "medium"
 ];
 export type MarqueSize = typeof MARQUE_SIZES[number];
-export type MarqueTarget = LinkTarget;
-declare const MARQUE_ARIA_ATTRIBUTES: readonly [
-    "aria-label"
-];
-export 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": "3.0.0",
+  "version": "3.1.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.0.0"
+    "@porsche-design-system/components-js": "3.1.0-rc.0"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"