@porsche-design-system/components-vue 3.31.0-rc.0 → 4.0.0-alpha.0

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

@@ -1,6 +1,6 @@
-import { defineComponent as l, ref as f, inject as m, onMounted as c, onUpdated as u, watch as d, createBlock as i, openBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as g } from "vue";
-import { usePrefix as x, themeInjectionKey as w, syncProperties as a } from "../../utils.mjs";
-const R = /* @__PURE__ */ l({
+import { defineComponent as p, ref as s, onMounted as l, onUpdated as f, createBlock as d, openBlock as u, resolveDynamicComponent as c, unref as i, withCtx as m, renderSlot as _ } from "vue";
+import { usePrefix as y, syncProperties as C } from "../../utils.mjs";
+const k = /* @__PURE__ */ p({
   __name: "TextWrapper",
   props: {
     align: { default: "start" },
@@ -8,24 +8,21 @@ const R = /* @__PURE__ */ l({
     ellipsis: { type: Boolean, default: !1 },
     size: { default: "small" },
     tag: { default: "p" },
-    theme: {},
     weight: { default: "regular" }
   },
-  setup(s) {
-    const p = x("p-text"), e = s, t = f(), n = m(w), r = () => a(t, { ...e, theme: e.theme || n.value });
-    return c(r), u(r), d(n, (o) => {
-      a(t, { theme: e.theme || o });
-    }), (o, k) => (h(), i(y(_(p)), {
+  setup(o) {
+    const n = y("p-text"), r = o, e = s(), t = () => C(e, r);
+    return l(t), f(t), (a, g) => (u(), d(c(i(n)), {
       ref_key: "pdsComponentRef",
-      ref: t
+      ref: e
     }, {
-      default: C(() => [
-        g(o.$slots, "default")
+      default: m(() => [
+        _(a.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  R as default
+  k as default
 };

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

@@ -1,9 +1,13 @@
-import type { BreakpointCustomizable, TextareaResize, TextareaState, Theme, TextareaWrap } from '../types';
+import type { BreakpointCustomizable, TextareaResize, TextareaState, TextareaWrap } from '../types';
 type PTextareaProps = {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
     autoComplete?: string;
+    /**
+     * A boolean value that, if present, renders the textarea as a compact version.
+     */
+    compact?: boolean;
     /**
      * Show or hide the character counter.
      */
@@ -72,10 +76,6 @@ type PTextareaProps = {
      * Indicates the validation or overall status of the textarea component.
      */
     state?: TextareaState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The textarea value.
      */
@@ -100,9 +100,9 @@ declare const __VLS_base: import("vue").DefineComponent<PTextareaProps, {}, {},
     onInput?: ((value: InputEvent) => any) | undefined;
     "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
-    wrap: TextareaWrap;
     resize: TextareaResize;
     label: string;
+    compact: boolean;
     placeholder: string;
     description: string;
     state: TextareaState;
@@ -114,6 +114,7 @@ declare const __VLS_base: import("vue").DefineComponent<PTextareaProps, {}, {},
     readOnly: boolean;
     counter: boolean;
     rows: number;
+    wrap: TextareaWrap;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,9 +1,10 @@
-import { defineComponent as d, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, createBlock as v, openBlock as B, resolveDynamicComponent as C, unref as b, withCtx as g, renderSlot as _ } from "vue";
-import { usePrefix as x, themeInjectionKey as w, syncProperties as s, addEventListenerToElementRef as n } from "../../utils.mjs";
-const j = /* @__PURE__ */ d({
+import { defineComponent as s, ref as u, onMounted as d, onUpdated as c, createBlock as m, openBlock as i, resolveDynamicComponent as y, unref as h, withCtx as B, renderSlot as C } from "vue";
+import { usePrefix as b, syncProperties as g, addEventListenerToElementRef as o } from "../../utils.mjs";
+const k = /* @__PURE__ */ s({
   __name: "TextareaWrapper",
   props: {
     autoComplete: {},
+    compact: { type: Boolean, default: !1 },
     counter: { type: Boolean, default: !1 },
     description: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -21,30 +22,27 @@ const j = /* @__PURE__ */ d({
     rows: { default: 7 },
     spellCheck: { type: Boolean },
     state: { default: "none" },
-    theme: {},
     value: { default: "" },
     wrap: { default: "soft" }
   },
   emits: ["update:value", "blur", "change", "input"],
-  setup(f, { emit: p }) {
-    const u = x("p-textarea"), o = f, e = m(), a = p, l = c(w), r = () => s(e, { ...o, theme: o.theme || l.value });
-    return i(() => {
-      r(), n(e, "blur", a), n(e, "change", a), n(e, "input", a, (t) => {
-        a("update:value", t.target.value);
+  setup(n, { emit: r }) {
+    const p = b("p-textarea"), f = n, e = u(), t = r, l = () => g(e, f);
+    return d(() => {
+      l(), o(e, "blur", t), o(e, "change", t), o(e, "input", t, (a) => {
+        t("update:value", a.target.value);
       });
-    }), h(r), y(l, (t) => {
-      s(e, { theme: o.theme || t });
-    }), (t, k) => (B(), v(C(b(u)), {
+    }), c(l), (a, v) => (i(), m(y(h(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: g(() => [
-        _(t.$slots, "default")
+      default: B(() => [
+        C(a.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  j as default
+  k as default
 };

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

@@ -1,10 +1,3 @@
-import type { Theme } from '../types';
-type PToastProps = {
-    /**
-     * Adapts the toast color depending on the theme.
-     */
-    theme?: Theme;
-};
-declare const __VLS_export: import("vue").DefineComponent<PToastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PToastProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,20 +1,12 @@
-import { defineComponent as m, ref as a, inject as f, onMounted as h, onUpdated as i, watch as u, createBlock as d, openBlock as l, resolveDynamicComponent as _, unref as y } from "vue";
-import { usePrefix as C, themeInjectionKey as k, syncProperties as p } from "../../utils.mjs";
-const j = /* @__PURE__ */ m({
+import { defineComponent as o, createBlock as t, openBlock as n, resolveDynamicComponent as r, unref as p } from "vue";
+import { usePrefix as a } from "../../utils.mjs";
+const i = /* @__PURE__ */ o({
   __name: "ToastWrapper",
-  props: {
-    theme: {}
-  },
-  setup(s) {
-    const c = C("p-toast"), e = s, t = a(), o = f(k), n = () => p(t, { ...e, theme: e.theme || o.value });
-    return h(n), i(n), u(o, (r) => {
-      p(t, { theme: e.theme || r });
-    }), (r, x) => (l(), d(_(y(c)), {
-      ref_key: "pdsComponentRef",
-      ref: t
-    }, null, 512));
+  setup(c) {
+    const e = a("p-toast");
+    return (m, s) => (n(), t(r(p(e))));
   }
 });
 export {
-  j as default
+  i as default
 };

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

@@ -1,4 +1,4 @@
-import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
+import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget } from '../types';
 type PWordmarkProps = {
     /**
      * Add ARIA attributes.
@@ -16,10 +16,6 @@ type PWordmarkProps = {
      * Target attribute where the link should be opened.
      */
     target?: WordmarkTarget;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 };
 declare const __VLS_export: import("vue").DefineComponent<PWordmarkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PWordmarkProps> & Readonly<{}>, {
     size: WordmarkSize;

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

@@ -1,24 +1,21 @@
-import { defineComponent as a, ref as c, inject as f, onMounted as l, onUpdated as d, watch as i, createBlock as u, openBlock as h, resolveDynamicComponent as _, unref as k } from "vue";
-import { usePrefix as y, themeInjectionKey as C, syncProperties as m } from "../../utils.mjs";
-const R = /* @__PURE__ */ a({
+import { defineComponent as p, ref as s, onMounted as a, onUpdated as f, createBlock as c, openBlock as m, resolveDynamicComponent as d, unref as l } from "vue";
+import { usePrefix as u, syncProperties as i } from "../../utils.mjs";
+const x = /* @__PURE__ */ p({
   __name: "WordmarkWrapper",
   props: {
     aria: {},
     href: {},
     size: { default: "small" },
-    target: { default: "_self" },
-    theme: {}
+    target: { default: "_self" }
   },
-  setup(p) {
-    const s = y("p-wordmark"), e = p, t = c(), o = f(C), n = () => m(t, { ...e, theme: e.theme || o.value });
-    return l(n), d(n), i(o, (r) => {
-      m(t, { theme: e.theme || r });
-    }), (r, w) => (h(), u(_(k(s)), {
+  setup(r) {
+    const n = u("p-wordmark"), t = r, e = s(), o = () => i(e, t);
+    return a(o), f(o), (_, k) => (m(), c(d(l(n)), {
       ref_key: "pdsComponentRef",
-      ref: t
+      ref: e
     }, null, 512));
   }
 });
 export {
-  R as default
+  x as default
 };

package/esm/lib/components/index.d.ts

@@ -1,14 +1,11 @@
 export { default as PAccordion } from './AccordionWrapper.vue';
 export { default as PBanner } from './BannerWrapper.vue';
 export { default as PButton } from './ButtonWrapper.vue';
-export { default as PButtonGroup } from './ButtonGroupWrapper.vue';
 export { default as PButtonPure } from './ButtonPureWrapper.vue';
 export { default as PButtonTile } from './ButtonTileWrapper.vue';
 export { default as PCanvas } from './CanvasWrapper.vue';
 export { default as PCarousel } from './CarouselWrapper.vue';
 export { default as PCheckbox } from './CheckboxWrapper.vue';
-export { default as PCheckboxWrapper } from './CheckboxWrapperWrapper.vue';
-export { default as PContentWrapper } from './ContentWrapperWrapper.vue';
 export { default as PCrest } from './CrestWrapper.vue';
 export { default as PDisplay } from './DisplayWrapper.vue';
 export { default as PDivider } from './DividerWrapper.vue';
@@ -16,19 +13,14 @@ export { default as PDrilldown } from './DrilldownWrapper.vue';
 export { default as PDrilldownItem } from './DrilldownItemWrapper.vue';
 export { default as PDrilldownLink } from './DrilldownLinkWrapper.vue';
 export { default as PFieldset } from './FieldsetWrapper.vue';
-export { default as PFieldsetWrapper } from './FieldsetWrapperWrapper.vue';
 export { default as PFlag } from './FlagWrapper.vue';
-export { default as PFlex } from './FlexWrapper.vue';
-export { default as PFlexItem } from './FlexItemWrapper.vue';
 export { default as PFlyout } from './FlyoutWrapper.vue';
-export { default as PGrid } from './GridWrapper.vue';
-export { default as PGridItem } from './GridItemWrapper.vue';
 export { default as PHeading } from './HeadingWrapper.vue';
-export { default as PHeadline } from './HeadlineWrapper.vue';
 export { default as PIcon } from './IconWrapper.vue';
 export { default as PInlineNotification } from './InlineNotificationWrapper.vue';
 export { default as PInputDate } from './InputDateWrapper.vue';
 export { default as PInputEmail } from './InputEmailWrapper.vue';
+export { default as PInputMonth } from './InputMonthWrapper.vue';
 export { default as PInputNumber } from './InputNumberWrapper.vue';
 export { default as PInputPassword } from './InputPasswordWrapper.vue';
 export { default as PInputSearch } from './InputSearchWrapper.vue';
@@ -36,13 +28,11 @@ export { default as PInputTel } from './InputTelWrapper.vue';
 export { default as PInputText } from './InputTextWrapper.vue';
 export { default as PInputTime } from './InputTimeWrapper.vue';
 export { default as PInputUrl } from './InputUrlWrapper.vue';
+export { default as PInputWeek } from './InputWeekWrapper.vue';
 export { default as PLink } from './LinkWrapper.vue';
 export { default as PLinkPure } from './LinkPureWrapper.vue';
-export { default as PLinkSocial } from './LinkSocialWrapper.vue';
 export { default as PLinkTile } from './LinkTileWrapper.vue';
-export { default as PLinkTileModelSignature } from './LinkTileModelSignatureWrapper.vue';
 export { default as PLinkTileProduct } from './LinkTileProductWrapper.vue';
-export { default as PMarque } from './MarqueWrapper.vue';
 export { default as PModal } from './ModalWrapper.vue';
 export { default as PModelSignature } from './ModelSignatureWrapper.vue';
 export { default as PMultiSelect } from './MultiSelectWrapper.vue';
@@ -51,7 +41,6 @@ export { default as POptgroup } from './OptgroupWrapper.vue';
 export { default as PPagination } from './PaginationWrapper.vue';
 export { default as PPinCode } from './PinCodeWrapper.vue';
 export { default as PPopover } from './PopoverWrapper.vue';
-export { default as PRadioButtonWrapper } from './RadioButtonWrapperWrapper.vue';
 export { default as PRadioGroup } from './RadioGroupWrapper.vue';
 export { default as PRadioGroupOption } from './RadioGroupOptionWrapper.vue';
 export { default as PScroller } from './ScrollerWrapper.vue';
@@ -59,7 +48,6 @@ export { default as PSegmentedControl } from './SegmentedControlWrapper.vue';
 export { default as PSegmentedControlItem } from './SegmentedControlItemWrapper.vue';
 export { default as PSelect } from './SelectWrapper.vue';
 export { default as PSelectOption } from './SelectOptionWrapper.vue';
-export { default as PSelectWrapper } from './SelectWrapperWrapper.vue';
 export { default as PSheet } from './SheetWrapper.vue';
 export { default as PSpinner } from './SpinnerWrapper.vue';
 export { default as PStepperHorizontal } from './StepperHorizontalWrapper.vue';
@@ -78,10 +66,8 @@ export { default as PTabsItem } from './TabsItemWrapper.vue';
 export { default as PTag } from './TagWrapper.vue';
 export { default as PTagDismissible } from './TagDismissibleWrapper.vue';
 export { default as PText } from './TextWrapper.vue';
-export { default as PTextFieldWrapper } from './TextFieldWrapperWrapper.vue';
 export { default as PTextList } from './TextListWrapper.vue';
 export { default as PTextListItem } from './TextListItemWrapper.vue';
 export { default as PTextarea } from './TextareaWrapper.vue';
-export { default as PTextareaWrapper } from './TextareaWrapperWrapper.vue';
 export { default as PToast } from './ToastWrapper.vue';
 export { default as PWordmark } from './WordmarkWrapper.vue';