@porsche-design-system/components-angular 3.32.0 → 4.0.0-beta.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var fontFamily = require('../../../font/deprecated/fontFamily.cjs');
+var fontLineHeight = require('../../../font/deprecated/fontLineHeight.cjs');
+var fontStyleNormal = require('../../../font/deprecated/fontStyleNormal.cjs');
+var fontVariant = require('../../../font/deprecated/fontVariant.cjs');
+var fontWeightRegular = require('../../../font/deprecated/fontWeightRegular.cjs');
+
+const _displayFontPartA = `${fontStyleNormal.fontStyleNormal} ${fontVariant.fontVariant} ${fontWeightRegular.fontWeightRegular} `;
+const _displayFontPartB = `/${fontLineHeight.fontLineHeight} ${fontFamily.fontFamily}`;
+
+exports._displayFontPartA = _displayFontPartA;
+exports._displayFontPartB = _displayFontPartB;

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

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

package/vanilla-extract/cjs/typography/deprecated/heading/headingLargeStyle.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var fontSizeHeadingLarge = require('../../../font/deprecated/fontSizeHeadingLarge.cjs');
+var headingShared = require('./headingShared.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use proseHeadingLg instead. */
+const headingLargeStyle = {
+    font: `${headingShared._headingFontPartA}${fontSizeHeadingLarge.fontSizeHeadingLarge}${headingShared._headingFontPartB}`,
+};
+
+exports.headingLargeStyle = headingLargeStyle;

package/vanilla-extract/cjs/typography/deprecated/heading/headingMediumStyle.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var fontSizeHeadingMedium = require('../../../font/deprecated/fontSizeHeadingMedium.cjs');
+var headingShared = require('./headingShared.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use proseHeadingMd instead. */
+const headingMediumStyle = {
+    font: `${headingShared._headingFontPartA}${fontSizeHeadingMedium.fontSizeHeadingMedium}${headingShared._headingFontPartB}`,
+};
+
+exports.headingMediumStyle = headingMediumStyle;

package/vanilla-extract/cjs/typography/deprecated/heading/headingShared.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var fontFamily = require('../../../font/deprecated/fontFamily.cjs');
+var fontLineHeight = require('../../../font/deprecated/fontLineHeight.cjs');
+var fontStyleNormal = require('../../../font/deprecated/fontStyleNormal.cjs');
+var fontVariant = require('../../../font/deprecated/fontVariant.cjs');
+var fontWeightRegular = require('../../../font/deprecated/fontWeightRegular.cjs');
+
+const _headingFontPartA = `${fontStyleNormal.fontStyleNormal} ${fontVariant.fontVariant} ${fontWeightRegular.fontWeightRegular} `;
+const _headingFontPartB = `/${fontLineHeight.fontLineHeight} ${fontFamily.fontFamily}`;
+
+exports._headingFontPartA = _headingFontPartA;
+exports._headingFontPartB = _headingFontPartB;

package/vanilla-extract/cjs/typography/deprecated/heading/headingSmallStyle.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var fontSizeHeadingSmall = require('../../../font/deprecated/fontSizeHeadingSmall.cjs');
+var headingShared = require('./headingShared.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use proseHeadingSm instead. */
+const headingSmallStyle = {
+    font: `${headingShared._headingFontPartA}${fontSizeHeadingSmall.fontSizeHeadingSmall}${headingShared._headingFontPartB}`,
+};
+
+exports.headingSmallStyle = headingSmallStyle;

package/vanilla-extract/cjs/typography/deprecated/heading/headingXLargeStyle.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var fontSizeHeadingXLarge = require('../../../font/deprecated/fontSizeHeadingXLarge.cjs');
+var headingShared = require('./headingShared.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use proseHeadingXl instead. */
+const headingXLargeStyle = {
+    font: `${headingShared._headingFontPartA}${fontSizeHeadingXLarge.fontSizeHeadingXLarge}${headingShared._headingFontPartB}`,
+};
+
+exports.headingXLargeStyle = headingXLargeStyle;

package/vanilla-extract/cjs/typography/deprecated/heading/headingXXLargeStyle.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var fontSizeHeadingXXLarge = require('../../../font/deprecated/fontSizeHeadingXXLarge.cjs');
+var headingShared = require('./headingShared.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use proseHeading2Xl instead. */
+const headingXXLargeStyle = {
+    font: `${headingShared._headingFontPartA}${fontSizeHeadingXXLarge.fontSizeHeadingXXLarge}${headingShared._headingFontPartB}`,
+};
+
+exports.headingXXLargeStyle = headingXXLargeStyle;

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

@@ -0,0 +1,13 @@
+'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

@@ -0,0 +1,13 @@
+'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/textShared.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var fontFamily = require('../../../font/deprecated/fontFamily.cjs');
+var fontLineHeight = require('../../../font/deprecated/fontLineHeight.cjs');
+var fontStyleNormal = require('../../../font/deprecated/fontStyleNormal.cjs');
+var fontVariant = require('../../../font/deprecated/fontVariant.cjs');
+var fontWeightRegular = require('../../../font/deprecated/fontWeightRegular.cjs');
+
+const _textFontPartA = `${fontStyleNormal.fontStyleNormal} ${fontVariant.fontVariant} ${fontWeightRegular.fontWeightRegular} `;
+const _textFontPartB = `/${fontLineHeight.fontLineHeight} ${fontFamily.fontFamily}`;
+
+exports._textFontPartA = _textFontPartA;
+exports._textFontPartB = _textFontPartB;

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

@@ -0,0 +1,13 @@
+'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

@@ -0,0 +1,13 @@
+'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

@@ -0,0 +1,13 @@
+'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

@@ -0,0 +1,13 @@
+'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/proseDisplayLgStyle.cjs

@@ -0,0 +1,11 @@
+'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

@@ -0,0 +1,11 @@
+'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

@@ -0,0 +1,11 @@
+'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/cjs/typography/proseHeading2XlStyle.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 typescale2Xl = require('../tokens/dist/esm/font/size/typescale2Xl.cjs');
+var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const proseHeading2XlStyle = {
+    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescale2Xl.typescale2Xl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+};
+
+exports.proseHeading2XlStyle = proseHeading2XlStyle;

package/vanilla-extract/cjs/typography/proseHeadingLgStyle.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 typescaleLg = require('../tokens/dist/esm/font/size/typescaleLg.cjs');
+var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const proseHeadingLgStyle = {
+    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleLg.typescaleLg} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+};
+
+exports.proseHeadingLgStyle = proseHeadingLgStyle;

package/vanilla-extract/cjs/typography/proseHeadingMdStyle.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 typescaleMd = require('../tokens/dist/esm/font/size/typescaleMd.cjs');
+var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const proseHeadingMdStyle = {
+    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleMd.typescaleMd} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+};
+
+exports.proseHeadingMdStyle = proseHeadingMdStyle;

package/vanilla-extract/cjs/typography/proseHeadingSmStyle.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 typescaleSm = require('../tokens/dist/esm/font/size/typescaleSm.cjs');
+var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const proseHeadingSmStyle = {
+    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+};
+
+exports.proseHeadingSmStyle = proseHeadingSmStyle;

package/vanilla-extract/cjs/typography/proseHeadingXlStyle.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 typescaleXl = require('../tokens/dist/esm/font/size/typescaleXl.cjs');
+var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const proseHeadingXlStyle = {
+    font: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleXl.typescaleXl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
+};
+
+exports.proseHeadingXlStyle = proseHeadingXlStyle;

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

@@ -0,0 +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 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

@@ -0,0 +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 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

@@ -0,0 +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 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

@@ -0,0 +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 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

@@ -0,0 +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 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

@@ -0,0 +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 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/blur/blurFrosted.d.ts

@@ -0,0 +1 @@
+export declare const blurFrosted = "blur(32px)";

package/vanilla-extract/esm/blur/blurFrosted.mjs

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

package/vanilla-extract/esm/blur/deprecated/frostedGlassStyle.d.ts

@@ -0,0 +1,5 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use backdropFilter: blurFrosted instead  */
+export declare const frostedGlassStyle: {
+    readonly WebkitBackdropFilter: "blur(32px)";
+    readonly backdropFilter: "blur(32px)";
+};

package/vanilla-extract/esm/blur/deprecated/frostedGlassStyle.mjs

@@ -0,0 +1,9 @@
+import { blurFrosted } from '../../tokens/dist/esm/blur/blurFrosted.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use backdropFilter: blurFrosted instead  */
+const frostedGlassStyle = {
+    WebkitBackdropFilter: blurFrosted,
+    backdropFilter: blurFrosted,
+};
+
+export { frostedGlassStyle };

package/vanilla-extract/esm/blur/deprecated/index.d.ts

@@ -0,0 +1 @@
+export { frostedGlassStyle } from './frostedGlassStyle';

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

@@ -0,0 +1,2 @@
+export { blurFrosted } from './blurFrosted';
+export * from './deprecated';

package/vanilla-extract/esm/border/deprecated/border.d.ts

@@ -0,0 +1,12 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+export declare const border: {
+    radius: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    width: {
+        base: string;
+        thin: string;
+    };
+};

package/vanilla-extract/esm/border/deprecated/border.mjs

@@ -0,0 +1,10 @@
+import { borderRadius } from './borderRadius.mjs';
+import { borderWidth } from './borderWidth.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+const border = {
+    radius: borderRadius,
+    width: borderWidth,
+};
+
+export { border };

package/vanilla-extract/esm/border/deprecated/borderRadius.d.ts

@@ -0,0 +1,6 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+export declare const borderRadius: {
+    small: string;
+    medium: string;
+    large: string;
+};

package/vanilla-extract/esm/border/deprecated/borderRadius.mjs

@@ -0,0 +1,12 @@
+import { borderRadiusSmall } from './borderRadiusSmall.mjs';
+import { borderRadiusMedium } from './borderRadiusMedium.mjs';
+import { borderRadiusLarge } from './borderRadiusLarge.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+const borderRadius = {
+    small: borderRadiusSmall,
+    medium: borderRadiusMedium,
+    large: borderRadiusLarge,
+};
+
+export { borderRadius };

package/vanilla-extract/esm/border/deprecated/borderRadiusLarge.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use radiusLg instead. */
+export declare const borderRadiusLarge = "8px";

package/vanilla-extract/esm/border/deprecated/borderRadiusLarge.mjs

@@ -0,0 +1,6 @@
+import { radiusLg } from '../../tokens/dist/esm/border/radius/radiusLg.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use radiusLg instead. */
+const borderRadiusLarge = radiusLg;
+
+export { borderRadiusLarge };

package/vanilla-extract/esm/border/deprecated/borderRadiusMedium.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use radiusMd instead. */
+export declare const borderRadiusMedium = "6px";

package/vanilla-extract/esm/border/deprecated/borderRadiusMedium.mjs

@@ -0,0 +1,6 @@
+import { radiusMd } from '../../tokens/dist/esm/border/radius/radiusMd.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use radiusMd instead. */
+const borderRadiusMedium = radiusMd;
+
+export { borderRadiusMedium };

package/vanilla-extract/esm/border/deprecated/borderRadiusSmall.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use radiusSm instead. */
+export declare const borderRadiusSmall = "4px";

package/vanilla-extract/esm/border/deprecated/borderRadiusSmall.mjs

@@ -0,0 +1,6 @@
+import { radiusSm } from '../../tokens/dist/esm/border/radius/radiusSm.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use radiusSm instead. */
+const borderRadiusSmall = radiusSm;
+
+export { borderRadiusSmall };

package/vanilla-extract/esm/border/deprecated/borderWidth.d.ts

@@ -0,0 +1,5 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+export declare const borderWidth: {
+    base: string;
+    thin: string;
+};

package/vanilla-extract/esm/border/deprecated/borderWidth.mjs

@@ -0,0 +1,10 @@
+import { borderWidthBase } from './borderWidthBase.mjs';
+import { borderWidthThin } from './borderWidthThin.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+const borderWidth = {
+    base: borderWidthBase,
+    thin: borderWidthThin,
+};
+
+export { borderWidth };

package/vanilla-extract/esm/border/deprecated/borderWidthBase.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use 2px instead. */
+export declare const borderWidthBase = "2px";

package/vanilla-extract/esm/border/deprecated/borderWidthBase.mjs

@@ -0,0 +1,4 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use 2px instead. */
+const borderWidthBase = '2px';
+
+export { borderWidthBase };