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

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

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

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

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

@@ -0,0 +1 @@
+export declare const typescale5Xl = "clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)";

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

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

package/vanilla-extract/esm/index.mjs

@@ -122,15 +122,15 @@ export { fontWeightRegular } from './font/deprecated/fontWeightRegular.mjs';
 export { fontWeightSemiBold } from './font/deprecated/fontWeightSemiBold.mjs';
 export { fontHyphenationStyle } from './font/fontHyphenationStyle.mjs';
 export { fontPorscheNext } from './font/fontPorscheNext.mjs';
-export { fontSizeDisplayLarge } from './font/fontSizeDisplayLarge.mjs';
-export { fontSizeDisplayMedium } from './font/fontSizeDisplayMedium.mjs';
-export { fontSizeDisplaySmall } from './font/fontSizeDisplaySmall.mjs';
 export { fontWeightBold } from './font/fontWeightBold.mjs';
 export { fontWeightNormal } from './font/fontWeightNormal.mjs';
 export { fontWeightSemibold } from './font/fontWeightSemibold.mjs';
 export { leadingNormal } from './font/leadingNormal.mjs';
 export { typescale2Xl } from './font/typescale2Xl.mjs';
 export { typescale2Xs } from './font/typescale2Xs.mjs';
+export { typescale3Xl } from './font/typescale3Xl.mjs';
+export { typescale4Xl } from './font/typescale4Xl.mjs';
+export { typescale5Xl } from './font/typescale5Xl.mjs';
 export { typescaleLg } from './font/typescaleLg.mjs';
 export { typescaleMd } from './font/typescaleMd.mjs';
 export { typescaleSm } from './font/typescaleSm.mjs';
@@ -254,10 +254,10 @@ export { textSmallStyle } from './typography/deprecated/text/textSmallStyle.mjs'
 export { textMediumStyle } from './typography/deprecated/text/textMediumStyle.mjs';
 export { textLargeStyle } from './typography/deprecated/text/textLargeStyle.mjs';
 export { textXLargeStyle } from './typography/deprecated/text/textXLargeStyle.mjs';
-export { proseDisplayLgStyle } from './typography/proseDisplayLgStyle.mjs';
-export { proseDisplayMdStyle } from './typography/proseDisplayMdStyle.mjs';
-export { proseDisplaySmStyle } from './typography/proseDisplaySmStyle.mjs';
 export { proseHeading2XlStyle } from './typography/proseHeading2XlStyle.mjs';
+export { proseHeading3XlStyle } from './typography/proseHeading3XlStyle.mjs';
+export { proseHeading4XlStyle } from './typography/proseHeading4XlStyle.mjs';
+export { proseHeading5XlStyle } from './typography/proseHeading5XlStyle.mjs';
 export { proseHeadingLgStyle } from './typography/proseHeadingLgStyle.mjs';
 export { proseHeadingMdStyle } from './typography/proseHeadingMdStyle.mjs';
 export { proseHeadingSmStyle } from './typography/proseHeadingSmStyle.mjs';

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

@@ -0,0 +1,3 @@
+const typescale3Xl = 'clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)';
+
+export { typescale3Xl };

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

@@ -0,0 +1,3 @@
+const typescale4Xl = 'clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)';
+
+export { typescale4Xl };

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

@@ -0,0 +1,3 @@
+const typescale5Xl = 'clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)';
+
+export { typescale5Xl };

package/vanilla-extract/esm/typography/deprecated/display/displayLargeStyle.d.ts

@@ -1,4 +1,4 @@
-/** @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. */
 export declare const displayLargeStyle: {
     readonly font: "normal normal 400 clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/display/displayLargeStyle.mjs

@@ -1,9 +1,9 @@
-import { fontSizeDisplayLarge } from '../../../font/fontSizeDisplayLarge.mjs';
+import { typescale5Xl } from '../../../font/typescale5Xl.mjs';
 import { _displayFontPartA, _displayFontPartB } from './displayShared.mjs';
 
-/** @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: `${_displayFontPartA}${fontSizeDisplayLarge}${_displayFontPartB}`,
+    font: `${_displayFontPartA}${typescale5Xl}${_displayFontPartB}`,
 };
 
 export { displayLargeStyle };

package/vanilla-extract/esm/typography/deprecated/display/displayMediumStyle.d.ts

@@ -1,4 +1,4 @@
-/** @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. */
 export declare const displayMediumStyle: {
     readonly font: "normal normal 400 clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/display/displayMediumStyle.mjs

@@ -1,9 +1,9 @@
-import { fontSizeDisplayMedium } from '../../../font/fontSizeDisplayMedium.mjs';
+import { typescale4Xl } from '../../../font/typescale4Xl.mjs';
 import { _displayFontPartA, _displayFontPartB } from './displayShared.mjs';
 
-/** @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: `${_displayFontPartA}${fontSizeDisplayMedium}${_displayFontPartB}`,
+    font: `${_displayFontPartA}${typescale4Xl}${_displayFontPartB}`,
 };
 
 export { displayMediumStyle };

package/vanilla-extract/esm/typography/deprecated/display/displaySmallStyle.d.ts

@@ -1,4 +1,4 @@
-/** @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. */
 export declare const displaySmallStyle: {
     readonly font: "normal normal 400 clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/display/displaySmallStyle.mjs

@@ -1,9 +1,9 @@
-import { fontSizeDisplaySmall } from '../../../font/fontSizeDisplaySmall.mjs';
+import { typescale3Xl } from '../../../font/typescale3Xl.mjs';
 import { _displayFontPartA, _displayFontPartB } from './displayShared.mjs';
 
-/** @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: `${_displayFontPartA}${fontSizeDisplaySmall}${_displayFontPartB}`,
+    font: `${_displayFontPartA}${typescale3Xl}${_displayFontPartB}`,
 };
 
 export { displaySmallStyle };

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

@@ -1,8 +1,8 @@
 export * from './deprecated';
-export { proseDisplayLgStyle } from './proseDisplayLgStyle';
-export { proseDisplayMdStyle } from './proseDisplayMdStyle';
-export { proseDisplaySmStyle } from './proseDisplaySmStyle';
 export { proseHeading2XlStyle } from './proseHeading2XlStyle';
+export { proseHeading3XlStyle } from './proseHeading3XlStyle';
+export { proseHeading4XlStyle } from './proseHeading4XlStyle';
+export { proseHeading5XlStyle } from './proseHeading5XlStyle';
 export { proseHeadingLgStyle } from './proseHeadingLgStyle';
 export { proseHeadingMdStyle } from './proseHeadingMdStyle';
 export { proseHeadingSmStyle } from './proseHeadingSmStyle';

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

@@ -0,0 +1,3 @@
+export declare const proseHeading3XlStyle: {
+    font: string;
+};

package/vanilla-extract/esm/typography/{proseDisplayMdStyle.mjs → proseHeading3XlStyle.mjs}

@@ -1,9 +1,10 @@
 import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
 import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
+import { typescale3Xl } from '../tokens/dist/esm/font/size/typescale3Xl.mjs';
 import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
 
-const proseDisplayMdStyle = {
-    font: `normal normal ${fontWeightNormal} clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem) / ${leadingNormal} ${fontPorscheNext}`,
+const proseHeading3XlStyle = {
+    font: `normal normal ${fontWeightNormal} ${typescale3Xl} / ${leadingNormal} ${fontPorscheNext}`,
 };
 
-export { proseDisplayMdStyle };
+export { proseHeading3XlStyle };

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

@@ -0,0 +1,3 @@
+export declare const proseHeading4XlStyle: {
+    font: string;
+};

package/vanilla-extract/esm/typography/{proseDisplaySmStyle.mjs → proseHeading4XlStyle.mjs}

@@ -1,9 +1,10 @@
 import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
 import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
+import { typescale4Xl } from '../tokens/dist/esm/font/size/typescale4Xl.mjs';
 import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
 
-const proseDisplaySmStyle = {
-    font: `normal normal ${fontWeightNormal} clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem) / ${leadingNormal} ${fontPorscheNext}`,
+const proseHeading4XlStyle = {
+    font: `normal normal ${fontWeightNormal} ${typescale4Xl} / ${leadingNormal} ${fontPorscheNext}`,
 };
 
-export { proseDisplaySmStyle };
+export { proseHeading4XlStyle };

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

@@ -0,0 +1,3 @@
+export declare const proseHeading5XlStyle: {
+    font: string;
+};

package/vanilla-extract/esm/typography/{proseDisplayLgStyle.mjs → proseHeading5XlStyle.mjs}

@@ -1,9 +1,10 @@
 import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
 import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
+import { typescale5Xl } from '../tokens/dist/esm/font/size/typescale5Xl.mjs';
 import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
 
-const proseDisplayLgStyle = {
-    font: `normal normal ${fontWeightNormal} clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem) / ${leadingNormal} ${fontPorscheNext}`,
+const proseHeading5XlStyle = {
+    font: `normal normal ${fontWeightNormal} ${typescale5Xl} / ${leadingNormal} ${fontPorscheNext}`,
 };
 
-export { proseDisplayLgStyle };
+export { proseHeading5XlStyle };

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

@@ -1,10 +1,10 @@
 import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
 import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
 import { typescaleSm } from '../tokens/dist/esm/font/size/typescaleSm.mjs';
-import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
+import { fontWeightSemibold } from '../tokens/dist/esm/font/weight/fontWeightSemibold.mjs';
 
 const proseHeadingSmStyle = {
-    font: `normal normal ${fontWeightNormal} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
+    font: `normal normal ${fontWeightSemibold} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
 };
 
 export { proseHeadingSmStyle };

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

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

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

@@ -1,5 +0,0 @@
-'use strict';
-
-const fontSizeDisplayMedium = 'clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)';
-
-exports.fontSizeDisplayMedium = fontSizeDisplayMedium;

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

@@ -1,5 +0,0 @@
-'use strict';
-
-const fontSizeDisplaySmall = 'clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)';
-
-exports.fontSizeDisplaySmall = fontSizeDisplaySmall;

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

@@ -1,11 +0,0 @@
-'use strict';
-
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
-var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-
-const proseDisplayLgStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem) / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-};
-
-exports.proseDisplayLgStyle = proseDisplayLgStyle;

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

@@ -1,11 +0,0 @@
-'use strict';
-
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
-var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-
-const proseDisplayMdStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem) / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-};
-
-exports.proseDisplayMdStyle = proseDisplayMdStyle;

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

@@ -1,11 +0,0 @@
-'use strict';
-
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
-var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
-
-const proseDisplaySmStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem) / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
-};
-
-exports.proseDisplaySmStyle = proseDisplaySmStyle;

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

@@ -1 +0,0 @@
-export declare const fontSizeDisplayLarge = "clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)";

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

@@ -1,3 +0,0 @@
-const fontSizeDisplayLarge = 'clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)';
-
-export { fontSizeDisplayLarge };

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

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

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

@@ -1,3 +0,0 @@
-const fontSizeDisplayMedium = 'clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)';
-
-export { fontSizeDisplayMedium };

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

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

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

@@ -1,3 +0,0 @@
-const fontSizeDisplaySmall = 'clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)';
-
-export { fontSizeDisplaySmall };

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

@@ -1,3 +0,0 @@
-export declare const proseDisplayLgStyle: {
-    font: string;
-};

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

@@ -1,3 +0,0 @@
-export declare const proseDisplayMdStyle: {
-    font: string;
-};