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

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

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