@porsche-design-system/components-angular 4.0.0-rc.0 → 4.0.0-rc.2

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

@@ -0,0 +1,5 @@
+'use strict';
+
+const spacingStatic2Xs = '1px';
+
+exports.spacingStatic2Xs = spacingStatic2Xs;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
-var typescale2Xl = require('../tokens/dist/esm/font/size/typescale2Xl.cjs');
-var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescale2Xl = require('../font/typescale2Xl.cjs');
 
 const proseHeading2XlStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale2Xl.typescale2Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale2Xl.typescale2Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseHeading2XlStyle = proseHeading2XlStyle;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightSemibold = require('../font/fontWeightSemibold.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescale2Xs = require('../font/typescale2Xs.cjs');
+
+const proseHeading2XsStyle = {
+    font: `${fontWeightSemibold.fontWeightSemibold} ${typescale2Xs.typescale2Xs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
+};
+
+exports.proseHeading2XsStyle = proseHeading2XsStyle;

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

@@ -1,12 +1,14 @@
 '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');
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var typescale3Xl = require('../font/typescale3Xl.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
 
 const proseHeading3XlStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale3Xl.typescale3Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale3Xl.typescale3Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseHeading3XlStyle = proseHeading3XlStyle;

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

@@ -1,12 +1,14 @@
 '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');
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var typescale4Xl = require('../font/typescale4Xl.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
 
 const proseHeading4XlStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale4Xl.typescale4Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale4Xl.typescale4Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseHeading4XlStyle = proseHeading4XlStyle;

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

@@ -1,12 +1,14 @@
 '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');
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var typescale5Xl = require('../font/typescale5Xl.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
 
 const proseHeading5XlStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale5Xl.typescale5Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale5Xl.typescale5Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseHeading5XlStyle = proseHeading5XlStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleLg = require('../font/typescaleLg.cjs');
 
 const proseHeadingLgStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleLg.typescaleLg} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescaleLg.typescaleLg} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseHeadingLgStyle = proseHeadingLgStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleMd = require('../font/typescaleMd.cjs');
 
 const proseHeadingMdStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleMd.typescaleMd} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescaleMd.typescaleMd} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseHeadingMdStyle = proseHeadingMdStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-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 fontWeightSemibold = require('../tokens/dist/esm/font/weight/fontWeightSemibold.cjs');
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightSemibold = require('../font/fontWeightSemibold.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleSm = require('../font/typescaleSm.cjs');
 
 const proseHeadingSmStyle = {
-    font: `normal normal ${fontWeightSemibold.fontWeightSemibold} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightSemibold.fontWeightSemibold} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseHeadingSmStyle = proseHeadingSmStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleXl = require('../font/typescaleXl.cjs');
 
 const proseHeadingXlStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleXl.typescaleXl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescaleXl.typescaleXl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseHeadingXlStyle = proseHeadingXlStyle;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightSemibold = require('../font/fontWeightSemibold.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleXs = require('../font/typescaleXs.cjs');
+
+const proseHeadingXsStyle = {
+    font: `${fontWeightSemibold.fontWeightSemibold} ${typescaleXs.typescaleXs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
+};
+
+exports.proseHeadingXsStyle = proseHeadingXsStyle;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescale2Xl = require('../font/typescale2Xl.cjs');
+
+const proseText2XlStyle = {
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale2Xl.typescale2Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
+};
+
+exports.proseText2XlStyle = proseText2XlStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescale2Xs = require('../font/typescale2Xs.cjs');
 
 const proseText2XsStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale2Xs.typescale2Xs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale2Xs.typescale2Xs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseText2XsStyle = proseText2XsStyle;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var typescale3Xl = require('../font/typescale3Xl.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+
+const proseText3XlStyle = {
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale3Xl.typescale3Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
+};
+
+exports.proseText3XlStyle = proseText3XlStyle;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var typescale4Xl = require('../font/typescale4Xl.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+
+const proseText4XlStyle = {
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale4Xl.typescale4Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
+};
+
+exports.proseText4XlStyle = proseText4XlStyle;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var typescale5Xl = require('../font/typescale5Xl.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+
+const proseText5XlStyle = {
+    font: `${fontWeightNormal.fontWeightNormal} ${typescale5Xl.typescale5Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
+};
+
+exports.proseText5XlStyle = proseText5XlStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleLg = require('../font/typescaleLg.cjs');
 
 const proseTextLgStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleLg.typescaleLg} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescaleLg.typescaleLg} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseTextLgStyle = proseTextLgStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleMd = require('../font/typescaleMd.cjs');
 
 const proseTextMdStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleMd.typescaleMd} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescaleMd.typescaleMd} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseTextMdStyle = proseTextMdStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleSm = require('../font/typescaleSm.cjs');
 
 const proseTextSmStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseTextSmStyle = proseTextSmStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleXl = require('../font/typescaleXl.cjs');
 
 const proseTextXlStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleXl.typescaleXl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescaleXl.typescaleXl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseTextXlStyle = proseTextXlStyle;

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
-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 colorPrimary = require('../color/light-dark/colorPrimary.cjs');
+var fontPorscheNext = require('../font/fontPorscheNext.cjs');
+var fontWeightNormal = require('../font/fontWeightNormal.cjs');
+var leadingNormal = require('../font/leadingNormal.cjs');
+var typescaleXs = require('../font/typescaleXs.cjs');
 
 const proseTextXsStyle = {
-    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleXs.typescaleXs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    font: `${fontWeightNormal.fontWeightNormal} ${typescaleXs.typescaleXs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+    color: colorPrimary.colorPrimary,
 };
 
 exports.proseTextXsStyle = proseTextXsStyle;

package/vanilla-extract/esm/color/deprecated/themeDarkNotificationErrorSoft.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use colorErrorFrostedDark instead. */
-export declare const themeDarkNotificationErrorSoft: string;
+export declare const themeDarkNotificationErrorSoft = "hsl(0 79% 20% / 0.66)";

package/vanilla-extract/esm/color/deprecated/themeDarkNotificationInfoSoft.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use colorInfoFrostedDark instead. */
-export declare const themeDarkNotificationInfoSoft: string;
+export declare const themeDarkNotificationInfoSoft = "hsl(210 79% 20% / 0.66)";

package/vanilla-extract/esm/color/deprecated/themeDarkNotificationSuccessSoft.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use colorSuccessFrostedDark instead. */
-export declare const themeDarkNotificationSuccessSoft: string;
+export declare const themeDarkNotificationSuccessSoft = "hsl(157 79% 20% / 0.66)";

package/vanilla-extract/esm/color/deprecated/themeDarkNotificationWarningSoft.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use colorWarningFrostedDark instead. */
-export declare const themeDarkNotificationWarningSoft: string;
+export declare const themeDarkNotificationWarningSoft = "hsl(52 79% 20% / 0.66)";

package/vanilla-extract/esm/color/deprecated/themeLightNotificationErrorSoft.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use colorErrorFrostedLight instead. */
-export declare const themeLightNotificationErrorSoft: string;
+export declare const themeLightNotificationErrorSoft = "hsl(0 100% 90% / 0.55)";

package/vanilla-extract/esm/color/deprecated/themeLightNotificationInfoSoft.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use colorInfoFrostedLight instead. */
-export declare const themeLightNotificationInfoSoft: string;
+export declare const themeLightNotificationInfoSoft = "hsl(211 100% 90% / 0.55)";

package/vanilla-extract/esm/color/deprecated/themeLightNotificationSuccessSoft.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use colorSuccessFrostedLight instead. */
-export declare const themeLightNotificationSuccessSoft: string;
+export declare const themeLightNotificationSuccessSoft = "hsl(109 100% 90% / 0.55)";

package/vanilla-extract/esm/color/deprecated/themeLightNotificationWarningSoft.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated since v4.0.0, will be removed with next major release. Use colorWarningFrostedLight instead. */
-export declare const themeLightNotificationWarningSoft: string;
+export declare const themeLightNotificationWarningSoft = "hsl(40 100% 90% / 0.55)";

package/vanilla-extract/esm/color/light-dark/colorErrorFrosted.d.ts

@@ -1 +1 @@
-export declare const colorErrorFrosted: string;
+export declare const colorErrorFrosted = "var(--_color-error-frosted, light-dark(hsl(0 100% 90% / 0.55),hsl(0 79% 20% / 0.66)))";

package/vanilla-extract/esm/color/light-dark/colorErrorFrostedSoft.d.ts

@@ -1 +1 @@
-export declare const colorErrorFrostedSoft: string;
+export declare const colorErrorFrostedSoft = "var(--_color-error-frosted-soft, light-dark(hsl(0 80% 95% / 0.55),hsl(0 59% 15% / 0.66)))";

package/vanilla-extract/esm/color/light-dark/colorInfoFrosted.d.ts

@@ -1 +1 @@
-export declare const colorInfoFrosted: string;
+export declare const colorInfoFrosted = "var(--_color-info-frosted, light-dark(hsl(211 100% 90% / 0.55),hsl(210 79% 20% / 0.66)))";

package/vanilla-extract/esm/color/light-dark/colorInfoFrostedSoft.d.ts

@@ -1 +1 @@
-export declare const colorInfoFrostedSoft: string;
+export declare const colorInfoFrostedSoft = "var(--_color-info-frosted-soft, light-dark(hsl(211 80% 95% / 0.55),hsl(210 59% 15% / 0.66)))";

package/vanilla-extract/esm/color/light-dark/colorSuccessFrosted.d.ts

@@ -1 +1 @@
-export declare const colorSuccessFrosted: string;
+export declare const colorSuccessFrosted = "var(--_color-success-frosted, light-dark(hsl(109 100% 90% / 0.55),hsl(157 79% 20% / 0.66)))";

package/vanilla-extract/esm/color/light-dark/colorSuccessFrostedSoft.d.ts

@@ -1 +1 @@
-export declare const colorSuccessFrostedSoft: string;
+export declare const colorSuccessFrostedSoft = "var(--_color-success-frosted-soft, light-dark(hsl(109 80% 95% / 0.55),hsl(157 59% 15% / 0.66)))";

package/vanilla-extract/esm/color/light-dark/colorWarningFrosted.d.ts

@@ -1 +1 @@
-export declare const colorWarningFrosted: string;
+export declare const colorWarningFrosted = "var(--_color-warning-frosted, light-dark(hsl(40 100% 90% / 0.55),hsl(52 79% 20% / 0.66)))";

package/vanilla-extract/esm/color/light-dark/colorWarningFrostedSoft.d.ts

@@ -1 +1 @@
-export declare const colorWarningFrostedSoft: string;
+export declare const colorWarningFrostedSoft = "var(--_color-warning-frosted-soft, light-dark(hsl(40 80% 95% / 0.55),hsl(52 59% 15% / 0.66)))";

package/vanilla-extract/esm/grid/gridSharedOffset.mjs

@@ -1,4 +1,4 @@
-import { _gridSafeZoneS, _gridWidthMax, _gridSafeZoneXXL } from './gridShared.mjs';
+import { _gridSafeZoneS, _gridSafeZoneXXL, _gridWidthMax } from './gridShared.mjs';
 import { gridGap } from './gridGap.mjs';
 
 const columnMap = {

package/vanilla-extract/esm/grid/gridStyle.mjs

@@ -8,7 +8,7 @@ import { gridFullColumnStart } from './gridFullColumnStart.mjs';
 import { gridGap } from './gridGap.mjs';
 import { gridNarrowColumnEnd } from './gridNarrowColumnEnd.mjs';
 import { gridNarrowColumnStart } from './gridNarrowColumnStart.mjs';
-import { _gridSafeZoneXXL, _cssVariableGridOuterColumn, _cssVariableGridSafeZone, _gridSafeZoneS, _cssVariableGridMargin, _gridWidthMax, _cssVariableGridWidthMax, _cssVariableGridWidthMin, _gridWidthMin, _gridSafeZoneBase, _cssVariableGridNarrowSpanOneHalf, _cssVariableGridBasicSpanTwoThirds, _cssVariableGridBasicSpanOneThird, _cssVariableGridBasicSpanOneHalf, _cssVariableGridExtendedSpanOneHalf } from './gridShared.mjs';
+import { _cssVariableGridSafeZone, _gridSafeZoneBase, _cssVariableGridExtendedSpanOneHalf, _cssVariableGridBasicSpanOneHalf, _cssVariableGridBasicSpanOneThird, _cssVariableGridBasicSpanTwoThirds, _cssVariableGridNarrowSpanOneHalf, _cssVariableGridWidthMin, _gridWidthMin, _cssVariableGridWidthMax, _gridWidthMax, _cssVariableGridMargin, _gridSafeZoneS, _gridSafeZoneXXL, _cssVariableGridOuterColumn } from './gridShared.mjs';
 import { gridWideColumnEnd } from './gridWideColumnEnd.mjs';
 import { gridWideColumnStart } from './gridWideColumnStart.mjs';
 

package/vanilla-extract/esm/index.mjs

@@ -235,6 +235,7 @@ export { spacingFluidSm } from './spacing/spacingFluidSm.mjs';
 export { spacingFluidXl } from './spacing/spacingFluidXl.mjs';
 export { spacingFluidXs } from './spacing/spacingFluidXs.mjs';
 export { spacingStatic2Xl } from './spacing/spacingStatic2Xl.mjs';
+export { spacingStatic2Xs } from './spacing/spacingStatic2Xs.mjs';
 export { spacingStaticLg } from './spacing/spacingStaticLg.mjs';
 export { spacingStaticMd } from './spacing/spacingStaticMd.mjs';
 export { spacingStaticSm } from './spacing/spacingStaticSm.mjs';
@@ -255,6 +256,7 @@ export { textMediumStyle } from './typography/deprecated/text/textMediumStyle.mj
 export { textLargeStyle } from './typography/deprecated/text/textLargeStyle.mjs';
 export { textXLargeStyle } from './typography/deprecated/text/textXLargeStyle.mjs';
 export { proseHeading2XlStyle } from './typography/proseHeading2XlStyle.mjs';
+export { proseHeading2XsStyle } from './typography/proseHeading2XsStyle.mjs';
 export { proseHeading3XlStyle } from './typography/proseHeading3XlStyle.mjs';
 export { proseHeading4XlStyle } from './typography/proseHeading4XlStyle.mjs';
 export { proseHeading5XlStyle } from './typography/proseHeading5XlStyle.mjs';
@@ -262,7 +264,12 @@ export { proseHeadingLgStyle } from './typography/proseHeadingLgStyle.mjs';
 export { proseHeadingMdStyle } from './typography/proseHeadingMdStyle.mjs';
 export { proseHeadingSmStyle } from './typography/proseHeadingSmStyle.mjs';
 export { proseHeadingXlStyle } from './typography/proseHeadingXlStyle.mjs';
+export { proseHeadingXsStyle } from './typography/proseHeadingXsStyle.mjs';
+export { proseText2XlStyle } from './typography/proseText2XlStyle.mjs';
 export { proseText2XsStyle } from './typography/proseText2XsStyle.mjs';
+export { proseText3XlStyle } from './typography/proseText3XlStyle.mjs';
+export { proseText4XlStyle } from './typography/proseText4XlStyle.mjs';
+export { proseText5XlStyle } from './typography/proseText5XlStyle.mjs';
 export { proseTextLgStyle } from './typography/proseTextLgStyle.mjs';
 export { proseTextMdStyle } from './typography/proseTextMdStyle.mjs';
 export { proseTextSmStyle } from './typography/proseTextSmStyle.mjs';

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

@@ -6,6 +6,7 @@ export { spacingFluidSm } from './spacingFluidSm';
 export { spacingFluidXl } from './spacingFluidXl';
 export { spacingFluidXs } from './spacingFluidXs';
 export { spacingStatic2Xl } from './spacingStatic2Xl';
+export { spacingStatic2Xs } from './spacingStatic2Xs';
 export { spacingStaticLg } from './spacingStaticLg';
 export { spacingStaticMd } from './spacingStaticMd';
 export { spacingStaticSm } from './spacingStaticSm';

package/vanilla-extract/esm/spacing/spacingStatic2Xs.d.ts

@@ -0,0 +1 @@
+export declare const spacingStatic2Xs = "1px";

package/vanilla-extract/esm/spacing/spacingStatic2Xs.mjs

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

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

@@ -1,5 +1,3 @@
-import { palette } from '../../palette.mjs';
-
-const colorErrorFrostedDark = palette.dark.red['200a'];
+const colorErrorFrostedDark = 'hsl(0 79% 20% / 0.66)';
 
 export { colorErrorFrostedDark };

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

@@ -1,5 +1,3 @@
-import { palette } from '../../palette.mjs';
-
-const colorErrorFrostedSoftDark = palette.dark.red['50a'];
+const colorErrorFrostedSoftDark = 'hsl(0 59% 15% / 0.66)';
 
 export { colorErrorFrostedSoftDark };

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

@@ -1,5 +1,3 @@
-import { palette } from '../../palette.mjs';
-
-const colorInfoFrostedDark = palette.dark.blue['200a'];
+const colorInfoFrostedDark = 'hsl(210 79% 20% / 0.66)';
 
 export { colorInfoFrostedDark };

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

@@ -1,5 +1,3 @@
-import { palette } from '../../palette.mjs';
-
-const colorInfoFrostedSoftDark = palette.dark.blue['50a'];
+const colorInfoFrostedSoftDark = 'hsl(210 59% 15% / 0.66)';
 
 export { colorInfoFrostedSoftDark };

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

@@ -1,5 +1,3 @@
-import { palette } from '../../palette.mjs';
-
-const colorSuccessFrostedDark = palette.dark.green['200a'];
+const colorSuccessFrostedDark = 'hsl(157 79% 20% / 0.66)';
 
 export { colorSuccessFrostedDark };

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

@@ -1,5 +1,3 @@
-import { palette } from '../../palette.mjs';
-
-const colorSuccessFrostedSoftDark = palette.dark.green['50a'];
+const colorSuccessFrostedSoftDark = 'hsl(157 59% 15% / 0.66)';
 
 export { colorSuccessFrostedSoftDark };