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

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

@@ -1,4 +1,4 @@
-import type { BreakpointCustomizable, AlignLabel, SwitchChangeEvent, Theme } from '../types';
+import type { BreakpointCustomizable, SwitchAlignLabel, SwitchChangeEvent, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Aligns the label.
@@ -37,6 +37,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     stretch: boolean;
     theme: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: SwitchChangeEvent) => void;
+} & {
     switchChange: (value: SwitchChangeEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
@@ -76,12 +78,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     stretch: boolean;
     theme: string;
 }>>> & {
+    onChange?: ((value: SwitchChangeEvent) => any) | undefined;
     onSwitchChange?: ((value: SwitchChangeEvent) => any) | undefined;
 }, {
     stretch: BreakpointCustomizable<boolean>;
-    disabled: boolean;
     theme: Theme;
-    alignLabel: BreakpointCustomizable<AlignLabel>;
+    alignLabel: BreakpointCustomizable<SwitchAlignLabel>;
+    disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
     checked: boolean;

package/lib/components/SwitchWrapper.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as r, onMounted as d, onUpdated as p, openBlock as i, createBlock as c, resolveDynamicComponent as u, unref as m, withCtx as h, renderSlot as g } from "vue";
-import { getPrefixedTagName as C, syncProperties as a, addEventListenerToElementRef as _ } from "../../utils.js";
-const B = /* @__PURE__ */ f({
+import { defineComponent as r, ref as d, onMounted as p, onUpdated as c, openBlock as i, createBlock as u, resolveDynamicComponent as h, unref as m, withCtx as g, renderSlot as C } from "vue";
+import { getPrefixedTagName as _, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
+const B = /* @__PURE__ */ r({
   __name: "SwitchWrapper",
   props: {
     alignLabel: { default: "right" },
@@ -11,19 +11,19 @@ const B = /* @__PURE__ */ f({
     stretch: { default: !1 },
     theme: { default: "light" }
   },
-  emits: ["switchChange"],
-  setup(o, { emit: n }) {
-    const t = o, l = C("p-switch"), e = r();
-    return d(() => {
-      a(e.value, t), _(e.value, "switchChange", n);
-    }), p(() => {
-      a(e.value, t);
-    }), (s, w) => (i(), c(u(m(l)), {
+  emits: ["change", "switchChange"],
+  setup(l, { emit: t }) {
+    const a = l, s = _("p-switch"), e = d();
+    return p(() => {
+      n(e.value, a), o(e.value, "change", t), o(e.value, "switchChange", t);
+    }), c(() => {
+      n(e.value, a);
+    }), (f, v) => (i(), u(h(m(s)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: h(() => [
-        g(s.$slots, "default")
+      default: g(() => [
+        C(f.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -1,18 +1,36 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+import type { Theme } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
      */
     caption?: string | undefined;
+    /**
+     * Adapts the color when used on dark background.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    theme: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: import("../types").TableHeadCellSort) => void;
+} & {
     sortingChange: (value: import("../types").TableHeadCellSort) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
      */
     caption?: string | undefined;
+    /**
+     * Adapts the color when used on dark background.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    theme: string;
 }>>> & {
+    onChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
     onSortingChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
-}, {}>, {
+}, {
+    theme: Theme;
+}>, {
     default: (_: {}) => any;
 }>;
 export default _default;
@@ -25,6 +43,11 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         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];
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/TableWrapper.vue.js

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