@porsche-design-system/components-angular 4.0.0-beta.0 → 4.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-angular",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.2",
   "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": "4.0.0-beta.0",
+    "@porsche-design-system/components-js": "4.0.0-beta.2",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
@@ -76,6 +76,17 @@
       "types": "./testing/index.d.ts",
       "default": "./testing/index.cjs"
     },
+    "./styles": {
+      "sass": "./scss/_index.scss",
+      "types": "./emotion/esm/index.d.ts",
+      "import": "./emotion/esm/index.mjs",
+      "default": "./emotion/cjs/index.cjs"
+    },
+    "./styles/vanilla-extract": {
+      "types": "./vanilla-extract/esm/index.d.ts",
+      "import": "./vanilla-extract/esm/index.mjs",
+      "default": "./vanilla-extract/cjs/index.cjs"
+    },
     "./tailwindcss": "./tailwindcss/index.css",
     "./tailwindcss/index.css": "./tailwindcss/index.css",
     "./tailwindcss/index": "./tailwindcss/index.css",

package/types/porsche-design-system-components-angular.d.ts

@@ -639,27 +639,6 @@ declare const FLAG_NAMES: readonly [
     "za"
 ];
 type FlagName = typeof FLAG_NAMES[number];
-declare const FORM_STATES: readonly [
-    "none",
-    "error",
-    "success"
-];
-type FormState = (typeof FORM_STATES)[number];
-declare const BUTTON_ARIA_ATTRIBUTES: readonly [
-    "aria-label",
-    "aria-description",
-    "aria-expanded",
-    "aria-pressed",
-    "aria-haspopup"
-];
-type ButtonAriaAttribute = (typeof BUTTON_ARIA_ATTRIBUTES)[number];
-declare const LINK_ARIA_ATTRIBUTES: readonly [
-    "aria-label",
-    "aria-description",
-    "aria-current",
-    "aria-haspopup"
-];
-type LinkAriaAttribute = (typeof LINK_ARIA_ATTRIBUTES)[number];
 declare const breakpoints: readonly [
     "base",
     "xs",
@@ -676,75 +655,6 @@ type BreakpointValues<T> = {
     base: T;
 };
 type BreakpointCustomizable<T> = T | BreakpointValues<T>;
-declare const LINK_TARGETS: readonly [
-    "_self",
-    "_blank",
-    "_parent",
-    "_top"
-];
-type LinkTarget = (typeof LINK_TARGETS)[number] | string;
-declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
-    "role"
-];
-type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
-type ScrollerScrollToPosition = {
-    scrollPosition: number;
-    isSmooth?: boolean;
-} | string;
-declare const SCROLL_INDICATOR_POSITIONS: readonly [
-    "top",
-    "center"
-];
-type ScrollerAlignScrollIndicator = (typeof SCROLL_INDICATOR_POSITIONS)[number];
-type MultiSelectState = FormState;
-type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
-type MultiSelectChangeEventDetail = {
-    name: string;
-    value: string[];
-};
-type MultiSelectToggleEventDetail = {
-    open: boolean;
-};
-type SelectState = FormState;
-type SelectDropdownDirection = SelectComponentsDropdownDirection;
-type SelectChangeEventDetail = {
-    name: string;
-    value: string;
-};
-type SelectToggleEventDetail = {
-    open: boolean;
-};
-declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
-    "down",
-    "up",
-    "auto"
-];
-type SelectComponentsDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
-declare const TILE_ASPECT_RATIOS: readonly [
-    "1/1",
-    "4/3",
-    "3/4",
-    "16/9",
-    "9/16",
-    "auto"
-];
-type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
-declare const TILE_SIZES: readonly [
-    "medium",
-    "large",
-    "inherit"
-];
-type TileSize = (typeof TILE_SIZES)[number];
-declare const TILE_WEIGHTS: readonly [
-    "regular",
-    "semi-bold"
-];
-type TileWeight = (typeof TILE_WEIGHTS)[number];
-declare const TILE_ALIGNS: readonly [
-    "top",
-    "bottom"
-];
-type TileAlign = (typeof TILE_ALIGNS)[number];
 declare const HEADING_SIZES: readonly [
     "small",
     "medium",
@@ -798,22 +708,29 @@ declare const TYPOGRAPHY_TEXT_WEIGHTS: readonly [
     "bold"
 ];
 type TypographyTextWeight = (typeof TYPOGRAPHY_TEXT_WEIGHTS)[number];
-declare const ALIGN_LABELS: readonly [
-    "start",
-    "end"
+declare const LINK_BUTTON_VARIANTS: readonly [
+    "primary",
+    "secondary"
 ];
-type AlignLabel = (typeof ALIGN_LABELS)[number];
+type LinkButtonVariant = (typeof LINK_BUTTON_VARIANTS)[number];
 declare const BUTTON_TYPES: readonly [
     "button",
     "submit",
     "reset"
 ];
 type ButtonType = (typeof BUTTON_TYPES)[number];
-declare const LINK_BUTTON_VARIANTS: readonly [
-    "primary",
-    "secondary"
+declare const ALIGN_LABELS: readonly [
+    "start",
+    "end"
 ];
-type LinkButtonVariant = (typeof LINK_BUTTON_VARIANTS)[number];
+type AlignLabel = (typeof ALIGN_LABELS)[number];
+declare const LINK_TARGETS: readonly [
+    "_self",
+    "_blank",
+    "_parent",
+    "_top"
+];
+type LinkTarget = (typeof LINK_TARGETS)[number] | string;
 type LinkButtonIconName = IconName | "none";
 type ButtonVariant = LinkButtonVariant;
 type LinkVariant = LinkButtonVariant;
@@ -832,15 +749,99 @@ type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttribute
 type SelectedAriaRole<T> = {
     role: Extract<AriaRole, T>;
 };
-declare const ACCORDION_SIZES: readonly [
-    "small",
-    "medium"
+declare const FORM_STATES: readonly [
+    "none",
+    "error",
+    "success"
 ];
-type AccordionSize = (typeof ACCORDION_SIZES)[number];
+type FormState = (typeof FORM_STATES)[number];
+declare const BUTTON_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "aria-description",
+    "aria-expanded",
+    "aria-pressed",
+    "aria-haspopup"
+];
+type ButtonAriaAttribute = (typeof BUTTON_ARIA_ATTRIBUTES)[number];
+declare const LINK_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "aria-description",
+    "aria-current",
+    "aria-haspopup"
+];
+type LinkAriaAttribute = (typeof LINK_ARIA_ATTRIBUTES)[number];
+type MultiSelectState = FormState;
+type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
+type MultiSelectChangeEventDetail = {
+    name: string;
+    value: string[];
+};
+type MultiSelectToggleEventDetail = {
+    open: boolean;
+};
+type SelectState = FormState;
+type SelectDropdownDirection = SelectComponentsDropdownDirection;
+type SelectChangeEventDetail = {
+    name: string;
+    value: string;
+};
+type SelectToggleEventDetail = {
+    open: boolean;
+};
+declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
+    "down",
+    "up",
+    "auto"
+];
+type SelectComponentsDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
+declare const TILE_ASPECT_RATIOS: readonly [
+    "1/1",
+    "4/3",
+    "3/4",
+    "16/9",
+    "9/16",
+    "auto"
+];
+type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
+declare const TILE_SIZES: readonly [
+    "medium",
+    "large",
+    "inherit"
+];
+type TileSize = (typeof TILE_SIZES)[number];
+declare const TILE_WEIGHTS: readonly [
+    "regular",
+    "semi-bold"
+];
+type TileWeight = (typeof TILE_WEIGHTS)[number];
+declare const TILE_ALIGNS: readonly [
+    "top",
+    "bottom"
+];
+type TileAlign = (typeof TILE_ALIGNS)[number];
+declare const ACCORDIONS_BACKGROUNDS: readonly [
+    "canvas",
+    "surface",
+    "frosted",
+    "none"
+];
+type AccordionBackground = (typeof ACCORDIONS_BACKGROUNDS)[number];
+declare const ACCORDION_ALIGN_MARKERS: readonly [
+    "start",
+    "end"
+];
+type AccordionAlignMarker = (typeof ACCORDION_ALIGN_MARKERS)[number];
 type AccordionUpdateEventDetail = {
     open: boolean;
 };
+/** @deprecated */
 type AccordionHeadingTag = HeadingTag;
+declare const ACCORDION_SIZES: readonly [
+    "small",
+    "medium"
+];
+/** @deprecated */
+type AccordionSize = (typeof ACCORDION_SIZES)[number];
 declare const BANNER_STATES: readonly [
     "info",
     "success",
@@ -1226,6 +1227,21 @@ type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
 type RadioGroupState = FormState;
 type RadioGroupDirection = GroupDirection;
 type RadioGroupChangeEventDetail = Event;
+declare const SCROLLER_ALIGN_SCROLL_INDICATORS: readonly [
+    "top",
+    "center"
+];
+/** @deprecated */
+type ScrollerAlignScrollIndicator = (typeof SCROLLER_ALIGN_SCROLL_INDICATORS)[number];
+declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
+    "role"
+];
+type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
+/** @deprecated */
+type ScrollerScrollToPosition = {
+    scrollPosition: number;
+    isSmooth?: boolean;
+} | string;
 type SegmentedControlChangeEventDetail = {
     value: string | number;
 };
@@ -1295,27 +1311,43 @@ declare const TABS_SIZES: readonly [
     "medium"
 ];
 type TabsSize = (typeof TABS_SIZES)[number];
+declare const TABS_BACKGROUNDS: readonly [
+    "canvas",
+    "surface",
+    "frosted",
+    "none"
+];
+type TabsBackground = (typeof TABS_BACKGROUNDS)[number];
 declare const TABS_WEIGHTS: readonly [
     "regular",
     "semi-bold"
 ];
+/** @deprecated */
 type TabsWeight = (typeof TABS_WEIGHTS)[number];
 type TabsUpdateEventDetail = {
     activeTabIndex: number;
 };
+declare const TABS_BAR_BACKGROUNDS: readonly [
+    "canvas",
+    "surface",
+    "frosted",
+    "none"
+];
+type TabsBarBackground = (typeof TABS_BAR_BACKGROUNDS)[number];
 declare const TABS_BAR_SIZES: readonly [
     "small",
     "medium"
 ];
 type TabsBarSize = (typeof TABS_BAR_SIZES)[number];
+type TabsBarUpdateEventDetail = {
+    activeTabIndex: number;
+};
 declare const TABS_BAR_WEIGHTS: readonly [
     "regular",
     "semi-bold"
 ];
+/** @deprecated */
 type TabsBarWeight = (typeof TABS_BAR_WEIGHTS)[number];
-type TabsBarUpdateEventDetail = {
-    activeTabIndex: number;
-};
 type TagIcon = IconName | "none";
 declare const TAG_VARIANTS: readonly [
     "primary",
@@ -2014,15 +2046,20 @@ declare class PTextarea extends BaseComponent implements ControlValueAccessor {
 }
 
 declare class PAccordion extends BaseComponent {
+    alignMarker?: AccordionAlignMarker;
+    background?: AccordionBackground;
     compact?: boolean;
+    /** @deprecated */
     heading?: string;
+    /** @deprecated */
     headingTag?: AccordionHeadingTag;
     open?: boolean;
+    /** @deprecated */
     size?: BreakpointCustomizable<AccordionSize>;
     sticky?: boolean;
     update: EventEmitter<CustomEvent<AccordionUpdateEventDetail>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "alignMarker": { "alias": "alignMarker"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }
 
 declare class PBanner extends BaseComponent {
@@ -2386,12 +2423,16 @@ declare class PRadioGroupOption extends BaseComponent {
 }
 
 declare class PScroller extends BaseComponent {
+    /** @deprecated */
     alignScrollIndicator?: ScrollerAlignScrollIndicator;
     aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
+    compact?: boolean;
+    /** @deprecated */
     scrollToPosition?: ScrollerScrollToPosition;
     scrollbar?: boolean;
+    sticky?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PScroller, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "alignScrollIndicator": { "alias": "alignScrollIndicator"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "scrollToPosition": { "alias": "scrollToPosition"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "alignScrollIndicator": { "alias": "alignScrollIndicator"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "scrollToPosition": { "alias": "scrollToPosition"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class PSegmentedControlItem extends BaseComponent {
@@ -2463,9 +2504,10 @@ declare class PTable extends BaseComponent {
     caption?: string;
     compact?: boolean;
     layout?: TableLayout;
+    sticky?: boolean;
     update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.TableHeadCellSort>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": { "alias": "caption"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": { "alias": "caption"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }
 
 declare class PTableCell extends BaseComponent {
@@ -2499,20 +2541,26 @@ declare class PTableRow extends BaseComponent {
 
 declare class PTabs extends BaseComponent {
     activeTabIndex?: number;
+    background?: TabsBackground;
+    compact?: boolean;
     size?: BreakpointCustomizable<TabsSize>;
+    /** @deprecated */
     weight?: TabsWeight;
     update: EventEmitter<CustomEvent<TabsUpdateEventDetail>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }
 
 declare class PTabsBar extends BaseComponent {
     activeTabIndex?: number | undefined;
+    background?: TabsBarBackground;
+    compact?: boolean;
     size?: BreakpointCustomizable<TabsBarSize>;
+    /** @deprecated */
     weight?: TabsBarWeight;
     update: EventEmitter<CustomEvent<TabsBarUpdateEventDetail>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PTabsBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }
 
 declare class PTabsItem extends BaseComponent {
@@ -2598,4 +2646,4 @@ declare class ToastManager {
 }
 
 export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
-export type { AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };