@porsche-design-system/components-angular/vanilla-extract/esm/index.mjs

Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.

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 { fontPorscheNextJa } from './font/fontPorscheNextJa.mjs';
export { fontPorscheNextKo } from './font/fontPorscheNextKo.mjs';
export { fontPorscheNextZhHans } from './font/fontPorscheNextZhHans.mjs';
export { fontPorscheNextZhHant } from './font/fontPorscheNextZhHant.mjs';
export { fontWeightBold } from './font/fontWeightBold.mjs';
export { fontWeightNormal } from './font/fontWeightNormal.mjs';
export { fontWeightSemibold } from './font/fontWeightSemibold.mjs';
export { getCJKFontFamilyStyle } from './font/getCJKFontFamilyStyle.mjs';
export { leadingNormal } from './font/leadingNormal.mjs';
export { typescale2Xl } from './font/typescale2Xl.mjs';
export { typescale2Xs } from './font/typescale2Xs.mjs';
export { typescale3Xl } from './font/typescale3Xl.mjs';
export { typescale4Xl } from './font/typescale4Xl.mjs';
export { typescale5Xl } from './font/typescale5Xl.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 { spacingStatic2Xs } from './spacing/spacingStatic2Xs.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 { 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';
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';
export { proseTextXlStyle } from './typography/proseTextXlStyle.mjs';
export { proseTextXsStyle } from './typography/proseTextXsStyle.mjs';