@porsche-design-system/components-angular 4.6.0 → 4.7.0-rc.0

package/skills/pds-knowledge-angular/references/icons.md

@@ -2,4 +2,4 @@
 
 Valid values for the icon-typed props across PDS components (e.g. `p-icon` `name`, `p-button` `icon`, `p-link` `icon`, `p-inline-notification` `actionIcon`). Pass one as a string, e.g. `icon="arrow-right"`. Each component reference links here instead of repeating the full list. (`p-flag` `name` uses a separate set of flag names, not listed here.)
 
-`360` `4-wheel-drive` `accessibility` `active-cabin-ventilation` `add` `adjust` `aggregation` `ai-3d-object` `ai-code` `ai-edit` `ai-image` `ai-scale` `ai-sound` `ai-spark` `ai-spark-filled` `ai-text` `ai-video` `arrow-compact-down` `arrow-compact-left` `arrow-compact-right` `arrow-compact-up` `arrow-double-down` `arrow-double-left` `arrow-double-right` `arrow-double-up` `arrow-down` `arrow-down-left` `arrow-down-right` `arrow-first` `arrow-head-down` `arrow-head-left` `arrow-head-right` `arrow-head-up` `arrow-last` `arrow-left` `arrow-right` `arrow-up` `arrow-up-left` `arrow-up-right` `arrows` `attachment` `augmented-reality` `battery-empty` `battery-empty-co2` `battery-empty-fuel` `battery-full` `battery-half` `battery-one-quarter` `battery-three-quarters` `bell` `bookmark` `bookmark-filled` `brain` `broadcast` `cabriolet` `calculator` `calendar` `camera` `car` `car-battery` `card` `charging-active` `charging-network` `charging-state` `charging-station` `chart` `chat` `check` `city` `climate` `climate-control` `clock` `close` `closed-caption` `cloud` `co2-class` `co2-emission` `color-picker` `compare` `compass` `configurate` `connect-services` `copy` `country-road` `coupe` `cubic-capacity` `customer-support` `cut` `delete` `disable` `dislike` `dislike-filled` `document` `door` `download` `drag` `duration` `ear` `edit` `email` `error` `error-filled` `exclamation` `exclamation-filled` `external` `fast-backward` `fast-forward` `file-csv` `file-excel` `filter` `fingerprint` `flag` `flash` `fuel-station` `garage` `genuine-parts` `geo-localization` `gift` `globe` `grid` `grip` `group` `hand` `heart` `heart-filled` `highway` `highway-filled` `history` `home` `horn` `image` `increase` `information` `information-filled` `key` `laptop` `leaf` `leather` `light` `like` `like-filled` `limousine` `linked` `list` `locate` `lock` `lock-open` `logo-apple-carplay` `logo-apple-music` `logo-apple-podcast` `logo-baidu` `logo-delicious` `logo-digg` `logo-facebook` `logo-foursquare` `logo-gmail` `logo-google` `logo-hatena` `logo-instagram` `logo-kaixin` `logo-kakaotalk` `logo-kununu` `logo-linkedin` `logo-naver` `logo-pinterest` `logo-qq` `logo-qq-share` `logo-reddit` `logo-skyrock` `logo-snapchat` `logo-sohu` `logo-spotify` `logo-tecent` `logo-telegram` `logo-tiktok` `logo-tumblr` `logo-twitter` `logo-viber` `logo-vk` `logo-wechat` `logo-weibo` `logo-whatsapp` `logo-x` `logo-xing` `logo-yahoo` `logo-youku` `logo-youtube` `logout` `map` `menu-dots-horizontal` `menu-dots-vertical` `menu-lines` `microphone` `minus` `mobile` `moon` `new-chat` `news` `north-arrow` `oil-can` `online-search` `parking-brake` `parking-light` `paste` `pause` `phone` `pin` `pin-filled` `pivot` `play` `play-filled` `plug` `plus` `preheating` `price-tag` `printer` `purchase` `push-pin` `push-pin-off` `qr` `qr-off` `question` `question-filled` `racing-flag` `radar` `radio` `refresh` `replay` `reset` `return` `road` `roof-closed` `roof-open` `route` `rss` `save` `screen` `search` `seat` `send` `service-technician` `share` `shopping-bag` `shopping-bag-filled` `shopping-cart` `shopping-cart-filled` `shopping-cart-off` `sidebar` `sidelights` `skip-backward` `skip-forward` `snowflake` `sort` `stack` `star` `star-filled` `steering-wheel` `stop` `stopwatch` `subtract` `success` `success-filled` `sun` `suv` `switch` `tablet` `tachometer` `theme` `tire` `trigger-finger` `truck` `turismo` `unlinked` `upload` `user` `user-filled` `user-group` `user-manual` `video` `view` `view-off` `volume-off` `volume-up` `warning` `warning-filled` `weather` `weight` `wifi` `work` `wrench` `wrenches` `zoom-in` `zoom-out`
+`360` `4-wheel-drive` `accessibility` `active-cabin-ventilation` `add` `adjust` `aggregation` `ai-3d-object` `ai-chat` `ai-code` `ai-edit` `ai-image` `ai-scale` `ai-sound` `ai-spark` `ai-spark-filled` `ai-text` `ai-video` `arrow-compact-down` `arrow-compact-left` `arrow-compact-right` `arrow-compact-up` `arrow-double-down` `arrow-double-left` `arrow-double-right` `arrow-double-up` `arrow-down` `arrow-down-left` `arrow-down-right` `arrow-first` `arrow-head-down` `arrow-head-left` `arrow-head-right` `arrow-head-up` `arrow-last` `arrow-left` `arrow-right` `arrow-up` `arrow-up-left` `arrow-up-right` `arrows` `attachment` `augmented-reality` `battery-empty` `battery-empty-co2` `battery-empty-fuel` `battery-full` `battery-half` `battery-one-quarter` `battery-three-quarters` `bell` `bookmark` `bookmark-filled` `brain` `broadcast` `cabriolet` `calculator` `calendar` `camera` `car` `car-battery` `card` `charging-active` `charging-network` `charging-state` `charging-station` `chart` `chat` `check` `city` `climate` `climate-control` `clock` `close` `closed-caption` `cloud` `co2-class` `co2-emission` `color-picker` `compare` `compass` `configurate` `connect-services` `copy` `country-road` `coupe` `cubic-capacity` `customer-support` `cut` `delete` `disable` `dislike` `dislike-filled` `document` `door` `download` `drag` `duration` `ear` `edit` `email` `error` `error-filled` `exclamation` `exclamation-filled` `external` `fast-backward` `fast-forward` `file-csv` `file-excel` `filter` `fingerprint` `flag` `flash` `fuel-station` `garage` `genuine-parts` `geo-localization` `gift` `globe` `grid` `grip` `group` `hand` `heart` `heart-filled` `highway` `highway-filled` `history` `home` `horn` `image` `increase` `information` `information-filled` `key` `laptop` `leaf` `leather` `light` `like` `like-filled` `limousine` `linked` `list` `locate` `lock` `lock-open` `logo-apple-carplay` `logo-apple-music` `logo-apple-podcast` `logo-baidu` `logo-delicious` `logo-digg` `logo-facebook` `logo-foursquare` `logo-gmail` `logo-google` `logo-hatena` `logo-instagram` `logo-kaixin` `logo-kakaotalk` `logo-kununu` `logo-linkedin` `logo-naver` `logo-pinterest` `logo-qq` `logo-qq-share` `logo-reddit` `logo-skyrock` `logo-snapchat` `logo-sohu` `logo-spotify` `logo-tecent` `logo-telegram` `logo-tiktok` `logo-tumblr` `logo-twitter` `logo-viber` `logo-vk` `logo-wechat` `logo-weibo` `logo-whatsapp` `logo-x` `logo-xing` `logo-yahoo` `logo-youku` `logo-youtube` `logout` `map` `menu-dots-horizontal` `menu-dots-vertical` `menu-lines` `microphone` `minus` `mobile` `moon` `new-chat` `news` `north-arrow` `oil-can` `online-search` `parking-brake` `parking-light` `paste` `pause` `phone` `pin` `pin-filled` `pivot` `play` `play-filled` `plug` `plus` `preheating` `price-tag` `printer` `purchase` `push-pin` `push-pin-off` `qr` `qr-off` `question` `question-filled` `racing-flag` `radar` `radio` `refresh` `replay` `reset` `return` `road` `roof-closed` `roof-open` `route` `rss` `save` `screen` `search` `seat` `send` `service-technician` `share` `shopping-bag` `shopping-bag-filled` `shopping-cart` `shopping-cart-filled` `shopping-cart-off` `sidebar` `sidelights` `skip-backward` `skip-forward` `snowflake` `sort` `stack` `star` `star-filled` `steering-wheel` `stop` `stopwatch` `subtract` `success` `success-filled` `sun` `suv` `switch` `tablet` `tachometer` `theme` `tire` `trigger-finger` `truck` `turismo` `unlinked` `upload` `user` `user-filled` `user-group` `user-manual` `video` `view` `view-off` `volume-off` `volume-up` `warning` `warning-filled` `weather` `weight` `wifi` `work` `wrench` `wrenches` `zoom-in` `zoom-out`

package/skills/pds-knowledge-angular/references/styles/scss.md

@@ -93,8 +93,9 @@ reference below to discover what is available; read the shipped partials for the
 ### Deprecated aliases
 
 The package still ships the legacy `$pds-*` variables and `pds-*` mixins as deprecated aliases so
-existing stylesheets keep compiling. Prefer the documented variables and mixins listed here for new
-code.
+existing stylesheets keep compiling. Each is preceded by a `// @deprecated …` comment in the
+shipped partials naming its replacement, and the complete list is in the knowledge skill's
+`references/deprecations.md`. Prefer the documented variables and mixins listed here for new code.
 
 ## Contents
 

package/skills/pds-knowledge-angular/references/styles/tailwindcss.md

@@ -85,8 +85,6 @@ valid when sections need independent grids.
 | Theme variable | Tailwind class(es) | Description | Value |
 | --- | --- | --- | --- |
 | `--default-border-width` | – | Default border width applied globally via the Tailwind `@theme` block. | `1px` |
-| `--border-width-regular` | – | Alias for the regular (2 px) border width. **Deprecated** — prefer `--default-border-width`. | `2px` |
-| `--border-width-thin` | – | Alias for the thin (1 px) border width. **Deprecated** — prefer `--default-border-width`. | `1px` |
 
 ### Blur
 

package/tailwindcss/index.css

@@ -193,38 +193,38 @@
   --radius-4xl: 32px;
   --radius-full: calc(infinity * 1px);
   --default-border-width: 1px;
-  /* alias (deprecated) */
+  /* @deprecated Use --default-border-width instead. This API will be removed with the next major release. The default border width is now 1px. */
   --border-width-regular: 2px;
-  /* alias (deprecated) */
+  /* @deprecated Use --default-border-width instead. This API will be removed with the next major release. */
   --border-width-thin: 1px;
   --blur-frosted: 32px;
   --shadow-sm: 0px 3px 8px rgba(0, 0, 0, 0.16);
   --shadow-md: 0px 4px 16px rgba(0, 0, 0, 0.16);
   --shadow-lg: 0px 8px 40px rgba(0, 0, 0, 0.16);
+  /* @deprecated Use --shadow-sm instead. This API will be removed with the next major release. */
+  --shadow-low: --theme(--shadow-sm);
+  /* @deprecated Use --shadow-md instead. This API will be removed with the next major release. */
+  --shadow-medium: --theme(--shadow-md);
+  /* @deprecated Use --shadow-lg instead. This API will be removed with the next major release. */
+  --shadow-high: --theme(--shadow-lg);
   --default-outline-width: 2px;
   --transition-duration-sm: 0.25s;
   --transition-duration-md: 0.4s;
   --transition-duration-lg: 0.6s;
   --transition-duration-xl: 1.2s;
+  /* @deprecated Use --transition-duration-sm instead. This API will be removed with the next major release. */
+  --transition-duration-short: --theme(--transition-duration-sm);
+  /* @deprecated Use --transition-duration-md instead. This API will be removed with the next major release. */
+  --transition-duration-moderate: --theme(--transition-duration-md);
+  /* @deprecated Use --transition-duration-lg instead. This API will be removed with the next major release. */
+  --transition-duration-long: --theme(--transition-duration-lg);
+  /* @deprecated Use --transition-duration-xl instead. This API will be removed with the next major release. */
+  --transition-duration-very-long: --theme(--transition-duration-xl);
   --ease-in-out: cubic-bezier(0.25, 0.1, 0.25, 1);
   --ease-in: cubic-bezier(0, 0, 0.2, 1);
   --ease-out: cubic-bezier(0.4, 0, 0.5, 1);
   --default-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
   --default-transition-duration: 0.25s;
-  /* alias (deprecated) */
-  --shadow-low: --theme(--shadow-sm);
-  /* alias (deprecated) */
-  --shadow-medium: --theme(--shadow-md);
-  /* alias (deprecated) */
-  --shadow-high: --theme(--shadow-lg);
-  /* alias (deprecated) */
-  --transition-duration-short: --theme(--transition-duration-sm);
-  /* alias (deprecated) */
-  --transition-duration-moderate: --theme(--transition-duration-md);
-  /* alias (deprecated) */
-  --transition-duration-long: --theme(--transition-duration-lg);
-  /* alias (deprecated) */
-  --transition-duration-very-long: --theme(--transition-duration-xl);
   --animate-skeleton: skeleton --theme(--transition-duration-xl)
     --theme(--ease-in-out) infinite;
   @keyframes skeleton {

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

@@ -271,6 +271,7 @@ declare const ICON_NAMES: readonly [
     "adjust",
     "aggregation",
     "ai-3d-object",
+    "ai-chat",
     "ai-code",
     "ai-edit",
     "ai-image",
@@ -786,14 +787,7 @@ declare const BUTTON_TYPES: readonly [
     "reset"
 ];
 type ButtonType = (typeof BUTTON_TYPES)[number];
-declare const LINK_BUTTON_VARIANTS: readonly [
-    "primary",
-    "secondary"
-];
-type LinkButtonVariant = (typeof LINK_BUTTON_VARIANTS)[number];
 type LinkButtonIconName = IconName | "none";
-type ButtonVariant = LinkButtonVariant;
-type LinkVariant = LinkButtonVariant;
 type PorscheDesignSystem = {
     [key: `${number}.${number}.${number}${`-rc.${number}` | ""}`]: {
         prefixes: string[];
@@ -1018,6 +1012,12 @@ declare const BANNER_HEADING_TAGS: readonly [
 ];
 type BannerHeadingTag = (typeof BANNER_HEADING_TAGS)[number];
 type ButtonIcon = LinkButtonIconName;
+declare const BUTTON_VARIANTS: readonly [
+    "primary",
+    "secondary",
+    "destructive"
+];
+type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
 type ButtonPureType = ButtonType;
 type ButtonPureIcon = LinkButtonIconName;
 type ButtonPureAriaAttribute = ButtonAriaAttribute;
@@ -1381,6 +1381,11 @@ type InputWeekChangeEventDetail = Event;
 type InputWeekBlurEventDetail = Event;
 type InputWeekInputEventDetail = InputEvent;
 type LinkIcon = LinkButtonIconName;
+declare const LINK_VARIANTS: readonly [
+    "primary",
+    "secondary"
+];
+type LinkVariant = (typeof LINK_VARIANTS)[number];
 type LinkPureIcon = LinkButtonIconName;
 type LinkPureAriaAttribute = LinkAriaAttribute;
 type LinkPureAlignLabel = AlignLabel;
@@ -4122,7 +4127,7 @@ type PButtonProps = {
      */
     value?: string;
     /**
-     * Sets the visual style variant of the button (`primary` or `secondary`).
+     * Sets the visual style variant of the button (`primary`, `secondary` or `destructive`). Use `destructive` for actions with irreversible consequences, e.g. deleting data.
      * @default 'primary'
      */
     variant?: ButtonVariant;
@@ -6017,4 +6022,4 @@ declare class ToastManager {
 }
 
 export { DECLARATIONS, PAccordion, PAiTag, 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 { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AiTagLocale, AiTagVariant, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, 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, DialogDismissEventDetail, DialogDismissReason, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownDismissEventDetail, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutDismissEventDetail, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, 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, InputSearchAriaAttribute, 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, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarketLocale, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalDismissEventDetail, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PAiTagProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PopoverDismissEventDetail, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetDismissEventDetail, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsAriaAttribute, TabsBackground, TabsBarAriaAttribute, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToPosixLocale, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AiTagLocale, AiTagVariant, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, 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, DialogDismissEventDetail, DialogDismissReason, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownDismissEventDetail, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutDismissEventDetail, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, 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, InputSearchAriaAttribute, 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, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarketLocale, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalDismissEventDetail, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PAiTagProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PopoverDismissEventDetail, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetDismissEventDetail, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsAriaAttribute, TabsBackground, TabsBarAriaAttribute, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToPosixLocale, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };

package/vanilla-extract/cjs/blur/deprecated/frostedGlassStyle.cjs

@@ -2,7 +2,7 @@
 
 var blurFrosted = require('../../tokens/dist/esm/blur/blurFrosted.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use backdropFilter: blurFrosted instead  */
+/** @deprecated This API will be removed with the next major release. Use backdropFilter: blurFrosted instead. */
 const frostedGlassStyle = {
     WebkitBackdropFilter: blurFrosted.blurFrosted,
     backdropFilter: blurFrosted.blurFrosted,

package/vanilla-extract/cjs/border/deprecated/border.cjs

@@ -3,7 +3,7 @@
 var borderRadius = require('./borderRadius.cjs');
 var borderWidth = require('./borderWidth.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+/** @deprecated This API will be removed with the next major release. Use variables directly instead. */
 const border = {
     radius: borderRadius.borderRadius,
     width: borderWidth.borderWidth,

package/vanilla-extract/cjs/border/deprecated/borderRadius.cjs

@@ -4,7 +4,7 @@ var borderRadiusSmall = require('./borderRadiusSmall.cjs');
 var borderRadiusMedium = require('./borderRadiusMedium.cjs');
 var borderRadiusLarge = require('./borderRadiusLarge.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+/** @deprecated This API will be removed with the next major release. Use variables directly instead. */
 const borderRadius = {
     small: borderRadiusSmall.borderRadiusSmall,
     medium: borderRadiusMedium.borderRadiusMedium,

package/vanilla-extract/cjs/border/deprecated/borderRadiusLarge.cjs

@@ -2,7 +2,7 @@
 
 var radiusLg = require('../../tokens/dist/esm/border/radius/radiusLg.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use radiusLg instead. */
+/** @deprecated Use {@link radiusLg} instead. This API will be removed with the next major release. */
 const borderRadiusLarge = radiusLg.radiusLg;
 
 exports.borderRadiusLarge = borderRadiusLarge;

package/vanilla-extract/cjs/border/deprecated/borderRadiusMedium.cjs

@@ -2,7 +2,7 @@
 
 var radiusMd = require('../../tokens/dist/esm/border/radius/radiusMd.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use radiusMd instead. */
+/** @deprecated Use {@link radiusMd} instead. This API will be removed with the next major release. */
 const borderRadiusMedium = radiusMd.radiusMd;
 
 exports.borderRadiusMedium = borderRadiusMedium;

package/vanilla-extract/cjs/border/deprecated/borderRadiusSmall.cjs

@@ -2,7 +2,7 @@
 
 var radiusSm = require('../../tokens/dist/esm/border/radius/radiusSm.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use radiusSm instead. */
+/** @deprecated Use {@link radiusSm} instead. This API will be removed with the next major release. */
 const borderRadiusSmall = radiusSm.radiusSm;
 
 exports.borderRadiusSmall = borderRadiusSmall;

package/vanilla-extract/cjs/border/deprecated/borderWidth.cjs

@@ -3,7 +3,7 @@
 var borderWidthBase = require('./borderWidthBase.cjs');
 var borderWidthThin = require('./borderWidthThin.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+/** @deprecated This API will be removed with the next major release. Use variables directly instead. */
 const borderWidth = {
     base: borderWidthBase.borderWidthBase,
     thin: borderWidthThin.borderWidthThin,

package/vanilla-extract/cjs/border/deprecated/borderWidthBase.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use 2px instead. */
+/** @deprecated This API will be removed with the next major release. Use 2px instead. */
 const borderWidthBase = '2px';
 
 exports.borderWidthBase = borderWidthBase;

package/vanilla-extract/cjs/border/deprecated/borderWidthThin.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use 1px instead. */
+/** @deprecated This API will be removed with the next major release. Use 1px instead. */
 const borderWidthThin = '1px';
 
 exports.borderWidthThin = borderWidthThin;

package/vanilla-extract/cjs/color/deprecated/theme.cjs

@@ -3,7 +3,7 @@
 var themeDark = require('./themeDark.cjs');
 var themeLight = require('./themeLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use individual variables instead. */
+/** @deprecated This API will be removed with the next major release. Use individual variables instead. */
 const theme = {
     light: themeLight.themeLight,
     dark: themeDark.themeDark,

package/vanilla-extract/cjs/color/deprecated/themeDark.cjs

@@ -21,7 +21,7 @@ var themeDarkStateDisabled = require('./themeDarkStateDisabled.cjs');
 var themeDarkStateFocus = require('./themeDarkStateFocus.cjs');
 var themeDarkStateHover = require('./themeDarkStateHover.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use individual variables instead. */
+/** @deprecated This API will be removed with the next major release. Use individual variables instead. */
 const themeDark = {
     primary: themeDarkPrimary.themeDarkPrimary,
     background: {

package/vanilla-extract/cjs/color/deprecated/themeDarkBackgroundBase.cjs

@@ -2,7 +2,7 @@
 
 var colorCanvasDark = require('../../tokens/dist/esm/color/dark/background/colorCanvasDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorCanvasDark instead. */
+/** @deprecated Use {@link colorCanvas} instead. This API will be removed with the next major release. */
 const themeDarkBackgroundBase = colorCanvasDark.colorCanvasDark;
 
 exports.themeDarkBackgroundBase = themeDarkBackgroundBase;

package/vanilla-extract/cjs/color/deprecated/themeDarkBackgroundFrosted.cjs

@@ -2,7 +2,7 @@
 
 var colorFrostedDark = require('../../tokens/dist/esm/color/dark/background/colorFrostedDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorFrostedDark instead. */
+/** @deprecated Use {@link colorFrosted} instead. This API will be removed with the next major release. */
 const themeDarkBackgroundFrosted = colorFrostedDark.colorFrostedDark;
 
 exports.themeDarkBackgroundFrosted = themeDarkBackgroundFrosted;

package/vanilla-extract/cjs/color/deprecated/themeDarkBackgroundShading.cjs

@@ -2,7 +2,7 @@
 
 var colorBackdropDark = require('../../tokens/dist/esm/color/dark/background/colorBackdropDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorBackdropDark instead. */
+/** @deprecated Use {@link colorBackdrop} instead. This API will be removed with the next major release. */
 const themeDarkBackgroundShading = colorBackdropDark.colorBackdropDark;
 
 exports.themeDarkBackgroundShading = themeDarkBackgroundShading;

package/vanilla-extract/cjs/color/deprecated/themeDarkBackgroundSurface.cjs

@@ -2,7 +2,7 @@
 
 var colorSurfaceDark = require('../../tokens/dist/esm/color/dark/background/colorSurfaceDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorSurfaceDark instead. */
+/** @deprecated Use {@link colorSurface} instead. This API will be removed with the next major release. */
 const themeDarkBackgroundSurface = colorSurfaceDark.colorSurfaceDark;
 
 exports.themeDarkBackgroundSurface = themeDarkBackgroundSurface;

package/vanilla-extract/cjs/color/deprecated/themeDarkContrastHigh.cjs

@@ -2,7 +2,7 @@
 
 var colorContrastHighDark = require('../../tokens/dist/esm/color/dark/foreground/colorContrastHighDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorContrastHighDark instead. */
+/** @deprecated Use {@link colorContrastHigh} instead. This API will be removed with the next major release. */
 const themeDarkContrastHigh = colorContrastHighDark.colorContrastHighDark;
 
 exports.themeDarkContrastHigh = themeDarkContrastHigh;

package/vanilla-extract/cjs/color/deprecated/themeDarkContrastLow.cjs

@@ -2,7 +2,7 @@
 
 var colorContrastLowDark = require('../../tokens/dist/esm/color/dark/foreground/colorContrastLowDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorContrastLowDark instead. */
+/** @deprecated Use {@link colorContrastLow} instead. This API will be removed with the next major release. */
 const themeDarkContrastLow = colorContrastLowDark.colorContrastLowDark;
 
 exports.themeDarkContrastLow = themeDarkContrastLow;

package/vanilla-extract/cjs/color/deprecated/themeDarkContrastMedium.cjs

@@ -2,7 +2,7 @@
 
 var colorContrastMediumDark = require('../../tokens/dist/esm/color/dark/foreground/colorContrastMediumDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorContrastMediumDark instead. */
+/** @deprecated Use {@link colorContrastMedium} instead. This API will be removed with the next major release. */
 const themeDarkContrastMedium = colorContrastMediumDark.colorContrastMediumDark;
 
 exports.themeDarkContrastMedium = themeDarkContrastMedium;

package/vanilla-extract/cjs/color/deprecated/themeDarkNotificationError.cjs

@@ -2,7 +2,7 @@
 
 var colorErrorDark = require('../../tokens/dist/esm/color/dark/semantic/colorErrorDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorErrorDark instead. */
+/** @deprecated Use {@link colorError} instead. This API will be removed with the next major release. */
 const themeDarkNotificationError = colorErrorDark.colorErrorDark;
 
 exports.themeDarkNotificationError = themeDarkNotificationError;

package/vanilla-extract/cjs/color/deprecated/themeDarkNotificationErrorSoft.cjs

@@ -2,7 +2,7 @@
 
 var colorErrorFrostedDark = require('../../tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorErrorFrostedDark instead. */
+/** @deprecated Use {@link colorErrorFrosted} instead. This API will be removed with the next major release. */
 const themeDarkNotificationErrorSoft = colorErrorFrostedDark.colorErrorFrostedDark;
 
 exports.themeDarkNotificationErrorSoft = themeDarkNotificationErrorSoft;

package/vanilla-extract/cjs/color/deprecated/themeDarkNotificationInfo.cjs

@@ -2,7 +2,7 @@
 
 var colorInfoDark = require('../../tokens/dist/esm/color/dark/semantic/colorInfoDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorInfoDark instead. */
+/** @deprecated Use {@link colorInfo} instead. This API will be removed with the next major release. */
 const themeDarkNotificationInfo = colorInfoDark.colorInfoDark;
 
 exports.themeDarkNotificationInfo = themeDarkNotificationInfo;

package/vanilla-extract/cjs/color/deprecated/themeDarkNotificationInfoSoft.cjs

@@ -2,7 +2,7 @@
 
 var colorInfoFrostedDark = require('../../tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorInfoFrostedDark instead. */
+/** @deprecated Use {@link colorInfoFrosted} instead. This API will be removed with the next major release. */
 const themeDarkNotificationInfoSoft = colorInfoFrostedDark.colorInfoFrostedDark;
 
 exports.themeDarkNotificationInfoSoft = themeDarkNotificationInfoSoft;

package/vanilla-extract/cjs/color/deprecated/themeDarkNotificationSuccess.cjs

@@ -2,7 +2,7 @@
 
 var colorSuccessDark = require('../../tokens/dist/esm/color/dark/semantic/colorSuccessDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorSuccessDark instead. */
+/** @deprecated Use {@link colorSuccess} instead. This API will be removed with the next major release. */
 const themeDarkNotificationSuccess = colorSuccessDark.colorSuccessDark;
 
 exports.themeDarkNotificationSuccess = themeDarkNotificationSuccess;

package/vanilla-extract/cjs/color/deprecated/themeDarkNotificationSuccessSoft.cjs

@@ -2,7 +2,7 @@
 
 var colorSuccessFrostedDark = require('../../tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorSuccessFrostedDark instead. */
+/** @deprecated Use {@link colorSuccessFrosted} instead. This API will be removed with the next major release. */
 const themeDarkNotificationSuccessSoft = colorSuccessFrostedDark.colorSuccessFrostedDark;
 
 exports.themeDarkNotificationSuccessSoft = themeDarkNotificationSuccessSoft;

package/vanilla-extract/cjs/color/deprecated/themeDarkNotificationWarning.cjs

@@ -2,7 +2,7 @@
 
 var colorWarningDark = require('../../tokens/dist/esm/color/dark/semantic/colorWarningDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorWarningDark instead. */
+/** @deprecated Use {@link colorWarning} instead. This API will be removed with the next major release. */
 const themeDarkNotificationWarning = colorWarningDark.colorWarningDark;
 
 exports.themeDarkNotificationWarning = themeDarkNotificationWarning;

package/vanilla-extract/cjs/color/deprecated/themeDarkNotificationWarningSoft.cjs

@@ -2,7 +2,7 @@
 
 var colorWarningFrostedDark = require('../../tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorWarningFrostedDark instead. */
+/** @deprecated Use {@link colorWarningFrosted} instead. This API will be removed with the next major release. */
 const themeDarkNotificationWarningSoft = colorWarningFrostedDark.colorWarningFrostedDark;
 
 exports.themeDarkNotificationWarningSoft = themeDarkNotificationWarningSoft;

package/vanilla-extract/cjs/color/deprecated/themeDarkPrimary.cjs

@@ -2,7 +2,7 @@
 
 var colorPrimaryDark = require('../../tokens/dist/esm/color/dark/foreground/colorPrimaryDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorPrimaryDark instead. */
+/** @deprecated Use {@link colorPrimary} instead. This API will be removed with the next major release. */
 const themeDarkPrimary = colorPrimaryDark.colorPrimaryDark;
 
 exports.themeDarkPrimary = themeDarkPrimary;

package/vanilla-extract/cjs/color/deprecated/themeDarkStateActive.cjs

@@ -2,7 +2,7 @@
 
 var colorFrostedDark = require('../../tokens/dist/esm/color/dark/background/colorFrostedDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorFrostedDark instead. */
+/** @deprecated Use {@link colorFrosted} instead. This API will be removed with the next major release. */
 const themeDarkStateActive = colorFrostedDark.colorFrostedDark;
 
 exports.themeDarkStateActive = themeDarkStateActive;

package/vanilla-extract/cjs/color/deprecated/themeDarkStateDisabled.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-/** @deprecated since v4.0.0, will be removed with next major release. */
+/** @deprecated This API will be removed with the next major release. */
 const themeDarkStateDisabled = 'hsla(240,1.5%,61.8%,0.302)';
 
 exports.themeDarkStateDisabled = themeDarkStateDisabled;

package/vanilla-extract/cjs/color/deprecated/themeDarkStateFocus.cjs

@@ -2,7 +2,7 @@
 
 var colorFocusDark = require('../../tokens/dist/esm/color/dark/a11y/colorFocusDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorFocusDark instead. */
+/** @deprecated Use {@link colorFocus} instead. This API will be removed with the next major release. */
 const themeDarkStateFocus = colorFocusDark.colorFocusDark; // it's important that focus color is the same for light and dark theme
 
 exports.themeDarkStateFocus = themeDarkStateFocus;

package/vanilla-extract/cjs/color/deprecated/themeDarkStateHover.cjs

@@ -2,7 +2,7 @@
 
 var colorFrostedDark = require('../../tokens/dist/esm/color/dark/background/colorFrostedDark.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorFrostedDark instead. */
+/** @deprecated Use {@link colorFrosted} instead. This API will be removed with the next major release. */
 const themeDarkStateHover = colorFrostedDark.colorFrostedDark; // it's important that hover color is the same for light and dark theme
 
 exports.themeDarkStateHover = themeDarkStateHover;

package/vanilla-extract/cjs/color/deprecated/themeLight.cjs

@@ -21,7 +21,7 @@ var themeLightStateDisabled = require('./themeLightStateDisabled.cjs');
 var themeLightStateFocus = require('./themeLightStateFocus.cjs');
 var themeLightStateHover = require('./themeLightStateHover.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use individual variables instead. */
+/** @deprecated This API will be removed with the next major release. Use individual variables instead. */
 const themeLight = {
     primary: themeLightPrimary.themeLightPrimary,
     background: {

package/vanilla-extract/cjs/color/deprecated/themeLightBackgroundBase.cjs

@@ -2,7 +2,7 @@
 
 var colorCanvasLight = require('../../tokens/dist/esm/color/light/background/colorCanvasLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorCanvasLight instead. */
+/** @deprecated Use {@link colorCanvas} instead. This API will be removed with the next major release. */
 const themeLightBackgroundBase = colorCanvasLight.colorCanvasLight;
 
 exports.themeLightBackgroundBase = themeLightBackgroundBase;

package/vanilla-extract/cjs/color/deprecated/themeLightBackgroundFrosted.cjs

@@ -2,7 +2,7 @@
 
 var colorFrostedLight = require('../../tokens/dist/esm/color/light/background/colorFrostedLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorFrostedLight instead. */
+/** @deprecated Use {@link colorFrosted} instead. This API will be removed with the next major release. */
 const themeLightBackgroundFrosted = colorFrostedLight.colorFrostedLight;
 
 exports.themeLightBackgroundFrosted = themeLightBackgroundFrosted;

package/vanilla-extract/cjs/color/deprecated/themeLightBackgroundShading.cjs

@@ -2,7 +2,7 @@
 
 var colorBackdropLight = require('../../tokens/dist/esm/color/light/background/colorBackdropLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorBackdropLight instead. */
+/** @deprecated Use {@link colorBackdrop} instead. This API will be removed with the next major release. */
 const themeLightBackgroundShading = colorBackdropLight.colorBackdropLight;
 
 exports.themeLightBackgroundShading = themeLightBackgroundShading;

package/vanilla-extract/cjs/color/deprecated/themeLightBackgroundSurface.cjs

@@ -2,7 +2,7 @@
 
 var colorSurfaceLight = require('../../tokens/dist/esm/color/light/background/colorSurfaceLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorSurfaceLight instead. */
+/** @deprecated Use {@link colorSurface} instead. This API will be removed with the next major release. */
 const themeLightBackgroundSurface = colorSurfaceLight.colorSurfaceLight;
 
 exports.themeLightBackgroundSurface = themeLightBackgroundSurface;

package/vanilla-extract/cjs/color/deprecated/themeLightContrastHigh.cjs

@@ -2,7 +2,7 @@
 
 var colorContrastHighLight = require('../../tokens/dist/esm/color/light/foreground/colorContrastHighLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorContrastHighLight instead. */
+/** @deprecated Use {@link colorContrastHigh} instead. This API will be removed with the next major release. */
 const themeLightContrastHigh = colorContrastHighLight.colorContrastHighLight;
 
 exports.themeLightContrastHigh = themeLightContrastHigh;

package/vanilla-extract/cjs/color/deprecated/themeLightContrastLow.cjs

@@ -2,7 +2,7 @@
 
 var colorContrastLowLight = require('../../tokens/dist/esm/color/light/foreground/colorContrastLowLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorContrastLowLight instead. */
+/** @deprecated Use {@link colorContrastLow} instead. This API will be removed with the next major release. */
 const themeLightContrastLow = colorContrastLowLight.colorContrastLowLight;
 
 exports.themeLightContrastLow = themeLightContrastLow;

package/vanilla-extract/cjs/color/deprecated/themeLightContrastMedium.cjs

@@ -2,7 +2,7 @@
 
 var colorContrastMediumLight = require('../../tokens/dist/esm/color/light/foreground/colorContrastMediumLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorContrastMediumLight instead. */
+/** @deprecated Use {@link colorContrastMedium} instead. This API will be removed with the next major release. */
 const themeLightContrastMedium = colorContrastMediumLight.colorContrastMediumLight;
 
 exports.themeLightContrastMedium = themeLightContrastMedium;

package/vanilla-extract/cjs/color/deprecated/themeLightNotificationError.cjs

@@ -2,7 +2,7 @@
 
 var colorErrorLight = require('../../tokens/dist/esm/color/light/semantic/colorErrorLight.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use colorErrorLight instead. */
+/** @deprecated Use {@link colorError} instead. This API will be removed with the next major release. */
 const themeLightNotificationError = colorErrorLight.colorErrorLight;
 
 exports.themeLightNotificationError = themeLightNotificationError;