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

package/esm/lib/types.d.ts

@@ -504,12 +504,14 @@ export type IconName = typeof ICON_NAMES[number];
 declare const FLAG_NAMES: readonly [
     "ad",
     "ae",
+    "al",
     "am",
     "ar",
     "at",
     "au",
     "az",
     "ba",
+    "bd",
     "be",
     "bg",
     "bh",
@@ -594,6 +596,7 @@ declare const FLAG_NAMES: readonly [
     "pt",
     "py",
     "qa",
+    "re",
     "ro",
     "rs",
     "ru",
@@ -662,59 +665,10 @@ declare const LINK_TARGETS: readonly [
     "_top"
 ];
 export type LinkTarget = (typeof LINK_TARGETS)[number] | string;
-declare const THEMES: readonly [
-    "light",
-    "dark",
-    "auto"
-];
-export type Theme = (typeof THEMES)[number];
-declare const TILE_ASPECT_RATIOS: readonly [
-    "1/1",
-    "4/3",
-    "3/4",
-    "16/9",
-    "9/16",
-    "1:1",
-    "4:3",
-    "3:4",
-    "16:9",
-    "9:16"
-];
-export type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
-declare const TILE_SIZES: readonly [
-    "medium",
-    "large",
-    "inherit",
-    "default"
-];
-export type TileSize = (typeof TILE_SIZES)[number];
-declare const TILE_WEIGHTS: readonly [
-    "regular",
-    "semi-bold"
-];
-export type TileWeight = (typeof TILE_WEIGHTS)[number];
-export type TileBackground = (typeof THEMES)[number];
-declare const TILE_ALIGNS: readonly [
-    "top",
-    "bottom"
-];
-export type TileAlign = (typeof TILE_ALIGNS)[number];
 declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
     "role"
 ];
 export type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
-declare const GRADIENT_COLOR_SCHEMES: readonly [
-    "default",
-    "surface"
-];
-/** @deprecated */
-export type ScrollerGradientColorScheme = (typeof GRADIENT_COLOR_SCHEMES)[number];
-declare const GRADIENT_COLORS: readonly [
-    "background-base",
-    "background-surface"
-];
-/** @deprecated */
-export type ScrollerGradientColor = (typeof GRADIENT_COLORS)[number];
 export type ScrollerScrollToPosition = {
     scrollPosition: number;
     isSmooth?: boolean;
@@ -723,33 +677,56 @@ declare const SCROLL_INDICATOR_POSITIONS: readonly [
     "top",
     "center"
 ];
-/** @deprecated */
-export type ScrollerScrollIndicatorPosition = (typeof SCROLL_INDICATOR_POSITIONS)[number];
-export type ScrollerAlignScrollIndicator = ScrollerScrollIndicatorPosition;
+export type ScrollerAlignScrollIndicator = (typeof SCROLL_INDICATOR_POSITIONS)[number];
 export type MultiSelectState = FormState;
 export type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
-/** @deprecated */
-export type MultiSelectUpdateEvent = {
+export type MultiSelectChangeEventDetail = {
     name: string;
     value: string[];
 };
-/** @deprecated */
-export type MultiSelectUpdateEventDetail = MultiSelectUpdateEvent;
-export type MultiSelectChangeEventDetail = MultiSelectUpdateEventDetail;
+export type MultiSelectToggleEventDetail = {
+    open: boolean;
+};
 export type SelectState = FormState;
 export type SelectDropdownDirection = SelectComponentsDropdownDirection;
-/** @deprecated */
-export type SelectUpdateEventDetail = {
+export type SelectChangeEventDetail = {
     name: string;
     value: string;
 };
-export type SelectChangeEventDetail = SelectUpdateEventDetail;
+export type SelectToggleEventDetail = {
+    open: boolean;
+};
 declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
     "down",
     "up",
     "auto"
 ];
 export type SelectComponentsDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
+declare const TILE_ASPECT_RATIOS: readonly [
+    "1/1",
+    "4/3",
+    "3/4",
+    "16/9",
+    "9/16",
+    "auto"
+];
+export type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
+declare const TILE_SIZES: readonly [
+    "medium",
+    "large",
+    "inherit"
+];
+export type TileSize = (typeof TILE_SIZES)[number];
+declare const TILE_WEIGHTS: readonly [
+    "regular",
+    "semi-bold"
+];
+export type TileWeight = (typeof TILE_WEIGHTS)[number];
+declare const TILE_ALIGNS: readonly [
+    "top",
+    "bottom"
+];
+export type TileAlign = (typeof TILE_ALIGNS)[number];
 declare const HEADING_SIZES: readonly [
     "small",
     "medium",
@@ -782,42 +759,30 @@ declare const TYPOGRAPHY_ALIGNS: readonly [
     "start",
     "center",
     "end",
-    "inherit",
-    "left",
-    "right"
+    "inherit"
 ];
 export type TypographyAlign = (typeof TYPOGRAPHY_ALIGNS)[number];
 declare const TYPOGRAPHY_TEXT_COLORS: readonly [
     "primary",
-    "contrast-low",
-    "contrast-medium",
     "contrast-high",
-    "notification-success",
-    "notification-warning",
-    "notification-error",
-    "notification-info",
-    "inherit",
-    "brand",
-    "default",
-    "neutral-contrast-low",
-    "neutral-contrast-medium",
-    "neutral-contrast-high",
-    "notification-neutral"
+    "contrast-medium",
+    "contrast-low",
+    "success",
+    "warning",
+    "error",
+    "info",
+    "inherit"
 ];
 export type TypographyTextColor = (typeof TYPOGRAPHY_TEXT_COLORS)[number];
 declare const TYPOGRAPHY_TEXT_WEIGHTS: readonly [
     "regular",
     "semi-bold",
-    "bold",
-    "thin",
-    "semibold"
+    "bold"
 ];
 export type TypographyTextWeight = (typeof TYPOGRAPHY_TEXT_WEIGHTS)[number];
 declare const ALIGN_LABELS: readonly [
     "start",
-    "end",
-    "left",
-    "right"
+    "end"
 ];
 export type AlignLabel = (typeof ALIGN_LABELS)[number];
 declare const BUTTON_TYPES: readonly [
@@ -828,9 +793,7 @@ declare const BUTTON_TYPES: readonly [
 export type ButtonType = (typeof BUTTON_TYPES)[number];
 declare const LINK_BUTTON_VARIANTS: readonly [
     "primary",
-    "secondary",
-    "ghost",
-    "tertiary"
+    "secondary"
 ];
 export type LinkButtonVariant = (typeof LINK_BUTTON_VARIANTS)[number];
 export type LinkButtonIconName = IconName | "none";
@@ -856,58 +819,29 @@ declare const ACCORDION_SIZES: readonly [
     "medium"
 ];
 export type AccordionSize = (typeof ACCORDION_SIZES)[number];
-/** @deprecated */
-export type AccordionUpdateEvent = {
+export type AccordionUpdateEventDetail = {
     open: boolean;
 };
-export type AccordionUpdateEventDetail = AccordionUpdateEvent;
-/** @deprecated */
-export type AccordionTag = HeadingTag;
 export type AccordionHeadingTag = HeadingTag;
-declare const INLINE_NOTIFICATION_STATES: readonly [
-    "success",
-    "info",
-    "warning",
-    "error",
-    "neutral"
-];
-export type InlineNotificationState = (typeof INLINE_NOTIFICATION_STATES)[number];
-export type InlineNotificationActionIcon = IconName;
-export type InlineNotificationHeadingTag = HeadingTag;
 declare const BANNER_STATES: readonly [
     "info",
+    "success",
     "warning",
-    "error",
-    "neutral"
+    "error"
 ];
 export type BannerState = (typeof BANNER_STATES)[number];
-declare const BANNER_WIDTHS: readonly [
-    "extended",
-    "basic",
-    "fluid"
-];
-/** @deprecated */
-export type BannerWidth = (typeof BANNER_WIDTHS)[number];
-export type BannerHeadingTag = InlineNotificationHeadingTag;
+export type BannerHeadingTag = HeadingTag;
 export type ButtonIcon = LinkButtonIconName;
-declare const GROUP_DIRECTIONS: readonly [
-    "row",
-    "column"
-];
-export type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
-export type ButtonGroupDirection = GroupDirection;
 export type ButtonPureType = ButtonType;
 export type ButtonPureIcon = LinkButtonIconName;
 export type ButtonPureAriaAttribute = ButtonAriaAttribute;
 export type ButtonPureAlignLabel = AlignLabel;
-export type ButtonPureWeight = TypographyTextWeight;
 export type ButtonPureSize = TextSize;
 export type ButtonTileAriaAttribute = ButtonAriaAttribute;
 export type ButtonTileIcon = LinkButtonIconName;
 export type ButtonTileType = ButtonType;
 export type ButtonTileAspectRatio = TileAspectRatio;
 export type ButtonTileSize = TileSize;
-export type ButtonTileBackground = TileBackground;
 export type ButtonTileWeight = TileWeight;
 export type ButtonTileAlign = TileAlign;
 export type CanvasSidebarStartUpdateEventDetail = {
@@ -920,16 +854,9 @@ declare const CAROUSEL_WIDTHS: readonly [
 export type CarouselWidth = (typeof CAROUSEL_WIDTHS)[number];
 declare const CAROUSEL_SLIDES_PER_PAGE: (string | number)[];
 export type CarouselSlidesPerPage = (typeof CAROUSEL_SLIDES_PER_PAGE)[number];
-declare const CAROUSEL_GRADIENT_COLORS: readonly [
-    "background-base",
-    "background-surface",
-    "none"
-];
-export type CarouselGradientColor = (typeof CAROUSEL_GRADIENT_COLORS)[number];
 declare const CAROUSEL_ALIGN_HEADERS: readonly [
     "start",
-    "center",
-    "left"
+    "center"
 ];
 export type CarouselAlignHeader = (typeof CAROUSEL_ALIGN_HEADERS)[number];
 export type CarouselHeadingSize = Extract<HeadingSize, "x-large" | "xx-large">;
@@ -938,12 +865,10 @@ declare const CAROUSEL_ARIA_ATTRIBUTES: readonly [
 ];
 export type CarouselAriaAttribute = (typeof CAROUSEL_ARIA_ATTRIBUTES)[number];
 export type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
-/** @deprecated */
-export type CarouselUpdateEvent = {
+export type CarouselUpdateEventDetail = {
     activeIndex: number;
     previousIndex: number;
 };
-export type CarouselUpdateEventDetail = CarouselUpdateEvent;
 declare const CAROUSEL_ALIGN_CONTROLS: readonly [
     "start",
     "center",
@@ -951,27 +876,8 @@ declare const CAROUSEL_ALIGN_CONTROLS: readonly [
 ];
 export type CarouselAlignControls = (typeof CAROUSEL_ALIGN_CONTROLS)[number];
 export type CheckboxState = FormState;
-export type CheckboxUpdateEventDetail = {
-    name: string;
-    value?: string;
-    checked: boolean;
-};
 export type CheckboxBlurEventDetail = Event;
 export type CheckboxChangeEventDetail = Event;
-export type CheckboxWrapperState = FormState;
-declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
-    "transparent",
-    "default"
-];
-export type ContentWrapperBackgroundColor = (typeof CONTENT_WRAPPER_BACKGROUND_COLORS)[number];
-declare const CONTENT_WRAPPER_WIDTHS: readonly [
-    "narrow",
-    "basic",
-    "extended",
-    "fluid",
-    "full"
-];
-export type ContentWrapperWidth = (typeof CONTENT_WRAPPER_WIDTHS)[number];
 export type CrestTarget = LinkTarget;
 export type CrestAriaAttribute = LinkAriaAttribute;
 declare const DISPLAY_TAGS: readonly [
@@ -997,12 +903,10 @@ declare const DISPLAY_COLORS: readonly [
 export type DisplayColor = (typeof DISPLAY_COLORS)[number];
 export type DisplayAlign = TypographyAlign;
 declare const DIVIDER_COLORS: readonly [
+    "contrast-lower",
     "contrast-low",
     "contrast-medium",
-    "contrast-high",
-    "neutral-contrast-high",
-    "neutral-contrast-medium",
-    "neutral-contrast-low"
+    "contrast-high"
 ];
 export type DividerColor = (typeof DIVIDER_COLORS)[number];
 declare const DIVIDER_DIRECTIONS: readonly [
@@ -1010,17 +914,13 @@ declare const DIVIDER_DIRECTIONS: readonly [
     "horizontal"
 ];
 export type DividerDirection = (typeof DIVIDER_DIRECTIONS)[number];
-export type DividerOrientation = DividerDirection;
 declare const DRILLDOWN_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type DrilldownAriaAttribute = (typeof DRILLDOWN_ARIA_ATTRIBUTES)[number];
-export type DrilldownUpdate = {
+export type DrilldownUpdateEventDetail = {
     activeIdentifier: string | undefined;
 };
-/** @deprecated */
-export type DrilldownUpdateEvent = DrilldownUpdate;
-export type DrilldownUpdateEventDetail = DrilldownUpdateEvent;
 export type DrilldownLinkTarget = LinkTarget;
 export type DrilldownLinkAriaAttribute = LinkAriaAttribute;
 declare const FIELDSET_LABEL_SIZES: readonly [
@@ -1029,109 +929,24 @@ declare const FIELDSET_LABEL_SIZES: readonly [
 ];
 export type FieldsetLabelSize = (typeof FIELDSET_LABEL_SIZES)[number];
 export type FieldsetState = FormState;
-export type FieldsetWrapperLabelSize = FieldsetLabelSize;
-export type FieldsetWrapperState = FieldsetState;
 declare const FLAG_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type FlagAriaAttribute = (typeof FLAG_ARIA_ATTRIBUTES)[number];
 export type FlagSize = TextSize;
-export type FlexInline = boolean;
-declare const FLEX_WRAPS: readonly [
-    "nowrap",
-    "wrap",
-    "wrap-reverse"
-];
-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];
-declare const FLEX_JUSTIFY_CONTENTS: readonly [
-    "flex-start",
-    "flex-end",
-    "center",
-    "space-between",
-    "space-around",
-    "space-evenly"
-];
-export type FlexJustifyContent = (typeof FLEX_JUSTIFY_CONTENTS)[number];
-declare const FLEX_ALIGN_ITEMS: readonly [
-    "stretch",
-    "flex-start",
-    "flex-end",
-    "center",
-    "baseline"
-];
-export type FlexAlignItems = (typeof FLEX_ALIGN_ITEMS)[number];
-declare const FLEX_ALIGN_CONTENTS: readonly [
-    "stretch",
-    "flex-start",
-    "flex-end",
-    "center",
-    "space-between",
-    "space-around",
-    "space-evenly"
-];
-export type FlexAlignContent = (typeof FLEX_ALIGN_CONTENTS)[number];
-declare const FLEX_ITEM_WIDTHS: readonly [
-    "auto",
-    "one-quarter",
-    "one-third",
-    "half",
-    "two-thirds",
-    "three-quarters",
-    "full"
-];
-export type FlexItemWidth = (typeof FLEX_ITEM_WIDTHS)[number];
-declare const FLEX_ITEM_OFFSETS: readonly [
-    "none",
-    "one-quarter",
-    "one-third",
-    "half",
-    "two-thirds",
-    "three-quarters"
-];
-export type FlexItemOffset = (typeof FLEX_ITEM_OFFSETS)[number];
-declare const FLEX_ITEM_ALIGN_SELFS: readonly [
-    "auto",
-    "flex-start",
-    "flex-end",
-    "center",
-    "baseline",
-    "stretch"
-];
-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];
-declare const FLEX_ITEM_SHRINKS: readonly [
-    0,
-    1
-];
-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];
 declare const BACKDROPS: readonly [
     "blur",
     "shading"
 ];
 export type Backdrop = (typeof BACKDROPS)[number];
+declare const FLYOUT_BACKGROUNDS: readonly [
+    "canvas",
+    "surface"
+];
+export type FlyoutBackground = (typeof FLYOUT_BACKGROUNDS)[number];
 declare const FLYOUT_POSITIONS: readonly [
     "start",
-    "end",
-    "left",
-    "right"
+    "end"
 ];
 export type FlyoutPosition = (typeof FLYOUT_POSITIONS)[number];
 declare const FLYOUT_FOOTER_BEHAVIOR: readonly [
@@ -1146,87 +961,12 @@ export type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
 export type FlyoutMotionVisibleEndEventDetail = TransitionEvent;
 export type FlyoutMotionHiddenEndEventDetail = TransitionEvent;
 export type FlyoutBackdrop = Backdrop;
-declare const GRID_DIRECTIONS: readonly [
-    "row",
-    "row-reverse",
-    "column",
-    "column-reverse"
-];
-export type GridDirection = (typeof GRID_DIRECTIONS)[number];
-declare const GRID_WRAPS: readonly [
-    "nowrap",
-    "wrap"
-];
-export type GridWrap = (typeof GRID_WRAPS)[number];
-declare const GRID_GUTTERS: readonly [
-    16,
-    24,
-    36
-];
-export type GridGutter = (typeof GRID_GUTTERS)[number];
-declare const GRID_ITEM_SIZES: readonly [
-    1,
-    2,
-    3,
-    4,
-    5,
-    6,
-    7,
-    8,
-    9,
-    10,
-    11,
-    12
-];
-export type GridItemSize = (typeof GRID_ITEM_SIZES)[number];
-declare const GRID_ITEM_OFFSETS: readonly [
-    0,
-    1,
-    2,
-    3,
-    4,
-    5,
-    6,
-    7,
-    8,
-    9,
-    10,
-    11
-];
-export type GridItemOffset = (typeof GRID_ITEM_OFFSETS)[number];
 declare const HEADING_COLORS: readonly [
     "primary",
     "inherit"
 ];
 export type HeadingColor = (typeof HEADING_COLORS)[number];
 export type HeadingAlign = TypographyAlign;
-declare const HEADLINE_VARIANTS: readonly [
-    "large-title",
-    "headline-1",
-    "headline-2",
-    "headline-3",
-    "headline-4",
-    "headline-5"
-];
-export type HeadlineVariantType = (typeof HEADLINE_VARIANTS)[number];
-export type HeadlineVariantCustom = Exclude<BreakpointCustomizable<TextSize>, TextSize>;
-export type HeadlineVariant = HeadlineVariantType | HeadlineVariantCustom | Extract<TextSize, "inherit">;
-declare const HEADLINE_TAGS: readonly [
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6"
-];
-export type HeadlineTag = (typeof HEADLINE_TAGS)[number];
-declare const HEADLINE_COLORS: readonly [
-    "primary",
-    "default",
-    "inherit"
-];
-export type HeadlineColor = (typeof HEADLINE_COLORS)[number];
-export type HeadlineAlign = TypographyAlign;
 declare const ICON_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
@@ -1234,23 +974,25 @@ export type IconAriaAttribute = (typeof ICON_ARIA_ATTRIBUTES)[number];
 export type IconSize = TextSize;
 declare const ICON_COLORS: readonly [
     "primary",
-    "contrast-low",
-    "contrast-medium",
     "contrast-high",
-    "notification-success",
-    "notification-warning",
-    "notification-error",
-    "notification-info",
-    "inherit",
-    "brand",
-    "default",
-    "neutral-contrast-low",
-    "neutral-contrast-medium",
-    "neutral-contrast-high",
-    "notification-neutral",
-    "state-disabled"
+    "contrast-medium",
+    "contrast-low",
+    "success",
+    "warning",
+    "error",
+    "info",
+    "inherit"
 ];
 export type IconColor = (typeof ICON_COLORS)[number];
+declare const INLINE_NOTIFICATION_STATES: readonly [
+    "info",
+    "success",
+    "warning",
+    "error"
+];
+export type InlineNotificationState = (typeof INLINE_NOTIFICATION_STATES)[number];
+export type InlineNotificationActionIcon = IconName;
+export type InlineNotificationHeadingTag = HeadingTag;
 export type InputDateState = FormState;
 export type InputDateChangeEventDetail = Event;
 export type InputDateBlurEventDetail = Event;
@@ -1259,6 +1001,10 @@ export type InputEmailState = FormState;
 export type InputEmailChangeEventDetail = Event;
 export type InputEmailBlurEventDetail = Event;
 export type InputEmailInputEventDetail = InputEvent;
+export type InputMonthState = FormState;
+export type InputMonthChangeEventDetail = Event;
+export type InputMonthBlurEventDetail = Event;
+export type InputMonthInputEventDetail = InputEvent;
 export type InputNumberState = FormState;
 export type InputNumberChangeEventDetail = Event;
 export type InputNumberBlurEventDetail = Event;
@@ -1287,65 +1033,44 @@ export type InputUrlState = FormState;
 export type InputUrlChangeEventDetail = Event;
 export type InputUrlBlurEventDetail = Event;
 export type InputUrlInputEventDetail = InputEvent;
+export type InputWeekState = FormState;
+export type InputWeekChangeEventDetail = Event;
+export type InputWeekBlurEventDetail = Event;
+export type InputWeekInputEventDetail = InputEvent;
 export type LinkIcon = LinkButtonIconName;
 export type LinkPureIcon = LinkButtonIconName;
 export type LinkPureAriaAttribute = LinkAriaAttribute;
 export type LinkPureAlignLabel = AlignLabel;
-export type LinkPureWeight = TypographyTextWeight;
 export type LinkPureSize = TextSize;
 export type LinkPureTarget = LinkTarget;
-export 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 type LinkSocialTarget = LinkTarget;
 export type LinkTileTarget = LinkTarget;
 export type LinkTileAriaAttribute = LinkAriaAttribute;
 export type LinkTileAspectRatio = TileAspectRatio;
 export type LinkTileSize = TileSize;
-export type LinkTileBackground = TileBackground;
 export type LinkTileAlign = TileAlign;
-declare const LINK_TILE_WEIGHTS: readonly [
-    "regular",
-    "semi-bold",
-    "semibold"
-];
-export type LinkTileWeight = (typeof LINK_TILE_WEIGHTS)[number];
-declare const LINK_TILE_MODEL_SIGNATURE_MODELS: readonly [
-    "718",
-    "911",
-    "boxster",
-    "cayenne",
-    "cayman",
-    "gt3-rs",
-    "gt3",
-    "gts",
-    "macan",
-    "panamera",
-    "taycan",
-    "turbo-s",
-    "turbo"
-];
-export type LinkTileModelSignatureModel = (typeof LINK_TILE_MODEL_SIGNATURE_MODELS)[number];
-declare const LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS: readonly [
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6"
-];
-export type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS)[number];
-export type LinkTileModelSignatureWeight = TileWeight;
-export type LinkTileModelSignatureAspectRatio = TileAspectRatio;
-export type LinkTileModelSignatureLinkDirection = GroupDirection;
+export type LinkTileWeight = (typeof TILE_WEIGHTS)[number];
 export type LinkTileProductTarget = LinkTarget;
-/** @deprecated */
-export type LinkTileProductLikeEvent = {
+export type LinkTileProductLikeEventDetail = {
     liked: boolean;
 };
-export type LinkTileProductLikeEventDetail = LinkTileProductLikeEvent;
 declare const TILE_PRODUCT_ASPECT_RATIOS: readonly [
-    "3:4",
-    "9:16"
+    "3/4",
+    "9/16"
+];
+export type LinkTileProductAspectRatio = (typeof TILE_PRODUCT_ASPECT_RATIOS)[number];
+declare const MODAL_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "role"
 ];
-export type LinkTileProductAspectRatio = Extract<TileAspectRatio, (typeof TILE_PRODUCT_ASPECT_RATIOS)[number]>;
+export type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
+declare const MODAL_BACKGROUNDS: readonly [
+    "canvas",
+    "surface"
+];
+export type ModalBackground = (typeof MODAL_BACKGROUNDS)[number];
+export type ModalBackdrop = Backdrop;
+export type ModalMotionVisibleEndEventDetail = TransitionEvent;
+export type ModalMotionHiddenEndEventDetail = TransitionEvent;
 declare const MODEL_SIGNATURES_MANIFEST: {
     "718": {
         src: string;
@@ -1413,27 +1138,6 @@ declare const MODEL_SIGNATURES_MANIFEST: {
         height: number;
     };
 };
-declare const MARQUE_VARIANTS: readonly [
-    "75-years",
-    "default"
-];
-export type MarqueVariant = (typeof MARQUE_VARIANTS)[number];
-export type MarqueTarget = LinkTarget;
-export type MarqueAriaAttribute = LinkAriaAttribute;
-declare const MARQUE_SIZES: readonly [
-    "responsive",
-    "small",
-    "medium"
-];
-export type MarqueSize = (typeof MARQUE_SIZES)[number];
-declare const MODAL_ARIA_ATTRIBUTES: readonly [
-    "aria-label",
-    "role"
-];
-export type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
-export type ModalBackdrop = Backdrop;
-export type ModalMotionVisibleEndEventDetail = TransitionEvent;
-export type ModalMotionHiddenEndEventDetail = TransitionEvent;
 declare const MODEL_SIGNATURE_FETCH_PRIORITY: readonly [
     "low",
     "high",
@@ -1454,18 +1158,10 @@ declare const MODEL_SIGNATURE_COLORS: readonly [
     "inherit"
 ];
 export type ModelSignatureColor = (typeof MODEL_SIGNATURE_COLORS)[number];
-declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
-    5,
-    7
-];
-/** @deprecated */
-export type PaginationMaxNumberOfPageLinks = (typeof PAGINATION_NUMBER_OF_PAGE_LINKS)[number];
-/** @deprecated */
-export type PaginationUpdateEvent = {
+export type PaginationUpdateEventDetail = {
     page: number;
     previousPage: number;
 };
-export type PaginationUpdateEventDetail = PaginationUpdateEvent;
 export type PaginationInternationalization = Partial<Record<"root" | "prev" | "next" | "page", string>>;
 declare const PIN_CODE_TYPES: readonly [
     "number",
@@ -1481,14 +1177,10 @@ declare const PIN_CODE_LENGTHS: readonly [
     6
 ];
 export type PinCodeLength = (typeof PIN_CODE_LENGTHS)[number];
-/** @deprecated */
-export type PinCodeUpdateEvent = {
+export type PinCodeChangeEventDetail = {
     value: string;
     isComplete: boolean;
 };
-/** @deprecated */
-export type PinCodeUpdateEventDetail = PinCodeUpdateEvent;
-export type PinCodeChangeEventDetail = PinCodeUpdateEventDetail;
 export type PinCodeState = FormState;
 declare const POPOVER_DIRECTIONS: readonly [
     "top",
@@ -1501,41 +1193,35 @@ declare const POPOVER_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type PopoverAriaAttribute = (typeof POPOVER_ARIA_ATTRIBUTES)[number];
-export type RadioButtonWrapperState = FormState;
+declare const GROUP_DIRECTIONS: readonly [
+    "row",
+    "column"
+];
+export type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
 export type RadioGroupState = FormState;
 export type RadioGroupDirection = GroupDirection;
 export type RadioGroupChangeEventDetail = Event;
-declare const SEGMENTED_CONTROL_BACKGROUND_COLORS: readonly [
-    "background-surface",
-    "background-default"
-];
-export type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROUND_COLORS)[number];
-/** @deprecated */
-export type SegmentedControlUpdateEvent = {
+export type SegmentedControlChangeEventDetail = {
     value: string | number;
 };
-/** @deprecated */
-export type SegmentedControlUpdateEventDetail = SegmentedControlUpdateEvent;
-export type SegmentedControlChangeEventDetail = SegmentedControlUpdateEventDetail;
 declare const SEGMENTED_CONTROL_COLUMNS: (string | number)[];
 export type SegmentedControlColumns = (typeof SEGMENTED_CONTROL_COLUMNS)[number];
+export type SegmentedControlState = FormState;
 export type SegmentedControlItemIcon = LinkButtonIconName;
 declare const SEGMENTED_CONTROL_ITEM_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type SegmentedControlItemAriaAttribute = (typeof SEGMENTED_CONTROL_ITEM_ARIA_ATTRIBUTES)[number];
-declare const DROPDOWN_DIRECTIONS: readonly [
-    "down",
-    "up",
-    "auto"
-];
-export type SelectWrapperDropdownDirection = (typeof DROPDOWN_DIRECTIONS)[number];
-export type SelectWrapperState = FormState;
 declare const SHEET_ARIA_ATTRIBUTES: readonly [
     "aria-label",
     "role"
 ];
 export type SheetAriaAttribute = (typeof SHEET_ARIA_ATTRIBUTES)[number];
+declare const SHEET_BACKGROUNDS: readonly [
+    "canvas",
+    "surface"
+];
+export type SheetBackground = (typeof SHEET_BACKGROUNDS)[number];
 export type SheetMotionVisibleEndEventDetail = TransitionEvent;
 export type SheetMotionHiddenEndEventDetail = TransitionEvent;
 declare const SPINNER_SIZES: readonly [
@@ -1554,11 +1240,9 @@ declare const STEPPER_HORIZONTAL_SIZES: readonly [
     "medium"
 ];
 export type StepperHorizontalSize = (typeof STEPPER_HORIZONTAL_SIZES)[number];
-/** @deprecated */
-export type StepperHorizontalUpdateEvent = {
+export type StepperHorizontalUpdateEventDetail = {
     activeStepIndex: number;
 };
-export type StepperHorizontalUpdateEventDetail = StepperHorizontalUpdateEvent;
 declare const STEPPER_ITEM_STATES: readonly [
     "current",
     "complete",
@@ -1566,11 +1250,9 @@ declare const STEPPER_ITEM_STATES: readonly [
 ];
 export type StepperHorizontalItemState = (typeof STEPPER_ITEM_STATES)[number];
 export type SwitchAlignLabel = AlignLabel;
-/** @deprecated */
-export type SwitchUpdateEvent = {
+export type SwitchUpdateEventDetail = {
     checked: boolean;
 };
-export type SwitchUpdateEventDetail = SwitchUpdateEvent;
 export type Direction = "asc" | "desc";
 declare const TABLE_LAYOUTS: readonly [
     "auto",
@@ -1582,9 +1264,20 @@ export type TableHeadCellSort = {
     active?: boolean;
     direction?: Direction;
 };
-/** @deprecated */
-export type TableUpdateEvent = TableHeadCellSort;
-export type TableUpdateEventDetail = TableUpdateEvent;
+export type TableUpdateEventDetail = TableHeadCellSort;
+declare const TABS_SIZES: readonly [
+    "small",
+    "medium"
+];
+export type TabsSize = (typeof TABS_SIZES)[number];
+declare const TABS_WEIGHTS: readonly [
+    "regular",
+    "semi-bold"
+];
+export type TabsWeight = (typeof TABS_WEIGHTS)[number];
+export type TabsUpdateEventDetail = {
+    activeTabIndex: number;
+};
 declare const TABS_BAR_SIZES: readonly [
     "small",
     "medium"
@@ -1592,54 +1285,26 @@ declare const TABS_BAR_SIZES: readonly [
 export type TabsBarSize = (typeof TABS_BAR_SIZES)[number];
 declare const TABS_BAR_WEIGHTS: readonly [
     "regular",
-    "semi-bold",
-    "semibold"
+    "semi-bold"
 ];
 export type TabsBarWeight = (typeof TABS_BAR_WEIGHTS)[number];
-/** @deprecated */
-export type TabsBarUpdateEvent = {
+export type TabsBarUpdateEventDetail = {
     activeTabIndex: number;
 };
-export type TabsBarUpdateEventDetail = TabsBarUpdateEvent;
-/** @deprecated */
-export type TabsBarGradientColorScheme = ScrollerGradientColorScheme;
-export type TabsBarGradientColor = ScrollerGradientColor;
-export type TabsSize = TabsBarSize;
-export type TabsWeight = TabsBarWeight;
-/** @deprecated */
-export type TabsGradientColorScheme = TabsBarGradientColorScheme;
-export type TabsGradientColor = TabsBarGradientColor;
-/** @deprecated */
-export type TabsUpdateEvent = TabsBarUpdateEvent;
-export type TabsUpdateEventDetail = TabsUpdateEvent;
-declare const TAG_DISMISSIBLE_COLORS: readonly [
-    "background-base",
-    "background-surface",
-    "background-default"
-];
-export type TagDismissibleColor = (typeof TAG_DISMISSIBLE_COLORS)[number];
+export type TagIcon = IconName | "none";
+declare const TAG_VARIANTS: readonly [
+    "primary",
+    "secondary",
+    "info",
+    "warning",
+    "success",
+    "error"
+];
+export type TagVariant = (typeof TAG_VARIANTS)[number];
 declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type TagDismissibleAriaAttribute = (typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES)[number];
-export type TagIcon = IconName;
-declare const TAG_COLORS: readonly [
-    "background-base",
-    "background-surface",
-    "background-default",
-    "background-frosted",
-    "primary",
-    "notification-info-soft",
-    "notification-warning-soft",
-    "notification-success-soft",
-    "notification-error-soft",
-    "neutral-contrast-high",
-    "notification-neutral",
-    "notification-warning",
-    "notification-success",
-    "notification-error"
-];
-export type TagColor = (typeof TAG_COLORS)[number];
 declare const TEXT_TAGS: readonly [
     "p",
     "span",
@@ -1655,25 +1320,6 @@ export type TextTag = (typeof TEXT_TAGS)[number];
 export type TextAlign = TypographyAlign;
 export type TextColor = TypographyTextColor;
 export type TextWeight = TypographyTextWeight;
-declare const UNIT_POSITIONS: readonly [
-    "prefix",
-    "suffix"
-];
-export type TextFieldWrapperUnitPosition = (typeof UNIT_POSITIONS)[number];
-export type TextFieldWrapperActionIcon = Extract<IconName, "locate">;
-export type TextFieldWrapperState = FormState;
-declare const LIST_TYPES: readonly [
-    "unordered",
-    "ordered"
-];
-/** @deprecated */
-export type TextListListType = (typeof LIST_TYPES)[number];
-declare const ORDER_TYPES: readonly [
-    "numbered",
-    "alphabetically"
-];
-/** @deprecated */
-export type TextListOrderType = (typeof ORDER_TYPES)[number];
 declare const TEXT_LIST_TYPES: readonly [
     "unordered",
     "numbered",
@@ -1699,11 +1345,11 @@ export type TextareaResize = (typeof TEXTAREA_RESIZE)[number];
 export type TextareaChangeEventDetail = Event;
 export type TextareaBlurEventDetail = Event;
 export type TextareaInputEventDetail = InputEvent;
-export type TextareaWrapperState = FormState;
 declare const TOAST_STATES: readonly [
     "info",
     "success",
-    "neutral"
+    "warning",
+    "error"
 ];
 export type ToastState = (typeof TOAST_STATES)[number];
 export type ToastMessage = {