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

package/lib/components/FieldsetWrapper.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, ref as f, onMounted as p, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as m, unref as i, withCtx as c, renderSlot as _ } from "vue";
+import { getPrefixedTagName as C, syncProperties as o } from "../../utils.js";
+const b = /* @__PURE__ */ l({
+  __name: "FieldsetWrapper",
+  props: {
+    label: { default: "" },
+    labelSize: { default: "medium" },
+    message: { default: "" },
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    theme: { default: "light" }
+  },
+  setup(n) {
+    const t = n, a = C("p-fieldset"), e = f();
+    return p(() => {
+      o(e.value, t);
+    }), s(() => {
+      o(e.value, t);
+    }), (r, g) => (d(), u(m(i(a)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: c(() => [
+        _(r.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  b as default
+};

package/lib/components/FieldsetWrapper.vue2.js

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

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

@@ -1,4 +1,5 @@
 import type { FieldsetWrapperLabelSize, FieldsetWrapperState, Theme } from '../types';
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * The label text.
@@ -67,9 +68,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     theme: Theme;
     state: FieldsetWrapperState;
+    required: boolean;
     message: string;
     labelSize: FieldsetWrapperLabelSize;
-    required: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -4,11 +4,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The offset of the column. Can be between 0 and 11. Also defines the offset of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 2 | 7 | 5 | 1 | 8 | 9 | 10 | 11> | undefined;
+    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 5 | 2 | 7 | 1 | 8 | 9 | 10 | 11> | undefined;
     /**
      * The size of the column. Can be between 1 and 12. Also defines the size of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<3 | 4 | 6 | 2 | 7 | 5 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
+    size?: BreakpointCustomizable<3 | 4 | 6 | 5 | 2 | 7 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
 }>, {
     offset: number;
     size: number;
@@ -16,11 +16,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The offset of the column. Can be between 0 and 11. Also defines the offset of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 2 | 7 | 5 | 1 | 8 | 9 | 10 | 11> | undefined;
+    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 5 | 2 | 7 | 1 | 8 | 9 | 10 | 11> | undefined;
     /**
      * The size of the column. Can be between 1 and 12. Also defines the size of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<3 | 4 | 6 | 2 | 7 | 5 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
+    size?: BreakpointCustomizable<3 | 4 | 6 | 5 | 2 | 7 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
 }>, {
     offset: number;
     size: number;

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

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "primary" | "inherit" | undefined;
+    color?: "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -38,7 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "primary" | "inherit" | undefined;
+    color?: "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */

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

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "default" | "primary" | "inherit" | undefined;
+    color?: "default" | "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "default" | "primary" | "inherit" | undefined;
+    color?: "default" | "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -64,8 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: string;
 }>>>, {
     theme: Theme;
-    variant: HeadlineVariant;
     align: HeadlineAlign;
+    variant: HeadlineVariant;
     color: HeadlineColor;
     ellipsis: boolean;
 }>, {

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" | "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" | "state-disabled" | undefined;
+    color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "state-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" | "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" | "state-disabled" | undefined;
+    color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "state-disabled" | undefined;
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release

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

@@ -0,0 +1,106 @@
+import type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Aspect ratio of the link-tile-model-signature.
+     */
+    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    /**
+     * Description text.
+     */
+    description?: string | undefined;
+    /**
+     * Heading text.
+     */
+    heading: string;
+    /**
+     * Sets a custom headline tag which wraps the heading to enhance semantics.
+     */
+    headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    /**
+     * Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
+     */
+    linkDirection?: BreakpointCustomizable<"row" | "column"> | undefined;
+    /**
+     * Adapts the model of the component.
+     */
+    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    /**
+     * Adapts the font weight of the heading.
+     */
+    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
+}>, {
+    aspectRatio: string;
+    headingTag: string;
+    linkDirection: () => {
+        base: string;
+        xs: string;
+    };
+    model: string;
+    weight: 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<{
+    /**
+     * Aspect ratio of the link-tile-model-signature.
+     */
+    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    /**
+     * Description text.
+     */
+    description?: string | undefined;
+    /**
+     * Heading text.
+     */
+    heading: string;
+    /**
+     * Sets a custom headline tag which wraps the heading to enhance semantics.
+     */
+    headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    /**
+     * Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
+     */
+    linkDirection?: BreakpointCustomizable<"row" | "column"> | undefined;
+    /**
+     * Adapts the model of the component.
+     */
+    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    /**
+     * Adapts the font weight of the heading.
+     */
+    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
+}>, {
+    aspectRatio: string;
+    headingTag: string;
+    linkDirection: () => {
+        base: string;
+        xs: string;
+    };
+    model: string;
+    weight: string;
+}>>>, {
+    weight: BreakpointCustomizable<LinkTileModelSignatureWeight>;
+    aspectRatio: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
+    headingTag: LinkTileModelSignatureHeadingTag;
+    linkDirection: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
+    model: LinkTileModelSignatureModel;
+}>, {
+    default: (_: {}) => any;
+}>;
+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];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/LinkTileModelSignatureWrapper.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as l, ref as i, onMounted as d, onUpdated as p, openBlock as s, createBlock as u, resolveDynamicComponent as f, unref as m, withCtx as c, renderSlot as g } from "vue";
+import { getPrefixedTagName as _, syncProperties as t } from "../../utils.js";
+const w = /* @__PURE__ */ l({
+  __name: "LinkTileModelSignatureWrapper",
+  props: {
+    aspectRatio: { default: "3:4" },
+    description: null,
+    heading: null,
+    headingTag: { default: "h2" },
+    linkDirection: { default: () => ({ base: "column", xs: "row" }) },
+    model: { default: "911" },
+    weight: { default: "semi-bold" }
+  },
+  setup(n) {
+    const o = n, a = _("p-link-tile-model-signature"), e = i();
+    return d(() => {
+      t(e.value, o);
+    }), p(() => {
+      t(e.value, o);
+    }), (r, h) => (s(), u(f(m(a)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: c(() => [
+        g(r.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  w as default
+};

package/lib/components/LinkTileModelSignatureWrapper.vue2.js

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

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

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
     /**
-     * Displays the tile-link as compact version with description and link icon only.
+     * Displays the link-tile as compact version with description and link icon only.
      */
     compact?: BreakpointCustomizable<boolean> | undefined;
     /**
@@ -74,7 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
     /**
-     * Displays the tile-link as compact version with description and link icon only.
+     * Displays the link-tile as compact version with description and link icon only.
      */
     compact?: BreakpointCustomizable<boolean> | undefined;
     /**
@@ -126,9 +126,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compact: BreakpointCustomizable<boolean>;
     size: BreakpointCustomizable<LinkTileSize>;
     align: LinkTileAlign;
-    target: LinkTileTarget;
     aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
     gradient: boolean;
+    target: LinkTileTarget;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -1,4 +1,5 @@
 import type { SelectedAriaAttributes, MarqueSize, MarqueTarget } from '../types';
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Add ARIA attributes.

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

@@ -3,11 +3,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * Adapts the color of the component.
      */
-    color?: "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "inherit" | undefined;
+    color?: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | undefined;
     /**
      * Adapts the model of the component.
      */
-    model?: "911" | "718" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
     /**
      * Adapts the size of the component.
      */
@@ -25,11 +25,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * Adapts the color of the component.
      */
-    color?: "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "inherit" | undefined;
+    color?: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | undefined;
     /**
      * Adapts the model of the component.
      */
-    model?: "911" | "718" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
     /**
      * Adapts the size of the component.
      */

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

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * The maximum number of page links rendered
      */
-    maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
+    maxNumberOfPageLinks?: BreakpointCustomizable<5 | 7> | undefined;
     /**
      * Adapts the color when used on dark background.
      */
@@ -91,7 +91,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * The maximum number of page links rendered
      */
-    maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
+    maxNumberOfPageLinks?: BreakpointCustomizable<5 | 7> | undefined;
     /**
      * Adapts the color when used on dark background.
      */

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

@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
-    direction?: "top" | "left" | "right" | "bottom" | undefined;
+    direction?: "top" | "bottom" | "left" | "right" | undefined;
     /**
      * Adapts the popover color depending on the theme.
      */
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
-    direction?: "top" | "left" | "right" | "bottom" | undefined;
+    direction?: "top" | "bottom" | "left" | "right" | undefined;
     /**
      * Adapts the popover color depending on the theme.
      */

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

@@ -20,6 +20,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Scrolls the scroll area to the left either smooth or immediately
      */
     scrollToPosition?: ScrollerScrollToPosition | undefined;
+    /**
+     * Specifies if scrollbar should be shown
+     */
+    scrollbar?: boolean | undefined;
     /**
      * Adapts the color when used on dark background.
      */
@@ -27,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     alignScrollIndicator: string;
     gradientColor: string;
+    scrollbar: boolean;
     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<{
     /**
@@ -49,6 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Scrolls the scroll area to the left either smooth or immediately
      */
     scrollToPosition?: ScrollerScrollToPosition | undefined;
+    /**
+     * Specifies if scrollbar should be shown
+     */
+    scrollbar?: boolean | undefined;
     /**
      * Adapts the color when used on dark background.
      */
@@ -56,11 +65,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     alignScrollIndicator: string;
     gradientColor: string;
+    scrollbar: boolean;
     theme: string;
 }>>>, {
     theme: Theme;
     alignScrollIndicator: ScrollerAlignScrollIndicator;
     gradientColor: ScrollerGradientColor;
+    scrollbar: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

package/lib/components/ScrollerWrapper.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as a, ref as c, onMounted as s, onUpdated as p, openBlock as d, createBlock as i, resolveDynamicComponent as f, unref as u, withCtx as m, renderSlot as g } from "vue";
-import { getPrefixedTagName as C, syncProperties as n } from "../../utils.js";
-const P = /* @__PURE__ */ a({
+import { defineComponent as a, ref as s, onMounted as c, onUpdated as p, openBlock as d, createBlock as f, resolveDynamicComponent as i, unref as u, withCtx as m, renderSlot as g } from "vue";
+import { getPrefixedTagName as C, syncProperties as r } from "../../utils.js";
+const k = /* @__PURE__ */ a({
   __name: "ScrollerWrapper",
   props: {
     alignScrollIndicator: { default: "center" },
@@ -8,15 +8,16 @@ const P = /* @__PURE__ */ a({
     gradientColorScheme: null,
     scrollIndicatorPosition: null,
     scrollToPosition: null,
+    scrollbar: { type: Boolean, default: !1 },
     theme: { default: "light" }
   },
-  setup(r) {
-    const o = r, t = C("p-scroller"), e = c();
-    return s(() => {
-      n(e.value, o);
+  setup(t) {
+    const o = t, n = C("p-scroller"), e = s();
+    return c(() => {
+      r(e.value, o);
     }), p(() => {
-      n(e.value, o);
-    }), (l, _) => (d(), i(f(u(t)), {
+      r(e.value, o);
+    }), (l, _) => (d(), f(i(u(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
@@ -28,5 +29,5 @@ const P = /* @__PURE__ */ a({
   }
 });
 export {
-  P as default
+  k as default
 };

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

@@ -1,21 +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;
@@ -28,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 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";
+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: ["change", "sortingChange"],
-  setup(a, { emit: n }) {
-    const o = a, p = h("p-table"), e = c();
-    return f(() => {
-      t(e.value, o), r(e.value, "change", n), r(e.value, "sortingChange", n);
+  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(() => {
-      t(e.value, o);
+      o(e.value, t);
     }), (s, v) => (d(), u(i(g(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: C(() => [
-        _(s.$slots, "default")
+      default: h(() => [
+        C(s.$slots, "default")
       ]),
       _: 3
     }, 512));

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" | "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;
+    color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "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.
      */
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    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;
+    color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "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.
      */