@porsche-design-system/components-vue 3.21.0 → 3.22.0-rc.1

package/esm/lib/types.d.ts

@@ -430,14 +430,14 @@ declare const FORM_STATES: readonly [
     "error",
     "success"
 ];
-export type FormState = typeof FORM_STATES[number];
+export type FormState = (typeof FORM_STATES)[number];
 declare const BUTTON_ARIA_ATTRIBUTES: readonly [
     "aria-label",
     "aria-expanded",
     "aria-pressed",
     "aria-haspopup"
 ];
-export type ButtonAriaAttribute = typeof BUTTON_ARIA_ATTRIBUTES[number];
+export type ButtonAriaAttribute = (typeof BUTTON_ARIA_ATTRIBUTES)[number];
 declare const LINK_ARIA_ATTRIBUTES: readonly [
     "aria-label",
     "aria-current",
@@ -553,7 +553,7 @@ declare const HEADING_TAGS: readonly [
     "h5",
     "h6"
 ];
-export type HeadingTag = typeof HEADING_TAGS[number];
+export type HeadingTag = (typeof HEADING_TAGS)[number];
 declare const TEXT_SIZES: readonly [
     "xx-small",
     "x-small",
@@ -611,7 +611,7 @@ declare const BUTTON_TYPES: readonly [
     "submit",
     "reset"
 ];
-export type ButtonType = typeof BUTTON_TYPES[number];
+export type ButtonType = (typeof BUTTON_TYPES)[number];
 declare const LINK_BUTTON_VARIANTS: readonly [
     "primary",
     "secondary",
@@ -737,7 +737,7 @@ declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
     "transparent",
     "default"
 ];
-export type ContentWrapperBackgroundColor = typeof CONTENT_WRAPPER_BACKGROUND_COLORS[number];
+export type ContentWrapperBackgroundColor = (typeof CONTENT_WRAPPER_BACKGROUND_COLORS)[number];
 declare const CONTENT_WRAPPER_WIDTHS: readonly [
     "narrow",
     "basic",
@@ -745,7 +745,7 @@ declare const CONTENT_WRAPPER_WIDTHS: readonly [
     "fluid",
     "full"
 ];
-export type ContentWrapperWidth = typeof CONTENT_WRAPPER_WIDTHS[number];
+export type ContentWrapperWidth = (typeof CONTENT_WRAPPER_WIDTHS)[number];
 export type CrestTarget = LinkTarget;
 export type CrestAriaAttribute = LinkAriaAttribute;
 declare const DISPLAY_TAGS: readonly [
@@ -778,12 +778,12 @@ declare const DIVIDER_COLORS: readonly [
     "neutral-contrast-medium",
     "neutral-contrast-low"
 ];
-export type DividerColor = typeof DIVIDER_COLORS[number];
+export type DividerColor = (typeof DIVIDER_COLORS)[number];
 declare const DIVIDER_DIRECTIONS: readonly [
     "vertical",
     "horizontal"
 ];
-export type DividerDirection = typeof DIVIDER_DIRECTIONS[number];
+export type DividerDirection = (typeof DIVIDER_DIRECTIONS)[number];
 export type DividerOrientation = DividerDirection;
 declare const FIELDSET_LABEL_SIZES: readonly [
     "small",
@@ -799,14 +799,14 @@ declare const FLEX_WRAPS: readonly [
     "wrap",
     "wrap-reverse"
 ];
-export type FlexWrap = typeof FLEX_WRAPS[number];
+export type FlexWrap = (typeof FLEX_WRAPS)[number];
 declare const FLEX_DIRECTIONS: readonly [
     "row",
     "row-reverse",
     "column",
     "column-reverse"
 ];
-export type FlexDirection = typeof FLEX_DIRECTIONS[number];
+export type FlexDirection = (typeof FLEX_DIRECTIONS)[number];
 declare const FLEX_JUSTIFY_CONTENTS: readonly [
     "flex-start",
     "flex-end",
@@ -815,7 +815,7 @@ declare const FLEX_JUSTIFY_CONTENTS: readonly [
     "space-around",
     "space-evenly"
 ];
-export type FlexJustifyContent = typeof FLEX_JUSTIFY_CONTENTS[number];
+export type FlexJustifyContent = (typeof FLEX_JUSTIFY_CONTENTS)[number];
 declare const FLEX_ALIGN_ITEMS: readonly [
     "stretch",
     "flex-start",
@@ -823,7 +823,7 @@ declare const FLEX_ALIGN_ITEMS: readonly [
     "center",
     "baseline"
 ];
-export type FlexAlignItems = typeof FLEX_ALIGN_ITEMS[number];
+export type FlexAlignItems = (typeof FLEX_ALIGN_ITEMS)[number];
 declare const FLEX_ALIGN_CONTENTS: readonly [
     "stretch",
     "flex-start",
@@ -833,7 +833,7 @@ declare const FLEX_ALIGN_CONTENTS: readonly [
     "space-around",
     "space-evenly"
 ];
-export type FlexAlignContent = typeof FLEX_ALIGN_CONTENTS[number];
+export type FlexAlignContent = (typeof FLEX_ALIGN_CONTENTS)[number];
 declare const FLEX_ITEM_WIDTHS: readonly [
     "auto",
     "one-quarter",
@@ -843,7 +843,7 @@ declare const FLEX_ITEM_WIDTHS: readonly [
     "three-quarters",
     "full"
 ];
-export type FlexItemWidth = typeof FLEX_ITEM_WIDTHS[number];
+export type FlexItemWidth = (typeof FLEX_ITEM_WIDTHS)[number];
 declare const FLEX_ITEM_OFFSETS: readonly [
     "none",
     "one-quarter",
@@ -852,7 +852,7 @@ declare const FLEX_ITEM_OFFSETS: readonly [
     "two-thirds",
     "three-quarters"
 ];
-export type FlexItemOffset = typeof FLEX_ITEM_OFFSETS[number];
+export type FlexItemOffset = (typeof FLEX_ITEM_OFFSETS)[number];
 declare const FLEX_ITEM_ALIGN_SELFS: readonly [
     "auto",
     "flex-start",
@@ -861,24 +861,24 @@ declare const FLEX_ITEM_ALIGN_SELFS: readonly [
     "baseline",
     "stretch"
 ];
-export type FlexItemAlignSelf = typeof FLEX_ITEM_ALIGN_SELFS[number];
+export type FlexItemAlignSelf = (typeof FLEX_ITEM_ALIGN_SELFS)[number];
 declare const FLEX_ITEM_GROWS: readonly [
     0,
     1
 ];
-export type FlexItemGrow = typeof FLEX_ITEM_GROWS[number];
+export type FlexItemGrow = (typeof FLEX_ITEM_GROWS)[number];
 declare const FLEX_ITEM_SHRINKS: readonly [
     0,
     1
 ];
-export type FlexItemShrink = typeof FLEX_ITEM_SHRINKS[number];
+export type FlexItemShrink = (typeof FLEX_ITEM_SHRINKS)[number];
 declare const FLEX_ITEM_FLEXS: readonly [
     "initial",
     "auto",
     "none",
     "equal"
 ];
-export type FlexItemFlex = typeof FLEX_ITEM_FLEXS[number];
+export type FlexItemFlex = (typeof FLEX_ITEM_FLEXS)[number];
 declare const FLYOUT_POSITIONS: readonly [
     "start",
     "end",
@@ -902,7 +902,7 @@ declare const FLYOUT_MULTILEVEL_ARIA_ATTRIBUTES: readonly [
 ];
 export type FlyoutMultilevelAriaAttribute = (typeof FLYOUT_MULTILEVEL_ARIA_ATTRIBUTES)[number];
 export type FlyoutMultilevelUpdate = {
-    activeIdentifier: string;
+    activeIdentifier: string | undefined;
 };
 /** @deprecated */
 export type FlyoutMultilevelUpdateEvent = FlyoutMultilevelUpdate;
@@ -913,18 +913,18 @@ declare const GRID_DIRECTIONS: readonly [
     "column",
     "column-reverse"
 ];
-export type GridDirection = typeof GRID_DIRECTIONS[number];
+export type GridDirection = (typeof GRID_DIRECTIONS)[number];
 declare const GRID_WRAPS: readonly [
     "nowrap",
     "wrap"
 ];
-export type GridWrap = typeof GRID_WRAPS[number];
+export type GridWrap = (typeof GRID_WRAPS)[number];
 declare const GRID_GUTTERS: readonly [
     16,
     24,
     36
 ];
-export type GridGutter = typeof GRID_GUTTERS[number];
+export type GridGutter = (typeof GRID_GUTTERS)[number];
 declare const GRID_ITEM_SIZES: readonly [
     1,
     2,
@@ -939,7 +939,7 @@ declare const GRID_ITEM_SIZES: readonly [
     11,
     12
 ];
-export type GridItemSize = typeof GRID_ITEM_SIZES[number];
+export type GridItemSize = (typeof GRID_ITEM_SIZES)[number];
 declare const GRID_ITEM_OFFSETS: readonly [
     0,
     1,
@@ -954,7 +954,7 @@ declare const GRID_ITEM_OFFSETS: readonly [
     10,
     11
 ];
-export type GridItemOffset = typeof GRID_ITEM_OFFSETS[number];
+export type GridItemOffset = (typeof GRID_ITEM_OFFSETS)[number];
 declare const HEADING_COLORS: readonly [
     "primary",
     "inherit"
@@ -1132,14 +1132,15 @@ declare const MARQUE_SIZES: readonly [
     "small",
     "medium"
 ];
-export type MarqueSize = typeof MARQUE_SIZES[number];
+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"
+    "aria-label",
+    "role"
 ];
 export type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
 export type ModalBackdrop = Backdrop;
@@ -1255,11 +1256,11 @@ declare const SPINNER_SIZES: readonly [
     "large",
     "inherit"
 ];
-export type SpinnerSize = typeof SPINNER_SIZES[number];
+export type SpinnerSize = (typeof SPINNER_SIZES)[number];
 declare const SPINNER_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export type SpinnerAriaAttribute = typeof SPINNER_ARIA_ATTRIBUTES[number];
+export type SpinnerAriaAttribute = (typeof SPINNER_ARIA_ATTRIBUTES)[number];
 declare const STEPPER_HORIZONTAL_SIZES: readonly [
     "small",
     "medium"
@@ -1323,11 +1324,11 @@ declare const TAG_DISMISSIBLE_COLORS: readonly [
     "background-surface",
     "background-default"
 ];
-export type TagDismissibleColor = typeof TAG_DISMISSIBLE_COLORS[number];
+export type TagDismissibleColor = (typeof TAG_DISMISSIBLE_COLORS)[number];
 declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export type TagDismissibleAriaAttribute = typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES[number];
+export type TagDismissibleAriaAttribute = (typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES)[number];
 export type TagIcon = IconName;
 declare const TAG_COLORS: readonly [
     "background-base",
@@ -1373,19 +1374,19 @@ declare const LIST_TYPES: readonly [
     "ordered"
 ];
 /** @deprecated */
-export type TextListListType = typeof LIST_TYPES[number];
+export type TextListListType = (typeof LIST_TYPES)[number];
 declare const ORDER_TYPES: readonly [
     "numbered",
     "alphabetically"
 ];
 /** @deprecated */
-export type TextListOrderType = typeof ORDER_TYPES[number];
+export type TextListOrderType = (typeof ORDER_TYPES)[number];
 declare const TEXT_LIST_TYPES: readonly [
     "unordered",
     "numbered",
     "alphabetically"
 ];
-export type TextListType = typeof TEXT_LIST_TYPES[number];
+export type TextListType = (typeof TEXT_LIST_TYPES)[number];
 export type TextareaState = FormState;
 declare const AUTO_COMPLETE: readonly [
     "off",
@@ -1417,7 +1418,7 @@ declare const TOAST_STATES: readonly [
     "success",
     "neutral"
 ];
-export type ToastState = typeof TOAST_STATES[number];
+export type ToastState = (typeof TOAST_STATES)[number];
 export type ToastMessage = {
     text: string;
     state?: ToastState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.21.0",
+  "version": "3.22.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.21.0"
+    "@porsche-design-system/components-js": "3.22.0-rc.1"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">= 32.0.0 <33.0.0",

package/styles/_index.scss

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