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

package/vanilla-extract/esm/index.mjs

@@ -0,0 +1,270 @@
+export { blurFrosted } from './blur/blurFrosted.mjs';
+export { frostedGlassStyle } from './blur/deprecated/frostedGlassStyle.mjs';
+export { border } from './border/deprecated/border.mjs';
+export { borderRadius } from './border/deprecated/borderRadius.mjs';
+export { borderRadiusLarge } from './border/deprecated/borderRadiusLarge.mjs';
+export { borderRadiusMedium } from './border/deprecated/borderRadiusMedium.mjs';
+export { borderRadiusSmall } from './border/deprecated/borderRadiusSmall.mjs';
+export { borderWidth } from './border/deprecated/borderWidth.mjs';
+export { borderWidthBase } from './border/deprecated/borderWidthBase.mjs';
+export { borderWidthThin } from './border/deprecated/borderWidthThin.mjs';
+export { radius2Xl } from './border/radius2Xl.mjs';
+export { radius3Xl } from './border/radius3Xl.mjs';
+export { radius4Xl } from './border/radius4Xl.mjs';
+export { radiusFull } from './border/radiusFull.mjs';
+export { radiusLg } from './border/radiusLg.mjs';
+export { radiusMd } from './border/radiusMd.mjs';
+export { radiusSm } from './border/radiusSm.mjs';
+export { radiusXl } from './border/radiusXl.mjs';
+export { radiusXs } from './border/radiusXs.mjs';
+export { colorSchemeStyles } from './color/color-scheme.mjs';
+export { theme } from './color/deprecated/theme.mjs';
+export { themeDark } from './color/deprecated/themeDark.mjs';
+export { themeDarkBackgroundBase } from './color/deprecated/themeDarkBackgroundBase.mjs';
+export { themeDarkBackgroundFrosted } from './color/deprecated/themeDarkBackgroundFrosted.mjs';
+export { themeDarkBackgroundShading } from './color/deprecated/themeDarkBackgroundShading.mjs';
+export { themeDarkBackgroundSurface } from './color/deprecated/themeDarkBackgroundSurface.mjs';
+export { themeDarkContrastHigh } from './color/deprecated/themeDarkContrastHigh.mjs';
+export { themeDarkContrastLow } from './color/deprecated/themeDarkContrastLow.mjs';
+export { themeDarkContrastMedium } from './color/deprecated/themeDarkContrastMedium.mjs';
+export { themeDarkNotificationError } from './color/deprecated/themeDarkNotificationError.mjs';
+export { themeDarkNotificationErrorSoft } from './color/deprecated/themeDarkNotificationErrorSoft.mjs';
+export { themeDarkNotificationInfo } from './color/deprecated/themeDarkNotificationInfo.mjs';
+export { themeDarkNotificationInfoSoft } from './color/deprecated/themeDarkNotificationInfoSoft.mjs';
+export { themeDarkNotificationSuccess } from './color/deprecated/themeDarkNotificationSuccess.mjs';
+export { themeDarkNotificationSuccessSoft } from './color/deprecated/themeDarkNotificationSuccessSoft.mjs';
+export { themeDarkNotificationWarning } from './color/deprecated/themeDarkNotificationWarning.mjs';
+export { themeDarkNotificationWarningSoft } from './color/deprecated/themeDarkNotificationWarningSoft.mjs';
+export { themeDarkPrimary } from './color/deprecated/themeDarkPrimary.mjs';
+export { themeDarkStateActive } from './color/deprecated/themeDarkStateActive.mjs';
+export { themeDarkStateDisabled } from './color/deprecated/themeDarkStateDisabled.mjs';
+export { themeDarkStateFocus } from './color/deprecated/themeDarkStateFocus.mjs';
+export { themeDarkStateHover } from './color/deprecated/themeDarkStateHover.mjs';
+export { themeLight } from './color/deprecated/themeLight.mjs';
+export { themeLightBackgroundBase } from './color/deprecated/themeLightBackgroundBase.mjs';
+export { themeLightBackgroundFrosted } from './color/deprecated/themeLightBackgroundFrosted.mjs';
+export { themeLightBackgroundShading } from './color/deprecated/themeLightBackgroundShading.mjs';
+export { themeLightBackgroundSurface } from './color/deprecated/themeLightBackgroundSurface.mjs';
+export { themeLightContrastHigh } from './color/deprecated/themeLightContrastHigh.mjs';
+export { themeLightContrastLow } from './color/deprecated/themeLightContrastLow.mjs';
+export { themeLightContrastMedium } from './color/deprecated/themeLightContrastMedium.mjs';
+export { themeLightNotificationError } from './color/deprecated/themeLightNotificationError.mjs';
+export { themeLightNotificationErrorSoft } from './color/deprecated/themeLightNotificationErrorSoft.mjs';
+export { themeLightNotificationInfo } from './color/deprecated/themeLightNotificationInfo.mjs';
+export { themeLightNotificationInfoSoft } from './color/deprecated/themeLightNotificationInfoSoft.mjs';
+export { themeLightNotificationSuccess } from './color/deprecated/themeLightNotificationSuccess.mjs';
+export { themeLightNotificationSuccessSoft } from './color/deprecated/themeLightNotificationSuccessSoft.mjs';
+export { themeLightNotificationWarning } from './color/deprecated/themeLightNotificationWarning.mjs';
+export { themeLightNotificationWarningSoft } from './color/deprecated/themeLightNotificationWarningSoft.mjs';
+export { themeLightPrimary } from './color/deprecated/themeLightPrimary.mjs';
+export { themeLightStateActive } from './color/deprecated/themeLightStateActive.mjs';
+export { themeLightStateDisabled } from './color/deprecated/themeLightStateDisabled.mjs';
+export { themeLightStateFocus } from './color/deprecated/themeLightStateFocus.mjs';
+export { themeLightStateHover } from './color/deprecated/themeLightStateHover.mjs';
+export { colorBackdrop } from './color/light-dark/colorBackdrop.mjs';
+export { colorCanvas } from './color/light-dark/colorCanvas.mjs';
+export { colorContrastHigh } from './color/light-dark/colorContrastHigh.mjs';
+export { colorContrastHigher } from './color/light-dark/colorContrastHigher.mjs';
+export { colorContrastLow } from './color/light-dark/colorContrastLow.mjs';
+export { colorContrastLower } from './color/light-dark/colorContrastLower.mjs';
+export { colorContrastMedium } from './color/light-dark/colorContrastMedium.mjs';
+export { colorError } from './color/light-dark/colorError.mjs';
+export { colorErrorFrosted } from './color/light-dark/colorErrorFrosted.mjs';
+export { colorErrorFrostedSoft } from './color/light-dark/colorErrorFrostedSoft.mjs';
+export { colorErrorLow } from './color/light-dark/colorErrorLow.mjs';
+export { colorErrorMedium } from './color/light-dark/colorErrorMedium.mjs';
+export { colorFocus } from './color/light-dark/colorFocus.mjs';
+export { colorFrosted } from './color/light-dark/colorFrosted.mjs';
+export { colorFrostedSoft } from './color/light-dark/colorFrostedSoft.mjs';
+export { colorFrostedStrong } from './color/light-dark/colorFrostedStrong.mjs';
+export { colorInfo } from './color/light-dark/colorInfo.mjs';
+export { colorInfoFrosted } from './color/light-dark/colorInfoFrosted.mjs';
+export { colorInfoFrostedSoft } from './color/light-dark/colorInfoFrostedSoft.mjs';
+export { colorInfoLow } from './color/light-dark/colorInfoLow.mjs';
+export { colorInfoMedium } from './color/light-dark/colorInfoMedium.mjs';
+export { colorPrimary } from './color/light-dark/colorPrimary.mjs';
+export { colorSuccess } from './color/light-dark/colorSuccess.mjs';
+export { colorSuccessFrosted } from './color/light-dark/colorSuccessFrosted.mjs';
+export { colorSuccessFrostedSoft } from './color/light-dark/colorSuccessFrostedSoft.mjs';
+export { colorSuccessLow } from './color/light-dark/colorSuccessLow.mjs';
+export { colorSuccessMedium } from './color/light-dark/colorSuccessMedium.mjs';
+export { colorSurface } from './color/light-dark/colorSurface.mjs';
+export { colorWarning } from './color/light-dark/colorWarning.mjs';
+export { colorWarningFrosted } from './color/light-dark/colorWarningFrosted.mjs';
+export { colorWarningFrostedSoft } from './color/light-dark/colorWarningFrostedSoft.mjs';
+export { colorWarningLow } from './color/light-dark/colorWarningLow.mjs';
+export { colorWarningMedium } from './color/light-dark/colorWarningMedium.mjs';
+export { getFocusStyle } from './focus/deprecated/getFocusStyle.mjs';
+export { getFocusVisibleStyle } from './focus/getFocusVisibleStyle.mjs';
+export { fontFamily } from './font/deprecated/fontFamily.mjs';
+export { fontLineHeight } from './font/deprecated/fontLineHeight.mjs';
+export { fontSize } from './font/deprecated/fontSize.mjs';
+export { fontSizeDisplay } from './font/deprecated/fontSizeDisplay.mjs';
+export { fontSizeHeading } from './font/deprecated/fontSizeHeading.mjs';
+export { fontSizeHeadingLarge } from './font/deprecated/fontSizeHeadingLarge.mjs';
+export { fontSizeHeadingMedium } from './font/deprecated/fontSizeHeadingMedium.mjs';
+export { fontSizeHeadingSmall } from './font/deprecated/fontSizeHeadingSmall.mjs';
+export { fontSizeHeadingXLarge } from './font/deprecated/fontSizeHeadingXLarge.mjs';
+export { fontSizeHeadingXXLarge } from './font/deprecated/fontSizeHeadingXXLarge.mjs';
+export { fontSizeText } from './font/deprecated/fontSizeText.mjs';
+export { fontSizeTextLarge } from './font/deprecated/fontSizeTextLarge.mjs';
+export { fontSizeTextMedium } from './font/deprecated/fontSizeTextMedium.mjs';
+export { fontSizeTextSmall } from './font/deprecated/fontSizeTextSmall.mjs';
+export { fontSizeTextXLarge } from './font/deprecated/fontSizeTextXLarge.mjs';
+export { fontSizeTextXSmall } from './font/deprecated/fontSizeTextXSmall.mjs';
+export { fontSizeTextXXSmall } from './font/deprecated/fontSizeTextXXSmall.mjs';
+export { fontStyle } from './font/deprecated/fontStyle.mjs';
+export { fontStyleItalic } from './font/deprecated/fontStyleItalic.mjs';
+export { fontStyleNormal } from './font/deprecated/fontStyleNormal.mjs';
+export { fontVariant } from './font/deprecated/fontVariant.mjs';
+export { fontWeight } from './font/deprecated/fontWeight.mjs';
+export { fontWeightRegular } from './font/deprecated/fontWeightRegular.mjs';
+export { fontWeightSemiBold } from './font/deprecated/fontWeightSemiBold.mjs';
+export { fontHyphenationStyle } from './font/fontHyphenationStyle.mjs';
+export { fontPorscheNext } from './font/fontPorscheNext.mjs';
+export { fontSizeDisplayLarge } from './font/fontSizeDisplayLarge.mjs';
+export { fontSizeDisplayMedium } from './font/fontSizeDisplayMedium.mjs';
+export { fontSizeDisplaySmall } from './font/fontSizeDisplaySmall.mjs';
+export { fontWeightBold } from './font/fontWeightBold.mjs';
+export { fontWeightNormal } from './font/fontWeightNormal.mjs';
+export { fontWeightSemibold } from './font/fontWeightSemibold.mjs';
+export { leadingNormal } from './font/leadingNormal.mjs';
+export { typescale2Xl } from './font/typescale2Xl.mjs';
+export { typescale2Xs } from './font/typescale2Xs.mjs';
+export { typescaleLg } from './font/typescaleLg.mjs';
+export { typescaleMd } from './font/typescaleMd.mjs';
+export { typescaleSm } from './font/typescaleSm.mjs';
+export { typescaleXl } from './font/typescaleXl.mjs';
+export { typescaleXs } from './font/typescaleXs.mjs';
+export { gradientToBottomStyle } from './gradient/deprecated/gradientToBottomStyle.mjs';
+export { gradientToLeftStyle } from './gradient/deprecated/gradientToLeftStyle.mjs';
+export { gradientToRightStyle } from './gradient/deprecated/gradientToRightStyle.mjs';
+export { gradientToTopStyle } from './gradient/deprecated/gradientToTopStyle.mjs';
+export { gradientStopsFadeDark } from './gradient/gradientStopsFadeDark.mjs';
+export { gridStyle } from './grid/gridStyle.mjs';
+export { gridGap } from './grid/gridGap.mjs';
+export { gridFull } from './grid/gridFull.mjs';
+export { gridFullColumnStart } from './grid/gridFullColumnStart.mjs';
+export { gridFullColumnEnd } from './grid/gridFullColumnEnd.mjs';
+export { gridFullOffset } from './grid/gridFullOffset.mjs';
+export { gridWide } from './grid/gridWide.mjs';
+export { gridWideColumnStart } from './grid/gridWideColumnStart.mjs';
+export { gridWideColumnEnd } from './grid/gridWideColumnEnd.mjs';
+export { gridWideOffset } from './grid/gridWideOffset.mjs';
+export { gridWideOffsetBase } from './grid/gridWideOffsetBase.mjs';
+export { gridWideOffsetS } from './grid/gridWideOffsetS.mjs';
+export { gridWideOffsetXXL } from './grid/gridWideOffsetXXL.mjs';
+export { gridExtended } from './grid/gridExtended.mjs';
+export { gridExtendedColumnStart } from './grid/gridExtendedColumnStart.mjs';
+export { gridExtendedColumnEnd } from './grid/gridExtendedColumnEnd.mjs';
+export { gridExtendedSpanOneHalf } from './grid/gridExtendedSpanOneHalf.mjs';
+export { gridExtendedOffset } from './grid/gridExtendedOffset.mjs';
+export { gridExtendedOffsetBase } from './grid/gridExtendedOffsetBase.mjs';
+export { gridExtendedOffsetS } from './grid/gridExtendedOffsetS.mjs';
+export { gridExtendedOffsetXXL } from './grid/gridExtendedOffsetXXL.mjs';
+export { gridBasic } from './grid/gridBasic.mjs';
+export { gridBasicColumnStart } from './grid/gridBasicColumnStart.mjs';
+export { gridBasicColumnEnd } from './grid/gridBasicColumnEnd.mjs';
+export { gridBasicSpanOneHalf } from './grid/gridBasicSpanOneHalf.mjs';
+export { gridBasicSpanOneThird } from './grid/gridBasicSpanOneThird.mjs';
+export { gridBasicSpanTwoThirds } from './grid/gridBasicSpanTwoThirds.mjs';
+export { gridBasicOffset } from './grid/gridBasicOffset.mjs';
+export { gridBasicOffsetBase } from './grid/gridBasicOffsetBase.mjs';
+export { gridBasicOffsetS } from './grid/gridBasicOffsetS.mjs';
+export { gridBasicOffsetXXL } from './grid/gridBasicOffsetXXL.mjs';
+export { gridNarrow } from './grid/gridNarrow.mjs';
+export { gridNarrowColumnStart } from './grid/gridNarrowColumnStart.mjs';
+export { gridNarrowColumnEnd } from './grid/gridNarrowColumnEnd.mjs';
+export { gridNarrowSpanOneHalf } from './grid/gridNarrowSpanOneHalf.mjs';
+export { gridNarrowOffset } from './grid/gridNarrowOffset.mjs';
+export { gridNarrowOffsetBase } from './grid/gridNarrowOffsetBase.mjs';
+export { gridNarrowOffsetS } from './grid/gridNarrowOffsetS.mjs';
+export { gridNarrowOffsetXXL } from './grid/gridNarrowOffsetXXL.mjs';
+export { breakpoint } from './mediaQuery/breakpoint.mjs';
+export { breakpointBase } from './mediaQuery/breakpointBase.mjs';
+export { breakpointL } from './mediaQuery/breakpointL.mjs';
+export { breakpointM } from './mediaQuery/breakpointM.mjs';
+export { breakpointS } from './mediaQuery/breakpointS.mjs';
+export { breakpoints } from './mediaQuery/breakpointShared.mjs';
+export { breakpointXL } from './mediaQuery/breakpointXL.mjs';
+export { breakpointXS } from './mediaQuery/breakpointXS.mjs';
+export { breakpointXXL } from './mediaQuery/breakpointXXL.mjs';
+export { getMediaQueryMax } from './mediaQuery/getMediaQueryMax.mjs';
+export { getMediaQueryMin } from './mediaQuery/getMediaQueryMin.mjs';
+export { getMediaQueryMinMax } from './mediaQuery/getMediaQueryMinMax.mjs';
+export { motionDurationLong } from './motion/deprecated/motionDurationLong.mjs';
+export { motionDurationModerate } from './motion/deprecated/motionDurationModerate.mjs';
+export { motionDurationShort } from './motion/deprecated/motionDurationShort.mjs';
+export { motionDurationVeryLong } from './motion/deprecated/motionDurationVeryLong.mjs';
+export { motionEasingBase } from './motion/deprecated/motionEasingBase.mjs';
+export { motionEasingIn } from './motion/deprecated/motionEasingIn.mjs';
+export { motionEasingOut } from './motion/deprecated/motionEasingOut.mjs';
+export { durationLg } from './motion/durationLg.mjs';
+export { durationMd } from './motion/durationMd.mjs';
+export { durationSm } from './motion/durationSm.mjs';
+export { durationXl } from './motion/durationXl.mjs';
+export { easeIn } from './motion/easeIn.mjs';
+export { easeInOut } from './motion/easeInOut.mjs';
+export { easeOut } from './motion/easeOut.mjs';
+export { dropShadowHighStyle } from './shadow/deprecated/dropShadowHighStyle.mjs';
+export { dropShadowLowStyle } from './shadow/deprecated/dropShadowLowStyle.mjs';
+export { dropShadowMediumStyle } from './shadow/deprecated/dropShadowMediumStyle.mjs';
+export { shadowLg } from './shadow/shadowLg.mjs';
+export { shadowMd } from './shadow/shadowMd.mjs';
+export { shadowSm } from './shadow/shadowSm.mjs';
+export { getSkeletonStyle, skeletonKeyframes } from './skeleton/getSkeletonStyle.mjs';
+export { spacing } from './spacing/deprecated/spacing.mjs';
+export { spacingFluid } from './spacing/deprecated/spacingFluid.mjs';
+export { spacingFluidLarge } from './spacing/deprecated/spacingFluidLarge.mjs';
+export { spacingFluidMedium } from './spacing/deprecated/spacingFluidMedium.mjs';
+export { spacingFluidSmall } from './spacing/deprecated/spacingFluidSmall.mjs';
+export { spacingFluidXLarge } from './spacing/deprecated/spacingFluidXLarge.mjs';
+export { spacingFluidXSmall } from './spacing/deprecated/spacingFluidXSmall.mjs';
+export { spacingFluidXXLarge } from './spacing/deprecated/spacingFluidXXLarge.mjs';
+export { spacingStatic } from './spacing/deprecated/spacingStatic.mjs';
+export { spacingStaticLarge } from './spacing/deprecated/spacingStaticLarge.mjs';
+export { spacingStaticMedium } from './spacing/deprecated/spacingStaticMedium.mjs';
+export { spacingStaticSmall } from './spacing/deprecated/spacingStaticSmall.mjs';
+export { spacingStaticXLarge } from './spacing/deprecated/spacingStaticXLarge.mjs';
+export { spacingStaticXSmall } from './spacing/deprecated/spacingStaticXSmall.mjs';
+export { spacingStaticXXLarge } from './spacing/deprecated/spacingStaticXXLarge.mjs';
+export { spacingFluid2Xl } from './spacing/spacingFluid2Xl.mjs';
+export { spacingFluidLg } from './spacing/spacingFluidLg.mjs';
+export { spacingFluidMd } from './spacing/spacingFluidMd.mjs';
+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 { spacingStaticLg } from './spacing/spacingStaticLg.mjs';
+export { spacingStaticMd } from './spacing/spacingStaticMd.mjs';
+export { spacingStaticSm } from './spacing/spacingStaticSm.mjs';
+export { spacingStaticXl } from './spacing/spacingStaticXl.mjs';
+export { spacingStaticXs } from './spacing/spacingStaticXs.mjs';
+export { displaySmallStyle } from './typography/deprecated/display/displaySmallStyle.mjs';
+export { displayMediumStyle } from './typography/deprecated/display/displayMediumStyle.mjs';
+export { displayLargeStyle } from './typography/deprecated/display/displayLargeStyle.mjs';
+export { headingSmallStyle } from './typography/deprecated/heading/headingSmallStyle.mjs';
+export { headingMediumStyle } from './typography/deprecated/heading/headingMediumStyle.mjs';
+export { headingLargeStyle } from './typography/deprecated/heading/headingLargeStyle.mjs';
+export { headingXLargeStyle } from './typography/deprecated/heading/headingXLargeStyle.mjs';
+export { headingXXLargeStyle } from './typography/deprecated/heading/headingXXLargeStyle.mjs';
+export { textXXSmallStyle } from './typography/deprecated/text/textXXSmallStyle.mjs';
+export { textXSmallStyle } from './typography/deprecated/text/textXSmallStyle.mjs';
+export { textSmallStyle } from './typography/deprecated/text/textSmallStyle.mjs';
+export { textMediumStyle } from './typography/deprecated/text/textMediumStyle.mjs';
+export { textLargeStyle } from './typography/deprecated/text/textLargeStyle.mjs';
+export { textXLargeStyle } from './typography/deprecated/text/textXLargeStyle.mjs';
+export { proseDisplayLgStyle } from './typography/proseDisplayLgStyle.mjs';
+export { proseDisplayMdStyle } from './typography/proseDisplayMdStyle.mjs';
+export { proseDisplaySmStyle } from './typography/proseDisplaySmStyle.mjs';
+export { proseHeading2XlStyle } from './typography/proseHeading2XlStyle.mjs';
+export { proseHeadingLgStyle } from './typography/proseHeadingLgStyle.mjs';
+export { proseHeadingMdStyle } from './typography/proseHeadingMdStyle.mjs';
+export { proseHeadingSmStyle } from './typography/proseHeadingSmStyle.mjs';
+export { proseHeadingXlStyle } from './typography/proseHeadingXlStyle.mjs';
+export { proseText2XsStyle } from './typography/proseText2XsStyle.mjs';
+export { proseTextLgStyle } from './typography/proseTextLgStyle.mjs';
+export { proseTextMdStyle } from './typography/proseTextMdStyle.mjs';
+export { proseTextSmStyle } from './typography/proseTextSmStyle.mjs';
+export { proseTextXlStyle } from './typography/proseTextXlStyle.mjs';
+export { proseTextXsStyle } from './typography/proseTextXsStyle.mjs';

package/vanilla-extract/esm/mediaQuery/breakpoint.d.ts

@@ -0,0 +1,4 @@
+import type { Breakpoint } from './breakpointShared';
+export declare const breakpoint: {
+    [key in Breakpoint]: number;
+};

package/vanilla-extract/esm/mediaQuery/breakpoint.mjs

@@ -0,0 +1,19 @@
+import { breakpointBase } from './breakpointBase.mjs';
+import { breakpointL } from './breakpointL.mjs';
+import { breakpointM } from './breakpointM.mjs';
+import { breakpointS } from './breakpointS.mjs';
+import { breakpointXL } from './breakpointXL.mjs';
+import { breakpointXS } from './breakpointXS.mjs';
+import { breakpointXXL } from './breakpointXXL.mjs';
+
+const breakpoint = {
+    base: breakpointBase,
+    xs: breakpointXS,
+    s: breakpointS,
+    m: breakpointM,
+    l: breakpointL,
+    xl: breakpointXL,
+    xxl: breakpointXXL,
+};
+
+export { breakpoint };

package/vanilla-extract/esm/mediaQuery/breakpointBase.d.ts

@@ -0,0 +1 @@
+export declare const breakpointBase = 0;

package/vanilla-extract/esm/mediaQuery/breakpointBase.mjs

@@ -0,0 +1,3 @@
+const breakpointBase = 0;
+
+export { breakpointBase };

package/vanilla-extract/esm/mediaQuery/breakpointL.d.ts

@@ -0,0 +1 @@
+export declare const breakpointL = 1300;

package/vanilla-extract/esm/mediaQuery/breakpointL.mjs

@@ -0,0 +1,5 @@
+import { breakpointLg } from '../tokens/dist/esm/breakpoint/breakpointLg.mjs';
+
+const breakpointL = breakpointLg;
+
+export { breakpointL };

package/vanilla-extract/esm/mediaQuery/breakpointM.d.ts

@@ -0,0 +1 @@
+export declare const breakpointM = 1000;

package/vanilla-extract/esm/mediaQuery/breakpointM.mjs

@@ -0,0 +1,5 @@
+import { breakpointMd } from '../tokens/dist/esm/breakpoint/breakpointMd.mjs';
+
+const breakpointM = breakpointMd;
+
+export { breakpointM };

package/vanilla-extract/esm/mediaQuery/breakpointS.d.ts

@@ -0,0 +1 @@
+export declare const breakpointS = 760;

package/vanilla-extract/esm/mediaQuery/breakpointS.mjs

@@ -0,0 +1,5 @@
+import { breakpointSm } from '../tokens/dist/esm/breakpoint/breakpointSm.mjs';
+
+const breakpointS = breakpointSm;
+
+export { breakpointS };

package/vanilla-extract/esm/mediaQuery/breakpointShared.d.ts

@@ -0,0 +1,2 @@
+export declare const breakpoints: readonly ["base", "xs", "s", "m", "l", "xl", "xxl"];
+export type Breakpoint = (typeof breakpoints)[number];

package/vanilla-extract/esm/mediaQuery/breakpointShared.mjs

@@ -0,0 +1,3 @@
+const breakpoints = ['base', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
+
+export { breakpoints };

package/vanilla-extract/esm/mediaQuery/breakpointXL.d.ts

@@ -0,0 +1 @@
+export declare const breakpointXL = 1760;

package/vanilla-extract/esm/mediaQuery/breakpointXL.mjs

@@ -0,0 +1,5 @@
+import { breakpointXl } from '../tokens/dist/esm/breakpoint/breakpointXl.mjs';
+
+const breakpointXL = breakpointXl;
+
+export { breakpointXL };

package/vanilla-extract/esm/mediaQuery/breakpointXS.d.ts

@@ -0,0 +1 @@
+export declare const breakpointXS = 480;

package/vanilla-extract/esm/mediaQuery/breakpointXS.mjs

@@ -0,0 +1,5 @@
+import { breakpointXs } from '../tokens/dist/esm/breakpoint/breakpointXs.mjs';
+
+const breakpointXS = breakpointXs;
+
+export { breakpointXS };

package/vanilla-extract/esm/mediaQuery/breakpointXXL.d.ts

@@ -0,0 +1 @@
+export declare const breakpointXXL = 1920;

package/vanilla-extract/esm/mediaQuery/breakpointXXL.mjs

@@ -0,0 +1,5 @@
+import { breakpoint2Xl } from '../tokens/dist/esm/breakpoint/breakpoint2Xl.mjs';
+
+const breakpointXXL = breakpoint2Xl;
+
+export { breakpointXXL };

package/vanilla-extract/esm/mediaQuery/getMediaQueryMax.d.ts

@@ -0,0 +1,7 @@
+import type { BKey } from './mediaQueryShared';
+export declare function getMediaQueryMax(max: BKey<'xs'>): '(max-width:479px)';
+export declare function getMediaQueryMax(max: BKey<'s'>): '(max-width:759px)';
+export declare function getMediaQueryMax(max: BKey<'m'>): '(max-width:999px)';
+export declare function getMediaQueryMax(max: BKey<'l'>): '(max-width:1299px)';
+export declare function getMediaQueryMax(max: BKey<'xl'>): '(max-width:1759px)';
+export declare function getMediaQueryMax(max: BKey<'xxl'>): '(max-width:1919px)';

package/vanilla-extract/esm/mediaQuery/getMediaQueryMax.mjs

@@ -0,0 +1,7 @@
+import { breakpoint } from './breakpoint.mjs';
+
+function getMediaQueryMax(max) {
+    return `(max-width:${breakpoint[max] - 1}px)`;
+}
+
+export { getMediaQueryMax };

package/vanilla-extract/esm/mediaQuery/getMediaQueryMin.d.ts

@@ -0,0 +1,8 @@
+import type { BKey } from './mediaQueryShared';
+export declare function getMediaQueryMin(min: BKey<'base'>): '(min-width:0px)';
+export declare function getMediaQueryMin(min: BKey<'xs'>): '(min-width:480px)';
+export declare function getMediaQueryMin(min: BKey<'s'>): '(min-width:760px)';
+export declare function getMediaQueryMin(min: BKey<'m'>): '(min-width:1000px)';
+export declare function getMediaQueryMin(min: BKey<'l'>): '(min-width:1300px)';
+export declare function getMediaQueryMin(min: BKey<'xl'>): '(min-width:1760px)';
+export declare function getMediaQueryMin(min: BKey<'xxl'>): '(min-width:1920px)';

package/vanilla-extract/esm/mediaQuery/getMediaQueryMin.mjs

@@ -0,0 +1,7 @@
+import { breakpoint } from './breakpoint.mjs';
+
+function getMediaQueryMin(min) {
+    return `(min-width:${breakpoint[min]}px)`;
+}
+
+export { getMediaQueryMin };

package/vanilla-extract/esm/mediaQuery/getMediaQueryMinMax.d.ts

@@ -0,0 +1,22 @@
+import type { BKey } from './mediaQueryShared';
+export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'xs'>): '(min-width:0px) and (max-width:479px)';
+export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'s'>): '(min-width:0px) and (max-width:759px)';
+export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'m'>): '(min-width:0px) and (max-width:999px)';
+export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'l'>): '(min-width:0px) and (max-width:1299px)';
+export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'xl'>): '(min-width:0px) and (max-width:1759px)';
+export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'xxl'>): '(min-width:0px) and (max-width:1919px)';
+export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'s'>): '(min-width:480px) and (max-width:759px)';
+export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'m'>): '(min-width:480px) and (max-width:999px)';
+export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'l'>): '(min-width:480px) and (max-width:1299px)';
+export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'xl'>): '(min-width:480px) and (max-width:1759px)';
+export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'xxl'>): '(min-width:480px) and (max-width:1919px)';
+export declare function getMediaQueryMinMax(min: BKey<'s'>, max: BKey<'m'>): '(min-width:760px) and (max-width:999px)';
+export declare function getMediaQueryMinMax(min: BKey<'s'>, max: BKey<'l'>): '(min-width:760px) and (max-width:1299px)';
+export declare function getMediaQueryMinMax(min: BKey<'s'>, max: BKey<'xl'>): '(min-width:760px) and (max-width:1759px)';
+export declare function getMediaQueryMinMax(min: BKey<'s'>, max: BKey<'xxl'>): '(min-width:760px) and (max-width:1919px)';
+export declare function getMediaQueryMinMax(min: BKey<'m'>, max: BKey<'l'>): '(min-width:1000px) and (max-width:1299px)';
+export declare function getMediaQueryMinMax(min: BKey<'m'>, max: BKey<'xl'>): '(min-width:1000px) and (max-width:1759px)';
+export declare function getMediaQueryMinMax(min: BKey<'m'>, max: BKey<'xxl'>): '(min-width:1000px) and (max-width:1919px)';
+export declare function getMediaQueryMinMax(min: BKey<'l'>, max: BKey<'xl'>): '(min-width:1300px) and (max-width:1759px)';
+export declare function getMediaQueryMinMax(min: BKey<'l'>, max: BKey<'xxl'>): '(min-width:1300px) and (max-width:1919px)';
+export declare function getMediaQueryMinMax(min: BKey<'xl'>, max: BKey<'xxl'>): '(min-width:1760px) and (max-width:1919px)';

package/vanilla-extract/esm/mediaQuery/getMediaQueryMinMax.mjs

@@ -0,0 +1,7 @@
+import { breakpoint } from './breakpoint.mjs';
+
+function getMediaQueryMinMax(min, max) {
+    return `(min-width:${breakpoint[min]}px) and (max-width:${breakpoint[max] - 1}px)`;
+}
+
+export { getMediaQueryMinMax };

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

@@ -0,0 +1,13 @@
+export { breakpoint } from './breakpoint';
+export { breakpointBase } from './breakpointBase';
+export { breakpointL } from './breakpointL';
+export { breakpointM } from './breakpointM';
+export { breakpointS } from './breakpointS';
+export type { Breakpoint } from './breakpointShared';
+export { breakpoints } from './breakpointShared';
+export { breakpointXL } from './breakpointXL';
+export { breakpointXS } from './breakpointXS';
+export { breakpointXXL } from './breakpointXXL';
+export { getMediaQueryMax } from './getMediaQueryMax';
+export { getMediaQueryMin } from './getMediaQueryMin';
+export { getMediaQueryMinMax } from './getMediaQueryMinMax';

package/vanilla-extract/esm/mediaQuery/mediaQueryShared.d.ts

@@ -0,0 +1,2 @@
+import type { Breakpoint } from './breakpointShared';
+export type BKey<K extends Breakpoint> = Extract<Breakpoint, K>;

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

@@ -0,0 +1,7 @@
+export { motionDurationLong } from './motionDurationLong';
+export { motionDurationModerate } from './motionDurationModerate';
+export { motionDurationShort } from './motionDurationShort';
+export { motionDurationVeryLong } from './motionDurationVeryLong';
+export { motionEasingBase } from './motionEasingBase';
+export { motionEasingIn } from './motionEasingIn';
+export { motionEasingOut } from './motionEasingOut';

package/vanilla-extract/esm/motion/deprecated/motionDurationLong.d.ts

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

package/vanilla-extract/esm/motion/deprecated/motionDurationLong.mjs

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

package/vanilla-extract/esm/motion/deprecated/motionDurationModerate.d.ts

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

package/vanilla-extract/esm/motion/deprecated/motionDurationModerate.mjs

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

package/vanilla-extract/esm/motion/deprecated/motionDurationShort.d.ts

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

package/vanilla-extract/esm/motion/deprecated/motionDurationShort.mjs

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

package/vanilla-extract/esm/motion/deprecated/motionDurationVeryLong.d.ts

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

package/vanilla-extract/esm/motion/deprecated/motionDurationVeryLong.mjs

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

package/vanilla-extract/esm/motion/deprecated/motionEasingBase.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use easeInOut instead. */
+export declare const motionEasingBase = "cubic-bezier(.25,.1,.25,1)";

package/vanilla-extract/esm/motion/deprecated/motionEasingBase.mjs

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

package/vanilla-extract/esm/motion/deprecated/motionEasingIn.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use easeIn instead. */
+export declare const motionEasingIn = "cubic-bezier(0,0,.2,1)";

package/vanilla-extract/esm/motion/deprecated/motionEasingIn.mjs

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

package/vanilla-extract/esm/motion/deprecated/motionEasingOut.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated since v4.0.0, will be removed with next major release. Use easeOut instead. */
+export declare const motionEasingOut = "cubic-bezier(.4,0,.5,1)";

package/vanilla-extract/esm/motion/deprecated/motionEasingOut.mjs

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

package/vanilla-extract/esm/motion/durationLg.d.ts

@@ -0,0 +1 @@
+export declare const durationLg = ".6s";

package/vanilla-extract/esm/motion/durationLg.mjs

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

package/vanilla-extract/esm/motion/durationMd.d.ts

@@ -0,0 +1 @@
+export declare const durationMd = ".4s";

package/vanilla-extract/esm/motion/durationMd.mjs

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

package/vanilla-extract/esm/motion/durationSm.d.ts

@@ -0,0 +1 @@
+export declare const durationSm = ".25s";

package/vanilla-extract/esm/motion/durationSm.mjs

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

package/vanilla-extract/esm/motion/durationXl.d.ts

@@ -0,0 +1 @@
+export declare const durationXl = "1.2s";

package/vanilla-extract/esm/motion/durationXl.mjs

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