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

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

@@ -1,6 +1,7 @@
 import { colorBackdropDark } from '../../dark/background/colorBackdropDark.mjs';
 import { colorBackdropLight } from '../../light/background/colorBackdropLight.mjs';
 
+/** Holds the **backdrop** color, typically used for backdrops. */
 const colorBackdrop = `light-dark(${colorBackdropLight},${colorBackdropDark})`;
 
 export { colorBackdrop };

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

@@ -1,6 +1,7 @@
 import { colorCanvasDark } from '../../dark/background/colorCanvasDark.mjs';
 import { colorCanvasLight } from '../../light/background/colorCanvasLight.mjs';
 
+/** Holds the **canvas** color, typically used for surfaces. */
 const colorCanvas = `light-dark(${colorCanvasLight},${colorCanvasDark})`;
 
 export { colorCanvas };

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

@@ -1,6 +1,7 @@
 import { colorFrostedDark } from '../../dark/background/colorFrostedDark.mjs';
 import { colorFrostedLight } from '../../light/background/colorFrostedLight.mjs';
 
+/** Holds the **frosted** color, typically used as a background in combination with a blur effect. */
 const colorFrosted = `light-dark(${colorFrostedLight},${colorFrostedDark})`;
 
 export { colorFrosted };

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

@@ -1,6 +1,7 @@
 import { colorFrostedSoftDark } from '../../dark/background/colorFrostedSoftDark.mjs';
 import { colorFrostedSoftLight } from '../../light/background/colorFrostedSoftLight.mjs';
 
+/** Holds the **frosted-soft** color, typically used as a background `:hover`. */
 const colorFrostedSoft = `light-dark(${colorFrostedSoftLight},${colorFrostedSoftDark})`;
 
 export { colorFrostedSoft };

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

@@ -1,6 +1,7 @@
 import { colorFrostedStrongDark } from '../../dark/background/colorFrostedStrongDark.mjs';
 import { colorFrostedStrongLight } from '../../light/background/colorFrostedStrongLight.mjs';
 
+/** Holds the **frosted-strong** color, typically used as a stronger frosted background. */
 const colorFrostedStrong = `light-dark(${colorFrostedStrongLight},${colorFrostedStrongDark})`;
 
 export { colorFrostedStrong };

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

@@ -1,6 +1,7 @@
 import { colorSurfaceDark } from '../../dark/background/colorSurfaceDark.mjs';
 import { colorSurfaceLight } from '../../light/background/colorSurfaceLight.mjs';
 
+/** Holds the **surface** color, typically used for surfaces. */
 const colorSurface = `light-dark(${colorSurfaceLight},${colorSurfaceDark})`;
 
 export { colorSurface };

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

@@ -1,6 +1,7 @@
 import { colorContrastHighDark } from '../../dark/foreground/colorContrastHighDark.mjs';
 import { colorContrastHighLight } from '../../light/foreground/colorContrastHighLight.mjs';
 
+/** Holds the **contrast-high** color, typically used for text. */
 const colorContrastHigh = `light-dark(${colorContrastHighLight},${colorContrastHighDark})`;
 
 export { colorContrastHigh };

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

@@ -1,6 +1,7 @@
 import { colorContrastHigherDark } from '../../dark/foreground/colorContrastHigherDark.mjs';
 import { colorContrastHigherLight } from '../../light/foreground/colorContrastHigherLight.mjs';
 
+/** Holds the **contrast-higher** color, typically used for text. */
 const colorContrastHigher = `light-dark(${colorContrastHigherLight},${colorContrastHigherDark})`;
 
 export { colorContrastHigher };

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

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

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

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

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

@@ -1,6 +1,7 @@
 import { colorContrastMediumDark } from '../../dark/foreground/colorContrastMediumDark.mjs';
 import { colorContrastMediumLight } from '../../light/foreground/colorContrastMediumLight.mjs';
 
+/** Holds the **contrast-medium** color, typically used for text. */
 const colorContrastMedium = `light-dark(${colorContrastMediumLight},${colorContrastMediumDark})`;
 
 export { colorContrastMedium };

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

@@ -1,6 +1,7 @@
 import { colorPrimaryDark } from '../../dark/foreground/colorPrimaryDark.mjs';
 import { colorPrimaryLight } from '../../light/foreground/colorPrimaryLight.mjs';
 
+/** Holds the **primary** color, typically used for text. */
 const colorPrimary = `light-dark(${colorPrimaryLight},${colorPrimaryDark})`;
 
 export { colorPrimary };

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

@@ -1,6 +1,7 @@
 import { colorErrorDark } from '../../dark/semantic/colorErrorDark.mjs';
 import { colorErrorLight } from '../../light/semantic/colorErrorLight.mjs';
 
+/** Holds the **error** color, typically used for text. */
 const colorError = `light-dark(${colorErrorLight},${colorErrorDark})`;
 
 export { colorError };

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

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

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

@@ -1,6 +1,7 @@
 import { colorErrorFrostedSoftDark } from '../../dark/semantic/colorErrorFrostedSoftDark.mjs';
 import { colorErrorFrostedSoftLight } from '../../light/semantic/colorErrorFrostedSoftLight.mjs';
 
+/** Holds the **error-frosted-soft** color, typically used as background `:hover`. */
 const colorErrorFrostedSoft = `light-dark(${colorErrorFrostedSoftLight},${colorErrorFrostedSoftDark})`;
 
 export { colorErrorFrostedSoft };

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

@@ -1,6 +1,7 @@
 import { colorErrorLowDark } from '../../dark/semantic/colorErrorLowDark.mjs';
 import { colorErrorLowLight } from '../../light/semantic/colorErrorLowLight.mjs';
 
+/** Holds the **error-low** color, typically used for text or border. */
 const colorErrorLow = `light-dark(${colorErrorLowLight},${colorErrorLowDark})`;
 
 export { colorErrorLow };

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

@@ -1,6 +1,7 @@
 import { colorErrorMediumDark } from '../../dark/semantic/colorErrorMediumDark.mjs';
 import { colorErrorMediumLight } from '../../light/semantic/colorErrorMediumLight.mjs';
 
+/** Holds the **error-medium** color, typically used for text or border. */
 const colorErrorMedium = `light-dark(${colorErrorMediumLight},${colorErrorMediumDark})`;
 
 export { colorErrorMedium };

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

@@ -1,6 +1,7 @@
 import { colorInfoDark } from '../../dark/semantic/colorInfoDark.mjs';
 import { colorInfoLight } from '../../light/semantic/colorInfoLight.mjs';
 
+/** Holds the **info** color, typically used for text. */
 const colorInfo = `light-dark(${colorInfoLight},${colorInfoDark})`;
 
 export { colorInfo };

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

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

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

@@ -1,6 +1,7 @@
 import { colorInfoFrostedSoftDark } from '../../dark/semantic/colorInfoFrostedSoftDark.mjs';
 import { colorInfoFrostedSoftLight } from '../../light/semantic/colorInfoFrostedSoftLight.mjs';
 
+/** Holds the **info-frosted-soft** color, typically used as background `:hover`. */
 const colorInfoFrostedSoft = `light-dark(${colorInfoFrostedSoftLight},${colorInfoFrostedSoftDark})`;
 
 export { colorInfoFrostedSoft };

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

@@ -1,6 +1,7 @@
 import { colorInfoLowDark } from '../../dark/semantic/colorInfoLowDark.mjs';
 import { colorInfoLowLight } from '../../light/semantic/colorInfoLowLight.mjs';
 
+/** Holds the **info-low** color, typically used for text or border. */
 const colorInfoLow = `light-dark(${colorInfoLowLight},${colorInfoLowDark})`;
 
 export { colorInfoLow };

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

@@ -1,6 +1,7 @@
 import { colorInfoMediumDark } from '../../dark/semantic/colorInfoMediumDark.mjs';
 import { colorInfoMediumLight } from '../../light/semantic/colorInfoMediumLight.mjs';
 
+/** Holds the **info-medium** color, typically used for text or border. */
 const colorInfoMedium = `light-dark(${colorInfoMediumLight},${colorInfoMediumDark})`;
 
 export { colorInfoMedium };

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

@@ -1,6 +1,7 @@
 import { colorSuccessDark } from '../../dark/semantic/colorSuccessDark.mjs';
 import { colorSuccessLight } from '../../light/semantic/colorSuccessLight.mjs';
 
+/** Holds the **success** color, typically used for text. */
 const colorSuccess = `light-dark(${colorSuccessLight},${colorSuccessDark})`;
 
 export { colorSuccess };

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

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

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

@@ -1,6 +1,7 @@
 import { colorSuccessFrostedSoftDark } from '../../dark/semantic/colorSuccessFrostedSoftDark.mjs';
 import { colorSuccessFrostedSoftLight } from '../../light/semantic/colorSuccessFrostedSoftLight.mjs';
 
+/** Holds the **success-frosted-soft** color, typically used as background `:hover`. */
 const colorSuccessFrostedSoft = `light-dark(${colorSuccessFrostedSoftLight},${colorSuccessFrostedSoftDark})`;
 
 export { colorSuccessFrostedSoft };

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

@@ -1,6 +1,7 @@
 import { colorSuccessLowDark } from '../../dark/semantic/colorSuccessLowDark.mjs';
 import { colorSuccessLowLight } from '../../light/semantic/colorSuccessLowLight.mjs';
 
+/** Holds the **success-low** color, typically used for text or border. */
 const colorSuccessLow = `light-dark(${colorSuccessLowLight},${colorSuccessLowDark})`;
 
 export { colorSuccessLow };

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

@@ -1,6 +1,7 @@
 import { colorSuccessMediumDark } from '../../dark/semantic/colorSuccessMediumDark.mjs';
 import { colorSuccessMediumLight } from '../../light/semantic/colorSuccessMediumLight.mjs';
 
+/** Holds the **success-medium** color, typically used for text or border. */
 const colorSuccessMedium = `light-dark(${colorSuccessMediumLight},${colorSuccessMediumDark})`;
 
 export { colorSuccessMedium };

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

@@ -1,6 +1,7 @@
 import { colorWarningDark } from '../../dark/semantic/colorWarningDark.mjs';
 import { colorWarningLight } from '../../light/semantic/colorWarningLight.mjs';
 
+/** Holds the **warning** color, typically used for text. */
 const colorWarning = `light-dark(${colorWarningLight},${colorWarningDark})`;
 
 export { colorWarning };

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

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

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

@@ -1,6 +1,7 @@
 import { colorWarningFrostedSoftDark } from '../../dark/semantic/colorWarningFrostedSoftDark.mjs';
 import { colorWarningFrostedSoftLight } from '../../light/semantic/colorWarningFrostedSoftLight.mjs';
 
+/** Holds the **warning-frosted-soft** color, typically used as background `:hover`. */
 const colorWarningFrostedSoft = `light-dark(${colorWarningFrostedSoftLight},${colorWarningFrostedSoftDark})`;
 
 export { colorWarningFrostedSoft };

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

@@ -1,6 +1,7 @@
 import { colorWarningLowDark } from '../../dark/semantic/colorWarningLowDark.mjs';
 import { colorWarningLowLight } from '../../light/semantic/colorWarningLowLight.mjs';
 
+/** Holds the **warning-low** color, typically used for text or border. */
 const colorWarningLow = `light-dark(${colorWarningLowLight},${colorWarningLowDark})`;
 
 export { colorWarningLow };

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

@@ -1,6 +1,7 @@
 import { colorWarningMediumDark } from '../../dark/semantic/colorWarningMediumDark.mjs';
 import { colorWarningMediumLight } from '../../light/semantic/colorWarningMediumLight.mjs';
 
+/** Holds the **warning-medium** color, typically used for text or border. */
 const colorWarningMedium = `light-dark(${colorWarningMediumLight},${colorWarningMediumDark})`;
 
 export { colorWarningMedium };

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

@@ -1,3 +1,4 @@
+/** Holds the **Porsche Next** font family along with fallback fonts. */
 const fontPorscheNext = "'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 
 export { fontPorscheNext };

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

@@ -0,0 +1,4 @@
+// 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";
+
+export { fontPorscheNextJa };

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

@@ -0,0 +1,4 @@
+// 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";
+
+export { fontPorscheNextKo };

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

@@ -0,0 +1,4 @@
+// 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";
+
+export { fontPorscheNextZhHans };

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

@@ -0,0 +1,4 @@
+// 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";
+
+export { fontPorscheNextZhHant };

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

@@ -1,3 +1,4 @@
+/** Holds a dynamic default line height specifically optimized for the Porsche Next typeface. */
 const leadingNormal = 'calc(6px + 2.125ex)';
 
 export { leadingNormal };

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

@@ -1,3 +1,4 @@
+/** Holds the **2x-large** font size optimized for the Porsche Next typeface. */
 const typescale2Xl = 'clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)';
 
 export { typescale2Xl };

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

@@ -1,3 +1,4 @@
+/** Holds the **2x-small** font size optimized for the Porsche Next typeface. */
 const typescale2Xs = '.75rem';
 
 export { typescale2Xs };

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

@@ -1,3 +1,4 @@
+/** Holds the **3x-large** font size optimized for the Porsche Next typeface. */
 const typescale3Xl = 'clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)';
 
 export { typescale3Xl };

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

@@ -1,3 +1,4 @@
+/** Holds the **4x-large** font size optimized for the Porsche Next typeface. */
 const typescale4Xl = 'clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)';
 
 export { typescale4Xl };

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

@@ -1,3 +1,4 @@
+/** Holds the **5x-large** font size optimized for the Porsche Next typeface. */
 const typescale5Xl = 'clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)';
 
 export { typescale5Xl };

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

@@ -1,3 +1,4 @@
+/** Holds the **large** font size optimized for the Porsche Next typeface. */
 const typescaleLg = 'clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)';
 
 export { typescaleLg };

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

@@ -1,3 +1,4 @@
+/** Holds the **medium** font size optimized for the Porsche Next typeface. */
 const typescaleMd = 'clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)';
 
 export { typescaleMd };

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

@@ -1,3 +1,4 @@
+/** Holds the **small** font size optimized for the Porsche Next typeface. */
 const typescaleSm = '1rem';
 
 export { typescaleSm };

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

@@ -1,3 +1,4 @@
+/** Holds the **x-large** font size optimized for the Porsche Next typeface. */
 const typescaleXl = 'clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)';
 
 export { typescaleXl };

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

@@ -1,3 +1,4 @@
+/** Holds the **x-small** font size optimized for the Porsche Next typeface. */
 const typescaleXs = '.875rem';
 
 export { typescaleXs };

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

@@ -1,3 +1,4 @@
+/** Holds the **bold** font weight optimized for the Porsche Next typeface. */
 const fontWeightBold = 700;
 
 export { fontWeightBold };

package/vanilla-extract/esm/tokens/dist/esm/font/weight/fontWeightNormal.mjs

@@ -1,3 +1,4 @@
+/** Holds the **normal** font weight optimized for the Porsche Next typeface. */
 const fontWeightNormal = 400;
 
 export { fontWeightNormal };

package/vanilla-extract/esm/tokens/dist/esm/font/weight/fontWeightSemibold.mjs

@@ -1,3 +1,4 @@
+/** Holds the **semibold** font weight optimized for the Porsche Next typeface. */
 const fontWeightSemibold = 600;
 
 export { fontWeightSemibold };

package/vanilla-extract/esm/tokens/dist/esm/gradient/gradientStopsFadeDark.mjs

@@ -1,3 +1,4 @@
+/** Holds a gradient fade. */
 const gradientStopsFadeDark = 'hsla(0,0%,0%,.8) 0%,' +
     'hsla(0,0%,0%,.8) 8.1%,' +
     'hsla(0,0%,0%,.8) 15.5%,' +

package/vanilla-extract/esm/tokens/dist/esm/motion/duration/durationLg.mjs

@@ -1,3 +1,4 @@
+/** Holds a **long** motion/transition duration value. */
 const durationLg = '.6s';
 
 export { durationLg };

package/vanilla-extract/esm/tokens/dist/esm/motion/duration/durationMd.mjs

@@ -1,3 +1,4 @@
+/** Holds a **moderate** motion/transition duration value. */
 const durationMd = '.4s';
 
 export { durationMd };

package/vanilla-extract/esm/tokens/dist/esm/motion/duration/durationSm.mjs

@@ -1,3 +1,4 @@
+/** Holds a **short** motion/transition duration value. */
 const durationSm = '.25s';
 
 export { durationSm };

package/vanilla-extract/esm/tokens/dist/esm/motion/duration/durationXl.mjs

@@ -1,3 +1,4 @@
+/** Holds a **very long** motion/transition duration value. */
 const durationXl = '1.2s';
 
 export { durationXl };

package/vanilla-extract/esm/tokens/dist/esm/motion/ease/easeIn.mjs

@@ -1,3 +1,4 @@
+/** Holds an **in** `transition-timing-function`. */
 const easeIn = 'cubic-bezier(0,0,.2,1)';
 
 export { easeIn };

package/vanilla-extract/esm/tokens/dist/esm/motion/ease/easeInOut.mjs

@@ -1,3 +1,4 @@
+/** Holds an **in-out** `transition-timing-function`. */
 const easeInOut = 'cubic-bezier(.25,.1,.25,1)';
 
 export { easeInOut };

package/vanilla-extract/esm/tokens/dist/esm/motion/ease/easeOut.mjs

@@ -1,3 +1,4 @@
+/** Holds an **out** `transition-timing-function`. */
 const easeOut = 'cubic-bezier(.4,0,.5,1)';
 
 export { easeOut };

package/vanilla-extract/esm/tokens/dist/esm/shadow/shadowLg.mjs

@@ -1,3 +1,4 @@
+/** Holds a **high** `box-shadow`. */
 const shadowLg = '0px 8px 40px rgba(0,0,0,.16)';
 
 export { shadowLg };

package/vanilla-extract/esm/tokens/dist/esm/shadow/shadowMd.mjs

@@ -1,3 +1,4 @@
+/** Holds a **medium** `box-shadow`. */
 const shadowMd = '0px 4px 16px rgba(0,0,0,.16)';
 
 export { shadowMd };

package/vanilla-extract/esm/tokens/dist/esm/shadow/shadowSm.mjs

@@ -1,3 +1,4 @@
+/** Holds a **low** `box-shadow`. */
 const shadowSm = '0px 3px 8px rgba(0,0,0,.16)';
 
 export { shadowSm };

package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluid2Xl.mjs

@@ -1,3 +1,4 @@
+/** Holds the **2x-large fluid** spacing. */
 const spacingFluid2Xl = 'clamp(80px, 7.5vw + 56px, 200px)';
 
 export { spacingFluid2Xl };

package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidLg.mjs

@@ -1,3 +1,4 @@
+/** Holds the **large fluid** spacing. */
 const spacingFluidLg = 'clamp(32px, 2.75vw + 23px, 76px)';
 
 export { spacingFluidLg };

package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidMd.mjs

@@ -1,3 +1,4 @@
+/** Holds the **medium fluid** spacing. */
 const spacingFluidMd = 'clamp(16px, 1.25vw + 12px, 36px)';
 
 export { spacingFluidMd };

package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidSm.mjs

@@ -1,3 +1,4 @@
+/** Holds the **small fluid** spacing. */
 const spacingFluidSm = 'clamp(8px, 0.5vw + 6px, 16px)';
 
 export { spacingFluidSm };

package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidXl.mjs

@@ -1,3 +1,4 @@
+/** Holds the **x-large fluid** spacing. */
 const spacingFluidXl = 'clamp(48px, 3vw + 38px, 96px)';
 
 export { spacingFluidXl };

package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidXs.mjs

@@ -1,3 +1,4 @@
+/** Holds the **x-small fluid** spacing. */
 const spacingFluidXs = 'clamp(4px, 0.25vw + 3px, 8px)';
 
 export { spacingFluidXs };

package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStatic2Xl.mjs

@@ -1,3 +1,4 @@
+/** Holds the **2x-large static** spacing. */
 const spacingStatic2Xl = '80px';
 
 export { spacingStatic2Xl };

package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStatic2Xs.mjs

@@ -1,3 +1,4 @@
+/** Holds the **2x-small static** spacing. */
 const spacingStatic2Xs = '1px';
 
 export { spacingStatic2Xs };

package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticLg.mjs

@@ -1,3 +1,4 @@
+/** Holds the **large static** spacing. */
 const spacingStaticLg = '32px';
 
 export { spacingStaticLg };

package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticMd.mjs

@@ -1,3 +1,4 @@
+/** Holds the **medium static** spacing. */
 const spacingStaticMd = '16px';
 
 export { spacingStaticMd };

package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticSm.mjs

@@ -1,3 +1,4 @@
+/** Holds the **small static** spacing. */
 const spacingStaticSm = '8px';
 
 export { spacingStaticSm };

package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticXl.mjs

@@ -1,3 +1,4 @@
+/** Holds the **x-large static** spacing. */
 const spacingStaticXl = '48px';
 
 export { spacingStaticXl };

package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticXs.mjs

@@ -1,3 +1,4 @@
+/** Holds the **x-small static** spacing. */
 const spacingStaticXs = '4px';
 
 export { spacingStaticXs };

package/vanilla-extract/esm/typography/proseHeading2XlStyle.d.ts

@@ -1,4 +1,18 @@
 export declare const proseHeading2XlStyle: {
     font: string;
     color: string;
+    selectors: {
+        readonly '&:lang(zh-Hans), &:lang(zh-CN), &:lang(zh-SG)': {
+            readonly fontFamily: "'Porsche Next', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', 'Arial Narrow', Arial, sans-serif";
+        };
+        readonly '&:lang(zh-Hant), &:lang(zh-TW), &:lang(zh-HK), &:lang(zh-MO)': {
+            readonly fontFamily: "'Porsche Next', 'PingFang TC', 'Microsoft JhengHei', 'Noto Sans TC', 'Arial Narrow', Arial, sans-serif";
+        };
+        readonly '&:lang(ja)': {
+            readonly fontFamily: "'Porsche Next', 'Hiragino Sans', 'Yu Gothic', 'Noto Sans JP', 'Arial Narrow', Arial, sans-serif";
+        };
+        readonly '&:lang(ko)': {
+            readonly fontFamily: "'Porsche Next', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans KR', 'Arial Narrow', Arial, sans-serif";
+        };
+    };
 };

package/vanilla-extract/esm/typography/proseHeading2XlStyle.mjs

@@ -1,10 +1,12 @@
 import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
 import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
 import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
+import { getCJKFontFamilyStyle } from '../font/getCJKFontFamilyStyle.mjs';
 import { leadingNormal } from '../font/leadingNormal.mjs';
 import { typescale2Xl } from '../font/typescale2Xl.mjs';
 
 const proseHeading2XlStyle = {
+    ...getCJKFontFamilyStyle(),
     font: `${fontWeightNormal} ${typescale2Xl} / ${leadingNormal} ${fontPorscheNext}`,
     color: colorPrimary,
 };