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

package/lib/components/TableWrapper.vue.js

@@ -1,23 +1,23 @@
-import { defineComponent as s, ref as l, onMounted as f, onUpdated as m, openBlock as c, createBlock as d, resolveDynamicComponent as i, unref as u, withCtx as C, renderSlot as g } from "vue";
-import { getPrefixedTagName as _, syncProperties as o, addEventListenerToElementRef as v } from "../../utils.js";
-const k = /* @__PURE__ */ s({
+import { defineComponent as l, ref as c, onMounted as f, onUpdated as m, openBlock as d, createBlock as u, resolveDynamicComponent as i, unref as g, withCtx as C, renderSlot as _ } from "vue";
+import { getPrefixedTagName as h, syncProperties as t, addEventListenerToElementRef as r } from "../../utils.js";
+const k = /* @__PURE__ */ l({
   __name: "TableWrapper",
   props: {
     caption: null
   },
-  emits: ["sortingChange"],
-  setup(t, { emit: r }) {
-    const n = t, a = _("p-table"), e = l();
+  emits: ["change", "sortingChange"],
+  setup(a, { emit: n }) {
+    const o = a, p = h("p-table"), e = c();
     return f(() => {
-      o(e.value, n), v(e.value, "sortingChange", r);
+      t(e.value, o), r(e.value, "change", n), r(e.value, "sortingChange", n);
     }), m(() => {
-      o(e.value, n);
-    }), (p, h) => (c(), d(i(u(a)), {
+      t(e.value, o);
+    }), (s, v) => (d(), u(i(g(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: C(() => [
-        g(p.$slots, "default")
+        _(s.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -1,4 +1,4 @@
-import type { TabGradientColorTheme, TabChangeEvent, BreakpointCustomizable, TabSize, Theme, TabWeight } from '../types';
+import type { TabsBarGradientColor, TabsBarChangeEvent, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Defines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.
@@ -7,6 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Adapts the background gradient color of prev and next button.
      */
+    gradientColor?: "background-base" | "background-surface" | undefined;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
+     */
     gradientColorScheme?: "default" | "surface" | undefined;
     /**
      * The text size.
@@ -19,14 +23,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The text weight.
      */
-    weight?: "regular" | "semibold" | undefined;
+    weight?: "regular" | "semi-bold" | "semibold" | undefined;
 }>, {
-    gradientColorScheme: string;
+    gradientColor: string;
     size: string;
     theme: string;
     weight: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    tabChange: (value: TabChangeEvent) => void;
+    change: (value: TabsBarChangeEvent) => void;
+} & {
+    tabChange: (value: TabsBarChangeEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Defines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.
@@ -35,6 +41,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Adapts the background gradient color of prev and next button.
      */
+    gradientColor?: "background-base" | "background-surface" | undefined;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
+     */
     gradientColorScheme?: "default" | "surface" | undefined;
     /**
      * The text size.
@@ -47,19 +57,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The text weight.
      */
-    weight?: "regular" | "semibold" | undefined;
+    weight?: "regular" | "semi-bold" | "semibold" | undefined;
 }>, {
-    gradientColorScheme: string;
+    gradientColor: string;
     size: string;
     theme: string;
     weight: string;
 }>>> & {
-    onTabChange?: ((value: TabChangeEvent) => any) | undefined;
+    onChange?: ((value: TabsBarChangeEvent) => any) | undefined;
+    onTabChange?: ((value: TabsBarChangeEvent) => any) | undefined;
 }, {
-    weight: TabWeight;
-    size: BreakpointCustomizable<TabSize>;
+    weight: TabsBarWeight;
+    size: BreakpointCustomizable<TabsBarSize>;
     theme: Theme;
-    gradientColorScheme: TabGradientColorTheme;
+    gradientColor: TabsBarGradientColor;
 }>, {
     default: (_: {}) => any;
 }>;

package/lib/components/TabsBarWrapper.vue.js

@@ -1,32 +1,33 @@
-import { defineComponent as s, ref as p, onMounted as d, onUpdated as f, openBlock as m, createBlock as u, resolveDynamicComponent as i, unref as c, withCtx as g, renderSlot as C } from "vue";
-import { getPrefixedTagName as h, syncProperties as a, addEventListenerToElementRef as b } from "../../utils.js";
-const x = /* @__PURE__ */ s({
+import { defineComponent as d, ref as p, onMounted as u, onUpdated as f, openBlock as c, createBlock as m, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
+import { getPrefixedTagName as b, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
+const k = /* @__PURE__ */ d({
   __name: "TabsBarWrapper",
   props: {
     activeTabIndex: null,
-    gradientColorScheme: { default: "default" },
+    gradientColor: { default: "background-base" },
+    gradientColorScheme: null,
     size: { default: "small" },
     theme: { default: "light" },
     weight: { default: "regular" }
   },
-  emits: ["tabChange"],
-  setup(n, { emit: o }) {
-    const t = n, r = h("p-tabs-bar"), e = p();
-    return d(() => {
-      a(e.value, t), b(e.value, "tabChange", o);
+  emits: ["change", "tabChange"],
+  setup(r, { emit: t }) {
+    const a = r, l = b("p-tabs-bar"), e = p();
+    return u(() => {
+      n(e.value, a), o(e.value, "change", t), o(e.value, "tabChange", t);
     }), f(() => {
-      a(e.value, t);
-    }), (l, _) => (m(), u(i(c(r)), {
+      n(e.value, a);
+    }), (s, v) => (c(), m(i(g(l)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: g(() => [
-        C(l.$slots, "default")
+      default: h(() => [
+        C(s.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  x as default
+  k as default
 };

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

@@ -1,4 +1,4 @@
-import type { TabGradientColorTheme, TabChangeEvent, BreakpointCustomizable, TabSize, Theme, TabWeight } from '../types';
+import type { TabsGradientColor, BreakpointCustomizable, TabsSize, Theme, TabsWeight } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Defines which tab to be visualized as selected (zero-based numbering).
@@ -7,6 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Adapts the background gradient color of prev and next button.
      */
+    gradientColor?: "background-base" | "background-surface" | undefined;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
+     */
     gradientColorScheme?: "default" | "surface" | undefined;
     /**
      * The text size.
@@ -19,15 +23,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The text weight.
      */
-    weight?: "regular" | "semibold" | undefined;
+    weight?: "regular" | "semi-bold" | "semibold" | undefined;
 }>, {
     activeTabIndex: number;
-    gradientColorScheme: string;
+    gradientColor: string;
     size: string;
     theme: string;
     weight: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    tabChange: (value: TabChangeEvent) => void;
+    change: (value: import("../types").TabsBarChangeEvent) => void;
+} & {
+    tabChange: (value: import("../types").TabsBarChangeEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Defines which tab to be visualized as selected (zero-based numbering).
@@ -36,6 +42,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Adapts the background gradient color of prev and next button.
      */
+    gradientColor?: "background-base" | "background-surface" | undefined;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
+     */
     gradientColorScheme?: "default" | "surface" | undefined;
     /**
      * The text size.
@@ -48,20 +58,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The text weight.
      */
-    weight?: "regular" | "semibold" | undefined;
+    weight?: "regular" | "semi-bold" | "semibold" | undefined;
 }>, {
     activeTabIndex: number;
-    gradientColorScheme: string;
+    gradientColor: string;
     size: string;
     theme: string;
     weight: string;
 }>>> & {
-    onTabChange?: ((value: TabChangeEvent) => any) | undefined;
+    onChange?: ((value: import("../types").TabsBarChangeEvent) => any) | undefined;
+    onTabChange?: ((value: import("../types").TabsBarChangeEvent) => any) | undefined;
 }, {
-    weight: TabWeight;
-    size: BreakpointCustomizable<TabSize>;
+    weight: TabsWeight;
+    size: BreakpointCustomizable<TabsSize>;
     theme: Theme;
-    gradientColorScheme: TabGradientColorTheme;
+    gradientColor: TabsGradientColor;
     activeTabIndex: number;
 }>, {
     default: (_: {}) => any;

package/lib/components/TabsWrapper.vue.js

@@ -1,32 +1,33 @@
-import { defineComponent as s, ref as d, onMounted as f, onUpdated as p, openBlock as m, createBlock as u, resolveDynamicComponent as i, unref as c, withCtx as g, renderSlot as C } from "vue";
-import { getPrefixedTagName as h, syncProperties as a, addEventListenerToElementRef as _ } from "../../utils.js";
-const x = /* @__PURE__ */ s({
+import { defineComponent as d, ref as p, onMounted as f, onUpdated as u, openBlock as c, createBlock as m, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
+import { getPrefixedTagName as b, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
+const k = /* @__PURE__ */ d({
   __name: "TabsWrapper",
   props: {
     activeTabIndex: { default: 0 },
-    gradientColorScheme: { default: "default" },
+    gradientColor: { default: "background-base" },
+    gradientColorScheme: null,
     size: { default: "small" },
     theme: { default: "light" },
     weight: { default: "regular" }
   },
-  emits: ["tabChange"],
-  setup(n, { emit: o }) {
-    const t = n, r = h("p-tabs"), e = d();
+  emits: ["change", "tabChange"],
+  setup(r, { emit: t }) {
+    const a = r, l = b("p-tabs"), e = p();
     return f(() => {
-      a(e.value, t), _(e.value, "tabChange", o);
-    }), p(() => {
-      a(e.value, t);
-    }), (l, b) => (m(), u(i(c(r)), {
+      n(e.value, a), o(e.value, "change", t), o(e.value, "tabChange", t);
+    }), u(() => {
+      n(e.value, a);
+    }), (s, v) => (c(), m(i(g(l)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: g(() => [
-        C(l.$slots, "default")
+      default: h(() => [
+        C(s.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  x as default
+  k as default
 };

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

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Background color variations
      */
-    color?: "background-surface" | "background-default" | "background-base" | undefined;
+    color?: "background-base" | "background-surface" | "background-default" | undefined;
     /**
      * The label text.
      */
@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Background color variations
      */
-    color?: "background-surface" | "background-default" | "background-base" | undefined;
+    color?: "background-base" | "background-surface" | "background-default" | undefined;
     /**
      * The label text.
      */

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" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "neutral-contrast-high" | "notification-neutral" | "background-surface" | "background-default" | "background-base" | undefined;
+    color?: "background-base" | "background-surface" | "primary" | "notification-success" | "notification-warning" | "notification-error" | "neutral-contrast-high" | "notification-neutral" | "background-default" | "notification-info-soft" | "notification-warning-soft" | "notification-success-soft" | "notification-error-soft" | 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" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "neutral-contrast-high" | "notification-neutral" | "background-surface" | "background-default" | "background-base" | undefined;
+    color?: "background-base" | "background-surface" | "primary" | "notification-success" | "notification-warning" | "notification-error" | "neutral-contrast-high" | "notification-neutral" | "background-default" | "notification-info-soft" | "notification-warning-soft" | "notification-success-soft" | "notification-error-soft" | undefined;
     /**
      * The icon shown.
      */

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

@@ -1,4 +1,4 @@
-import type { BreakpointCustomizable, FormState, Theme, TextFieldWrapperUnitPosition } from '../types';
+import type { BreakpointCustomizable, TextFieldWrapperState, Theme, TextFieldWrapperUnitPosition } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Action icon can be set to `locate` for `input type="search"` in order to display an action button.
@@ -25,9 +25,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     message?: string | undefined;
     /**
-     * Show or hide max character count.
+     * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
      */
     showCharacterCount?: boolean | undefined;
+    /**
+     * Show or hide max character count.
+     */
+    showCounter?: boolean | undefined;
     /**
      * The validation state.
      */
@@ -50,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideLabel: boolean;
     label: string;
     message: string;
-    showCharacterCount: boolean;
+    showCounter: boolean;
     state: string;
     theme: string;
     unit: string;
@@ -83,9 +87,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     message?: string | undefined;
     /**
-     * Show or hide max character count.
+     * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
      */
     showCharacterCount?: boolean | undefined;
+    /**
+     * Show or hide max character count.
+     */
+    showCounter?: boolean | undefined;
     /**
      * The validation state.
      */
@@ -108,7 +116,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideLabel: boolean;
     label: string;
     message: string;
-    showCharacterCount: boolean;
+    showCounter: boolean;
     state: string;
     theme: string;
     unit: string;
@@ -118,12 +126,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     theme: Theme;
-    state: FormState;
-    hideLabel: BreakpointCustomizable<boolean>;
     description: string;
+    state: TextFieldWrapperState;
+    hideLabel: BreakpointCustomizable<boolean>;
     message: string;
     actionLoading: boolean;
-    showCharacterCount: boolean;
+    showCounter: boolean;
     unit: string;
     unitPosition: TextFieldWrapperUnitPosition;
 }>, {

package/lib/components/TextFieldWrapperWrapper.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as p, onMounted as d, onUpdated as i, openBlock as s, createBlock as u, resolveDynamicComponent as c, unref as m, withCtx as C, renderSlot as h } from "vue";
+import { defineComponent as p, ref as f, onMounted as d, onUpdated as s, openBlock as u, createBlock as i, resolveDynamicComponent as c, unref as m, withCtx as C, renderSlot as h } from "vue";
 import { getPrefixedTagName as _, syncProperties as o, addEventListenerToElementRef as g } from "../../utils.js";
-const w = /* @__PURE__ */ f({
+const w = /* @__PURE__ */ p({
   __name: "TextFieldWrapperWrapper",
   props: {
     actionIcon: null,
@@ -9,7 +9,8 @@ const w = /* @__PURE__ */ f({
     hideLabel: { default: !1 },
     label: { default: "" },
     message: { default: "" },
-    showCharacterCount: { type: Boolean, default: !0 },
+    showCharacterCount: { type: Boolean },
+    showCounter: { type: Boolean, default: !0 },
     state: { default: "none" },
     theme: { default: "light" },
     unit: { default: "" },
@@ -17,12 +18,12 @@ const w = /* @__PURE__ */ f({
   },
   emits: ["action"],
   setup(n, { emit: a }) {
-    const t = n, l = _("p-text-field-wrapper"), e = p();
+    const t = n, l = _("p-text-field-wrapper"), e = f();
     return d(() => {
       o(e.value, t), g(e.value, "action", a);
-    }), i(() => {
+    }), s(() => {
       o(e.value, t);
-    }), (r, x) => (s(), u(c(m(l)), {
+    }), (r, x) => (u(), i(c(m(l)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -1,42 +1,47 @@
-import type { ListType, OrderType, Theme } from '../types';
+import type { Theme, TextListType } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
-     * The type of the list.
+     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The type of the list.
      */
     listType?: "unordered" | "ordered" | undefined;
     /**
-     * The list style type of ordered list. Only has effect when list type is set to 'ordered'.
+     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. 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.
      */
     theme?: "light" | "dark" | undefined;
+    /**
+     * The list style type.
+     */
+    type?: "unordered" | "numbered" | "alphabetically" | undefined;
 }>, {
-    listType: string;
-    orderType: string;
     theme: string;
+    type: 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 list.
+     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The type of the list.
      */
     listType?: "unordered" | "ordered" | undefined;
     /**
-     * The list style type of ordered list. Only has effect when list type is set to 'ordered'.
+     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. 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.
      */
     theme?: "light" | "dark" | undefined;
+    /**
+     * The list style type.
+     */
+    type?: "unordered" | "numbered" | "alphabetically" | undefined;
 }>, {
-    listType: string;
-    orderType: string;
     theme: string;
+    type: string;
 }>>>, {
     theme: Theme;
-    listType: ListType;
-    orderType: OrderType;
+    type: TextListType;
 }>, {
     default: (_: {}) => any;
 }>;

package/lib/components/TextListWrapper.vue.js

@@ -1,19 +1,20 @@
-import { defineComponent as a, ref as s, onMounted as d, onUpdated as f, openBlock as l, createBlock as m, resolveDynamicComponent as u, unref as c, withCtx as i, renderSlot as _ } from "vue";
-import { getPrefixedTagName as C, syncProperties as o } from "../../utils.js";
-const g = /* @__PURE__ */ a({
+import { defineComponent as l, ref as s, onMounted as a, onUpdated as d, openBlock as f, createBlock as u, resolveDynamicComponent as m, unref as c, withCtx as i, renderSlot as _ } from "vue";
+import { getPrefixedTagName as y, syncProperties as o } from "../../utils.js";
+const g = /* @__PURE__ */ l({
   __name: "TextListWrapper",
   props: {
-    listType: { default: "unordered" },
-    orderType: { default: "numbered" },
-    theme: { default: "light" }
+    listType: null,
+    orderType: null,
+    theme: { default: "light" },
+    type: { default: "unordered" }
   },
   setup(n) {
-    const t = n, r = C("p-text-list"), e = s();
-    return d(() => {
+    const t = n, r = y("p-text-list"), e = s();
+    return a(() => {
       o(e.value, t);
-    }), f(() => {
+    }), d(() => {
       o(e.value, t);
-    }), (p, x) => (l(), m(u(c(r)), {
+    }), (p, C) => (f(), u(m(c(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
     /**
      * Sets a custom HTML tag depending on the usage of the text component.
      */
@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
     /**
      * Sets a custom HTML tag depending on the usage of the text component.
      */

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

@@ -1,4 +1,4 @@
-import type { BreakpointCustomizable, FormState, Theme } from '../types';
+import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * The description text.
@@ -17,9 +17,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     message?: string | undefined;
     /**
-     * Show or hide max character count.
+     * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
      */
     showCharacterCount?: boolean | undefined;
+    /**
+     * Show or hide max character count.
+     */
+    showCounter?: boolean | undefined;
     /**
      * The validation state.
      */
@@ -33,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideLabel: boolean;
     label: string;
     message: string;
-    showCharacterCount: boolean;
+    showCounter: boolean;
     state: 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<{
@@ -54,9 +58,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     message?: string | undefined;
     /**
-     * Show or hide max character count.
+     * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
      */
     showCharacterCount?: boolean | undefined;
+    /**
+     * Show or hide max character count.
+     */
+    showCounter?: boolean | undefined;
     /**
      * The validation state.
      */
@@ -70,17 +78,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideLabel: boolean;
     label: string;
     message: string;
-    showCharacterCount: boolean;
+    showCounter: boolean;
     state: string;
     theme: string;
 }>>>, {
     label: string;
     theme: Theme;
-    state: FormState;
-    hideLabel: BreakpointCustomizable<boolean>;
     description: string;
+    state: TextareaWrapperState;
+    hideLabel: BreakpointCustomizable<boolean>;
     message: string;
-    showCharacterCount: boolean;
+    showCounter: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

package/lib/components/TextareaWrapperWrapper.vue.js

@@ -1,22 +1,23 @@
-import { defineComponent as p, ref as l, onMounted as f, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as m, unref as c, withCtx as i, renderSlot as C } from "vue";
-import { getPrefixedTagName as h, syncProperties as a } from "../../utils.js";
-const w = /* @__PURE__ */ p({
+import { defineComponent as p, ref as l, onMounted as s, onUpdated as f, openBlock as d, createBlock as u, resolveDynamicComponent as m, unref as c, withCtx as i, renderSlot as C } from "vue";
+import { getPrefixedTagName as h, syncProperties as o } from "../../utils.js";
+const x = /* @__PURE__ */ p({
   __name: "TextareaWrapperWrapper",
   props: {
     description: { default: "" },
     hideLabel: { default: !1 },
     label: { default: "" },
     message: { default: "" },
-    showCharacterCount: { type: Boolean, default: !0 },
+    showCharacterCount: { type: Boolean },
+    showCounter: { type: Boolean, default: !0 },
     state: { default: "none" },
     theme: { default: "light" }
   },
-  setup(o) {
-    const t = o, r = h("p-textarea-wrapper"), e = l();
-    return f(() => {
-      a(e.value, t);
-    }), s(() => {
-      a(e.value, t);
+  setup(a) {
+    const t = a, r = h("p-textarea-wrapper"), e = l();
+    return s(() => {
+      o(e.value, t);
+    }), f(() => {
+      o(e.value, t);
     }), (n, _) => (d(), u(m(c(r)), {
       ref_key: "pdsComponentRef",
       ref: e
@@ -29,5 +30,5 @@ const w = /* @__PURE__ */ p({
   }
 });
 export {
-  w as default
+  x as default
 };