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

package/vanilla-extract/esm/color/light-dark/colorErrorFrostedSoft.mjs

@@ -0,0 +1,5 @@
+import { colorErrorFrostedSoft as colorErrorFrostedSoft$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorErrorFrostedSoft.mjs';
+
+const colorErrorFrostedSoft = `var(--_color-error-frosted-soft, ${colorErrorFrostedSoft$1})`;
+
+export { colorErrorFrostedSoft };

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

@@ -0,0 +1 @@
+export declare const colorErrorLow: string;

package/vanilla-extract/esm/color/light-dark/colorErrorLow.mjs

@@ -0,0 +1,5 @@
+import { colorErrorLow as colorErrorLow$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorErrorLow.mjs';
+
+const colorErrorLow = `var(--_color-error-low, ${colorErrorLow$1})`;
+
+export { colorErrorLow };

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

@@ -0,0 +1 @@
+export declare const colorErrorMedium: string;

package/vanilla-extract/esm/color/light-dark/colorErrorMedium.mjs

@@ -0,0 +1,5 @@
+import { colorErrorMedium as colorErrorMedium$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorErrorMedium.mjs';
+
+const colorErrorMedium = `var(--_color-error-medium, ${colorErrorMedium$1})`;
+
+export { colorErrorMedium };

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

@@ -0,0 +1 @@
+export declare const colorFocus = "var(--_color-focus, light-dark(#1A44EA,#1A44EA))";

package/vanilla-extract/esm/color/light-dark/colorFocus.mjs

@@ -0,0 +1,5 @@
+import { colorFocus as colorFocus$1 } from '../../tokens/dist/esm/color/light-dark/a11y/colorFocus.mjs';
+
+const colorFocus = `var(--_color-focus, ${colorFocus$1})`;
+
+export { colorFocus };

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

@@ -0,0 +1 @@
+export declare const colorFrosted: string;

package/vanilla-extract/esm/color/light-dark/colorFrosted.mjs

@@ -0,0 +1,5 @@
+import { colorFrosted as colorFrosted$1 } from '../../tokens/dist/esm/color/light-dark/background/colorFrosted.mjs';
+
+const colorFrosted = `var(--_color-frosted, ${colorFrosted$1})`;
+
+export { colorFrosted };

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

@@ -0,0 +1 @@
+export declare const colorFrostedSoft: string;

package/vanilla-extract/esm/color/light-dark/colorFrostedSoft.mjs

@@ -0,0 +1,5 @@
+import { colorFrostedSoft as colorFrostedSoft$1 } from '../../tokens/dist/esm/color/light-dark/background/colorFrostedSoft.mjs';
+
+const colorFrostedSoft = `var(--_color-frosted-soft, ${colorFrostedSoft$1})`;
+
+export { colorFrostedSoft };

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

@@ -0,0 +1 @@
+export declare const colorFrostedStrong: string;

package/vanilla-extract/esm/color/light-dark/colorFrostedStrong.mjs

@@ -0,0 +1,5 @@
+import { colorFrostedStrong as colorFrostedStrong$1 } from '../../tokens/dist/esm/color/light-dark/background/colorFrostedStrong.mjs';
+
+const colorFrostedStrong = `var(--_color-frosted-strong, ${colorFrostedStrong$1})`;
+
+export { colorFrostedStrong };

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

@@ -0,0 +1 @@
+export declare const colorInfo: string;

package/vanilla-extract/esm/color/light-dark/colorInfo.mjs

@@ -0,0 +1,5 @@
+import { colorInfo as colorInfo$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorInfo.mjs';
+
+const colorInfo = `var(--_color-info, ${colorInfo$1})`;
+
+export { colorInfo };

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

@@ -0,0 +1 @@
+export declare const colorInfoFrosted: string;

package/vanilla-extract/esm/color/light-dark/colorInfoFrosted.mjs

@@ -0,0 +1,5 @@
+import { colorInfoFrosted as colorInfoFrosted$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorInfoFrosted.mjs';
+
+const colorInfoFrosted = `var(--_color-info-frosted, ${colorInfoFrosted$1})`;
+
+export { colorInfoFrosted };

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

@@ -0,0 +1 @@
+export declare const colorInfoFrostedSoft: string;

package/vanilla-extract/esm/color/light-dark/colorInfoFrostedSoft.mjs

@@ -0,0 +1,5 @@
+import { colorInfoFrostedSoft as colorInfoFrostedSoft$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorInfoFrostedSoft.mjs';
+
+const colorInfoFrostedSoft = `var(--_color-info-frosted-soft, ${colorInfoFrostedSoft$1})`;
+
+export { colorInfoFrostedSoft };

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

@@ -0,0 +1 @@
+export declare const colorInfoLow: string;

package/vanilla-extract/esm/color/light-dark/colorInfoLow.mjs

@@ -0,0 +1,5 @@
+import { colorInfoLow as colorInfoLow$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorInfoLow.mjs';
+
+const colorInfoLow = `var(--_color-info-low, ${colorInfoLow$1})`;
+
+export { colorInfoLow };

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

@@ -0,0 +1 @@
+export declare const colorInfoMedium: string;

package/vanilla-extract/esm/color/light-dark/colorInfoMedium.mjs

@@ -0,0 +1,5 @@
+import { colorInfoMedium as colorInfoMedium$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorInfoMedium.mjs';
+
+const colorInfoMedium = `var(--_color-info-medium, ${colorInfoMedium$1})`;
+
+export { colorInfoMedium };

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

@@ -0,0 +1 @@
+export declare const colorPrimary: string;

package/vanilla-extract/esm/color/light-dark/colorPrimary.mjs

@@ -0,0 +1,5 @@
+import { colorPrimary as colorPrimary$1 } from '../../tokens/dist/esm/color/light-dark/foreground/colorPrimary.mjs';
+
+const colorPrimary = `var(--_color-primary, ${colorPrimary$1})`;
+
+export { colorPrimary };

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

@@ -0,0 +1 @@
+export declare const colorSuccess: string;

package/vanilla-extract/esm/color/light-dark/colorSuccess.mjs

@@ -0,0 +1,5 @@
+import { colorSuccess as colorSuccess$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorSuccess.mjs';
+
+const colorSuccess = `var(--_color-success, ${colorSuccess$1})`;
+
+export { colorSuccess };

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

@@ -0,0 +1 @@
+export declare const colorSuccessFrosted: string;

package/vanilla-extract/esm/color/light-dark/colorSuccessFrosted.mjs

@@ -0,0 +1,5 @@
+import { colorSuccessFrosted as colorSuccessFrosted$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorSuccessFrosted.mjs';
+
+const colorSuccessFrosted = `var(--_color-success-frosted, ${colorSuccessFrosted$1})`;
+
+export { colorSuccessFrosted };

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

@@ -0,0 +1 @@
+export declare const colorSuccessFrostedSoft: string;

package/vanilla-extract/esm/color/light-dark/colorSuccessFrostedSoft.mjs

@@ -0,0 +1,5 @@
+import { colorSuccessFrostedSoft as colorSuccessFrostedSoft$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorSuccessFrostedSoft.mjs';
+
+const colorSuccessFrostedSoft = `var(--_color-success-frosted-soft, ${colorSuccessFrostedSoft$1})`;
+
+export { colorSuccessFrostedSoft };

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

@@ -0,0 +1 @@
+export declare const colorSuccessLow: string;

package/vanilla-extract/esm/color/light-dark/colorSuccessLow.mjs

@@ -0,0 +1,5 @@
+import { colorSuccessLow as colorSuccessLow$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorSuccessLow.mjs';
+
+const colorSuccessLow = `var(--_color-success-low, ${colorSuccessLow$1})`;
+
+export { colorSuccessLow };

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

@@ -0,0 +1 @@
+export declare const colorSuccessMedium: string;

package/vanilla-extract/esm/color/light-dark/colorSuccessMedium.mjs

@@ -0,0 +1,5 @@
+import { colorSuccessMedium as colorSuccessMedium$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorSuccessMedium.mjs';
+
+const colorSuccessMedium = `var(--_color-success-medium, ${colorSuccessMedium$1})`;
+
+export { colorSuccessMedium };

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

@@ -0,0 +1 @@
+export declare const colorSurface: string;

package/vanilla-extract/esm/color/light-dark/colorSurface.mjs

@@ -0,0 +1,5 @@
+import { colorSurface as colorSurface$1 } from '../../tokens/dist/esm/color/light-dark/background/colorSurface.mjs';
+
+const colorSurface = `var(--_color-surface, ${colorSurface$1})`;
+
+export { colorSurface };

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

@@ -0,0 +1 @@
+export declare const colorWarning: string;

package/vanilla-extract/esm/color/light-dark/colorWarning.mjs

@@ -0,0 +1,5 @@
+import { colorWarning as colorWarning$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorWarning.mjs';
+
+const colorWarning = `var(--_color-warning, ${colorWarning$1})`;
+
+export { colorWarning };

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

@@ -0,0 +1 @@
+export declare const colorWarningFrosted: string;

package/vanilla-extract/esm/color/light-dark/colorWarningFrosted.mjs

@@ -0,0 +1,5 @@
+import { colorWarningFrosted as colorWarningFrosted$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorWarningFrosted.mjs';
+
+const colorWarningFrosted = `var(--_color-warning-frosted, ${colorWarningFrosted$1})`;
+
+export { colorWarningFrosted };

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

@@ -0,0 +1 @@
+export declare const colorWarningFrostedSoft: string;

package/vanilla-extract/esm/color/light-dark/colorWarningFrostedSoft.mjs

@@ -0,0 +1,5 @@
+import { colorWarningFrostedSoft as colorWarningFrostedSoft$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorWarningFrostedSoft.mjs';
+
+const colorWarningFrostedSoft = `var(--_color-warning-frosted-soft, ${colorWarningFrostedSoft$1})`;
+
+export { colorWarningFrostedSoft };

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

@@ -0,0 +1 @@
+export declare const colorWarningLow: string;

package/vanilla-extract/esm/color/light-dark/colorWarningLow.mjs

@@ -0,0 +1,5 @@
+import { colorWarningLow as colorWarningLow$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorWarningLow.mjs';
+
+const colorWarningLow = `var(--_color-warning-low, ${colorWarningLow$1})`;
+
+export { colorWarningLow };

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

@@ -0,0 +1 @@
+export declare const colorWarningMedium: string;

package/vanilla-extract/esm/color/light-dark/colorWarningMedium.mjs

@@ -0,0 +1,5 @@
+import { colorWarningMedium as colorWarningMedium$1 } from '../../tokens/dist/esm/color/light-dark/semantic/colorWarningMedium.mjs';
+
+const colorWarningMedium = `var(--_color-warning-medium, ${colorWarningMedium$1})`;
+
+export { colorWarningMedium };

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

@@ -0,0 +1,33 @@
+export { colorBackdrop } from './colorBackdrop';
+export { colorCanvas } from './colorCanvas';
+export { colorContrastHigh } from './colorContrastHigh';
+export { colorContrastHigher } from './colorContrastHigher';
+export { colorContrastLow } from './colorContrastLow';
+export { colorContrastLower } from './colorContrastLower';
+export { colorContrastMedium } from './colorContrastMedium';
+export { colorError } from './colorError';
+export { colorErrorFrosted } from './colorErrorFrosted';
+export { colorErrorFrostedSoft } from './colorErrorFrostedSoft';
+export { colorErrorLow } from './colorErrorLow';
+export { colorErrorMedium } from './colorErrorMedium';
+export { colorFocus } from './colorFocus';
+export { colorFrosted } from './colorFrosted';
+export { colorFrostedSoft } from './colorFrostedSoft';
+export { colorFrostedStrong } from './colorFrostedStrong';
+export { colorInfo } from './colorInfo';
+export { colorInfoFrosted } from './colorInfoFrosted';
+export { colorInfoFrostedSoft } from './colorInfoFrostedSoft';
+export { colorInfoLow } from './colorInfoLow';
+export { colorInfoMedium } from './colorInfoMedium';
+export { colorPrimary } from './colorPrimary';
+export { colorSuccess } from './colorSuccess';
+export { colorSuccessFrosted } from './colorSuccessFrosted';
+export { colorSuccessFrostedSoft } from './colorSuccessFrostedSoft';
+export { colorSuccessLow } from './colorSuccessLow';
+export { colorSuccessMedium } from './colorSuccessMedium';
+export { colorSurface } from './colorSurface';
+export { colorWarning } from './colorWarning';
+export { colorWarningFrosted } from './colorWarningFrosted';
+export { colorWarningFrostedSoft } from './colorWarningFrostedSoft';
+export { colorWarningLow } from './colorWarningLow';
+export { colorWarningMedium } from './colorWarningMedium';

package/vanilla-extract/esm/color/types.d.ts

@@ -0,0 +1 @@
+export type Theme = 'light' | 'dark' | 'auto';

package/vanilla-extract/esm/focus/deprecated/getFocusStyle.d.ts

@@ -0,0 +1,19 @@
+type Offset = 'small' | 'none';
+type BorderRadius = 'small' | 'medium';
+export type Options = {
+    offset?: Offset | string;
+    borderRadius?: BorderRadius | string;
+};
+export declare const getFocusStyle: (opts?: Options) => {
+    readonly selectors: {
+        readonly '&:focus': {
+            readonly outline: "2px solid #1A44EA";
+            readonly outlineOffset: string | 0;
+        };
+        readonly '&:focus:not(:focus-visible)': {
+            readonly outlineColor: "transparent";
+        };
+    };
+    readonly borderRadius: string;
+};
+export {};

package/vanilla-extract/esm/focus/deprecated/getFocusStyle.mjs

@@ -0,0 +1,41 @@
+import { borderRadiusSmall } from '../../border/deprecated/borderRadiusSmall.mjs';
+import { borderRadiusMedium } from '../../border/deprecated/borderRadiusMedium.mjs';
+import { borderWidthBase } from '../../border/deprecated/borderWidthBase.mjs';
+import { themeLightStateFocus } from '../../color/deprecated/themeLightStateFocus.mjs';
+
+const getFocusStyles = (borderRadius = 'small') => {
+    const borderRadiusValue = borderRadius === 'small'
+        ? borderRadiusSmall
+        : borderRadius === 'medium'
+            ? borderRadiusMedium
+            : borderRadius || borderRadiusSmall;
+    return {
+        // TODO: borderRadius should be removed from interface
+        // TODO: evaluate if '&::-moz-focus-inner': { border: 0 } is useful/needed for FF
+        borderRadius: borderRadiusValue, // it's visually being reflected on both (when placed here), element and focus outline
+    };
+};
+const getFocusNestedStyles = (offset = '2px') => {
+    const outlineOffset = offset === 'small' ? '2px' : offset === 'none' ? 0 : offset || '2px';
+    return {
+        '&:focus': {
+            outline: `${borderWidthBase} solid ${themeLightStateFocus}`,
+            outlineOffset,
+        },
+        // why? have a look at this article https://tpgi.com/focus-visible-and-backwards-compatibility/
+        '&:focus:not(:focus-visible)': {
+            outlineColor: 'transparent',
+        },
+    };
+};
+const getFocusStyle = (opts) => {
+    const { borderRadius, offset } = opts || {};
+    return {
+        ...getFocusStyles(borderRadius),
+        selectors: {
+            ...getFocusNestedStyles(offset),
+        },
+    };
+};
+
+export { getFocusStyle };

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

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

package/vanilla-extract/esm/focus/getFocusVisibleStyle.d.ts

@@ -0,0 +1,11 @@
+export type Options = {
+    offset?: string;
+};
+export declare const getFocusVisibleStyle: (opts?: Options) => {
+    readonly selectors: {
+        readonly '&:focus-visible': {
+            readonly outline: "2px solid var(--_color-focus, light-dark(#1A44EA,#1A44EA))";
+            readonly outlineOffset: string;
+        };
+    };
+};

package/vanilla-extract/esm/focus/getFocusVisibleStyle.mjs

@@ -0,0 +1,15 @@
+import { colorFocus } from '../color/light-dark/colorFocus.mjs';
+
+const getFocusVisibleStyle = (opts) => {
+    const { offset = '2px' } = opts || {};
+    return {
+        selectors: {
+            '&:focus-visible': {
+                outline: `2px solid ${colorFocus}`,
+                outlineOffset: offset,
+            },
+        },
+    };
+};
+
+export { getFocusVisibleStyle };

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

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

package/vanilla-extract/esm/font/deprecated/fontFamily.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use fontPorscheNext instead. */
+export declare const fontFamily = "'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";

package/vanilla-extract/esm/font/deprecated/fontFamily.mjs

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

package/vanilla-extract/esm/font/deprecated/fontLineHeight.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use leadingNormal instead */
+export declare const fontLineHeight = "calc(6px + 2.125ex)";

package/vanilla-extract/esm/font/deprecated/fontLineHeight.mjs

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

package/vanilla-extract/esm/font/deprecated/fontShared.d.ts

@@ -0,0 +1,3 @@
+export type FontSize = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+export type FontWeight = 'regular' | 'semiBold' | 'bold';
+export type FontStyle = 'normal' | 'italic';

package/vanilla-extract/esm/font/deprecated/fontSize.d.ts

@@ -0,0 +1,23 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale variables instead. */
+export declare const fontSize: {
+    text: {
+        xxSmall: string;
+        xSmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xLarge: string;
+    };
+    heading: {
+        small: string;
+        medium: string;
+        large: string;
+        xLarge: string;
+        xxLarge: string;
+    };
+    display: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+};

package/vanilla-extract/esm/font/deprecated/fontSize.mjs

@@ -0,0 +1,15 @@
+import { fontSizeDisplay } from './fontSizeDisplay.mjs';
+import { fontSizeHeading } from './fontSizeHeading.mjs';
+import { fontSizeText } from './fontSizeText.mjs';
+
+// Fluid Type Scale Calculator (https://fluid-type-scale.com) was used to generate a type scale set based on the "golden ratio".
+// "Text/Heading": min - base: 16px, screen: 320px, ratio: 1,2 / max - base: 16px, screen: 1760px, ratio: 1,309
+// "Display": min - base: 16px, screen: 320px, ratio: 1,2 / max - base: 16px, screen: 1760px, ratio: 1,5
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale variables instead. */
+const fontSize = {
+    text: fontSizeText,
+    heading: fontSizeHeading,
+    display: fontSizeDisplay,
+};
+
+export { fontSize };

package/vanilla-extract/esm/font/deprecated/fontSizeDisplay.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 fontSizeDisplay: {
+    small: string;
+    medium: string;
+    large: string;
+};

package/vanilla-extract/esm/font/deprecated/fontSizeDisplay.mjs

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

package/vanilla-extract/esm/font/deprecated/fontSizeHeading.d.ts

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

package/vanilla-extract/esm/font/deprecated/fontSizeHeading.mjs

@@ -0,0 +1,16 @@
+import { fontSizeHeadingLarge } from './fontSizeHeadingLarge.mjs';
+import { fontSizeHeadingMedium } from './fontSizeHeadingMedium.mjs';
+import { fontSizeHeadingSmall } from './fontSizeHeadingSmall.mjs';
+import { fontSizeHeadingXLarge } from './fontSizeHeadingXLarge.mjs';
+import { fontSizeHeadingXXLarge } from './fontSizeHeadingXXLarge.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale variables instead. */
+const fontSizeHeading = {
+    small: fontSizeHeadingSmall,
+    medium: fontSizeHeadingMedium,
+    large: fontSizeHeadingLarge,
+    xLarge: fontSizeHeadingXLarge,
+    xxLarge: fontSizeHeadingXXLarge,
+};
+
+export { fontSizeHeading };

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingLarge.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleLg instead. */
+export declare const fontSizeHeadingLarge = "clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)";

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingLarge.mjs

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

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingMedium.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleMd instead. */
+export declare const fontSizeHeadingMedium = "clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)";

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingMedium.mjs

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

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingSmall.d.ts

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

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingSmall.mjs

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

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingXLarge.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleXl instead. */
+export declare const fontSizeHeadingXLarge = "clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)";

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingXLarge.mjs

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

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingXXLarge.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale2Xl instead. */
+export declare const fontSizeHeadingXXLarge = "clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)";

package/vanilla-extract/esm/font/deprecated/fontSizeHeadingXXLarge.mjs

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

package/vanilla-extract/esm/font/deprecated/fontSizeText.d.ts

@@ -0,0 +1,9 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale variables instead. */
+export declare const fontSizeText: {
+    xxSmall: string;
+    xSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xLarge: string;
+};

package/vanilla-extract/esm/font/deprecated/fontSizeText.mjs

@@ -0,0 +1,18 @@
+import { fontSizeTextLarge } from './fontSizeTextLarge.mjs';
+import { fontSizeTextMedium } from './fontSizeTextMedium.mjs';
+import { fontSizeTextSmall } from './fontSizeTextSmall.mjs';
+import { fontSizeTextXLarge } from './fontSizeTextXLarge.mjs';
+import { fontSizeTextXSmall } from './fontSizeTextXSmall.mjs';
+import { fontSizeTextXXSmall } from './fontSizeTextXXSmall.mjs';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale variables instead. */
+const fontSizeText = {
+    xxSmall: fontSizeTextXXSmall,
+    xSmall: fontSizeTextXSmall,
+    small: fontSizeTextSmall,
+    medium: fontSizeTextMedium,
+    large: fontSizeTextLarge,
+    xLarge: fontSizeTextXLarge,
+};
+
+export { fontSizeText };

package/vanilla-extract/esm/font/deprecated/fontSizeTextLarge.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleLg instead. */
+export declare const fontSizeTextLarge = "clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)";

package/vanilla-extract/esm/font/deprecated/fontSizeTextLarge.mjs

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