@porsche-design-system/components-angular 4.0.0-beta.2 → 4.0.0-beta.4

package/vanilla-extract/cjs/font/deprecated/fontSizeDisplay.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var fontSizeDisplayLarge = require('../fontSizeDisplayLarge.cjs');
-var fontSizeDisplayMedium = require('../fontSizeDisplayMedium.cjs');
-var fontSizeDisplaySmall = require('../fontSizeDisplaySmall.cjs');
+var typescale3Xl = require('../typescale3Xl.cjs');
+var typescale4Xl = require('../typescale4Xl.cjs');
+var typescale5Xl = require('../typescale5Xl.cjs');
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
 const fontSizeDisplay = {
-    small: fontSizeDisplaySmall.fontSizeDisplaySmall,
-    medium: fontSizeDisplayMedium.fontSizeDisplayMedium,
-    large: fontSizeDisplayLarge.fontSizeDisplayLarge,
+    small: typescale3Xl.typescale3Xl,
+    medium: typescale4Xl.typescale4Xl,
+    large: typescale5Xl.typescale5Xl,
 };
 
 exports.fontSizeDisplay = fontSizeDisplay;

package/vanilla-extract/cjs/font/typescale3Xl.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescale3Xl$1 = require('../tokens/dist/esm/font/size/typescale3Xl.cjs');
+
+const typescale3Xl = typescale3Xl$1.typescale3Xl;
+
+exports.typescale3Xl = typescale3Xl;

package/vanilla-extract/cjs/font/typescale4Xl.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescale4Xl$1 = require('../tokens/dist/esm/font/size/typescale4Xl.cjs');
+
+const typescale4Xl = typescale4Xl$1.typescale4Xl;
+
+exports.typescale4Xl = typescale4Xl;

package/vanilla-extract/cjs/font/typescale5Xl.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescale5Xl$1 = require('../tokens/dist/esm/font/size/typescale5Xl.cjs');
+
+const typescale5Xl = typescale5Xl$1.typescale5Xl;
+
+exports.typescale5Xl = typescale5Xl;

package/vanilla-extract/cjs/index.cjs

@@ -124,15 +124,15 @@ var fontWeightRegular = require('./font/deprecated/fontWeightRegular.cjs');
 var fontWeightSemiBold = require('./font/deprecated/fontWeightSemiBold.cjs');
 var fontHyphenationStyle = require('./font/fontHyphenationStyle.cjs');
 var fontPorscheNext = require('./font/fontPorscheNext.cjs');
-var fontSizeDisplayLarge = require('./font/fontSizeDisplayLarge.cjs');
-var fontSizeDisplayMedium = require('./font/fontSizeDisplayMedium.cjs');
-var fontSizeDisplaySmall = require('./font/fontSizeDisplaySmall.cjs');
 var fontWeightBold = require('./font/fontWeightBold.cjs');
 var fontWeightNormal = require('./font/fontWeightNormal.cjs');
 var fontWeightSemibold = require('./font/fontWeightSemibold.cjs');
 var leadingNormal = require('./font/leadingNormal.cjs');
 var typescale2Xl = require('./font/typescale2Xl.cjs');
 var typescale2Xs = require('./font/typescale2Xs.cjs');
+var typescale3Xl = require('./font/typescale3Xl.cjs');
+var typescale4Xl = require('./font/typescale4Xl.cjs');
+var typescale5Xl = require('./font/typescale5Xl.cjs');
 var typescaleLg = require('./font/typescaleLg.cjs');
 var typescaleMd = require('./font/typescaleMd.cjs');
 var typescaleSm = require('./font/typescaleSm.cjs');
@@ -256,10 +256,10 @@ var textSmallStyle = require('./typography/deprecated/text/textSmallStyle.cjs');
 var textMediumStyle = require('./typography/deprecated/text/textMediumStyle.cjs');
 var textLargeStyle = require('./typography/deprecated/text/textLargeStyle.cjs');
 var textXLargeStyle = require('./typography/deprecated/text/textXLargeStyle.cjs');
-var proseDisplayLgStyle = require('./typography/proseDisplayLgStyle.cjs');
-var proseDisplayMdStyle = require('./typography/proseDisplayMdStyle.cjs');
-var proseDisplaySmStyle = require('./typography/proseDisplaySmStyle.cjs');
 var proseHeading2XlStyle = require('./typography/proseHeading2XlStyle.cjs');
+var proseHeading3XlStyle = require('./typography/proseHeading3XlStyle.cjs');
+var proseHeading4XlStyle = require('./typography/proseHeading4XlStyle.cjs');
+var proseHeading5XlStyle = require('./typography/proseHeading5XlStyle.cjs');
 var proseHeadingLgStyle = require('./typography/proseHeadingLgStyle.cjs');
 var proseHeadingMdStyle = require('./typography/proseHeadingMdStyle.cjs');
 var proseHeadingSmStyle = require('./typography/proseHeadingSmStyle.cjs');
@@ -397,15 +397,15 @@ exports.fontWeightRegular = fontWeightRegular.fontWeightRegular;
 exports.fontWeightSemiBold = fontWeightSemiBold.fontWeightSemiBold;
 exports.fontHyphenationStyle = fontHyphenationStyle.fontHyphenationStyle;
 exports.fontPorscheNext = fontPorscheNext.fontPorscheNext;
-exports.fontSizeDisplayLarge = fontSizeDisplayLarge.fontSizeDisplayLarge;
-exports.fontSizeDisplayMedium = fontSizeDisplayMedium.fontSizeDisplayMedium;
-exports.fontSizeDisplaySmall = fontSizeDisplaySmall.fontSizeDisplaySmall;
 exports.fontWeightBold = fontWeightBold.fontWeightBold;
 exports.fontWeightNormal = fontWeightNormal.fontWeightNormal;
 exports.fontWeightSemibold = fontWeightSemibold.fontWeightSemibold;
 exports.leadingNormal = leadingNormal.leadingNormal;
 exports.typescale2Xl = typescale2Xl.typescale2Xl;
 exports.typescale2Xs = typescale2Xs.typescale2Xs;
+exports.typescale3Xl = typescale3Xl.typescale3Xl;
+exports.typescale4Xl = typescale4Xl.typescale4Xl;
+exports.typescale5Xl = typescale5Xl.typescale5Xl;
 exports.typescaleLg = typescaleLg.typescaleLg;
 exports.typescaleMd = typescaleMd.typescaleMd;
 exports.typescaleSm = typescaleSm.typescaleSm;
@@ -530,10 +530,10 @@ exports.textSmallStyle = textSmallStyle.textSmallStyle;
 exports.textMediumStyle = textMediumStyle.textMediumStyle;
 exports.textLargeStyle = textLargeStyle.textLargeStyle;
 exports.textXLargeStyle = textXLargeStyle.textXLargeStyle;
-exports.proseDisplayLgStyle = proseDisplayLgStyle.proseDisplayLgStyle;
-exports.proseDisplayMdStyle = proseDisplayMdStyle.proseDisplayMdStyle;
-exports.proseDisplaySmStyle = proseDisplaySmStyle.proseDisplaySmStyle;
 exports.proseHeading2XlStyle = proseHeading2XlStyle.proseHeading2XlStyle;
+exports.proseHeading3XlStyle = proseHeading3XlStyle.proseHeading3XlStyle;
+exports.proseHeading4XlStyle = proseHeading4XlStyle.proseHeading4XlStyle;
+exports.proseHeading5XlStyle = proseHeading5XlStyle.proseHeading5XlStyle;
 exports.proseHeadingLgStyle = proseHeadingLgStyle.proseHeadingLgStyle;
 exports.proseHeadingMdStyle = proseHeadingMdStyle.proseHeadingMdStyle;
 exports.proseHeadingSmStyle = proseHeadingSmStyle.proseHeadingSmStyle;

package/vanilla-extract/cjs/tokens/dist/esm/color/palette.cjs

@@ -3,73 +3,73 @@
 const palette = {
     light: {
         green: {
-            '950': 'hsl(115, 77.5%, 27.8%)',
-            '50a': 'hsla(115, 77.5%, 27.8%, 0.100)',
-            '100a': 'hsla(115, 77.5%, 27.8%, 0.180)',
-            '600a': 'hsla(115, 77.5%, 27.8%, 0.600)'},
+            '950': 'hsl(115 77.5% 27.8%)',
+            '50a': 'hsl(115 77.5% 27.8% / 0.1)',
+            '100a': 'hsl(115 77.5% 27.8% / 0.18)',
+            '600a': 'hsl(115 77.5% 27.8% / 0.6)'},
         red: {
-            '950': 'hsl(357, 78%, 41%)',
-            '50a': 'hsla(357, 78%, 41%, 0.100)',
-            '100a': 'hsla(357, 78%, 41%, 0.180)',
-            '600a': 'hsla(357, 78%, 41%, 0.600)'},
+            '950': 'hsl(357 78% 41%)',
+            '50a': 'hsl(357 78% 41% / 0.1)',
+            '100a': 'hsl(357 78% 41% / 0.18)',
+            '600a': 'hsl(357 78% 41% / 0.6)'},
         yellow: {
-            '950': 'hsl(28, 97.7%, 34.1%)',
-            '50a': 'hsla(28, 97.7%, 34.1%, 0.100)',
-            '100a': 'hsla(28, 97.7%, 34.1%, 0.180)',
-            '600a': 'hsla(28, 97.7%, 34.1%, 0.600)'},
+            '950': 'hsl(28 97.7% 34.1%)',
+            '50a': 'hsl(28 97.7% 34.1% / 0.1)',
+            '100a': 'hsl(28 97.7% 34.1% / 0.18)',
+            '600a': 'hsl(28 97.7% 34.1% / 0.6)'},
         blue: {
-            '950': 'hsl(228, 83.2%, 51%)',
-            '50a': 'hsla(228, 83.2%, 51%, 0.100)',
-            '100a': 'hsla(228, 83.2%, 51%, 0.180)',
-            '600a': 'hsla(228, 83.2%, 51%, 0.600)'},
+            '950': 'hsl(228 83.2% 51%)',
+            '50a': 'hsl(228 83.2% 51% / 0.1)',
+            '100a': 'hsl(228 83.2% 51% / 0.18)',
+            '600a': 'hsl(228 83.2% 51% / 0.6)'},
         grey: {
-            '50': 'hsl(240, 10%, 95%)',
-            '950': 'hsl(225, 66.7%, 1.2%)',
-            '50a': 'hsla(234, 9.8%, 60%, 0.060)',
-            '100a': 'hsla(240, 5%, 70%, 0.148)',
-            '200a': 'hsla(236, 6.5%, 42%, 0.236)',
-            '300a': 'hsla(234, 6%, 32.9%, 0.324)',
-            '500a': 'hsla(240, 5.3%, 14.9%, 0.500)',
-            '600a': 'hsla(240, 6.1%, 7%, 0.600)',
-            '700a': 'hsla(240, 7.1%, 11%, 0.700)',
-            '800a': 'hsla(240, 8.7%, 9%, 0.800)'},
+            '50': 'hsl(240 10% 95%)',
+            '950': 'hsl(225 66.7% 1.2%)',
+            '50a': 'hsl(234 9.8% 60% / 0.06)',
+            '100a': 'hsl(240 5% 70% / 0.148)',
+            '200a': 'hsl(236 6.5% 42% / 0.236)',
+            '300a': 'hsl(234 6% 32.9% / 0.324)',
+            '500a': 'hsl(240 5.3% 14.9% / 0.5)',
+            '600a': 'hsl(240 6.1% 7% / 0.6)',
+            '700a': 'hsl(240 7.1% 11% / 0.7)',
+            '800a': 'hsl(240 8.7% 9% / 0.8)'},
     },
     dark: {
         green: {
-            '950': 'hsl(157, 84.9%, 41.6%)',
-            '50a': 'hsla(157, 84.9%, 41.6%, 0.100)',
-            '100a': 'hsla(157, 84.9%, 41.6%, 0.180)',
-            '200a': 'hsla(157, 84.9%, 41.6%, 0.260)',
-            '600a': 'hsla(157, 84.9%, 41.6%, 0.600)'},
+            '950': 'hsl(157 84.9% 41.6%)',
+            '50a': 'hsl(157 84.9% 41.6% / 0.1)',
+            '100a': 'hsl(157 84.9% 41.6% / 0.18)',
+            '200a': 'hsl(157 84.9% 41.6% / 0.26)',
+            '600a': 'hsl(157 84.9% 41.6% / 0.6)'},
         red: {
-            '950': 'hsl(0, 96.9%, 62%)',
-            '50a': 'hsla(0, 96.9%, 62%, 0.100)',
-            '100a': 'hsla(0, 96.9%, 62%, 0.180)',
-            '200a': 'hsla(0, 96.9%, 62%, 0.260)',
-            '600a': 'hsla(0, 96.9%, 62%, 0.600)'},
+            '950': 'hsl(0 96.9% 62%)',
+            '50a': 'hsl(0 96.9% 62% / 0.1)',
+            '100a': 'hsl(0 96.9% 62% / 0.18)',
+            '200a': 'hsl(0 96.9% 62% / 0.26)',
+            '600a': 'hsl(0 96.9% 62% / 0.6)'},
         yellow: {
-            '950': 'hsl(28, 90.2%, 56.1%)',
-            '50a': 'hsla(28, 90.2%, 56.1%, 0.100)',
-            '100a': 'hsla(28, 90.2%, 56.1%, 0.180)',
-            '200a': 'hsla(28, 90.2%, 56.1%, 0.260)',
-            '600a': 'hsla(28, 90.2%, 56.1%, 0.600)'},
+            '950': 'hsl(28 90.2% 56.1%)',
+            '50a': 'hsl(28 90.2% 56.1% / 0.1)',
+            '100a': 'hsl(28 90.2% 56.1% / 0.18)',
+            '200a': 'hsl(28 90.2% 56.1% / 0.26)',
+            '600a': 'hsl(28 90.2% 56.1% / 0.6)'},
         blue: {
-            '950': 'hsl(210, 100%, 54.5%)',
-            '50a': 'hsla(210, 100%, 54.5%, 0.100)',
-            '100a': 'hsla(210, 100%, 54.5%, 0.180)',
-            '200a': 'hsla(210, 100%, 54.5%, 0.260)',
-            '600a': 'hsla(210, 100%, 54.5%, 0.600)'},
+            '950': 'hsl(210 100% 54.5%)',
+            '50a': 'hsl(210 100% 54.5% / 0.1)',
+            '100a': 'hsl(210 100% 54.5% / 0.18)',
+            '200a': 'hsl(210 100% 54.5% / 0.26)',
+            '600a': 'hsl(210 100% 54.5% / 0.6)'},
         grey: {
-            '50': 'hsl(225, 66.7%, 1.2%)',
-            '100': 'hsl(240, 2%, 10%)',
-            '950': 'hsl(225, 100%, 99%)',
-            '100a': 'hsla(240, 3.7%, 26.5%, 0.154)',
-            '200a': 'hsla(240, 2%, 43%, 0.228)',
-            '300a': 'hsla(240, 1.5%, 61.8%, 0.302)',
-            '500a': 'hsla(240, 12.5%, 96.9%, 0.450)',
-            '600a': 'hsla(240, 12.5%, 96.9%, 0.560)',
-            '700a': 'hsla(240, 12.5%, 96.9%, 0.670)',
-            '800a': 'hsla(240, 12.5%, 96.9%, 0.780)'},
+            '50': 'hsl(225 66.7% 1.2%)',
+            '100': 'hsl(240 2% 10%)',
+            '950': 'hsl(225 100% 99%)',
+            '100a': 'hsl(240 3.7% 26.5% / 0.154)',
+            '200a': 'hsl(240 2% 43% / 0.228)',
+            '300a': 'hsl(240 1.5% 61.8% / 0.302)',
+            '500a': 'hsl(240 12.5% 96.9% / 0.45)',
+            '600a': 'hsl(240 12.5% 96.9% / 0.56)',
+            '700a': 'hsl(240 12.5% 96.9% / 0.67)',
+            '800a': 'hsl(240 12.5% 96.9% / 0.78)'},
     },
 };
 

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

@@ -0,0 +1,5 @@
+'use strict';
+
+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

@@ -0,0 +1,5 @@
+'use strict';
+
+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

@@ -0,0 +1,5 @@
+'use strict';
+
+const typescale5Xl = 'clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)';
+
+exports.typescale5Xl = typescale5Xl;

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

@@ -1,5 +1,5 @@
 'use strict';
 
-const typescaleXs = 'clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)';
+const typescaleXs = '.875rem';
 
 exports.typescaleXs = typescaleXs;

package/vanilla-extract/cjs/typography/deprecated/display/displayLargeStyle.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var fontSizeDisplayLarge = require('../../../font/fontSizeDisplayLarge.cjs');
+var typescale5Xl = require('../../../font/typescale5Xl.cjs');
 var displayShared = require('./displayShared.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use proseDisplayLg instead. */
+/** @deprecated since v4.0.0, will be removed with next major release. Use proseHeading5XlStyle instead. */
 const displayLargeStyle = {
-    font: `${displayShared._displayFontPartA}${fontSizeDisplayLarge.fontSizeDisplayLarge}${displayShared._displayFontPartB}`,
+    font: `${displayShared._displayFontPartA}${typescale5Xl.typescale5Xl}${displayShared._displayFontPartB}`,
 };
 
 exports.displayLargeStyle = displayLargeStyle;

package/vanilla-extract/cjs/typography/deprecated/display/displayMediumStyle.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var fontSizeDisplayMedium = require('../../../font/fontSizeDisplayMedium.cjs');
+var typescale4Xl = require('../../../font/typescale4Xl.cjs');
 var displayShared = require('./displayShared.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use proseDisplayMd instead. */
+/** @deprecated since v4.0.0, will be removed with next major release. Use proseHeading4XlStyle instead. */
 const displayMediumStyle = {
-    font: `${displayShared._displayFontPartA}${fontSizeDisplayMedium.fontSizeDisplayMedium}${displayShared._displayFontPartB}`,
+    font: `${displayShared._displayFontPartA}${typescale4Xl.typescale4Xl}${displayShared._displayFontPartB}`,
 };
 
 exports.displayMediumStyle = displayMediumStyle;

package/vanilla-extract/cjs/typography/deprecated/display/displaySmallStyle.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var fontSizeDisplaySmall = require('../../../font/fontSizeDisplaySmall.cjs');
+var typescale3Xl = require('../../../font/typescale3Xl.cjs');
 var displayShared = require('./displayShared.cjs');
 
-/** @deprecated since v4.0.0, will be removed with next major release. Use proseDisplaySm instead. */
+/** @deprecated since v4.0.0, will be removed with next major release. Use proseHeading3XlStyle instead. */
 const displaySmallStyle = {
-    font: `${displayShared._displayFontPartA}${fontSizeDisplaySmall.fontSizeDisplaySmall}${displayShared._displayFontPartB}`,
+    font: `${displayShared._displayFontPartA}${typescale3Xl.typescale3Xl}${displayShared._displayFontPartB}`,
 };
 
 exports.displaySmallStyle = displaySmallStyle;

package/vanilla-extract/cjs/typography/deprecated/text/textLargeStyle.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
 var fontSizeTextLarge = require('../../../font/deprecated/fontSizeTextLarge.cjs');
-var fontHyphenationStyle = require('../../../font/fontHyphenationStyle.cjs');
 var textShared = require('./textShared.cjs');
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextLg instead. */
 const textLargeStyle = {
     font: `${textShared._textFontPartA}${fontSizeTextLarge.fontSizeTextLarge}${textShared._textFontPartB}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.textLargeStyle = textLargeStyle;

package/vanilla-extract/cjs/typography/deprecated/text/textMediumStyle.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
 var fontSizeTextMedium = require('../../../font/deprecated/fontSizeTextMedium.cjs');
-var fontHyphenationStyle = require('../../../font/fontHyphenationStyle.cjs');
 var textShared = require('./textShared.cjs');
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextMd instead. */
 const textMediumStyle = {
     font: `${textShared._textFontPartA}${fontSizeTextMedium.fontSizeTextMedium}${textShared._textFontPartB}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.textMediumStyle = textMediumStyle;

package/vanilla-extract/cjs/typography/deprecated/text/textSmallStyle.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
 var fontSizeTextSmall = require('../../../font/deprecated/fontSizeTextSmall.cjs');
-var fontHyphenationStyle = require('../../../font/fontHyphenationStyle.cjs');
 var textShared = require('./textShared.cjs');
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextSm instead. */
 const textSmallStyle = {
     font: `${textShared._textFontPartA}${fontSizeTextSmall.fontSizeTextSmall}${textShared._textFontPartB}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.textSmallStyle = textSmallStyle;

package/vanilla-extract/cjs/typography/deprecated/text/textXLargeStyle.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
 var fontSizeTextXLarge = require('../../../font/deprecated/fontSizeTextXLarge.cjs');
-var fontHyphenationStyle = require('../../../font/fontHyphenationStyle.cjs');
 var textShared = require('./textShared.cjs');
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextXl instead. */
 const textXLargeStyle = {
     font: `${textShared._textFontPartA}${fontSizeTextXLarge.fontSizeTextXLarge}${textShared._textFontPartB}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.textXLargeStyle = textXLargeStyle;

package/vanilla-extract/cjs/typography/deprecated/text/textXSmallStyle.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
 var fontSizeTextXSmall = require('../../../font/deprecated/fontSizeTextXSmall.cjs');
-var fontHyphenationStyle = require('../../../font/fontHyphenationStyle.cjs');
 var textShared = require('./textShared.cjs');
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextXs instead. */
 const textXSmallStyle = {
     font: `${textShared._textFontPartA}${fontSizeTextXSmall.fontSizeTextXSmall}${textShared._textFontPartB}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.textXSmallStyle = textXSmallStyle;

package/vanilla-extract/cjs/typography/deprecated/text/textXXSmallStyle.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
 var fontSizeTextXXSmall = require('../../../font/deprecated/fontSizeTextXXSmall.cjs');
-var fontHyphenationStyle = require('../../../font/fontHyphenationStyle.cjs');
 var textShared = require('./textShared.cjs');
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseText2Xs instead. */
 const textXXSmallStyle = {
     font: `${textShared._textFontPartA}${fontSizeTextXXSmall.fontSizeTextXXSmall}${textShared._textFontPartB}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.textXXSmallStyle = textXXSmallStyle;

package/vanilla-extract/cjs/typography/proseHeading3XlStyle.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
+var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
+var typescale3Xl = require('../tokens/dist/esm/font/size/typescale3Xl.cjs');
+var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const proseHeading3XlStyle = {
+    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale3Xl.typescale3Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+};
+
+exports.proseHeading3XlStyle = proseHeading3XlStyle;

package/vanilla-extract/cjs/typography/proseHeading4XlStyle.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
+var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
+var typescale4Xl = require('../tokens/dist/esm/font/size/typescale4Xl.cjs');
+var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const proseHeading4XlStyle = {
+    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale4Xl.typescale4Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+};
+
+exports.proseHeading4XlStyle = proseHeading4XlStyle;

package/vanilla-extract/cjs/typography/proseHeading5XlStyle.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
+var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
+var typescale5Xl = require('../tokens/dist/esm/font/size/typescale5Xl.cjs');
+var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const proseHeading5XlStyle = {
+    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale5Xl.typescale5Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+};
+
+exports.proseHeading5XlStyle = proseHeading5XlStyle;

package/vanilla-extract/cjs/typography/proseHeadingSmStyle.cjs

@@ -3,10 +3,10 @@
 var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
 var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
 var typescaleSm = require('../tokens/dist/esm/font/size/typescaleSm.cjs');
-var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+var fontWeightSemibold = require('../tokens/dist/esm/font/weight/fontWeightSemibold.cjs');
 
 const proseHeadingSmStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `normal normal ${fontWeightSemibold.fontWeightSemibold} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
 };
 
 exports.proseHeadingSmStyle = proseHeadingSmStyle;

package/vanilla-extract/cjs/typography/proseText2XsStyle.cjs

@@ -4,11 +4,9 @@ var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cj
 var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
 var typescale2Xs = require('../tokens/dist/esm/font/size/typescale2Xs.cjs');
 var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-var fontHyphenationStyle = require('../font/fontHyphenationStyle.cjs');
 
 const proseText2XsStyle = {
     font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale2Xs.typescale2Xs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.proseText2XsStyle = proseText2XsStyle;

package/vanilla-extract/cjs/typography/proseTextLgStyle.cjs

@@ -4,11 +4,9 @@ var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cj
 var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
 var typescaleLg = require('../tokens/dist/esm/font/size/typescaleLg.cjs');
 var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-var fontHyphenationStyle = require('../font/fontHyphenationStyle.cjs');
 
 const proseTextLgStyle = {
     font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleLg.typescaleLg} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.proseTextLgStyle = proseTextLgStyle;

package/vanilla-extract/cjs/typography/proseTextMdStyle.cjs

@@ -4,11 +4,9 @@ var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cj
 var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
 var typescaleMd = require('../tokens/dist/esm/font/size/typescaleMd.cjs');
 var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-var fontHyphenationStyle = require('../font/fontHyphenationStyle.cjs');
 
 const proseTextMdStyle = {
     font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleMd.typescaleMd} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.proseTextMdStyle = proseTextMdStyle;

package/vanilla-extract/cjs/typography/proseTextSmStyle.cjs

@@ -4,11 +4,9 @@ var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cj
 var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
 var typescaleSm = require('../tokens/dist/esm/font/size/typescaleSm.cjs');
 var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-var fontHyphenationStyle = require('../font/fontHyphenationStyle.cjs');
 
 const proseTextSmStyle = {
     font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.proseTextSmStyle = proseTextSmStyle;

package/vanilla-extract/cjs/typography/proseTextXlStyle.cjs

@@ -4,11 +4,9 @@ var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cj
 var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
 var typescaleXl = require('../tokens/dist/esm/font/size/typescaleXl.cjs');
 var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-var fontHyphenationStyle = require('../font/fontHyphenationStyle.cjs');
 
 const proseTextXlStyle = {
     font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleXl.typescaleXl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.proseTextXlStyle = proseTextXlStyle;

package/vanilla-extract/cjs/typography/proseTextXsStyle.cjs

@@ -4,11 +4,9 @@ var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cj
 var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
 var typescaleXs = require('../tokens/dist/esm/font/size/typescaleXs.cjs');
 var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-var fontHyphenationStyle = require('../font/fontHyphenationStyle.cjs');
 
 const proseTextXsStyle = {
     font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleXs.typescaleXs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-    ...fontHyphenationStyle.fontHyphenationStyle,
 };
 
 exports.proseTextXsStyle = proseTextXsStyle;

package/vanilla-extract/esm/font/deprecated/fontSizeDisplay.mjs

@@ -1,12 +1,12 @@
-import { fontSizeDisplayLarge } from '../fontSizeDisplayLarge.mjs';
-import { fontSizeDisplayMedium } from '../fontSizeDisplayMedium.mjs';
-import { fontSizeDisplaySmall } from '../fontSizeDisplaySmall.mjs';
+import { typescale3Xl } from '../typescale3Xl.mjs';
+import { typescale4Xl } from '../typescale4Xl.mjs';
+import { typescale5Xl } from '../typescale5Xl.mjs';
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
 const fontSizeDisplay = {
-    small: fontSizeDisplaySmall,
-    medium: fontSizeDisplayMedium,
-    large: fontSizeDisplayLarge,
+    small: typescale3Xl,
+    medium: typescale4Xl,
+    large: typescale5Xl,
 };
 
 export { fontSizeDisplay };

package/vanilla-extract/esm/font/deprecated/fontSizeTextXSmall.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use typescaleXs instead. */
-export declare const fontSizeTextXSmall = "clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)";
+export declare const fontSizeTextXSmall = ".875rem";

package/vanilla-extract/esm/font/index.d.ts

@@ -1,15 +1,15 @@
 export * from './deprecated';
 export { fontHyphenationStyle } from './fontHyphenationStyle';
 export { fontPorscheNext } from './fontPorscheNext';
-export { fontSizeDisplayLarge } from './fontSizeDisplayLarge';
-export { fontSizeDisplayMedium } from './fontSizeDisplayMedium';
-export { fontSizeDisplaySmall } from './fontSizeDisplaySmall';
 export { fontWeightBold } from './fontWeightBold';
 export { fontWeightNormal } from './fontWeightNormal';
 export { fontWeightSemibold } from './fontWeightSemibold';
 export { leadingNormal } from './leadingNormal';
 export { typescale2Xl } from './typescale2Xl';
 export { typescale2Xs } from './typescale2Xs';
+export { typescale3Xl } from './typescale3Xl';
+export { typescale4Xl } from './typescale4Xl';
+export { typescale5Xl } from './typescale5Xl';
 export { typescaleLg } from './typescaleLg';
 export { typescaleMd } from './typescaleMd';
 export { typescaleSm } from './typescaleSm';

package/vanilla-extract/esm/font/typescale3Xl.d.ts

@@ -0,0 +1 @@
+export declare const typescale3Xl = "clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)";

package/vanilla-extract/esm/font/typescale3Xl.mjs

@@ -0,0 +1,5 @@
+import { typescale3Xl as typescale3Xl$1 } from '../tokens/dist/esm/font/size/typescale3Xl.mjs';
+
+const typescale3Xl = typescale3Xl$1;
+
+export { typescale3Xl };

package/vanilla-extract/esm/font/typescale4Xl.d.ts

@@ -0,0 +1 @@
+export declare const typescale4Xl = "clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)";