@porsche-design-system/components-angular 4.2.0-rc.1 → 4.2.0-rc.3

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **error** color (light), typically used for text. */
 const colorErrorLight = palette.palette.light.red['950'];
 
 exports.colorErrorLight = colorErrorLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorLowLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **error-low** color (light), typically used for text or border. */
 const colorErrorLowLight = palette.palette.light.red['100a'];
 
 exports.colorErrorLowLight = colorErrorLowLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorMediumLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **error-medium** color (light), typically used for text or border. */
 const colorErrorMediumLight = palette.palette.light.red['600a'];
 
 exports.colorErrorMediumLight = colorErrorMediumLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **info-frosted** color (light), typically used as background in combination with a blur effect. */
 const colorInfoFrostedLight = 'hsl(211 100% 90% / 0.55)';
 
 exports.colorInfoFrostedLight = colorInfoFrostedLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **info-frosted-soft** color (light), typically used as background `:hover`. */
 const colorInfoFrostedSoftLight = 'hsl(211 80% 95% / 0.55)';
 
 exports.colorInfoFrostedSoftLight = colorInfoFrostedSoftLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **info** color (light), typically used for text. */
 const colorInfoLight = palette.palette.light.blue['950'];
 
 exports.colorInfoLight = colorInfoLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoLowLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **info-low** color (light), typically used for text or border. */
 const colorInfoLowLight = palette.palette.light.blue['100a'];
 
 exports.colorInfoLowLight = colorInfoLowLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoMediumLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **info-medium** color (light), typically used for text or border. */
 const colorInfoMediumLight = palette.palette.light.blue['600a'];
 
 exports.colorInfoMediumLight = colorInfoMediumLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **success-frosted** color (light), typically used as background in combination with a blur effect. */
 const colorSuccessFrostedLight = 'hsl(109 100% 90% / 0.55)';
 
 exports.colorSuccessFrostedLight = colorSuccessFrostedLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **success-frosted-soft** color (light), typically used as background `:hover`. */
 const colorSuccessFrostedSoftLight = 'hsl(109 80% 95% / 0.55)';
 
 exports.colorSuccessFrostedSoftLight = colorSuccessFrostedSoftLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **success** color (light), typically used for text. */
 const colorSuccessLight = palette.palette.light.green['950'];
 
 exports.colorSuccessLight = colorSuccessLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessLowLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **success-low** color (light), typically used for text or border. */
 const colorSuccessLowLight = palette.palette.light.green['100a'];
 
 exports.colorSuccessLowLight = colorSuccessLowLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessMediumLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **success-medium** color (light), typically used for text or border. */
 const colorSuccessMediumLight = palette.palette.light.green['600a'];
 
 exports.colorSuccessMediumLight = colorSuccessMediumLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **warning-frosted** color (light), typically used as background in combination with a blur effect. */
 const colorWarningFrostedLight = 'hsl(40 100% 90% / 0.55)';
 
 exports.colorWarningFrostedLight = colorWarningFrostedLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **warning-frosted-soft** color (light), typically used as background `:hover`. */
 const colorWarningFrostedSoftLight = 'hsl(40 80% 95% / 0.55)';
 
 exports.colorWarningFrostedSoftLight = colorWarningFrostedSoftLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **warning** color (light), typically used for text. */
 const colorWarningLight = palette.palette.light.yellow['950'];
 
 exports.colorWarningLight = colorWarningLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningLowLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **warning-low** color (light), typically used for text or border. */
 const colorWarningLowLight = palette.palette.light.yellow['100a'];
 
 exports.colorWarningLowLight = colorWarningLowLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningMediumLight.cjs

@@ -2,6 +2,7 @@
 
 var palette = require('../../palette.cjs');
 
+/** Holds the **warning-medium** color (light), typically used for text or border. */
 const colorWarningMediumLight = palette.palette.light.yellow['600a'];
 
 exports.colorWarningMediumLight = colorWarningMediumLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/a11y/colorFocus.cjs

@@ -3,6 +3,7 @@
 var colorFocusDark = require('../../dark/a11y/colorFocusDark.cjs');
 var colorFocusLight = require('../../light/a11y/colorFocusLight.cjs');
 
+/** Holds the **focus** color, typically used as the outline for `:focus-visible` states. */
 const colorFocus = `light-dark(${colorFocusLight.colorFocusLight},${colorFocusDark.colorFocusDark})`;
 
 exports.colorFocus = colorFocus;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorBackdrop.cjs

@@ -3,6 +3,7 @@
 var colorBackdropDark = require('../../dark/background/colorBackdropDark.cjs');
 var colorBackdropLight = require('../../light/background/colorBackdropLight.cjs');
 
+/** Holds the **backdrop** color, typically used for backdrops. */
 const colorBackdrop = `light-dark(${colorBackdropLight.colorBackdropLight},${colorBackdropDark.colorBackdropDark})`;
 
 exports.colorBackdrop = colorBackdrop;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorCanvas.cjs

@@ -3,6 +3,7 @@
 var colorCanvasDark = require('../../dark/background/colorCanvasDark.cjs');
 var colorCanvasLight = require('../../light/background/colorCanvasLight.cjs');
 
+/** Holds the **canvas** color, typically used for surfaces. */
 const colorCanvas = `light-dark(${colorCanvasLight.colorCanvasLight},${colorCanvasDark.colorCanvasDark})`;
 
 exports.colorCanvas = colorCanvas;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorFrosted.cjs

@@ -3,6 +3,7 @@
 var colorFrostedDark = require('../../dark/background/colorFrostedDark.cjs');
 var colorFrostedLight = require('../../light/background/colorFrostedLight.cjs');
 
+/** Holds the **frosted** color, typically used as a background in combination with a blur effect. */
 const colorFrosted = `light-dark(${colorFrostedLight.colorFrostedLight},${colorFrostedDark.colorFrostedDark})`;
 
 exports.colorFrosted = colorFrosted;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorFrostedSoft.cjs

@@ -3,6 +3,7 @@
 var colorFrostedSoftDark = require('../../dark/background/colorFrostedSoftDark.cjs');
 var colorFrostedSoftLight = require('../../light/background/colorFrostedSoftLight.cjs');
 
+/** Holds the **frosted-soft** color, typically used as a background `:hover`. */
 const colorFrostedSoft = `light-dark(${colorFrostedSoftLight.colorFrostedSoftLight},${colorFrostedSoftDark.colorFrostedSoftDark})`;
 
 exports.colorFrostedSoft = colorFrostedSoft;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorFrostedStrong.cjs

@@ -3,6 +3,7 @@
 var colorFrostedStrongDark = require('../../dark/background/colorFrostedStrongDark.cjs');
 var colorFrostedStrongLight = require('../../light/background/colorFrostedStrongLight.cjs');
 
+/** Holds the **frosted-strong** color, typically used as a stronger frosted background. */
 const colorFrostedStrong = `light-dark(${colorFrostedStrongLight.colorFrostedStrongLight},${colorFrostedStrongDark.colorFrostedStrongDark})`;
 
 exports.colorFrostedStrong = colorFrostedStrong;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorSurface.cjs

@@ -3,6 +3,7 @@
 var colorSurfaceDark = require('../../dark/background/colorSurfaceDark.cjs');
 var colorSurfaceLight = require('../../light/background/colorSurfaceLight.cjs');
 
+/** Holds the **surface** color, typically used for surfaces. */
 const colorSurface = `light-dark(${colorSurfaceLight.colorSurfaceLight},${colorSurfaceDark.colorSurfaceDark})`;
 
 exports.colorSurface = colorSurface;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastHigh.cjs

@@ -3,6 +3,7 @@
 var colorContrastHighDark = require('../../dark/foreground/colorContrastHighDark.cjs');
 var colorContrastHighLight = require('../../light/foreground/colorContrastHighLight.cjs');
 
+/** Holds the **contrast-high** color, typically used for text. */
 const colorContrastHigh = `light-dark(${colorContrastHighLight.colorContrastHighLight},${colorContrastHighDark.colorContrastHighDark})`;
 
 exports.colorContrastHigh = colorContrastHigh;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastHigher.cjs

@@ -3,6 +3,7 @@
 var colorContrastHigherDark = require('../../dark/foreground/colorContrastHigherDark.cjs');
 var colorContrastHigherLight = require('../../light/foreground/colorContrastHigherLight.cjs');
 
+/** Holds the **contrast-higher** color, typically used for text. */
 const colorContrastHigher = `light-dark(${colorContrastHigherLight.colorContrastHigherLight},${colorContrastHigherDark.colorContrastHigherDark})`;
 
 exports.colorContrastHigher = colorContrastHigher;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastLow.cjs

@@ -3,6 +3,7 @@
 var colorContrastLowDark = require('../../dark/foreground/colorContrastLowDark.cjs');
 var colorContrastLowLight = require('../../light/foreground/colorContrastLowLight.cjs');
 
+/** Holds the **contrast-low** color, intended only for decorative elements, as it is not accessibility-compliant. */
 const colorContrastLow = `light-dark(${colorContrastLowLight.colorContrastLowLight},${colorContrastLowDark.colorContrastLowDark})`;
 
 exports.colorContrastLow = colorContrastLow;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastLower.cjs

@@ -3,6 +3,7 @@
 var colorContrastLowerDark = require('../../dark/foreground/colorContrastLowerDark.cjs');
 var colorContrastLowerLight = require('../../light/foreground/colorContrastLowerLight.cjs');
 
+/** Holds the **contrast-lower** color, intended only for decorative elements, as it is not accessibility-compliant. */
 const colorContrastLower = `light-dark(${colorContrastLowerLight.colorContrastLowerLight},${colorContrastLowerDark.colorContrastLowerDark})`;
 
 exports.colorContrastLower = colorContrastLower;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastMedium.cjs

@@ -3,6 +3,7 @@
 var colorContrastMediumDark = require('../../dark/foreground/colorContrastMediumDark.cjs');
 var colorContrastMediumLight = require('../../light/foreground/colorContrastMediumLight.cjs');
 
+/** Holds the **contrast-medium** color, typically used for text. */
 const colorContrastMedium = `light-dark(${colorContrastMediumLight.colorContrastMediumLight},${colorContrastMediumDark.colorContrastMediumDark})`;
 
 exports.colorContrastMedium = colorContrastMedium;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorPrimary.cjs

@@ -3,6 +3,7 @@
 var colorPrimaryDark = require('../../dark/foreground/colorPrimaryDark.cjs');
 var colorPrimaryLight = require('../../light/foreground/colorPrimaryLight.cjs');
 
+/** Holds the **primary** color, typically used for text. */
 const colorPrimary = `light-dark(${colorPrimaryLight.colorPrimaryLight},${colorPrimaryDark.colorPrimaryDark})`;
 
 exports.colorPrimary = colorPrimary;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorError.cjs

@@ -3,6 +3,7 @@
 var colorErrorDark = require('../../dark/semantic/colorErrorDark.cjs');
 var colorErrorLight = require('../../light/semantic/colorErrorLight.cjs');
 
+/** Holds the **error** color, typically used for text. */
 const colorError = `light-dark(${colorErrorLight.colorErrorLight},${colorErrorDark.colorErrorDark})`;
 
 exports.colorError = colorError;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorErrorFrosted.cjs

@@ -3,6 +3,7 @@
 var colorErrorFrostedDark = require('../../dark/semantic/colorErrorFrostedDark.cjs');
 var colorErrorFrostedLight = require('../../light/semantic/colorErrorFrostedLight.cjs');
 
+/** Holds the **error-frosted** color, typically used as background in combination with a blur effect. */
 const colorErrorFrosted = `light-dark(${colorErrorFrostedLight.colorErrorFrostedLight},${colorErrorFrostedDark.colorErrorFrostedDark})`;
 
 exports.colorErrorFrosted = colorErrorFrosted;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorErrorFrostedSoft.cjs

@@ -3,6 +3,7 @@
 var colorErrorFrostedSoftDark = require('../../dark/semantic/colorErrorFrostedSoftDark.cjs');
 var colorErrorFrostedSoftLight = require('../../light/semantic/colorErrorFrostedSoftLight.cjs');
 
+/** Holds the **error-frosted-soft** color, typically used as background `:hover`. */
 const colorErrorFrostedSoft = `light-dark(${colorErrorFrostedSoftLight.colorErrorFrostedSoftLight},${colorErrorFrostedSoftDark.colorErrorFrostedSoftDark})`;
 
 exports.colorErrorFrostedSoft = colorErrorFrostedSoft;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorErrorLow.cjs

@@ -3,6 +3,7 @@
 var colorErrorLowDark = require('../../dark/semantic/colorErrorLowDark.cjs');
 var colorErrorLowLight = require('../../light/semantic/colorErrorLowLight.cjs');
 
+/** Holds the **error-low** color, typically used for text or border. */
 const colorErrorLow = `light-dark(${colorErrorLowLight.colorErrorLowLight},${colorErrorLowDark.colorErrorLowDark})`;
 
 exports.colorErrorLow = colorErrorLow;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorErrorMedium.cjs

@@ -3,6 +3,7 @@
 var colorErrorMediumDark = require('../../dark/semantic/colorErrorMediumDark.cjs');
 var colorErrorMediumLight = require('../../light/semantic/colorErrorMediumLight.cjs');
 
+/** Holds the **error-medium** color, typically used for text or border. */
 const colorErrorMedium = `light-dark(${colorErrorMediumLight.colorErrorMediumLight},${colorErrorMediumDark.colorErrorMediumDark})`;
 
 exports.colorErrorMedium = colorErrorMedium;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfo.cjs

@@ -3,6 +3,7 @@
 var colorInfoDark = require('../../dark/semantic/colorInfoDark.cjs');
 var colorInfoLight = require('../../light/semantic/colorInfoLight.cjs');
 
+/** Holds the **info** color, typically used for text. */
 const colorInfo = `light-dark(${colorInfoLight.colorInfoLight},${colorInfoDark.colorInfoDark})`;
 
 exports.colorInfo = colorInfo;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfoFrosted.cjs

@@ -3,6 +3,7 @@
 var colorInfoFrostedDark = require('../../dark/semantic/colorInfoFrostedDark.cjs');
 var colorInfoFrostedLight = require('../../light/semantic/colorInfoFrostedLight.cjs');
 
+/** Holds the **info-frosted** color, typically used as background in combination with a blur effect. */
 const colorInfoFrosted = `light-dark(${colorInfoFrostedLight.colorInfoFrostedLight},${colorInfoFrostedDark.colorInfoFrostedDark})`;
 
 exports.colorInfoFrosted = colorInfoFrosted;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfoFrostedSoft.cjs

@@ -3,6 +3,7 @@
 var colorInfoFrostedSoftDark = require('../../dark/semantic/colorInfoFrostedSoftDark.cjs');
 var colorInfoFrostedSoftLight = require('../../light/semantic/colorInfoFrostedSoftLight.cjs');
 
+/** Holds the **info-frosted-soft** color, typically used as background `:hover`. */
 const colorInfoFrostedSoft = `light-dark(${colorInfoFrostedSoftLight.colorInfoFrostedSoftLight},${colorInfoFrostedSoftDark.colorInfoFrostedSoftDark})`;
 
 exports.colorInfoFrostedSoft = colorInfoFrostedSoft;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfoLow.cjs

@@ -3,6 +3,7 @@
 var colorInfoLowDark = require('../../dark/semantic/colorInfoLowDark.cjs');
 var colorInfoLowLight = require('../../light/semantic/colorInfoLowLight.cjs');
 
+/** Holds the **info-low** color, typically used for text or border. */
 const colorInfoLow = `light-dark(${colorInfoLowLight.colorInfoLowLight},${colorInfoLowDark.colorInfoLowDark})`;
 
 exports.colorInfoLow = colorInfoLow;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfoMedium.cjs

@@ -3,6 +3,7 @@
 var colorInfoMediumDark = require('../../dark/semantic/colorInfoMediumDark.cjs');
 var colorInfoMediumLight = require('../../light/semantic/colorInfoMediumLight.cjs');
 
+/** Holds the **info-medium** color, typically used for text or border. */
 const colorInfoMedium = `light-dark(${colorInfoMediumLight.colorInfoMediumLight},${colorInfoMediumDark.colorInfoMediumDark})`;
 
 exports.colorInfoMedium = colorInfoMedium;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccess.cjs

@@ -3,6 +3,7 @@
 var colorSuccessDark = require('../../dark/semantic/colorSuccessDark.cjs');
 var colorSuccessLight = require('../../light/semantic/colorSuccessLight.cjs');
 
+/** Holds the **success** color, typically used for text. */
 const colorSuccess = `light-dark(${colorSuccessLight.colorSuccessLight},${colorSuccessDark.colorSuccessDark})`;
 
 exports.colorSuccess = colorSuccess;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccessFrosted.cjs

@@ -3,6 +3,7 @@
 var colorSuccessFrostedDark = require('../../dark/semantic/colorSuccessFrostedDark.cjs');
 var colorSuccessFrostedLight = require('../../light/semantic/colorSuccessFrostedLight.cjs');
 
+/** Holds the **success-frosted** color, typically used as background in combination with a blur effect. */
 const colorSuccessFrosted = `light-dark(${colorSuccessFrostedLight.colorSuccessFrostedLight},${colorSuccessFrostedDark.colorSuccessFrostedDark})`;
 
 exports.colorSuccessFrosted = colorSuccessFrosted;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccessFrostedSoft.cjs

@@ -3,6 +3,7 @@
 var colorSuccessFrostedSoftDark = require('../../dark/semantic/colorSuccessFrostedSoftDark.cjs');
 var colorSuccessFrostedSoftLight = require('../../light/semantic/colorSuccessFrostedSoftLight.cjs');
 
+/** Holds the **success-frosted-soft** color, typically used as background `:hover`. */
 const colorSuccessFrostedSoft = `light-dark(${colorSuccessFrostedSoftLight.colorSuccessFrostedSoftLight},${colorSuccessFrostedSoftDark.colorSuccessFrostedSoftDark})`;
 
 exports.colorSuccessFrostedSoft = colorSuccessFrostedSoft;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccessLow.cjs

@@ -3,6 +3,7 @@
 var colorSuccessLowDark = require('../../dark/semantic/colorSuccessLowDark.cjs');
 var colorSuccessLowLight = require('../../light/semantic/colorSuccessLowLight.cjs');
 
+/** Holds the **success-low** color, typically used for text or border. */
 const colorSuccessLow = `light-dark(${colorSuccessLowLight.colorSuccessLowLight},${colorSuccessLowDark.colorSuccessLowDark})`;
 
 exports.colorSuccessLow = colorSuccessLow;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccessMedium.cjs

@@ -3,6 +3,7 @@
 var colorSuccessMediumDark = require('../../dark/semantic/colorSuccessMediumDark.cjs');
 var colorSuccessMediumLight = require('../../light/semantic/colorSuccessMediumLight.cjs');
 
+/** Holds the **success-medium** color, typically used for text or border. */
 const colorSuccessMedium = `light-dark(${colorSuccessMediumLight.colorSuccessMediumLight},${colorSuccessMediumDark.colorSuccessMediumDark})`;
 
 exports.colorSuccessMedium = colorSuccessMedium;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarning.cjs

@@ -3,6 +3,7 @@
 var colorWarningDark = require('../../dark/semantic/colorWarningDark.cjs');
 var colorWarningLight = require('../../light/semantic/colorWarningLight.cjs');
 
+/** Holds the **warning** color, typically used for text. */
 const colorWarning = `light-dark(${colorWarningLight.colorWarningLight},${colorWarningDark.colorWarningDark})`;
 
 exports.colorWarning = colorWarning;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarningFrosted.cjs

@@ -3,6 +3,7 @@
 var colorWarningFrostedDark = require('../../dark/semantic/colorWarningFrostedDark.cjs');
 var colorWarningFrostedLight = require('../../light/semantic/colorWarningFrostedLight.cjs');
 
+/** Holds the **warning-frosted** color, typically used as background in combination with a blur effect. */
 const colorWarningFrosted = `light-dark(${colorWarningFrostedLight.colorWarningFrostedLight},${colorWarningFrostedDark.colorWarningFrostedDark})`;
 
 exports.colorWarningFrosted = colorWarningFrosted;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarningFrostedSoft.cjs

@@ -3,6 +3,7 @@
 var colorWarningFrostedSoftDark = require('../../dark/semantic/colorWarningFrostedSoftDark.cjs');
 var colorWarningFrostedSoftLight = require('../../light/semantic/colorWarningFrostedSoftLight.cjs');
 
+/** Holds the **warning-frosted-soft** color, typically used as background `:hover`. */
 const colorWarningFrostedSoft = `light-dark(${colorWarningFrostedSoftLight.colorWarningFrostedSoftLight},${colorWarningFrostedSoftDark.colorWarningFrostedSoftDark})`;
 
 exports.colorWarningFrostedSoft = colorWarningFrostedSoft;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarningLow.cjs

@@ -3,6 +3,7 @@
 var colorWarningLowDark = require('../../dark/semantic/colorWarningLowDark.cjs');
 var colorWarningLowLight = require('../../light/semantic/colorWarningLowLight.cjs');
 
+/** Holds the **warning-low** color, typically used for text or border. */
 const colorWarningLow = `light-dark(${colorWarningLowLight.colorWarningLowLight},${colorWarningLowDark.colorWarningLowDark})`;
 
 exports.colorWarningLow = colorWarningLow;

package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarningMedium.cjs

@@ -3,6 +3,7 @@
 var colorWarningMediumDark = require('../../dark/semantic/colorWarningMediumDark.cjs');
 var colorWarningMediumLight = require('../../light/semantic/colorWarningMediumLight.cjs');
 
+/** Holds the **warning-medium** color, typically used for text or border. */
 const colorWarningMedium = `light-dark(${colorWarningMediumLight.colorWarningMediumLight},${colorWarningMediumDark.colorWarningMediumDark})`;
 
 exports.colorWarningMedium = colorWarningMedium;

package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNext.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **Porsche Next** font family along with fallback fonts. */
 const fontPorscheNext = "'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 
 exports.fontPorscheNext = fontPorscheNext;

package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNextJa.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+// Japanese — Hiragino Sans (macOS), Yu Gothic (Windows), Noto Sans JP (Android, Linux, ChromeOS)
+const fontPorscheNextJa = "'Porsche Next', 'Hiragino Sans', 'Yu Gothic', 'Noto Sans JP', 'Arial Narrow', Arial, sans-serif";
+
+exports.fontPorscheNextJa = fontPorscheNextJa;

package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNextKo.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+// Korean — Apple SD Gothic Neo (macOS), Malgun Gothic (Windows), Noto Sans KR (Android, Linux, ChromeOS)
+const fontPorscheNextKo = "'Porsche Next', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans KR', 'Arial Narrow', Arial, sans-serif";
+
+exports.fontPorscheNextKo = fontPorscheNextKo;

package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNextZhHans.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+// Simplified Chinese — PingFang SC (macOS), Microsoft YaHei (Windows), Noto Sans SC (Android, Linux, ChromeOS)
+const fontPorscheNextZhHans = "'Porsche Next', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', 'Arial Narrow', Arial, sans-serif";
+
+exports.fontPorscheNextZhHans = fontPorscheNextZhHans;

package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNextZhHant.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+// Traditional Chinese — PingFang TC (macOS), Microsoft JhengHei (Windows), Noto Sans TC (Android, Linux, ChromeOS)
+const fontPorscheNextZhHant = "'Porsche Next', 'PingFang TC', 'Microsoft JhengHei', 'Noto Sans TC', 'Arial Narrow', Arial, sans-serif";
+
+exports.fontPorscheNextZhHant = fontPorscheNextZhHant;

package/vanilla-extract/cjs/tokens/dist/esm/font/lineHeight/leadingNormal.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds a dynamic default line height specifically optimized for the Porsche Next typeface. */
 const leadingNormal = 'calc(6px + 2.125ex)';
 
 exports.leadingNormal = leadingNormal;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale2Xl.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **2x-large** font size optimized for the Porsche Next typeface. */
 const typescale2Xl = 'clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)';
 
 exports.typescale2Xl = typescale2Xl;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale2Xs.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **2x-small** font size optimized for the Porsche Next typeface. */
 const typescale2Xs = '.75rem';
 
 exports.typescale2Xs = typescale2Xs;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale3Xl.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **3x-large** font size optimized for the Porsche Next typeface. */
 const typescale3Xl = 'clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)';
 
 exports.typescale3Xl = typescale3Xl;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale4Xl.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **4x-large** font size optimized for the Porsche Next typeface. */
 const typescale4Xl = 'clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)';
 
 exports.typescale4Xl = typescale4Xl;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale5Xl.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **5x-large** font size optimized for the Porsche Next typeface. */
 const typescale5Xl = 'clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)';
 
 exports.typescale5Xl = typescale5Xl;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleLg.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **large** font size optimized for the Porsche Next typeface. */
 const typescaleLg = 'clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)';
 
 exports.typescaleLg = typescaleLg;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleMd.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **medium** font size optimized for the Porsche Next typeface. */
 const typescaleMd = 'clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)';
 
 exports.typescaleMd = typescaleMd;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleSm.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **small** font size optimized for the Porsche Next typeface. */
 const typescaleSm = '1rem';
 
 exports.typescaleSm = typescaleSm;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleXl.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **x-large** font size optimized for the Porsche Next typeface. */
 const typescaleXl = 'clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)';
 
 exports.typescaleXl = typescaleXl;

package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleXs.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **x-small** font size optimized for the Porsche Next typeface. */
 const typescaleXs = '.875rem';
 
 exports.typescaleXs = typescaleXs;

package/vanilla-extract/cjs/tokens/dist/esm/font/weight/fontWeightBold.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+/** Holds the **bold** font weight optimized for the Porsche Next typeface. */
 const fontWeightBold = 700;
 
 exports.fontWeightBold = fontWeightBold;