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

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

@@ -0,0 +1,71 @@
+import type { SelectedAriaAttributes, WordmarkSize, WordmarkTarget, Theme } from '../types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    /**
+     * When providing an url then the component will be rendered as `<a>`.
+     */
+    href?: string | undefined;
+    /**
+     * Adapts sizing of wordmark.
+     */
+    size?: "inherit" | "small" | undefined;
+    /**
+     * Target attribute where the link should be opened.
+     */
+    target?: string | undefined;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    size: string;
+    target: string;
+    theme: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    /**
+     * When providing an url then the component will be rendered as `<a>`.
+     */
+    href?: string | undefined;
+    /**
+     * Adapts sizing of wordmark.
+     */
+    size?: "inherit" | "small" | undefined;
+    /**
+     * Target attribute where the link should be opened.
+     */
+    target?: string | undefined;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    size: string;
+    target: string;
+    theme: string;
+}>>>, {
+    size: WordmarkSize;
+    theme: Theme;
+    target: WordmarkTarget;
+}>;
+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];
+};

package/lib/components/WordmarkWrapper.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as a, ref as p, onMounted as l, onUpdated as f, openBlock as m, createBlock as s, resolveDynamicComponent as u, unref as c } from "vue";
+import { getPrefixedTagName as d, syncProperties as n } from "../../utils.js";
+const C = /* @__PURE__ */ a({
+  __name: "WordmarkWrapper",
+  props: {
+    aria: null,
+    href: null,
+    size: { default: "small" },
+    target: { default: "_self" },
+    theme: { default: "light" }
+  },
+  setup(r) {
+    const o = r, t = d("p-wordmark"), e = p();
+    return l(() => {
+      n(e.value, o);
+    }), f(() => {
+      n(e.value, o);
+    }), (i, _) => (m(), s(u(c(t)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, null, 512));
+  }
+});
+export {
+  C as default
+};

package/lib/components/WordmarkWrapper.vue2.js

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

package/lib/components/index.d.ts

@@ -3,11 +3,14 @@ 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 PCarousel } from './CarouselWrapper.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';
+export { default as PFieldset } from './FieldsetWrapper.vue';
 export { default as PFieldsetWrapper } from './FieldsetWrapperWrapper.vue';
 export { default as PFlex } from './FlexWrapper.vue';
 export { default as PFlexItem } from './FlexItemWrapper.vue';
@@ -21,6 +24,7 @@ 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 PMarque } from './MarqueWrapper.vue';
 export { default as PModal } from './ModalWrapper.vue';
 export { default as PModelSignature } from './ModelSignatureWrapper.vue';
@@ -53,3 +57,4 @@ export { default as PTextList } from './TextListWrapper.vue';
 export { default as PTextListItem } from './TextListItemWrapper.vue';
 export { default as PTextareaWrapper } from './TextareaWrapperWrapper.vue';
 export { default as PToast } from './ToastWrapper.vue';
+export { default as PWordmark } from './WordmarkWrapper.vue';

package/lib/types.d.ts

@@ -209,6 +209,29 @@ export declare type BreakpointValues<T> = {
     base: T;
 };
 export declare type BreakpointCustomizable<T> = T | BreakpointValues<T>;
+declare const TILE_ASPECT_RATIOS: readonly [
+    "1:1",
+    "4:3",
+    "3:4",
+    "16:9",
+    "9:16"
+];
+export declare type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
+declare const TILE_SIZES: readonly [
+    "default",
+    "inherit"
+];
+export declare type TileSize = (typeof TILE_SIZES)[number];
+declare const TILE_WEIGHTS: readonly [
+    "regular",
+    "semi-bold"
+];
+export declare type TileWeight = (typeof TILE_WEIGHTS)[number];
+declare const TILE_ALIGNS: readonly [
+    "top",
+    "bottom"
+];
+export declare type TileAlign = (typeof TILE_ALIGNS)[number];
 declare const GRADIENT_COLOR_SCHEMES: readonly [
     "default",
     "surface"
@@ -523,29 +546,38 @@ declare const BANNER_WIDTHS: readonly [
     "basic",
     "fluid"
 ];
+/** @deprecated */
 export declare type BannerWidth = typeof BANNER_WIDTHS[number];
 export declare type ButtonIcon = LinkButtonIconName;
-declare const BUTTON_GROUP_DIRECTIONS: readonly [
+declare const GROUP_DIRECTIONS: readonly [
     "row",
     "column"
 ];
-export declare type ButtonGroupDirection = typeof BUTTON_GROUP_DIRECTIONS[number];
+export declare type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
+export declare type ButtonGroupDirection = GroupDirection;
 export declare type ButtonPureType = ButtonType;
 export declare type ButtonPureIcon = LinkButtonIconName;
 export declare type ButtonPureAriaAttribute = ButtonAriaAttribute;
 export declare type ButtonPureAlignLabel = AlignLabel;
 export declare type ButtonPureWeight = TextWeight;
 export declare type ButtonPureSize = TextSize;
+export declare type ButtonTileAriaAttribute = ButtonAriaAttribute;
+export declare type ButtonTileIcon = LinkButtonIconName;
+export declare type ButtonTileType = ButtonType;
+export declare type ButtonTileAspectRatio = TileAspectRatio;
+export declare type ButtonTileSize = TileSize;
+export declare type ButtonTileWeight = TileWeight;
+export declare type ButtonTileAlign = TileAlign;
 declare const CAROUSEL_WIDTHS: readonly [
     "basic",
     "extended"
 ];
-export declare type CarouselWidth = typeof CAROUSEL_WIDTHS[number];
+export declare type CarouselWidth = (typeof CAROUSEL_WIDTHS)[number];
 declare const CAROUSEL_ALIGN_HEADERS: readonly [
     "left",
     "center"
 ];
-export declare type CarouselAlignHeader = typeof CAROUSEL_ALIGN_HEADERS[number];
+export declare type CarouselAlignHeader = (typeof CAROUSEL_ALIGN_HEADERS)[number];
 export declare type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
 export declare type CarouselChangeEvent = {
     activeIndex: number;
@@ -565,6 +597,11 @@ declare const CONTENT_WRAPPER_WIDTHS: readonly [
     "full"
 ];
 export declare type ContentWrapperWidth = typeof CONTENT_WRAPPER_WIDTHS[number];
+export declare type CrestTarget = LinkTarget;
+declare const CREST_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type CrestAriaAttribute = (typeof CREST_ARIA_ATTRIBUTES)[number];
 declare const DISPLAY_TAGS: readonly [
     "h1",
     "h2",
@@ -602,12 +639,14 @@ declare const DIVIDER_DIRECTIONS: readonly [
 ];
 export declare type DividerDirection = typeof DIVIDER_DIRECTIONS[number];
 export declare type DividerOrientation = DividerDirection;
-declare const FIELDSET_WRAPPER_LABEL_SIZES: readonly [
+declare const FIELDSET_LABEL_SIZES: readonly [
     "small",
     "medium"
 ];
-export declare type FieldsetWrapperLabelSize = typeof FIELDSET_WRAPPER_LABEL_SIZES[number];
-export declare type FieldsetWrapperState = FormState;
+export declare type FieldsetLabelSize = typeof FIELDSET_LABEL_SIZES[number];
+export declare type FieldsetState = FormState;
+export declare type FieldsetWrapperLabelSize = FieldsetLabelSize;
+export declare type FieldsetWrapperState = FieldsetState;
 export declare type FlexInline = boolean;
 declare const FLEX_WRAPS: readonly [
     "nowrap",
@@ -830,47 +869,17 @@ export declare type LinkPureSize = TextSize;
 export declare type LinkPureTarget = LinkTarget;
 export declare type LinkSocialIcon = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
 export declare type LinkSocialTarget = LinkTarget;
+export declare type LinkTileTarget = LinkTarget;
+export declare type LinkTileAriaAttribute = LinkAriaAttribute;
+export declare type LinkTileAspectRatio = TileAspectRatio;
+export declare type LinkTileSize = TileSize;
+export declare type LinkTileAlign = TileAlign;
 declare const LINK_TILE_WEIGHTS: readonly [
     "regular",
     "semi-bold",
     "semibold"
 ];
-export declare type LinkTileWeight = typeof LINK_TILE_WEIGHTS[number];
-declare const LINK_TILE_SIZES: readonly [
-    "default",
-    "inherit"
-];
-export declare type LinkTileSize = typeof LINK_TILE_SIZES[number];
-declare const LINK_TILE_ALIGNS: readonly [
-    "top",
-    "bottom"
-];
-export declare type LinkTileAlign = typeof LINK_TILE_ALIGNS[number];
-declare const LINK_TILE_ASPECT_RATIOS: readonly [
-    "1:1",
-    "4:3",
-    "3:4",
-    "16:9",
-    "9:16"
-];
-export declare type LinkTileAspectRatio = typeof LINK_TILE_ASPECT_RATIOS[number];
-export declare type LinkTileTarget = LinkTarget;
-export declare type LinkTileAriaAttribute = LinkAriaAttribute;
-declare const MARQUE_SIZES: readonly [
-    "responsive",
-    "small",
-    "medium"
-];
-export declare type MarqueSize = typeof MARQUE_SIZES[number];
-export declare type MarqueTarget = LinkTarget;
-declare const MARQUE_ARIA_ATTRIBUTES: readonly [
-    "aria-label"
-];
-export declare type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
-declare const MODAL_ARIA_ATTRIBUTES: readonly [
-    "aria-label"
-];
-export declare type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
+export declare type LinkTileWeight = (typeof LINK_TILE_WEIGHTS)[number];
 declare const MODEL_SIGNATURES_MANIFEST: {
     "718": string;
     "911": string;
@@ -897,6 +906,33 @@ declare const MODEL_SIGNATURE_COLORS: readonly [
     "inherit"
 ];
 export declare type ModelSignatureColor = typeof MODEL_SIGNATURE_COLORS[number];
+export declare type LinkTileModelSignatureModel = ModelSignatureModel;
+declare const LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS: readonly [
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6"
+];
+export declare type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS)[number];
+export declare type LinkTileModelSignatureWeight = TileWeight;
+export declare type LinkTileModelSignatureAspectRatio = TileAspectRatio;
+export declare type LinkTileModelSignatureLinkDirection = GroupDirection;
+declare const MARQUE_SIZES: readonly [
+    "responsive",
+    "small",
+    "medium"
+];
+export declare type MarqueSize = typeof MARQUE_SIZES[number];
+export declare type MarqueTarget = LinkTarget;
+declare const MARQUE_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
+declare const MODAL_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
 declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
     5,
     7
@@ -1069,4 +1105,14 @@ export declare type ToastMessage = {
     text: string;
     state?: ToastState;
 };
+declare const WORDMARK_SIZES: readonly [
+    "small",
+    "inherit"
+];
+export declare type WordmarkSize = (typeof WORDMARK_SIZES)[number];
+export declare type WordmarkTarget = LinkTarget;
+declare const WORDMARK_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type WordmarkAriaAttribute = (typeof WORDMARK_ARIA_ATTRIBUTES)[number];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.5",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.0.0-alpha.3"
+    "@porsche-design-system/components-js": "3.0.0-alpha.5"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"

package/public-api.js

@@ -1,121 +1,131 @@
 import { componentsReady as t } from "@porsche-design-system/components-js";
-import { default as o } from "./lib/components/AccordionWrapper.vue.js";
+import { default as a } from "./lib/components/AccordionWrapper.vue.js";
 import { default as l } from "./lib/components/BannerWrapper.vue.js";
-import { default as s } from "./lib/components/ButtonWrapper.vue.js";
+import { default as p } from "./lib/components/ButtonWrapper.vue.js";
 import { default as m } from "./lib/components/ButtonGroupWrapper.vue.js";
 import { default as x } from "./lib/components/ButtonPureWrapper.vue.js";
-import { default as i } from "./lib/components/CarouselWrapper.vue.js";
-import { default as T } from "./lib/components/CheckboxWrapperWrapper.vue.js";
-import { default as S } from "./lib/components/ContentWrapperWrapper.vue.js";
-import { default as g } from "./lib/components/DisplayWrapper.vue.js";
-import { default as B } from "./lib/components/DividerWrapper.vue.js";
-import { default as H } from "./lib/components/FieldsetWrapperWrapper.vue.js";
-import { default as y } from "./lib/components/FlexWrapper.vue.js";
-import { default as L } from "./lib/components/FlexItemWrapper.vue.js";
-import { default as k } from "./lib/components/GridWrapper.vue.js";
-import { default as M } from "./lib/components/GridItemWrapper.vue.js";
-import { default as v } from "./lib/components/HeadingWrapper.vue.js";
-import { default as G } from "./lib/components/HeadlineWrapper.vue.js";
-import { default as q } from "./lib/components/IconWrapper.vue.js";
-import { default as N } from "./lib/components/InlineNotificationWrapper.vue.js";
-import { default as E } from "./lib/components/LinkWrapper.vue.js";
-import { default as K } from "./lib/components/LinkPureWrapper.vue.js";
-import { default as Q } from "./lib/components/LinkSocialWrapper.vue.js";
-import { default as V } from "./lib/components/LinkTileWrapper.vue.js";
-import { default as Y } from "./lib/components/MarqueWrapper.vue.js";
-import { default as _ } from "./lib/components/ModalWrapper.vue.js";
-import { default as ee } from "./lib/components/ModelSignatureWrapper.vue.js";
-import { default as te } from "./lib/components/PaginationWrapper.vue.js";
-import { default as oe } from "./lib/components/PopoverWrapper.vue.js";
-import { default as le } from "./lib/components/RadioButtonWrapperWrapper.vue.js";
-import { default as se } from "./lib/components/ScrollerWrapper.vue.js";
-import { default as me } from "./lib/components/SegmentedControlWrapper.vue.js";
-import { default as xe } from "./lib/components/SegmentedControlItemWrapper.vue.js";
-import { default as ie } from "./lib/components/SelectWrapperWrapper.vue.js";
-import { default as Te } from "./lib/components/SpinnerWrapper.vue.js";
-import { default as Se } from "./lib/components/StepperHorizontalWrapper.vue.js";
-import { default as ge } from "./lib/components/StepperHorizontalItemWrapper.vue.js";
-import { default as Be } from "./lib/components/SwitchWrapper.vue.js";
-import { default as He } from "./lib/components/TableWrapper.vue.js";
-import { default as ye } from "./lib/components/TableBodyWrapper.vue.js";
-import { default as Le } from "./lib/components/TableCellWrapper.vue.js";
-import { default as ke } from "./lib/components/TableHeadWrapper.vue.js";
-import { default as Me } from "./lib/components/TableHeadCellWrapper.vue.js";
-import { default as ve } from "./lib/components/TableHeadRowWrapper.vue.js";
-import { default as Ge } from "./lib/components/TableRowWrapper.vue.js";
-import { default as qe } from "./lib/components/TabsWrapper.vue.js";
-import { default as Ne } from "./lib/components/TabsBarWrapper.vue.js";
-import { default as Ee } from "./lib/components/TabsItemWrapper.vue.js";
-import { default as Ke } from "./lib/components/TagWrapper.vue.js";
-import { default as Qe } from "./lib/components/TagDismissibleWrapper.vue.js";
-import { default as Ve } from "./lib/components/TextWrapper.vue.js";
-import { default as Ye } from "./lib/components/TextFieldWrapperWrapper.vue.js";
-import { default as _e } from "./lib/components/TextListWrapper.vue.js";
-import { default as er } from "./lib/components/TextListItemWrapper.vue.js";
-import { default as tr } from "./lib/components/TextareaWrapperWrapper.vue.js";
-import { default as or } from "./lib/components/ToastWrapper.vue.js";
-import { useToastManager as lr } from "./utils.js";
-import { default as sr } from "./PorscheDesignSystemProvider.vue.js";
-import { createPorscheDesignSystem as mr, usePorscheDesignSystemPlugin as ur } from "./plugin.js";
+import { default as i } from "./lib/components/ButtonTileWrapper.vue.js";
+import { default as T } from "./lib/components/CarouselWrapper.vue.js";
+import { default as S } from "./lib/components/CheckboxWrapperWrapper.vue.js";
+import { default as b } from "./lib/components/ContentWrapperWrapper.vue.js";
+import { default as C } from "./lib/components/CrestWrapper.vue.js";
+import { default as W } from "./lib/components/DisplayWrapper.vue.js";
+import { default as H } from "./lib/components/DividerWrapper.vue.js";
+import { default as y } from "./lib/components/FieldsetWrapper.vue.js";
+import { default as h } from "./lib/components/FieldsetWrapperWrapper.vue.js";
+import { default as M } from "./lib/components/FlexWrapper.vue.js";
+import { default as v } from "./lib/components/FlexItemWrapper.vue.js";
+import { default as G } from "./lib/components/GridWrapper.vue.js";
+import { default as q } from "./lib/components/GridItemWrapper.vue.js";
+import { default as N } from "./lib/components/HeadingWrapper.vue.js";
+import { default as E } from "./lib/components/HeadlineWrapper.vue.js";
+import { default as K } from "./lib/components/IconWrapper.vue.js";
+import { default as Q } from "./lib/components/InlineNotificationWrapper.vue.js";
+import { default as V } from "./lib/components/LinkWrapper.vue.js";
+import { default as Y } from "./lib/components/LinkPureWrapper.vue.js";
+import { default as _ } from "./lib/components/LinkSocialWrapper.vue.js";
+import { default as ee } from "./lib/components/LinkTileWrapper.vue.js";
+import { default as te } from "./lib/components/LinkTileModelSignatureWrapper.vue.js";
+import { default as ae } from "./lib/components/MarqueWrapper.vue.js";
+import { default as le } from "./lib/components/ModalWrapper.vue.js";
+import { default as pe } from "./lib/components/ModelSignatureWrapper.vue.js";
+import { default as me } from "./lib/components/PaginationWrapper.vue.js";
+import { default as xe } from "./lib/components/PopoverWrapper.vue.js";
+import { default as ie } from "./lib/components/RadioButtonWrapperWrapper.vue.js";
+import { default as Te } from "./lib/components/ScrollerWrapper.vue.js";
+import { default as Se } from "./lib/components/SegmentedControlWrapper.vue.js";
+import { default as be } from "./lib/components/SegmentedControlItemWrapper.vue.js";
+import { default as Ce } from "./lib/components/SelectWrapperWrapper.vue.js";
+import { default as We } from "./lib/components/SpinnerWrapper.vue.js";
+import { default as He } from "./lib/components/StepperHorizontalWrapper.vue.js";
+import { default as ye } from "./lib/components/StepperHorizontalItemWrapper.vue.js";
+import { default as he } from "./lib/components/SwitchWrapper.vue.js";
+import { default as Me } from "./lib/components/TableWrapper.vue.js";
+import { default as ve } from "./lib/components/TableBodyWrapper.vue.js";
+import { default as Ge } from "./lib/components/TableCellWrapper.vue.js";
+import { default as qe } from "./lib/components/TableHeadWrapper.vue.js";
+import { default as Ne } from "./lib/components/TableHeadCellWrapper.vue.js";
+import { default as Ee } from "./lib/components/TableHeadRowWrapper.vue.js";
+import { default as Ke } from "./lib/components/TableRowWrapper.vue.js";
+import { default as Qe } from "./lib/components/TabsWrapper.vue.js";
+import { default as Ve } from "./lib/components/TabsBarWrapper.vue.js";
+import { default as Ye } from "./lib/components/TabsItemWrapper.vue.js";
+import { default as _e } from "./lib/components/TagWrapper.vue.js";
+import { default as er } from "./lib/components/TagDismissibleWrapper.vue.js";
+import { default as tr } from "./lib/components/TextWrapper.vue.js";
+import { default as ar } from "./lib/components/TextFieldWrapperWrapper.vue.js";
+import { default as lr } from "./lib/components/TextListWrapper.vue.js";
+import { default as pr } from "./lib/components/TextListItemWrapper.vue.js";
+import { default as mr } from "./lib/components/TextareaWrapperWrapper.vue.js";
+import { default as xr } from "./lib/components/ToastWrapper.vue.js";
+import { default as ir } from "./lib/components/WordmarkWrapper.vue.js";
+import { useToastManager as Tr } from "./utils.js";
+import { default as Sr } from "./PorscheDesignSystemProvider.vue.js";
+import { createPorscheDesignSystem as br, usePorscheDesignSystemPlugin as Br } from "./plugin.js";
 export {
-  o as PAccordion,
+  a as PAccordion,
   l as PBanner,
-  s as PButton,
+  p as PButton,
   m as PButtonGroup,
   x as PButtonPure,
-  i as PCarousel,
-  T as PCheckboxWrapper,
-  S as PContentWrapper,
-  g as PDisplay,
-  B as PDivider,
-  H as PFieldsetWrapper,
-  y as PFlex,
-  L as PFlexItem,
-  k as PGrid,
-  M as PGridItem,
-  v as PHeading,
-  G as PHeadline,
-  q as PIcon,
-  N as PInlineNotification,
-  E as PLink,
-  K as PLinkPure,
-  Q as PLinkSocial,
-  V as PLinkTile,
-  Y as PMarque,
-  _ as PModal,
-  ee as PModelSignature,
-  te as PPagination,
-  oe as PPopover,
-  le as PRadioButtonWrapper,
-  se as PScroller,
-  me as PSegmentedControl,
-  xe as PSegmentedControlItem,
-  ie as PSelectWrapper,
-  Te as PSpinner,
-  Se as PStepperHorizontal,
-  ge as PStepperHorizontalItem,
-  Be as PSwitch,
-  He as PTable,
-  ye as PTableBody,
-  Le as PTableCell,
-  ke as PTableHead,
-  Me as PTableHeadCell,
-  ve as PTableHeadRow,
-  Ge as PTableRow,
-  qe as PTabs,
-  Ne as PTabsBar,
-  Ee as PTabsItem,
-  Ke as PTag,
-  Qe as PTagDismissible,
-  Ve as PText,
-  Ye as PTextFieldWrapper,
-  _e as PTextList,
-  er as PTextListItem,
-  tr as PTextareaWrapper,
-  or as PToast,
-  sr as PorscheDesignSystemProvider,
+  i as PButtonTile,
+  T as PCarousel,
+  S as PCheckboxWrapper,
+  b as PContentWrapper,
+  C as PCrest,
+  W as PDisplay,
+  H as PDivider,
+  y as PFieldset,
+  h as PFieldsetWrapper,
+  M as PFlex,
+  v as PFlexItem,
+  G as PGrid,
+  q as PGridItem,
+  N as PHeading,
+  E as PHeadline,
+  K as PIcon,
+  Q as PInlineNotification,
+  V as PLink,
+  Y as PLinkPure,
+  _ as PLinkSocial,
+  ee as PLinkTile,
+  te as PLinkTileModelSignature,
+  ae as PMarque,
+  le as PModal,
+  pe as PModelSignature,
+  me as PPagination,
+  xe as PPopover,
+  ie as PRadioButtonWrapper,
+  Te as PScroller,
+  Se as PSegmentedControl,
+  be as PSegmentedControlItem,
+  Ce as PSelectWrapper,
+  We as PSpinner,
+  He as PStepperHorizontal,
+  ye as PStepperHorizontalItem,
+  he as PSwitch,
+  Me as PTable,
+  ve as PTableBody,
+  Ge as PTableCell,
+  qe as PTableHead,
+  Ne as PTableHeadCell,
+  Ee as PTableHeadRow,
+  Ke as PTableRow,
+  Qe as PTabs,
+  Ve as PTabsBar,
+  Ye as PTabsItem,
+  _e as PTag,
+  er as PTagDismissible,
+  tr as PText,
+  ar as PTextFieldWrapper,
+  lr as PTextList,
+  pr as PTextListItem,
+  mr as PTextareaWrapper,
+  xr as PToast,
+  ir as PWordmark,
+  Sr as PorscheDesignSystemProvider,
   t as componentsReady,
-  mr as createPorscheDesignSystem,
-  ur as usePorscheDesignSystemPlugin,
-  lr as useToastManager
+  br as createPorscheDesignSystem,
+  Br as usePorscheDesignSystemPlugin,
+  Tr as useToastManager
 };

package/styles/_index.scss

@@ -0,0 +1 @@
+@import '@porsche-design-system/components-js/styles';

package/styles/scss.scss

@@ -1 +0,0 @@
-@import '~@porsche-design-system/components-js/styles/scss';