@porsche-design-system/components-vue 3.12.0 → 3.13.0-rc.1

package/esm/lib/types.d.ts

@@ -209,7 +209,7 @@ export type AriaAttributes = {
     "aria-valuenow"?: number | undefined;
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
     "aria-valuetext"?: string | undefined;
-    /** All the WAI-ARIA 1.1 role attribute values from https://www.w3.org/TR/wai-aria-1.1/#role_definitions */
+    /** All the WAI-ARIA 1.1 role attribute values from https://w3.org/TR/wai-aria-1.1/#role_definitions */
     role?: AriaRole;
 };
 export type AriaRole = "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "gridcell" | "group" | "heading" | "img" | "link" | "list" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem";
@@ -517,7 +517,7 @@ declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
     "up",
     "auto"
 ];
-export type SelectDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
+export type SelectComponentsDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
 declare const HEADING_SIZES: readonly [
     "small",
     "medium",
@@ -1046,10 +1046,16 @@ declare const MARQUE_SIZES: readonly [
     "medium"
 ];
 export type MarqueSize = typeof MARQUE_SIZES[number];
+declare const BACKDROPS: readonly [
+    "blur",
+    "shading"
+];
+export type Backdrop = (typeof BACKDROPS)[number];
 declare const MODAL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
+export type ModalBackdrop = Backdrop;
 declare const MODEL_SIGNATURE_SIZES: readonly [
     "small",
     "inherit"
@@ -1065,7 +1071,7 @@ declare const MODEL_SIGNATURE_COLORS: readonly [
 ];
 export type ModelSignatureColor = (typeof MODEL_SIGNATURE_COLORS)[number];
 export type MultiSelectState = FormState;
-export type MultiSelectDropdownDirection = SelectDropdownDirection;
+export type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
 /** @deprecated */
 export type MultiSelectUpdateEvent = {
     name: string;
@@ -1131,6 +1137,12 @@ export type SegmentedControlUpdateEventDetail = SegmentedControlUpdateEvent;
 declare const SEGMENTED_CONTROL_COLUMNS: (string | number)[];
 export type SegmentedControlColumns = (typeof SEGMENTED_CONTROL_COLUMNS)[number];
 export type SegmentedControlItemIcon = LinkButtonIconName;
+export type SelectState = FormState;
+export type SelectDropdownDirection = SelectComponentsDropdownDirection;
+export type SelectUpdateEventDetail = {
+    name: string;
+    value: string;
+};
 declare const DROPDOWN_DIRECTIONS: readonly [
     "down",
     "up",

package/esm/public-api.mjs

@@ -17,7 +17,7 @@ import { default as h } from "./lib/components/FlexWrapper.vue.mjs";
 import { default as R } from "./lib/components/FlexItemWrapper.vue.mjs";
 import { default as G } from "./lib/components/FlyoutWrapper.vue.mjs";
 import { default as z } from "./lib/components/FlyoutNavigationWrapper.vue.mjs";
-import { default as A } from "./lib/components/FlyoutNavigationItemWrapper.vue.mjs";
+import { default as q } from "./lib/components/FlyoutNavigationItemWrapper.vue.mjs";
 import { default as j } from "./lib/components/GridWrapper.vue.mjs";
 import { default as J } from "./lib/components/GridItemWrapper.vue.mjs";
 import { default as Q } from "./lib/components/HeadingWrapper.vue.mjs";
@@ -42,33 +42,35 @@ import { default as We } from "./lib/components/RadioButtonWrapperWrapper.vue.mj
 import { default as Me } from "./lib/components/ScrollerWrapper.vue.mjs";
 import { default as he } from "./lib/components/SegmentedControlWrapper.vue.mjs";
 import { default as Re } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
-import { default as Ge } from "./lib/components/SelectWrapperWrapper.vue.mjs";
-import { default as ze } from "./lib/components/SpinnerWrapper.vue.mjs";
-import { default as Ae } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
-import { default as je } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
-import { default as Je } from "./lib/components/SwitchWrapper.vue.mjs";
-import { default as Qe } from "./lib/components/TableWrapper.vue.mjs";
-import { default as Ve } from "./lib/components/TableBodyWrapper.vue.mjs";
-import { default as Ye } from "./lib/components/TableCellWrapper.vue.mjs";
-import { default as _e } from "./lib/components/TableHeadWrapper.vue.mjs";
-import { default as et } from "./lib/components/TableHeadCellWrapper.vue.mjs";
-import { default as ot } from "./lib/components/TableHeadRowWrapper.vue.mjs";
-import { default as at } from "./lib/components/TableRowWrapper.vue.mjs";
-import { default as lt } from "./lib/components/TabsWrapper.vue.mjs";
-import { default as st } from "./lib/components/TabsBarWrapper.vue.mjs";
-import { default as ut } from "./lib/components/TabsItemWrapper.vue.mjs";
-import { default as xt } from "./lib/components/TagWrapper.vue.mjs";
-import { default as it } from "./lib/components/TagDismissibleWrapper.vue.mjs";
-import { default as Tt } from "./lib/components/TextWrapper.vue.mjs";
-import { default as St } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
-import { default as bt } from "./lib/components/TextListWrapper.vue.mjs";
-import { default as Ct } from "./lib/components/TextListItemWrapper.vue.mjs";
-import { default as kt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
-import { default as Ft } from "./lib/components/ToastWrapper.vue.mjs";
-import { default as Wt } from "./lib/components/WordmarkWrapper.vue.mjs";
-import { useToastManager as Mt } from "./utils.mjs";
-import { default as ht } from "./PorscheDesignSystemProvider.vue.mjs";
-import { createPorscheDesignSystem as Rt, usePorscheDesignSystemPlugin as wt } from "./plugin.mjs";
+import { default as Ge } from "./lib/components/SelectWrapper.vue.mjs";
+import { default as ze } from "./lib/components/SelectOptionWrapper.vue.mjs";
+import { default as qe } from "./lib/components/SelectWrapperWrapper.vue.mjs";
+import { default as je } from "./lib/components/SpinnerWrapper.vue.mjs";
+import { default as Je } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
+import { default as Qe } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as Ve } from "./lib/components/SwitchWrapper.vue.mjs";
+import { default as Ye } from "./lib/components/TableWrapper.vue.mjs";
+import { default as _e } from "./lib/components/TableBodyWrapper.vue.mjs";
+import { default as et } from "./lib/components/TableCellWrapper.vue.mjs";
+import { default as ot } from "./lib/components/TableHeadWrapper.vue.mjs";
+import { default as at } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as lt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as st } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as ut } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as xt } from "./lib/components/TabsBarWrapper.vue.mjs";
+import { default as it } from "./lib/components/TabsItemWrapper.vue.mjs";
+import { default as Tt } from "./lib/components/TagWrapper.vue.mjs";
+import { default as St } from "./lib/components/TagDismissibleWrapper.vue.mjs";
+import { default as bt } from "./lib/components/TextWrapper.vue.mjs";
+import { default as Ct } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
+import { default as kt } from "./lib/components/TextListWrapper.vue.mjs";
+import { default as Ft } from "./lib/components/TextListItemWrapper.vue.mjs";
+import { default as Wt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
+import { default as Mt } from "./lib/components/ToastWrapper.vue.mjs";
+import { default as ht } from "./lib/components/WordmarkWrapper.vue.mjs";
+import { useToastManager as Rt } from "./utils.mjs";
+import { default as Gt } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as zt, usePorscheDesignSystemPlugin as Ot } from "./plugin.mjs";
 export {
   a as PAccordion,
   l as PBanner,
@@ -88,7 +90,7 @@ export {
   R as PFlexItem,
   G as PFlyout,
   z as PFlyoutNavigation,
-  A as PFlyoutNavigationItem,
+  q as PFlyoutNavigationItem,
   j as PGrid,
   J as PGridItem,
   Q as PHeading,
@@ -113,33 +115,35 @@ export {
   Me as PScroller,
   he as PSegmentedControl,
   Re as PSegmentedControlItem,
-  Ge as PSelectWrapper,
-  ze as PSpinner,
-  Ae as PStepperHorizontal,
-  je as PStepperHorizontalItem,
-  Je as PSwitch,
-  Qe as PTable,
-  Ve as PTableBody,
-  Ye as PTableCell,
-  _e as PTableHead,
-  et as PTableHeadCell,
-  ot as PTableHeadRow,
-  at as PTableRow,
-  lt as PTabs,
-  st as PTabsBar,
-  ut as PTabsItem,
-  xt as PTag,
-  it as PTagDismissible,
-  Tt as PText,
-  St as PTextFieldWrapper,
-  bt as PTextList,
-  Ct as PTextListItem,
-  kt as PTextareaWrapper,
-  Ft as PToast,
-  Wt as PWordmark,
-  ht as PorscheDesignSystemProvider,
+  Ge as PSelect,
+  ze as PSelectOption,
+  qe as PSelectWrapper,
+  je as PSpinner,
+  Je as PStepperHorizontal,
+  Qe as PStepperHorizontalItem,
+  Ve as PSwitch,
+  Ye as PTable,
+  _e as PTableBody,
+  et as PTableCell,
+  ot as PTableHead,
+  at as PTableHeadCell,
+  lt as PTableHeadRow,
+  st as PTableRow,
+  ut as PTabs,
+  xt as PTabsBar,
+  it as PTabsItem,
+  Tt as PTag,
+  St as PTagDismissible,
+  bt as PText,
+  Ct as PTextFieldWrapper,
+  kt as PTextList,
+  Ft as PTextListItem,
+  Wt as PTextareaWrapper,
+  Mt as PToast,
+  ht as PWordmark,
+  Gt as PorscheDesignSystemProvider,
   o as componentsReady,
-  Rt as createPorscheDesignSystem,
-  wt as usePorscheDesignSystemPlugin,
-  Mt as useToastManager
+  zt as createPorscheDesignSystem,
+  Ot as usePorscheDesignSystemPlugin,
+  Rt as useToastManager
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.12.0",
+  "version": "3.13.0-rc.1",
   "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.12.0"
+    "@porsche-design-system/components-js": "3.13.0-rc.1"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"