@porsche-design-system/components-vue 3.0.0-alpha.1 → 3.0.0-alpha.2

package/README.md

@@ -22,8 +22,8 @@ yarn add @porsche-design-system/components-vue
 
 ### Usage
 
-After adding the `@porsche-design-system/components-vue` package to your project, you've to extend your standard
-vue setup by the `PorscheDesignSystemProvider` by adding it to your `App.vue` file.
+After adding the `@porsche-design-system/components-vue` package to your project, you've to extend your standard vue
+setup by the `PorscheDesignSystemProvider` by adding it to your `App.vue` file.
 
 ```tsx
 // App.vue
@@ -52,6 +52,29 @@ vue setup by the `PorscheDesignSystemProvider` by adding it to your `App.vue` fi
 </template>
 ```
 
+### Plugin
+
+You can also use the `PorscheDesignSystemPlugin` to extend your vue setup.
+
+```ts
+// main.ts
+import { createApp } from 'vue';
+import { createPorscheDesignSystem } from '@porsche-design-system/components-vue';
+
+const app = createApp(App);
+app.use(createPorscheDesignSystem({ prefix: 'my-prefix' }));
+app.mount('#app');
+```
+
+### Composable
+
+The `usePorscheDesignSystemPlugin` composable provides access to the `PorscheDesignSystemPlugin` context.
+
+```ts
+import { usePorscheDesignSystemPlugin } from '@porsche-design-system/components-vue';
+
+const { isPorscheDesignSystemLoaded, componentsReady } = usePorscheDesignSystemPlugin();
+```
 
 ## Methodology
 

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

@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Defines the width of the banner corresponding to the `content-wrapper` dimensions
      */
-    width?: "basic" | "extended" | "fluid" | undefined;
+    width?: "extended" | "basic" | "fluid" | undefined;
 }>, {
     persistent: boolean;
     state: string;
@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Defines the width of the banner corresponding to the `content-wrapper` dimensions
      */
-    width?: "basic" | "extended" | "fluid" | undefined;
+    width?: "extended" | "basic" | "fluid" | undefined;
 }>, {
     persistent: boolean;
     state: string;

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

@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * The weight of the text (only has effect with visible label).
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    weight?: "thin" | "regular" | "semibold" | "semi-bold" | "bold" | undefined;
+    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
 }>, {
     active: boolean;
     alignLabel: string;
@@ -118,7 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * The weight of the text (only has effect with visible label).
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    weight?: "thin" | "regular" | "semibold" | "semi-bold" | "bold" | undefined;
+    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
 }>, {
     active: boolean;
     alignLabel: string;

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

@@ -1,5 +1,9 @@
-import type { BreakpointCustomizable, CarouselChangeEvent, Theme } from '../types';
+import type { CarouselAlignHeader, BreakpointCustomizable, CarouselChangeEvent, Theme, CarouselWidth } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Alignment of heading and description
+     */
+    alignHeader?: "center" | "left" | undefined;
     /**
      * Defines the description used in the carousel.
      */
@@ -29,18 +33,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     theme?: "light" | "dark" | undefined;
     /**
-     * Whether the content should receive a padding to the sides to be aligned on the grid when used full width and not within content-wrapper.
+     * Defines the outer spacings between the carousel and the left and right screen sides.
+     */
+    width?: "extended" | "basic" | undefined;
+    /**
+     * Has no effect anymore
+     * @deprecated since v3.0.0, will be removed with next major release
      */
     wrapContent?: boolean | undefined;
 }>, {
+    alignHeader: string;
     disablePagination: boolean;
     intl: () => {};
     rewind: boolean;
     slidesPerPage: number;
     theme: string;
+    width: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     carouselChange: (value: CarouselChangeEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Alignment of heading and description
+     */
+    alignHeader?: "center" | "left" | undefined;
     /**
      * Defines the description used in the carousel.
      */
@@ -70,19 +85,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     theme?: "light" | "dark" | undefined;
     /**
-     * Whether the content should receive a padding to the sides to be aligned on the grid when used full width and not within content-wrapper.
+     * Defines the outer spacings between the carousel and the left and right screen sides.
+     */
+    width?: "extended" | "basic" | undefined;
+    /**
+     * Has no effect anymore
+     * @deprecated since v3.0.0, will be removed with next major release
      */
     wrapContent?: boolean | undefined;
 }>, {
+    alignHeader: string;
     disablePagination: boolean;
     intl: () => {};
     rewind: boolean;
     slidesPerPage: number;
     theme: string;
+    width: string;
 }>>> & {
     onCarouselChange?: ((value: CarouselChangeEvent) => any) | undefined;
 }, {
     theme: Theme;
+    width: CarouselWidth;
+    alignHeader: CarouselAlignHeader;
     disablePagination: BreakpointCustomizable<boolean>;
     intl: Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
     rewind: boolean;

package/lib/components/CarouselWrapper.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as s, ref as p, onMounted as d, onUpdated as u, openBlock as f, createBlock as i, resolveDynamicComponent as c, unref as m, withCtx as C, renderSlot as g } from "vue";
+import { defineComponent as s, ref as d, onMounted as p, onUpdated as u, openBlock as f, createBlock as i, resolveDynamicComponent as c, unref as m, withCtx as g, renderSlot as C } from "vue";
 import { getPrefixedTagName as h, syncProperties as n, addEventListenerToElementRef as _ } from "../../utils.js";
-const w = /* @__PURE__ */ s({
+const P = /* @__PURE__ */ s({
   __name: "CarouselWrapper",
   props: {
+    alignHeader: { default: "left" },
     description: null,
     disablePagination: { default: !1 },
     heading: null,
@@ -10,26 +11,27 @@ const w = /* @__PURE__ */ s({
     rewind: { type: Boolean, default: !0 },
     slidesPerPage: { default: 1 },
     theme: { default: "light" },
+    width: { default: "basic" },
     wrapContent: { type: Boolean }
   },
   emits: ["carouselChange"],
-  setup(o, { emit: a }) {
-    const t = o, r = h("p-carousel"), e = p();
-    return d(() => {
-      n(e.value, t), _(e.value, "carouselChange", a);
+  setup(a, { emit: o }) {
+    const t = a, l = h("p-carousel"), e = d();
+    return p(() => {
+      n(e.value, t), _(e.value, "carouselChange", o);
     }), u(() => {
       n(e.value, t);
-    }), (l, v) => (f(), i(c(m(r)), {
+    }), (r, v) => (f(), i(c(m(l)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: C(() => [
-        g(l.$slots, "default")
+      default: g(() => [
+        C(r.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  w as default
+  P as default
 };

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

@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Defines the outer spacings between the content area and the left and right screen sides, as well as centering its content and setting a max-width.
      */
-    width?: "basic" | "extended" | "fluid" | "narrow" | "full" | undefined;
+    width?: "extended" | "basic" | "fluid" | "narrow" | "full" | undefined;
 }>, {
     backgroundColor: string;
     theme: string;
@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Defines the outer spacings between the content area and the left and right screen sides, as well as centering its content and setting a max-width.
      */
-    width?: "basic" | "extended" | "fluid" | "narrow" | "full" | undefined;
+    width?: "extended" | "basic" | "fluid" | "narrow" | "full" | undefined;
 }>, {
     backgroundColor: string;
     theme: string;

package/lib/components/ContentWrapperWrapper.vue.js

@@ -1,19 +1,19 @@
-import { defineComponent as a, ref as s, onMounted as f, onUpdated as d, openBlock as c, createBlock as l, resolveDynamicComponent as m, unref as u, withCtx as i, renderSlot as C } from "vue";
+import { defineComponent as a, ref as d, onMounted as f, onUpdated as s, openBlock as l, createBlock as c, resolveDynamicComponent as m, unref as u, withCtx as i, renderSlot as C } from "vue";
 import { getPrefixedTagName as _, syncProperties as o } from "../../utils.js";
 const w = /* @__PURE__ */ a({
   __name: "ContentWrapperWrapper",
   props: {
     backgroundColor: { default: "transparent" },
     theme: { default: "light" },
-    width: { default: "basic" }
+    width: { default: "extended" }
   },
   setup(n) {
-    const t = n, r = _("p-content-wrapper"), e = s();
+    const t = n, r = _("p-content-wrapper"), e = d();
     return f(() => {
       o(e.value, t);
-    }), d(() => {
+    }), s(() => {
       o(e.value, t);
-    }), (p, g) => (c(), l(m(u(r)), {
+    }), (p, g) => (l(), c(m(u(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * Defines color depending on theme.
      */
-    color?: "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
+    color?: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
     /**
      * Defines orientation.
      */
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * Defines color depending on theme.
      */
-    color?: "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
+    color?: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
     /**
      * Defines orientation.
      */

package/lib/components/DividerWrapper.vue.js

@@ -1,19 +1,19 @@
-import { defineComponent as a, ref as p, onMounted as l, onUpdated as c, openBlock as f, createBlock as i, resolveDynamicComponent as s, unref as d } from "vue";
+import { defineComponent as p, ref as a, onMounted as c, onUpdated as f, openBlock as i, createBlock as l, resolveDynamicComponent as s, unref as d } from "vue";
 import { getPrefixedTagName as m, syncProperties as t } from "../../utils.js";
-const g = /* @__PURE__ */ a({
+const g = /* @__PURE__ */ p({
   __name: "DividerWrapper",
   props: {
-    color: { default: "neutral-contrast-low" },
+    color: { default: "contrast-low" },
     orientation: { default: "horizontal" },
     theme: { default: "light" }
   },
   setup(n) {
-    const o = n, r = m("p-divider"), e = p();
-    return l(() => {
+    const o = n, r = m("p-divider"), e = a();
+    return c(() => {
       t(e.value, o);
-    }), c(() => {
+    }), f(() => {
       t(e.value, o);
-    }), (u, _) => (f(), i(s(d(r)), {
+    }), (u, _) => (i(), l(s(d(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, null, 512));

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

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * Basic color variations depending on theme property.
      */
-    color?: "default" | "primary" | "brand" | "contrast-low" | "neutral-contrast-low" | "contrast-medium" | "neutral-contrast-medium" | "contrast-high" | "neutral-contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "notification-neutral" | "inherit" | "disabled" | undefined;
+    color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "disabled" | undefined;
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * Basic color variations depending on theme property.
      */
-    color?: "default" | "primary" | "brand" | "contrast-low" | "neutral-contrast-low" | "contrast-medium" | "neutral-contrast-medium" | "contrast-high" | "neutral-contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "notification-neutral" | "inherit" | "disabled" | undefined;
+    color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "disabled" | undefined;
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release

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

@@ -60,7 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * The weight of the text (only has effect with visible label).
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    weight?: "thin" | "regular" | "semibold" | "semi-bold" | "bold" | undefined;
+    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
 }>, {
     active: boolean;
     alignLabel: string;
@@ -133,7 +133,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * The weight of the text (only has effect with visible label).
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    weight?: "thin" | "regular" | "semibold" | "semi-bold" | "bold" | undefined;
+    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
 }>, {
     active: boolean;
     alignLabel: string;

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

@@ -0,0 +1,66 @@
+import type { ModelSignatureColor, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Adapts the color of the component.
+     */
+    color?: "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "inherit" | undefined;
+    /**
+     * Adapts the model of the component.
+     */
+    model?: "911" | "718" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    /**
+     * Adapts the size of the component.
+     */
+    size?: "inherit" | "small" | undefined;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    color: string;
+    model: string;
+    size: string;
+    theme: 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<{
+    /**
+     * Adapts the color of the component.
+     */
+    color?: "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "inherit" | undefined;
+    /**
+     * Adapts the model of the component.
+     */
+    model?: "911" | "718" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    /**
+     * Adapts the size of the component.
+     */
+    size?: "inherit" | "small" | undefined;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    color: string;
+    model: string;
+    size: string;
+    theme: string;
+}>>>, {
+    size: ModelSignatureSize;
+    theme: Theme;
+    color: ModelSignatureColor;
+    model: ModelSignatureModel;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/lib/components/ModelSignatureWrapper.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent as a, ref as p, onMounted as l, onUpdated as m, openBlock as s, createBlock as f, resolveDynamicComponent as d, unref as u } from "vue";
+import { getPrefixedTagName as c, syncProperties as t } from "../../utils.js";
+const y = /* @__PURE__ */ a({
+  __name: "ModelSignatureWrapper",
+  props: {
+    color: { default: "primary" },
+    model: { default: "911" },
+    size: { default: "small" },
+    theme: { default: "light" }
+  },
+  setup(n) {
+    const o = n, r = c("p-model-signature"), e = p();
+    return l(() => {
+      t(e.value, o);
+    }), m(() => {
+      t(e.value, o);
+    }), (i, _) => (s(), f(d(u(r)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, null, 512));
+  }
+});
+export {
+  y as default
+};

package/lib/components/ModelSignatureWrapper.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ModelSignatureWrapper.vue.js";
+export {
+  f as default
+};

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

@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Background color variations depending on theme property.
      */
-    color?: "primary" | "neutral-contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "notification-neutral" | "background-surface" | "background-default" | "background-base" | undefined;
+    color?: "primary" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "neutral-contrast-high" | "notification-neutral" | "background-surface" | "background-default" | "background-base" | undefined;
     /**
      * The icon shown.
      */
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Background color variations depending on theme property.
      */
-    color?: "primary" | "neutral-contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "notification-neutral" | "background-surface" | "background-default" | "background-base" | undefined;
+    color?: "primary" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "neutral-contrast-high" | "notification-neutral" | "background-surface" | "background-default" | "background-base" | undefined;
     /**
      * The icon shown.
      */

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

@@ -1,15 +1,15 @@
 import type { ListType, OrderType, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
-     * The type of the text list.
+     * The type of the list.
      */
     listType?: "unordered" | "ordered" | undefined;
     /**
-     * The list style type of an ordered list.
+     * The list style type of ordered list. Only has effect when list type is set to 'ordered'.
      */
     orderType?: "numbered" | "alphabetically" | undefined;
     /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
+     * Adapts the text color depending on the theme.
      */
     theme?: "light" | "dark" | undefined;
 }>, {
@@ -18,15 +18,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: 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<{
     /**
-     * The type of the text list.
+     * The type of the list.
      */
     listType?: "unordered" | "ordered" | undefined;
     /**
-     * The list style type of an ordered list.
+     * The list style type of ordered list. Only has effect when list type is set to 'ordered'.
      */
     orderType?: "numbered" | "alphabetically" | undefined;
     /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
+     * Adapts the text color depending on the theme.
      */
     theme?: "light" | "dark" | undefined;
 }>, {

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

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "default" | "primary" | "brand" | "contrast-low" | "neutral-contrast-low" | "contrast-medium" | "neutral-contrast-medium" | "contrast-high" | "neutral-contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "notification-neutral" | "inherit" | undefined;
+    color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The weight of the text.
      */
-    weight?: "thin" | "regular" | "semibold" | "semi-bold" | "bold" | undefined;
+    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
 }>, {
     align: string;
     color: string;
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "default" | "primary" | "brand" | "contrast-low" | "neutral-contrast-low" | "contrast-medium" | "neutral-contrast-medium" | "contrast-high" | "neutral-contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "notification-neutral" | "inherit" | undefined;
+    color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -64,7 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The weight of the text.
      */
-    weight?: "thin" | "regular" | "semibold" | "semi-bold" | "bold" | undefined;
+    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
 }>, {
     align: string;
     color: string;

package/lib/components/index.d.ts

@@ -23,6 +23,7 @@ export { default as PLinkSocial } from './LinkSocialWrapper.vue';
 export { default as PLinkTile } from './LinkTileWrapper.vue';
 export { default as PMarque } from './MarqueWrapper.vue';
 export { default as PModal } from './ModalWrapper.vue';
+export { default as PModelSignature } from './ModelSignatureWrapper.vue';
 export { default as PPagination } from './PaginationWrapper.vue';
 export { default as PPopover } from './PopoverWrapper.vue';
 export { default as PRadioButtonWrapper } from './RadioButtonWrapperWrapper.vue';