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

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/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;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/vanilla-extract/cjs/color/deprecated/themeLightStateActive.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 themeLightStateActive = colorFrostedLight.colorFrostedLight;
 
 exports.themeLightStateActive = themeLightStateActive;

package/vanilla-extract/cjs/color/deprecated/themeLightStateDisabled.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 themeLightStateDisabled = 'hsla(233,6.6%,23.9%,0.412)';
 
 exports.themeLightStateDisabled = themeLightStateDisabled;

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

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