@porsche-design-system/components-vue 3.29.0-rc.3 → 3.29.0-rc.4

package/esm/lib/components/InputTelWrapper.vue.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as u, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as B, createBlock as g, resolveDynamicComponent as C, unref as _, withCtx as b, renderSlot as v } from "vue";
+import { usePrefix as x, themeInjectionKey as L, addEventListenerToElementRef as o, syncProperties as p } from "../../utils.mjs";
+const P = /* @__PURE__ */ u({
+  __name: "InputTelWrapper",
+  props: {
+    autoComplete: {},
+    compact: { type: Boolean, default: !1 },
+    description: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    form: {},
+    hideLabel: { default: !1 },
+    indicator: { type: Boolean, default: !1 },
+    label: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    maxLength: {},
+    message: { default: "" },
+    minLength: {},
+    name: {},
+    pattern: {},
+    placeholder: { default: "" },
+    readOnly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    theme: {},
+    value: { default: "" }
+  },
+  emits: ["blur", "change", "input"],
+  setup(r, { emit: s }) {
+    const d = x("p-input-tel"), t = r, e = m(), n = s, l = c(L), f = () => p(e, { ...t, theme: t.theme || l.value });
+    return i(() => {
+      f(), o(e, "blur", n), o(e, "change", n), o(e, "input", n);
+    }), h(f), y(l, (a) => {
+      p(e, { theme: t.theme || a });
+    }), (a, R) => (B(), g(C(_(d)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: b(() => [
+        v(a.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  P as default
+};

package/esm/lib/components/InputTelWrapper.vue2.mjs

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

package/esm/lib/components/InputTextWrapper.vue.d.ts

@@ -104,8 +104,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInputTextProps, vo
     loading: boolean;
     value: string;
     message: string;
-    placeholder: string;
     readOnly: boolean;
+    placeholder: string;
     counter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/esm/lib/components/InputTimeWrapper.vue.d.ts

@@ -0,0 +1,108 @@
+import type { BreakpointCustomizable, InputTimeState, Theme } from '../types';
+type PInputTimeProps = {
+    /**
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., auto-complete='on').
+     */
+    autoComplete?: string;
+    /**
+     * A boolean value that, if present, renders the input field as a compact version.
+     */
+    compact?: boolean;
+    /**
+     * Supplementary text providing more context or explanation for the input.
+     */
+    description?: string;
+    /**
+     * A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
+     */
+    form?: string;
+    /**
+     * Controls the visibility of the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * Specifies the latest time that can be selected. The value must be a time string in hh:mm or hh:mm:ss format (e.g., max='17:30').
+     */
+    max?: string;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
+    /**
+     * Specifies the earliest time that can be selected. The value must be a time string in hh:mm or hh:mm:ss format (e.g., min='09:00').
+     */
+    min?: string;
+    /**
+     * The name of the input field, used when submitting the form data.
+     */
+    name: string;
+    /**
+     * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
+     */
+    readOnly?: boolean;
+    /**
+     * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * Indicates the validation or overall status of the input component.
+     */
+    state?: InputTimeState;
+    /**
+     * efines the granularity of the time input. The step value is given in seconds. The default is 60 (one minute). You can also specify smaller increments (e.g., step='1' for seconds, step='0.001' for milliseconds).
+     */
+    step?: number;
+    /**
+     * Controls the visual appearance of the component.
+     */
+    theme?: Theme;
+    /**
+     * The default time value for the input, in hh:mm or hh:mm:ss format (e.g., value='14:00').
+     */
+    value?: string;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PInputTimeProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (value: Event) => any;
+    change: (value: Event) => any;
+    input: (value: InputEvent) => any;
+}, string, import("vue").PublicProps, Readonly<PInputTimeProps> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onInput?: ((value: InputEvent) => any) | undefined;
+}>, {
+    step: number;
+    label: string;
+    compact: boolean;
+    description: string;
+    state: InputTimeState;
+    required: boolean;
+    disabled: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    value: string;
+    message: string;
+    readOnly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/lib/components/InputTimeWrapper.vue.mjs

@@ -0,0 +1,45 @@
+import { defineComponent as d, ref as u, inject as i, onMounted as c, onUpdated as h, watch as y, openBlock as B, createBlock as C, resolveDynamicComponent as _, unref as b, withCtx as g, renderSlot as v } from "vue";
+import { usePrefix as x, themeInjectionKey as R, addEventListenerToElementRef as a, syncProperties as f } from "../../utils.mjs";
+const T = /* @__PURE__ */ d({
+  __name: "InputTimeWrapper",
+  props: {
+    autoComplete: {},
+    compact: { type: Boolean, default: !1 },
+    description: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    form: {},
+    hideLabel: { default: !1 },
+    label: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    max: {},
+    message: { default: "" },
+    min: {},
+    name: {},
+    readOnly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    step: { default: 60 },
+    theme: {},
+    value: { default: "" }
+  },
+  emits: ["blur", "change", "input"],
+  setup(p, { emit: r }) {
+    const m = x("p-input-time"), t = p, e = u(), n = r, l = i(R), s = () => f(e, { ...t, theme: t.theme || l.value });
+    return c(() => {
+      s(), a(e, "blur", n), a(e, "change", n), a(e, "input", n);
+    }), h(s), y(l, (o) => {
+      f(e, { theme: t.theme || o });
+    }), (o, k) => (B(), C(_(b(m)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: g(() => [
+        v(o.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  T as default
+};

package/esm/lib/components/InputTimeWrapper.vue2.mjs

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

package/esm/lib/components/InputUrlWrapper.vue.d.ts

@@ -0,0 +1,117 @@
+import type { BreakpointCustomizable, InputUrlState, Theme } from '../types';
+type PInputUrlProps = {
+    /**
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='url').
+     */
+    autoComplete?: string;
+    /**
+     * A boolean value that, if present, renders the input field as a compact version.
+     */
+    compact?: boolean;
+    /**
+     * Supplementary text providing more context or explanation for the input.
+     */
+    description?: string;
+    /**
+     * A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
+     */
+    form?: string;
+    /**
+     * Controls the visibility of the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Controls the visibility of the url icon.
+     */
+    indicator?: boolean;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * A non-negative integer specifying the maximum number of characters the user can enter into the input.
+     */
+    maxLength?: number;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
+    /**
+     * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
+     */
+    minLength?: number;
+    /**
+     * The name of the input field, used when submitting the form data.
+     */
+    name: string;
+    /**
+     * Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific url validation rules than the browser's default. If provided, it overrides the browser's default tel validation.
+     */
+    pattern?: string;
+    /**
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='https://porsche.com/')
+     */
+    placeholder?: string;
+    /**
+     * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
+     */
+    readOnly?: boolean;
+    /**
+     * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * Indicates the validation or overall status of the input component.
+     */
+    state?: InputUrlState;
+    /**
+     * Controls the visual appearance of the component.
+     */
+    theme?: Theme;
+    /**
+     * The url input value.
+     */
+    value?: string;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PInputUrlProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (value: Event) => any;
+    change: (value: Event) => any;
+    input: (value: InputEvent) => any;
+}, string, import("vue").PublicProps, Readonly<PInputUrlProps> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onInput?: ((value: InputEvent) => any) | undefined;
+}>, {
+    label: string;
+    compact: boolean;
+    description: string;
+    state: InputUrlState;
+    required: boolean;
+    disabled: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    value: string;
+    message: string;
+    readOnly: boolean;
+    indicator: boolean;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/lib/components/InputUrlWrapper.vue.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as u, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as B, createBlock as g, resolveDynamicComponent as C, unref as _, withCtx as b, renderSlot as v } from "vue";
+import { usePrefix as x, themeInjectionKey as L, addEventListenerToElementRef as o, syncProperties as f } from "../../utils.mjs";
+const P = /* @__PURE__ */ u({
+  __name: "InputUrlWrapper",
+  props: {
+    autoComplete: {},
+    compact: { type: Boolean, default: !1 },
+    description: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    form: {},
+    hideLabel: { default: !1 },
+    indicator: { type: Boolean, default: !1 },
+    label: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    maxLength: {},
+    message: { default: "" },
+    minLength: {},
+    name: {},
+    pattern: {},
+    placeholder: { default: "" },
+    readOnly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    theme: {},
+    value: { default: "" }
+  },
+  emits: ["blur", "change", "input"],
+  setup(p, { emit: s }) {
+    const d = x("p-input-url"), t = p, e = m(), n = s, l = c(L), r = () => f(e, { ...t, theme: t.theme || l.value });
+    return i(() => {
+      r(), o(e, "blur", n), o(e, "change", n), o(e, "input", n);
+    }), h(r), y(l, (a) => {
+      f(e, { theme: t.theme || a });
+    }), (a, R) => (B(), g(C(_(d)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: b(() => [
+        v(a.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  P as default
+};

package/esm/lib/components/InputUrlWrapper.vue2.mjs

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

package/esm/lib/components/MultiSelectWrapper.vue.d.ts

@@ -1,5 +1,9 @@
 import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectState, Theme } from '../types';
 type PMultiSelectProps = {
+    /**
+     * Displays as compact version.
+     */
+    compact?: boolean;
     /**
      * The description text.
      */
@@ -59,6 +63,7 @@ declare const __VLS_component: import("vue").DefineComponent<PMultiSelectProps,
     onUpdate?: ((value: import("../types").MultiSelectUpdateEvent) => any) | undefined;
 }>, {
     label: string;
+    compact: boolean;
     description: string;
     state: MultiSelectState;
     required: boolean;

package/esm/lib/components/MultiSelectWrapper.vue.mjs

@@ -1,8 +1,9 @@
-import { defineComponent as p, ref as m, inject as u, onMounted as c, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as C, unref as b, withCtx as v, renderSlot as w } from "vue";
-import { usePrefix as B, themeInjectionKey as R, addEventListenerToElementRef as k, syncProperties as l } from "../../utils.mjs";
+import { defineComponent as p, ref as m, inject as u, onMounted as c, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as C, unref as B, withCtx as b, renderSlot as v } from "vue";
+import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as k, syncProperties as l } from "../../utils.mjs";
 const j = /* @__PURE__ */ p({
   __name: "MultiSelectWrapper",
   props: {
+    compact: { type: Boolean, default: !1 },
     description: { default: "" },
     disabled: { type: Boolean, default: !1 },
     dropdownDirection: { default: "auto" },
@@ -18,17 +19,17 @@ const j = /* @__PURE__ */ p({
   },
   emits: ["update"],
   setup(s, { emit: r }) {
-    const d = B("p-multi-select"), t = s, e = m(), f = r, n = u(R), a = () => l(e, { ...t, theme: t.theme || n.value });
+    const d = w("p-multi-select"), t = s, e = m(), f = r, n = u(R), a = () => l(e, { ...t, theme: t.theme || n.value });
     return c(() => {
       a(), k(e, "update", f);
     }), i(a), h(n, (o) => {
       l(e, { theme: t.theme || o });
-    }), (o, x) => (y(), _(C(b(d)), {
+    }), (o, x) => (y(), _(C(B(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: v(() => [
-        w(o.$slots, "default")
+      default: b(() => [
+        v(o.$slots, "default")
       ]),
       _: 3
     }, 512));

package/esm/lib/components/ScrollerWrapper.vue.d.ts

@@ -9,11 +9,11 @@ type PScrollerProps = {
      */
     aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
     /**
-     * Adapts the background gradient color of prev and next button.
+     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
      */
     gradientColor?: ScrollerGradientColor;
     /**
-     * @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.
+     * @deprecated since v3.0.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
      */
     gradientColorScheme?: ScrollerGradientColorScheme;
     /**
@@ -39,7 +39,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<PScrollerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PScrollerProps> & Readonly<{}>, {
     scrollbar: boolean;
-    gradientColor: ScrollerGradientColor;
     alignScrollIndicator: ScrollerAlignScrollIndicator;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/esm/lib/components/ScrollerWrapper.vue.mjs

@@ -1,32 +1,32 @@
-import { defineComponent as s, ref as p, inject as i, onMounted as m, onUpdated as f, watch as d, openBlock as u, createBlock as h, resolveDynamicComponent as C, unref as _, withCtx as y, renderSlot as g } from "vue";
-import { usePrefix as P, themeInjectionKey as b, syncProperties as a } from "../../utils.mjs";
-const x = /* @__PURE__ */ s({
+import { defineComponent as a, ref as p, inject as i, onMounted as m, onUpdated as f, watch as d, openBlock as u, createBlock as h, resolveDynamicComponent as C, unref as _, withCtx as y, renderSlot as P } from "vue";
+import { usePrefix as g, themeInjectionKey as S, syncProperties as c } from "../../utils.mjs";
+const B = /* @__PURE__ */ a({
   __name: "ScrollerWrapper",
   props: {
     alignScrollIndicator: { default: "center" },
     aria: {},
-    gradientColor: { default: "background-base" },
+    gradientColor: {},
     gradientColorScheme: {},
     scrollIndicatorPosition: {},
     scrollToPosition: {},
     scrollbar: { type: Boolean, default: !1 },
     theme: {}
   },
-  setup(c) {
-    const l = P("p-scroller"), e = c, o = p(), n = i(b), r = () => a(o, { ...e, theme: e.theme || n.value });
+  setup(l) {
+    const s = g("p-scroller"), e = l, o = p(), n = i(S), r = () => c(o, { ...e, theme: e.theme || n.value });
     return m(r), f(r), d(n, (t) => {
-      a(o, { theme: e.theme || t });
-    }), (t, k) => (u(), h(C(_(l)), {
+      c(o, { theme: e.theme || t });
+    }), (t, k) => (u(), h(C(_(s)), {
       ref_key: "pdsComponentRef",
       ref: o
     }, {
       default: y(() => [
-        g(t.$slots, "default")
+        P(t.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  x as default
+  B as default
 };

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

@@ -5,11 +5,11 @@ type PTabsBarProps = {
      */
     activeTabIndex?: number | undefined;
     /**
-     * Adapts the background gradient color of prev and next button.
+     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
      */
     gradientColor?: TabsBarGradientColor;
     /**
-     * @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.
+     * @deprecated since v3.0.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
      */
     gradientColorScheme?: TabsBarGradientColorScheme;
     /**
@@ -38,7 +38,6 @@ declare const __VLS_component: import("vue").DefineComponent<PTabsBarProps, void
 }>, {
     weight: TabsBarWeight;
     size: BreakpointCustomizable<TabsBarSize>;
-    gradientColor: TabsBarGradientColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/esm/lib/components/TabsBarWrapper.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as f, ref as i, inject as l, onMounted as u, onUpdated as h, watch as C, openBlock as b, createBlock as g, resolveDynamicComponent as _, unref as y, withCtx as k, renderSlot as v } from "vue";
-import { usePrefix as w, themeInjectionKey as x, addEventListenerToElementRef as s, syncProperties as m } from "../../utils.mjs";
-const P = /* @__PURE__ */ f({
+import { defineComponent as i, ref as f, inject as l, onMounted as u, onUpdated as h, watch as C, openBlock as b, createBlock as g, resolveDynamicComponent as _, unref as y, withCtx as v, renderSlot as w } from "vue";
+import { usePrefix as x, themeInjectionKey as R, addEventListenerToElementRef as s, syncProperties as m } from "../../utils.mjs";
+const P = /* @__PURE__ */ i({
   __name: "TabsBarWrapper",
   props: {
     activeTabIndex: {},
-    gradientColor: { default: "background-base" },
+    gradientColor: {},
     gradientColorScheme: {},
     size: { default: "small" },
     theme: {},
@@ -12,17 +12,17 @@ const P = /* @__PURE__ */ f({
   },
   emits: ["tabChange", "update"],
   setup(p, { emit: c }) {
-    const d = w("p-tabs-bar"), t = p, e = i(), o = c, a = l(x), r = () => m(e, { ...t, theme: t.theme || a.value });
+    const d = x("p-tabs-bar"), t = p, e = f(), o = c, r = l(R), a = () => m(e, { ...t, theme: t.theme || r.value });
     return u(() => {
-      r(), s(e, "tabChange", o), s(e, "update", o);
-    }), h(r), C(a, (n) => {
+      a(), s(e, "tabChange", o), s(e, "update", o);
+    }), h(a), C(r, (n) => {
       m(e, { theme: t.theme || n });
-    }), (n, R) => (b(), g(_(y(d)), {
+    }), (n, T) => (b(), g(_(y(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: k(() => [
-        v(n.$slots, "default")
+      default: v(() => [
+        w(n.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -5,7 +5,7 @@ type PTabsProps = {
      */
     activeTabIndex?: number;
     /**
-     * Adapts the background gradient color of prev and next button.
+     * @deprecated since v3.29.0, will be removed with next major release. Adapts the background gradient color of prev and next button.
      */
     gradientColor?: TabsGradientColor;
     /**
@@ -38,7 +38,6 @@ declare const __VLS_component: import("vue").DefineComponent<PTabsProps, void, {
 }>, {
     weight: TabsWeight;
     size: BreakpointCustomizable<TabsSize>;
-    gradientColor: TabsGradientColor;
     activeTabIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/esm/lib/components/TabsWrapper.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as f, ref as i, inject as l, onMounted as u, onUpdated as h, watch as C, openBlock as b, createBlock as g, resolveDynamicComponent as _, unref as y, withCtx as k, renderSlot as v } from "vue";
-import { usePrefix as w, themeInjectionKey as x, addEventListenerToElementRef as s, syncProperties as m } from "../../utils.mjs";
+import { defineComponent as f, ref as i, inject as l, onMounted as u, onUpdated as h, watch as C, openBlock as g, createBlock as _, resolveDynamicComponent as b, unref as y, withCtx as v, renderSlot as w } from "vue";
+import { usePrefix as x, themeInjectionKey as R, addEventListenerToElementRef as s, syncProperties as m } from "../../utils.mjs";
 const j = /* @__PURE__ */ f({
   __name: "TabsWrapper",
   props: {
     activeTabIndex: { default: 0 },
-    gradientColor: { default: "background-base" },
+    gradientColor: {},
     gradientColorScheme: {},
     size: { default: "small" },
     theme: {},
@@ -12,17 +12,17 @@ const j = /* @__PURE__ */ f({
   },
   emits: ["tabChange", "update"],
   setup(p, { emit: c }) {
-    const d = w("p-tabs"), t = p, e = i(), o = c, a = l(x), r = () => m(e, { ...t, theme: t.theme || a.value });
+    const d = x("p-tabs"), t = p, e = i(), o = c, a = l(R), r = () => m(e, { ...t, theme: t.theme || a.value });
     return u(() => {
       r(), s(e, "tabChange", o), s(e, "update", o);
     }), h(r), C(a, (n) => {
       m(e, { theme: t.theme || n });
-    }), (n, R) => (b(), g(_(y(d)), {
+    }), (n, T) => (g(), _(b(y(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: k(() => [
-        v(n.$slots, "default")
+      default: v(() => [
+        w(n.$slots, "default")
       ]),
       _: 3
     }, 512));

package/esm/lib/components/TextareaWrapper.vue.d.ts

@@ -108,8 +108,8 @@ declare const __VLS_component: import("vue").DefineComponent<PTextareaProps, voi
     hideLabel: BreakpointCustomizable<boolean>;
     value: string;
     message: string;
-    placeholder: string;
     readOnly: boolean;
+    placeholder: string;
     counter: boolean;
     rows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;