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

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/font/typescaleXs.d.ts

@@ -1 +1 @@
-export declare const typescaleXs = "clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)";
+export declare const typescaleXs = ".875rem";

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/color/palette.mjs

@@ -1,73 +1,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/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/tokens/dist/esm/font/size/typescaleXs.mjs

@@ -1,3 +1,3 @@
-const typescaleXs = 'clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)';
+const typescaleXs = '.875rem';
 
 export { typescaleXs };

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/deprecated/text/textLargeStyle.d.ts

@@ -1,6 +1,4 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextLg instead. */
 export declare const textLargeStyle: {
-    readonly overflowWrap: "break-word";
-    readonly hyphens: "auto";
     readonly font: "normal normal 400 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/text/textLargeStyle.mjs

@@ -1,11 +1,9 @@
 import { fontSizeTextLarge } from '../../../font/deprecated/fontSizeTextLarge.mjs';
-import { fontHyphenationStyle } from '../../../font/fontHyphenationStyle.mjs';
 import { _textFontPartA, _textFontPartB } from './textShared.mjs';
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextLg instead. */
 const textLargeStyle = {
     font: `${_textFontPartA}${fontSizeTextLarge}${_textFontPartB}`,
-    ...fontHyphenationStyle,
 };
 
 export { textLargeStyle };

package/vanilla-extract/esm/typography/deprecated/text/textMediumStyle.d.ts

@@ -1,6 +1,4 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextMd instead. */
 export declare const textMediumStyle: {
-    readonly overflowWrap: "break-word";
-    readonly hyphens: "auto";
     readonly font: "normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/text/textMediumStyle.mjs

@@ -1,11 +1,9 @@
 import { fontSizeTextMedium } from '../../../font/deprecated/fontSizeTextMedium.mjs';
-import { fontHyphenationStyle } from '../../../font/fontHyphenationStyle.mjs';
 import { _textFontPartA, _textFontPartB } from './textShared.mjs';
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextMd instead. */
 const textMediumStyle = {
     font: `${_textFontPartA}${fontSizeTextMedium}${_textFontPartB}`,
-    ...fontHyphenationStyle,
 };
 
 export { textMediumStyle };

package/vanilla-extract/esm/typography/deprecated/text/textSmallStyle.d.ts

@@ -1,6 +1,4 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextSm instead. */
 export declare const textSmallStyle: {
-    readonly overflowWrap: "break-word";
-    readonly hyphens: "auto";
     readonly font: "normal normal 400 1rem/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/text/textSmallStyle.mjs

@@ -1,11 +1,9 @@
 import { fontSizeTextSmall } from '../../../font/deprecated/fontSizeTextSmall.mjs';
-import { fontHyphenationStyle } from '../../../font/fontHyphenationStyle.mjs';
 import { _textFontPartA, _textFontPartB } from './textShared.mjs';
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextSm instead. */
 const textSmallStyle = {
     font: `${_textFontPartA}${fontSizeTextSmall}${_textFontPartB}`,
-    ...fontHyphenationStyle,
 };
 
 export { textSmallStyle };

package/vanilla-extract/esm/typography/deprecated/text/textXLargeStyle.d.ts

@@ -1,6 +1,4 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextXl instead. */
 export declare const textXLargeStyle: {
-    readonly overflowWrap: "break-word";
-    readonly hyphens: "auto";
     readonly font: "normal normal 400 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/text/textXLargeStyle.mjs

@@ -1,11 +1,9 @@
 import { fontSizeTextXLarge } from '../../../font/deprecated/fontSizeTextXLarge.mjs';
-import { fontHyphenationStyle } from '../../../font/fontHyphenationStyle.mjs';
 import { _textFontPartA, _textFontPartB } from './textShared.mjs';
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextXl instead. */
 const textXLargeStyle = {
     font: `${_textFontPartA}${fontSizeTextXLarge}${_textFontPartB}`,
-    ...fontHyphenationStyle,
 };
 
 export { textXLargeStyle };

package/vanilla-extract/esm/typography/deprecated/text/textXSmallStyle.d.ts

@@ -1,6 +1,4 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextXs instead. */
 export declare const textXSmallStyle: {
-    readonly overflowWrap: "break-word";
-    readonly hyphens: "auto";
-    readonly font: "normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
+    readonly font: "normal normal 400 .875rem/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/text/textXSmallStyle.mjs

@@ -1,11 +1,9 @@
 import { fontSizeTextXSmall } from '../../../font/deprecated/fontSizeTextXSmall.mjs';
-import { fontHyphenationStyle } from '../../../font/fontHyphenationStyle.mjs';
 import { _textFontPartA, _textFontPartB } from './textShared.mjs';
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseTextXs instead. */
 const textXSmallStyle = {
     font: `${_textFontPartA}${fontSizeTextXSmall}${_textFontPartB}`,
-    ...fontHyphenationStyle,
 };
 
 export { textXSmallStyle };

package/vanilla-extract/esm/typography/deprecated/text/textXXSmallStyle.d.ts

@@ -1,6 +1,4 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseText2Xs instead. */
 export declare const textXXSmallStyle: {
-    readonly overflowWrap: "break-word";
-    readonly hyphens: "auto";
     readonly font: "normal normal 400 .75rem/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 };

package/vanilla-extract/esm/typography/deprecated/text/textXXSmallStyle.mjs

@@ -1,11 +1,9 @@
 import { fontSizeTextXXSmall } from '../../../font/deprecated/fontSizeTextXXSmall.mjs';
-import { fontHyphenationStyle } from '../../../font/fontHyphenationStyle.mjs';
 import { _textFontPartA, _textFontPartB } from './textShared.mjs';
 
 /** @deprecated since v4.0.0, will be removed with next major release. Use proseText2Xs instead. */
 const textXXSmallStyle = {
     font: `${_textFontPartA}${fontSizeTextXXSmall}${_textFontPartB}`,
-    ...fontHyphenationStyle,
 };
 
 export { textXXSmallStyle };

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/esm/typography/proseText2XsStyle.d.ts

@@ -1,5 +1,3 @@
 export declare const proseText2XsStyle: {
-    overflowWrap: "break-word";
-    hyphens: "auto";
     font: string;
 };

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

@@ -2,11 +2,9 @@ import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.
 import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
 import { typescale2Xs } from '../tokens/dist/esm/font/size/typescale2Xs.mjs';
 import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
-import { fontHyphenationStyle } from '../font/fontHyphenationStyle.mjs';
 
 const proseText2XsStyle = {
     font: `normal normal ${fontWeightNormal} ${typescale2Xs} / ${leadingNormal} ${fontPorscheNext}`,
-    ...fontHyphenationStyle,
 };
 
 export { proseText2XsStyle };

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

@@ -1,5 +1,3 @@
 export declare const proseTextLgStyle: {
-    overflowWrap: "break-word";
-    hyphens: "auto";
     font: string;
 };

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

@@ -2,11 +2,9 @@ import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.
 import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
 import { typescaleLg } from '../tokens/dist/esm/font/size/typescaleLg.mjs';
 import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
-import { fontHyphenationStyle } from '../font/fontHyphenationStyle.mjs';
 
 const proseTextLgStyle = {
     font: `normal normal ${fontWeightNormal} ${typescaleLg} / ${leadingNormal} ${fontPorscheNext}`,
-    ...fontHyphenationStyle,
 };
 
 export { proseTextLgStyle };

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

@@ -1,5 +1,3 @@
 export declare const proseTextMdStyle: {
-    overflowWrap: "break-word";
-    hyphens: "auto";
     font: string;
 };

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

@@ -2,11 +2,9 @@ import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.
 import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
 import { typescaleMd } from '../tokens/dist/esm/font/size/typescaleMd.mjs';
 import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
-import { fontHyphenationStyle } from '../font/fontHyphenationStyle.mjs';
 
 const proseTextMdStyle = {
     font: `normal normal ${fontWeightNormal} ${typescaleMd} / ${leadingNormal} ${fontPorscheNext}`,
-    ...fontHyphenationStyle,
 };
 
 export { proseTextMdStyle };

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

@@ -1,5 +1,3 @@
 export declare const proseTextSmStyle: {
-    overflowWrap: "break-word";
-    hyphens: "auto";
     font: string;
 };

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

@@ -2,11 +2,9 @@ import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.
 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 { fontHyphenationStyle } from '../font/fontHyphenationStyle.mjs';
 
 const proseTextSmStyle = {
     font: `normal normal ${fontWeightNormal} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
-    ...fontHyphenationStyle,
 };
 
 export { proseTextSmStyle };

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

@@ -1,5 +1,3 @@
 export declare const proseTextXlStyle: {
-    overflowWrap: "break-word";
-    hyphens: "auto";
     font: string;
 };

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

@@ -2,11 +2,9 @@ import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.
 import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
 import { typescaleXl } from '../tokens/dist/esm/font/size/typescaleXl.mjs';
 import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
-import { fontHyphenationStyle } from '../font/fontHyphenationStyle.mjs';
 
 const proseTextXlStyle = {
     font: `normal normal ${fontWeightNormal} ${typescaleXl} / ${leadingNormal} ${fontPorscheNext}`,
-    ...fontHyphenationStyle,
 };
 
 export { proseTextXlStyle };

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

@@ -1,5 +1,3 @@
 export declare const proseTextXsStyle: {
-    overflowWrap: "break-word";
-    hyphens: "auto";
     font: string;
 };