@fluentui/web-components 3.0.0-beta.6 → 3.0.0-beta.7

package/dist/esm/theme/design-tokens.js

@@ -1,387 +1,386 @@
-import { DesignToken } from '@microsoft/fast-foundation/design-token.js';
-const { create } = DesignToken;
-export const borderRadiusNone = create('borderRadiusNone');
-export const borderRadiusSmall = create('borderRadiusSmall');
-export const borderRadiusMedium = create('borderRadiusMedium');
-export const borderRadiusLarge = create('borderRadiusLarge');
-export const borderRadiusXLarge = create('borderRadiusXLarge');
-export const borderRadiusCircular = create('borderRadiusCircular');
-export const fontSizeBase100 = create('fontSizeBase100');
-export const fontSizeBase200 = create('fontSizeBase200');
-export const fontSizeBase300 = create('fontSizeBase300');
-export const fontSizeBase400 = create('fontSizeBase400');
-export const fontSizeBase500 = create('fontSizeBase500');
-export const fontSizeBase600 = create('fontSizeBase600');
-export const fontSizeHero700 = create('fontSizeHero700');
-export const fontSizeHero800 = create('fontSizeHero800');
-export const fontSizeHero900 = create('fontSizeHero900');
-export const fontSizeHero1000 = create('fontSizeHero1000');
-export const lineHeightBase100 = create('lineHeightBase100');
-export const lineHeightBase200 = create('lineHeightBase200');
-export const lineHeightBase300 = create('lineHeightBase300');
-export const lineHeightBase400 = create('lineHeightBase400');
-export const lineHeightBase500 = create('lineHeightBase500');
-export const lineHeightBase600 = create('lineHeightBase600');
-export const lineHeightHero700 = create('lineHeightHero700');
-export const lineHeightHero800 = create('lineHeightHero800');
-export const lineHeightHero900 = create('lineHeightHero900');
-export const lineHeightHero1000 = create('lineHeightHero1000');
-export const fontFamilyBase = create('fontFamilyBase');
-export const fontFamilyMonospace = create('fontFamilyMonospace');
-export const fontFamilyNumeric = create('fontFamilyNumeric');
-export const fontWeightRegular = create('fontWeightRegular');
-export const fontWeightMedium = create('fontWeightMedium');
-export const fontWeightSemibold = create('fontWeightSemibold');
-export const fontWeightBold = create('fontWeightBold');
-export const strokeWidthThin = create('strokeWidthThin');
-export const strokeWidthThick = create('strokeWidthThick');
-export const strokeWidthThicker = create('strokeWidthThicker');
-export const strokeWidthThickest = create('strokeWidthThickest');
-export const spacingHorizontalNone = create('spacingHorizontalNone');
-export const spacingHorizontalXXS = create('spacingHorizontalXXS');
-export const spacingHorizontalXS = create('spacingHorizontalXS');
-export const spacingHorizontalSNudge = create('spacingHorizontalSNudge');
-export const spacingHorizontalS = create('spacingHorizontalS');
-export const spacingHorizontalMNudge = create('spacingHorizontalMNudge');
-export const spacingHorizontalM = create('spacingHorizontalM');
-export const spacingHorizontalL = create('spacingHorizontalL');
-export const spacingHorizontalXL = create('spacingHorizontalXL');
-export const spacingHorizontalXXL = create('spacingHorizontalXXL');
-export const spacingHorizontalXXXL = create('spacingHorizontalXXXL');
-export const spacingVerticalNone = create('spacingVerticalNone');
-export const spacingVerticalXXS = create('spacingVerticalXXS');
-export const spacingVerticalXS = create('spacingVerticalXS');
-export const spacingVerticalSNudge = create('spacingVerticalSNudge');
-export const spacingVerticalS = create('spacingVerticalS');
-export const spacingVerticalMNudge = create('spacingVerticalMNudge');
-export const spacingVerticalM = create('spacingVerticalM');
-export const spacingVerticalL = create('spacingVerticalL');
-export const spacingVerticalXL = create('spacingVerticalXL');
-export const spacingVerticalXXL = create('spacingVerticalXXL');
-export const spacingVerticalXXXL = create('spacingVerticalXXXL');
-export const durationUltraFast = create('durationUltraFast');
-export const durationFaster = create('durationFaster');
-export const durationFast = create('durationFast');
-export const durationNormal = create('durationNormal');
-export const durationSlow = create('durationSlow');
-export const durationSlower = create('durationSlower');
-export const durationUltraSlow = create('durationUltraSlow');
-export const curveAccelerateMax = create('curveAccelerateMax');
-export const curveAccelerateMid = create('curveAccelerateMid');
-export const curveAccelerateMin = create('curveAccelerateMin');
-export const curveDecelerateMax = create('curveDecelerateMax');
-export const curveDecelerateMid = create('curveDecelerateMid');
-export const curveDecelerateMin = create('curveDecelerateMin');
-export const curveEasyEaseMax = create('curveEasyEaseMax');
-export const curveEasyEase = create('curveEasyEase');
-export const curveLinear = create('curveLinear');
-export const colorNeutralForeground1 = create('colorNeutralForeground1');
-export const colorNeutralForeground1Hover = create('colorNeutralForeground1Hover');
-export const colorNeutralForeground1Pressed = create('colorNeutralForeground1Pressed');
-export const colorNeutralForeground1Selected = create('colorNeutralForeground1Selected');
-export const colorNeutralForeground2 = create('colorNeutralForeground2');
-export const colorNeutralForeground2Hover = create('colorNeutralForeground2Hover');
-export const colorNeutralForeground2Pressed = create('colorNeutralForeground2Pressed');
-export const colorNeutralForeground2Selected = create('colorNeutralForeground2Selected');
-export const colorNeutralForeground2BrandHover = create('colorNeutralForeground2BrandHover');
-export const colorNeutralForeground2BrandPressed = create('colorNeutralForeground2BrandPressed');
-export const colorNeutralForeground2BrandSelected = create('colorNeutralForeground2BrandSelected');
-export const colorNeutralForeground3 = create('colorNeutralForeground3');
-export const colorNeutralForeground3Hover = create('colorNeutralForeground3Hover');
-export const colorNeutralForeground3Pressed = create('colorNeutralForeground3Pressed');
-export const colorNeutralForeground3Selected = create('colorNeutralForeground3Selected');
-export const colorNeutralForeground3BrandHover = create('colorNeutralForeground3BrandHover');
-export const colorNeutralForeground3BrandPressed = create('colorNeutralForeground3BrandPressed');
-export const colorNeutralForeground3BrandSelected = create('colorNeutralForeground3BrandSelected');
-export const colorNeutralForeground4 = create('colorNeutralForeground4');
-export const colorNeutralForegroundDisabled = create('colorNeutralForegroundDisabled');
-export const colorNeutralForegroundInvertedDisabled = create('colorNeutralForegroundInvertedDisabled');
-export const colorBrandForegroundLink = create('colorBrandForegroundLink');
-export const colorBrandForegroundLinkHover = create('colorBrandForegroundLinkHover');
-export const colorBrandForegroundLinkPressed = create('colorBrandForegroundLinkPressed');
-export const colorBrandForegroundLinkSelected = create('colorBrandForegroundLinkSelected');
-export const colorNeutralForeground2Link = create('colorNeutralForeground2Link');
-export const colorNeutralForeground2LinkHover = create('colorNeutralForeground2LinkHover');
-export const colorNeutralForeground2LinkPressed = create('colorNeutralForeground2LinkPressed');
-export const colorNeutralForeground2LinkSelected = create('colorNeutralForeground2LinkSelected');
-export const colorCompoundBrandForeground1 = create('colorCompoundBrandForeground1');
-export const colorCompoundBrandForeground1Hover = create('colorCompoundBrandForeground1Hover');
-export const colorCompoundBrandForeground1Pressed = create('colorCompoundBrandForeground1Pressed');
-export const colorBrandForeground1 = create('colorBrandForeground1');
-export const colorBrandForeground2 = create('colorBrandForeground2');
-export const colorNeutralForeground1Static = create('colorNeutralForeground1Static');
-export const colorNeutralForegroundStaticInverted = create('colorNeutralForegroundStaticInverted');
-export const colorNeutralForegroundInverted = create('colorNeutralForegroundInverted');
-export const colorNeutralForegroundInvertedHover = create('colorNeutralForegroundInvertedHover');
-export const colorNeutralForegroundInvertedPressed = create('colorNeutralForegroundInvertedPressed');
-export const colorNeutralForegroundInvertedSelected = create('colorNeutralForegroundInvertedSelected');
-export const colorNeutralForegroundInverted2 = create('colorNeutralForegroundInverted2');
-export const colorNeutralForegroundOnBrand = create('colorNeutralForegroundOnBrand');
-export const colorNeutralForegroundInvertedLink = create('colorNeutralForegroundInvertedLink');
-export const colorNeutralForegroundInvertedLinkHover = create('colorNeutralForegroundInvertedLinkHover');
-export const colorNeutralForegroundInvertedLinkPressed = create('colorNeutralForegroundInvertedLinkPressed');
-export const colorNeutralForegroundInvertedLinkSelected = create('colorNeutralForegroundInvertedLinkSelected');
-export const colorBrandForegroundInverted = create('colorBrandForegroundInverted');
-export const colorBrandForegroundInvertedHover = create('colorBrandForegroundInvertedHover');
-export const colorBrandForegroundInvertedPressed = create('colorBrandForegroundInvertedPressed');
-export const colorBrandForegroundOnLight = create('colorBrandForegroundOnLight');
-export const colorBrandForegroundOnLightHover = create('colorBrandForegroundOnLightHover');
-export const colorBrandForegroundOnLightPressed = create('colorBrandForegroundOnLightPressed');
-export const colorBrandForegroundOnLightSelected = create('colorBrandForegroundOnLightSelected');
-export const colorNeutralBackground1 = create('colorNeutralBackground1');
-export const colorNeutralBackground1Hover = create('colorNeutralBackground1Hover');
-export const colorNeutralBackground1Pressed = create('colorNeutralBackground1Pressed');
-export const colorNeutralBackground1Selected = create('colorNeutralBackground1Selected');
-export const colorNeutralBackground2 = create('colorNeutralBackground2');
-export const colorNeutralBackground2Hover = create('colorNeutralBackground2Hover');
-export const colorNeutralBackground2Pressed = create('colorNeutralBackground2Pressed');
-export const colorNeutralBackground2Selected = create('colorNeutralBackground2Selected');
-export const colorNeutralBackground3 = create('colorNeutralBackground3');
-export const colorNeutralBackground3Hover = create('colorNeutralBackground3Hover');
-export const colorNeutralBackground3Pressed = create('colorNeutralBackground3Pressed');
-export const colorNeutralBackground3Selected = create('colorNeutralBackground3Selected');
-export const colorNeutralBackground4 = create('colorNeutralBackground4');
-export const colorNeutralBackground4Hover = create('colorNeutralBackground4Hover');
-export const colorNeutralBackground4Pressed = create('colorNeutralBackground4Pressed');
-export const colorNeutralBackground4Selected = create('colorNeutralBackground4Selected');
-export const colorNeutralBackground5 = create('colorNeutralBackground5');
-export const colorNeutralBackground5Hover = create('colorNeutralBackground5Hover');
-export const colorNeutralBackground5Pressed = create('colorNeutralBackground5Pressed');
-export const colorNeutralBackground5Selected = create('colorNeutralBackground5Selected');
-export const colorNeutralBackground6 = create('colorNeutralBackground6');
-export const colorNeutralBackgroundInverted = create('colorNeutralBackgroundInverted');
-export const colorNeutralBackgroundStatic = create('colorNeutralBackgroundStatic');
-export const colorSubtleBackground = create('colorSubtleBackground');
-export const colorSubtleBackgroundHover = create('colorSubtleBackgroundHover');
-export const colorSubtleBackgroundPressed = create('colorSubtleBackgroundPressed');
-export const colorSubtleBackgroundSelected = create('colorSubtleBackgroundSelected');
-export const colorSubtleBackgroundLightAlphaHover = create('colorSubtleBackgroundLightAlphaHover');
-export const colorSubtleBackgroundLightAlphaPressed = create('colorSubtleBackgroundLightAlphaPressed');
-export const colorSubtleBackgroundLightAlphaSelected = create('colorSubtleBackgroundLightAlphaSelected');
-export const colorSubtleBackgroundInverted = create('colorSubtleBackgroundInverted');
-export const colorSubtleBackgroundInvertedHover = create('colorSubtleBackgroundInvertedHover');
-export const colorSubtleBackgroundInvertedPressed = create('colorSubtleBackgroundInvertedPressed');
-export const colorSubtleBackgroundInvertedSelected = create('colorSubtleBackgroundInvertedSelected');
-export const colorTransparentBackground = create('colorTransparentBackground');
-export const colorTransparentBackgroundHover = create('colorTransparentBackgroundHover');
-export const colorTransparentBackgroundPressed = create('colorTransparentBackgroundPressed');
-export const colorTransparentBackgroundSelected = create('colorTransparentBackgroundSelected');
-export const colorNeutralBackgroundDisabled = create('colorNeutralBackgroundDisabled');
-export const colorNeutralBackgroundInvertedDisabled = create('colorNeutralBackgroundInvertedDisabled');
-export const colorNeutralStencil1 = create('colorNeutralStencil1');
-export const colorNeutralStencil2 = create('colorNeutralStencil2');
-export const colorNeutralStencil1Alpha = create('colorNeutralStencil1Alpha');
-export const colorNeutralStencil2Alpha = create('colorNeutralStencil2Alpha');
-export const colorBackgroundOverlay = create('colorBackgroundOverlay');
-export const colorScrollbarOverlay = create('colorScrollbarOverlay');
-export const colorBrandBackground = create('colorBrandBackground');
-export const colorBrandBackgroundHover = create('colorBrandBackgroundHover');
-export const colorBrandBackgroundPressed = create('colorBrandBackgroundPressed');
-export const colorBrandBackgroundSelected = create('colorBrandBackgroundSelected');
-export const colorCompoundBrandBackground = create('colorCompoundBrandBackground');
-export const colorCompoundBrandBackgroundHover = create('colorCompoundBrandBackgroundHover');
-export const colorCompoundBrandBackgroundPressed = create('colorCompoundBrandBackgroundPressed');
-export const colorBrandBackgroundStatic = create('colorBrandBackgroundStatic');
-export const colorBrandBackground2 = create('colorBrandBackground2');
-export const colorBrandBackgroundInverted = create('colorBrandBackgroundInverted');
-export const colorBrandBackgroundInvertedHover = create('colorBrandBackgroundInvertedHover');
-export const colorBrandBackgroundInvertedPressed = create('colorBrandBackgroundInvertedPressed');
-export const colorBrandBackgroundInvertedSelected = create('colorBrandBackgroundInvertedSelected');
-export const colorNeutralStrokeAccessible = create('colorNeutralStrokeAccessible');
-export const colorNeutralStrokeAccessibleHover = create('colorNeutralStrokeAccessibleHover');
-export const colorNeutralStrokeAccessiblePressed = create('colorNeutralStrokeAccessiblePressed');
-export const colorNeutralStrokeAccessibleSelected = create('colorNeutralStrokeAccessibleSelected');
-export const colorNeutralStroke1 = create('colorNeutralStroke1');
-export const colorNeutralStroke1Hover = create('colorNeutralStroke1Hover');
-export const colorNeutralStroke1Pressed = create('colorNeutralStroke1Pressed');
-export const colorNeutralStroke1Selected = create('colorNeutralStroke1Selected');
-export const colorNeutralStroke2 = create('colorNeutralStroke2');
-export const colorNeutralStroke3 = create('colorNeutralStroke3');
-export const colorNeutralStrokeOnBrand = create('colorNeutralStrokeOnBrand');
-export const colorNeutralStrokeOnBrand2 = create('colorNeutralStrokeOnBrand2');
-export const colorNeutralStrokeOnBrand2Hover = create('colorNeutralStrokeOnBrand2Hover');
-export const colorNeutralStrokeOnBrand2Pressed = create('colorNeutralStrokeOnBrand2Pressed');
-export const colorNeutralStrokeOnBrand2Selected = create('colorNeutralStrokeOnBrand2Selected');
-export const colorBrandStroke1 = create('colorBrandStroke1');
-export const colorBrandStroke2 = create('colorBrandStroke2');
-export const colorCompoundBrandStroke = create('colorCompoundBrandStroke');
-export const colorCompoundBrandStrokeHover = create('colorCompoundBrandStrokeHover');
-export const colorCompoundBrandStrokePressed = create('colorCompoundBrandStrokePressed');
-export const colorNeutralStrokeDisabled = create('colorNeutralStrokeDisabled');
-export const colorNeutralStrokeInvertedDisabled = create('colorNeutralStrokeInvertedDisabled');
-export const colorTransparentStroke = create('colorTransparentStroke');
-export const colorTransparentStrokeInteractive = create('colorTransparentStrokeInteractive');
-export const colorTransparentStrokeDisabled = create('colorTransparentStrokeDisabled');
-export const colorStrokeFocus1 = create('colorStrokeFocus1');
-export const colorStrokeFocus2 = create('colorStrokeFocus2');
-export const colorNeutralShadowAmbient = create('colorNeutralShadowAmbient');
-export const colorNeutralShadowKey = create('colorNeutralShadowKey');
-export const colorNeutralShadowAmbientLighter = create('colorNeutralShadowAmbientLighter');
-export const colorNeutralShadowKeyLighter = create('colorNeutralShadowKeyLighter');
-export const colorNeutralShadowAmbientDarker = create('colorNeutralShadowAmbientDarker');
-export const colorNeutralShadowKeyDarker = create('colorNeutralShadowKeyDarker');
-export const colorBrandShadowAmbient = create('colorBrandShadowAmbient');
-export const colorBrandShadowKey = create('colorBrandShadowKey');
-export const colorPaletteRedBackground1 = create('colorPaletteRedBackground1');
-export const colorPaletteRedBackground2 = create('colorPaletteRedBackground2');
-export const colorPaletteRedBackground3 = create('colorPaletteRedBackground3');
-export const colorPaletteRedForeground1 = create('colorPaletteRedForeground1');
-export const colorPaletteRedForeground2 = create('colorPaletteRedForeground2');
-export const colorPaletteRedForeground3 = create('colorPaletteRedForeground3');
-export const colorPaletteRedBorderActive = create('colorPaletteRedBorderActive');
-export const colorPaletteRedBorder1 = create('colorPaletteRedBorder1');
-export const colorPaletteRedBorder2 = create('colorPaletteRedBorder2');
-export const colorPaletteGreenBackground1 = create('colorPaletteGreenBackground1');
-export const colorPaletteGreenBackground2 = create('colorPaletteGreenBackground2');
-export const colorPaletteGreenBackground3 = create('colorPaletteGreenBackground3');
-export const colorPaletteGreenForeground1 = create('colorPaletteGreenForeground1');
-export const colorPaletteGreenForeground2 = create('colorPaletteGreenForeground2');
-export const colorPaletteGreenForeground3 = create('colorPaletteGreenForeground3');
-export const colorPaletteGreenBorderActive = create('colorPaletteGreenBorderActive');
-export const colorPaletteGreenBorder1 = create('colorPaletteGreenBorder1');
-export const colorPaletteGreenBorder2 = create('colorPaletteGreenBorder2');
-export const colorPaletteDarkOrangeBackground1 = create('colorPaletteDarkOrangeBackground1');
-export const colorPaletteDarkOrangeBackground2 = create('colorPaletteDarkOrangeBackground2');
-export const colorPaletteDarkOrangeBackground3 = create('colorPaletteDarkOrangeBackground3');
-export const colorPaletteDarkOrangeForeground1 = create('colorPaletteDarkOrangeForeground1');
-export const colorPaletteDarkOrangeForeground2 = create('colorPaletteDarkOrangeForeground2');
-export const colorPaletteDarkOrangeForeground3 = create('colorPaletteDarkOrangeForeground3');
-export const colorPaletteDarkOrangeBorderActive = create('colorPaletteDarkOrangeBorderActive');
-export const colorPaletteDarkOrangeBorder1 = create('colorPaletteDarkOrangeBorder1');
-export const colorPaletteDarkOrangeBorder2 = create('colorPaletteDarkOrangeBorder2');
-export const colorPaletteYellowBackground1 = create('colorPaletteYellowBackground1');
-export const colorPaletteYellowBackground2 = create('colorPaletteYellowBackground2');
-export const colorPaletteYellowBackground3 = create('colorPaletteYellowBackground3');
-export const colorPaletteYellowForeground1 = create('colorPaletteYellowForeground1');
-export const colorPaletteYellowForeground2 = create('colorPaletteYellowForeground2');
-export const colorPaletteYellowForeground3 = create('colorPaletteYellowForeground3');
-export const colorPaletteYellowBorderActive = create('colorPaletteYellowBorderActive');
-export const colorPaletteYellowBorder1 = create('colorPaletteYellowBorder1');
-export const colorPaletteYellowBorder2 = create('colorPaletteYellowBorder2');
-export const colorPaletteBerryBackground1 = create('colorPaletteBerryBackground1');
-export const colorPaletteBerryBackground2 = create('colorPaletteBerryBackground2');
-export const colorPaletteBerryBackground3 = create('colorPaletteBerryBackground3');
-export const colorPaletteBerryForeground1 = create('colorPaletteBerryForeground1');
-export const colorPaletteBerryForeground2 = create('colorPaletteBerryForeground2');
-export const colorPaletteBerryForeground3 = create('colorPaletteBerryForeground3');
-export const colorPaletteBerryBorderActive = create('colorPaletteBerryBorderActive');
-export const colorPaletteBerryBorder1 = create('colorPaletteBerryBorder1');
-export const colorPaletteBerryBorder2 = create('colorPaletteBerryBorder2');
-export const colorPaletteLightGreenBackground1 = create('colorPaletteLightGreenBackground1');
-export const colorPaletteLightGreenBackground2 = create('colorPaletteLightGreenBackground2');
-export const colorPaletteLightGreenBackground3 = create('colorPaletteLightGreenBackground3');
-export const colorPaletteLightGreenForeground1 = create('colorPaletteLightGreenForeground1');
-export const colorPaletteLightGreenForeground2 = create('colorPaletteLightGreenForeground2');
-export const colorPaletteLightGreenForeground3 = create('colorPaletteLightGreenForeground3');
-export const colorPaletteLightGreenBorderActive = create('colorPaletteLightGreenBorderActive');
-export const colorPaletteLightGreenBorder1 = create('colorPaletteLightGreenBorder1');
-export const colorPaletteLightGreenBorder2 = create('colorPaletteLightGreenBorder2');
-export const colorPaletteMarigoldBackground1 = create('colorPaletteMarigoldBackground1');
-export const colorPaletteMarigoldBackground2 = create('colorPaletteMarigoldBackground2');
-export const colorPaletteMarigoldBackground3 = create('colorPaletteMarigoldBackground3');
-export const colorPaletteMarigoldForeground1 = create('colorPaletteMarigoldForeground1');
-export const colorPaletteMarigoldForeground2 = create('colorPaletteMarigoldForeground2');
-export const colorPaletteMarigoldForeground3 = create('colorPaletteMarigoldForeground3');
-export const colorPaletteMarigoldBorderActive = create('colorPaletteMarigoldBorderActive');
-export const colorPaletteMarigoldBorder1 = create('colorPaletteMarigoldBorder1');
-export const colorPaletteMarigoldBorder2 = create('colorPaletteMarigoldBorder2');
-export const colorPaletteDarkRedBackground2 = create('colorPaletteDarkRedBackground2');
-export const colorPaletteDarkRedForeground2 = create('colorPaletteDarkRedForeground2');
-export const colorPaletteDarkRedBorderActive = create('colorPaletteDarkRedBorderActive');
-export const colorPaletteCranberryBackground2 = create('colorPaletteCranberryBackground2');
-export const colorPaletteCranberryForeground2 = create('colorPaletteCranberryForeground2');
-export const colorPaletteCranberryBorderActive = create('colorPaletteCranberryBorderActive');
-export const colorPalettePumpkinBackground2 = create('colorPalettePumpkinBackground2');
-export const colorPalettePumpkinForeground2 = create('colorPalettePumpkinForeground2');
-export const colorPalettePumpkinBorderActive = create('colorPalettePumpkinBorderActive');
-export const colorPalettePeachBackground2 = create('colorPalettePeachBackground2');
-export const colorPalettePeachForeground2 = create('colorPalettePeachForeground2');
-export const colorPalettePeachBorderActive = create('colorPalettePeachBorderActive');
-export const colorPaletteGoldBackground2 = create('colorPaletteGoldBackground2');
-export const colorPaletteGoldForeground2 = create('colorPaletteGoldForeground2');
-export const colorPaletteGoldBorderActive = create('colorPaletteGoldBorderActive');
-export const colorPaletteBrassBackground2 = create('colorPaletteBrassBackground2');
-export const colorPaletteBrassForeground2 = create('colorPaletteBrassForeground2');
-export const colorPaletteBrassBorderActive = create('colorPaletteBrassBorderActive');
-export const colorPaletteBrownBackground2 = create('colorPaletteBrownBackground2');
-export const colorPaletteBrownForeground2 = create('colorPaletteBrownForeground2');
-export const colorPaletteBrownBorderActive = create('colorPaletteBrownBorderActive');
-export const colorPaletteForestBackground2 = create('colorPaletteForestBackground2');
-export const colorPaletteForestForeground2 = create('colorPaletteForestForeground2');
-export const colorPaletteForestBorderActive = create('colorPaletteForestBorderActive');
-export const colorPaletteSeafoamBackground2 = create('colorPaletteSeafoamBackground2');
-export const colorPaletteSeafoamForeground2 = create('colorPaletteSeafoamForeground2');
-export const colorPaletteSeafoamBorderActive = create('colorPaletteSeafoamBorderActive');
-export const colorPaletteDarkGreenBackground2 = create('colorPaletteDarkGreenBackground2');
-export const colorPaletteDarkGreenForeground2 = create('colorPaletteDarkGreenForeground2');
-export const colorPaletteDarkGreenBorderActive = create('colorPaletteDarkGreenBorderActive');
-export const colorPaletteLightTealBackground2 = create('colorPaletteLightTealBackground2');
-export const colorPaletteLightTealForeground2 = create('colorPaletteLightTealForeground2');
-export const colorPaletteLightTealBorderActive = create('colorPaletteLightTealBorderActive');
-export const colorPaletteTealBackground2 = create('colorPaletteTealBackground2');
-export const colorPaletteTealForeground2 = create('colorPaletteTealForeground2');
-export const colorPaletteTealBorderActive = create('colorPaletteTealBorderActive');
-export const colorPaletteSteelBackground2 = create('colorPaletteSteelBackground2');
-export const colorPaletteSteelForeground2 = create('colorPaletteSteelForeground2');
-export const colorPaletteSteelBorderActive = create('colorPaletteSteelBorderActive');
-export const colorPaletteBlueBackground2 = create('colorPaletteBlueBackground2');
-export const colorPaletteBlueForeground2 = create('colorPaletteBlueForeground2');
-export const colorPaletteBlueBorderActive = create('colorPaletteBlueBorderActive');
-export const colorPaletteRoyalBlueBackground2 = create('colorPaletteRoyalBlueBackground2');
-export const colorPaletteRoyalBlueForeground2 = create('colorPaletteRoyalBlueForeground2');
-export const colorPaletteRoyalBlueBorderActive = create('colorPaletteRoyalBlueBorderActive');
-export const colorPaletteCornflowerBackground2 = create('colorPaletteCornflowerBackground2');
-export const colorPaletteCornflowerForeground2 = create('colorPaletteCornflowerForeground2');
-export const colorPaletteCornflowerBorderActive = create('colorPaletteCornflowerBorderActive');
-export const colorPaletteNavyBackground2 = create('colorPaletteNavyBackground2');
-export const colorPaletteNavyForeground2 = create('colorPaletteNavyForeground2');
-export const colorPaletteNavyBorderActive = create('colorPaletteNavyBorderActive');
-export const colorPaletteLavenderBackground2 = create('colorPaletteLavenderBackground2');
-export const colorPaletteLavenderForeground2 = create('colorPaletteLavenderForeground2');
-export const colorPaletteLavenderBorderActive = create('colorPaletteLavenderBorderActive');
-export const colorPalettePurpleBackground2 = create('colorPalettePurpleBackground2');
-export const colorPalettePurpleForeground2 = create('colorPalettePurpleForeground2');
-export const colorPalettePurpleBorderActive = create('colorPalettePurpleBorderActive');
-export const colorPaletteGrapeBackground2 = create('colorPaletteGrapeBackground2');
-export const colorPaletteGrapeForeground2 = create('colorPaletteGrapeForeground2');
-export const colorPaletteGrapeBorderActive = create('colorPaletteGrapeBorderActive');
-export const colorPaletteLilacBackground2 = create('colorPaletteLilacBackground2');
-export const colorPaletteLilacForeground2 = create('colorPaletteLilacForeground2');
-export const colorPaletteLilacBorderActive = create('colorPaletteLilacBorderActive');
-export const colorPalettePinkBackground2 = create('colorPalettePinkBackground2');
-export const colorPalettePinkForeground2 = create('colorPalettePinkForeground2');
-export const colorPalettePinkBorderActive = create('colorPalettePinkBorderActive');
-export const colorPaletteMagentaBackground2 = create('colorPaletteMagentaBackground2');
-export const colorPaletteMagentaForeground2 = create('colorPaletteMagentaForeground2');
-export const colorPaletteMagentaBorderActive = create('colorPaletteMagentaBorderActive');
-export const colorPalettePlumBackground2 = create('colorPalettePlumBackground2');
-export const colorPalettePlumForeground2 = create('colorPalettePlumForeground2');
-export const colorPalettePlumBorderActive = create('colorPalettePlumBorderActive');
-export const colorPaletteBeigeBackground2 = create('colorPaletteBeigeBackground2');
-export const colorPaletteBeigeForeground2 = create('colorPaletteBeigeForeground2');
-export const colorPaletteBeigeBorderActive = create('colorPaletteBeigeBorderActive');
-export const colorPaletteMinkBackground2 = create('colorPaletteMinkBackground2');
-export const colorPaletteMinkForeground2 = create('colorPaletteMinkForeground2');
-export const colorPaletteMinkBorderActive = create('colorPaletteMinkBorderActive');
-export const colorPalettePlatinumBackground2 = create('colorPalettePlatinumBackground2');
-export const colorPalettePlatinumForeground2 = create('colorPalettePlatinumForeground2');
-export const colorPalettePlatinumBorderActive = create('colorPalettePlatinumBorderActive');
-export const colorPaletteAnchorBackground2 = create('colorPaletteAnchorBackground2');
-export const colorPaletteAnchorForeground2 = create('colorPaletteAnchorForeground2');
-export const colorPaletteAnchorBorderActive = create('colorPaletteAnchorBorderActive');
-export const colorPaletteRedForegroundInverted = create('colorPaletteRedForegroundInverted');
-export const colorPaletteGreenForegroundInverted = create('colorPaletteGreenForegroundInverted');
-export const colorPaletteYellowForegroundInverted = create('colorPaletteYellowForegroundInverted');
-export const shadow2 = create('shadow2');
-export const shadow4 = create('shadow4');
-export const shadow8 = create('shadow8');
-export const shadow16 = create('shadow16');
-export const shadow28 = create('shadow28');
-export const shadow64 = create('shadow64');
-export const shadow2Brand = create('shadow2Brand');
-export const shadow4Brand = create('shadow4Brand');
-export const shadow8Brand = create('shadow8Brand');
-export const shadow16Brand = create('shadow16Brand');
-export const shadow28Brand = create('shadow28Brand');
-export const shadow64Brand = create('shadow64Brand');
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+export const colorNeutralForeground1 = '--colorNeutralForeground1';
+export const colorNeutralForeground1Hover = '--colorNeutralForeground1Hover';
+export const colorNeutralForeground1Pressed = '--colorNeutralForeground1Pressed';
+export const colorNeutralForeground1Selected = '--colorNeutralForeground1Selected';
+export const colorNeutralForeground2 = '--colorNeutralForeground2';
+export const colorNeutralForeground2Hover = '--colorNeutralForeground2Hover';
+export const colorNeutralForeground2Pressed = '--colorNeutralForeground2Pressed';
+export const colorNeutralForeground2Selected = '--colorNeutralForeground2Selected';
+export const colorNeutralForeground2BrandHover = '--colorNeutralForeground2BrandHover';
+export const colorNeutralForeground2BrandPressed = '--colorNeutralForeground2BrandPressed';
+export const colorNeutralForeground2BrandSelected = '--colorNeutralForeground2BrandSelected';
+export const colorNeutralForeground3 = '--colorNeutralForeground3';
+export const colorNeutralForeground3Hover = '--colorNeutralForeground3Hover';
+export const colorNeutralForeground3Pressed = '--colorNeutralForeground3Pressed';
+export const colorNeutralForeground3Selected = '--colorNeutralForeground3Selected';
+export const colorNeutralForeground3BrandHover = '--colorNeutralForeground3BrandHover';
+export const colorNeutralForeground3BrandPressed = '--colorNeutralForeground3BrandPressed';
+export const colorNeutralForeground3BrandSelected = '--colorNeutralForeground3BrandSelected';
+export const colorNeutralForeground4 = '--colorNeutralForeground4';
+export const colorNeutralForegroundDisabled = '--colorNeutralForegroundDisabled';
+export const colorBrandForegroundLink = '--colorBrandForegroundLink';
+export const colorBrandForegroundLinkHover = '--colorBrandForegroundLinkHover';
+export const colorBrandForegroundLinkPressed = '--colorBrandForegroundLinkPressed';
+export const colorBrandForegroundLinkSelected = '--colorBrandForegroundLinkSelected';
+export const colorNeutralForeground2Link = '--colorNeutralForeground2Link';
+export const colorNeutralForeground2LinkHover = '--colorNeutralForeground2LinkHover';
+export const colorNeutralForeground2LinkPressed = '--colorNeutralForeground2LinkPressed';
+export const colorNeutralForeground2LinkSelected = '--colorNeutralForeground2LinkSelected';
+export const colorCompoundBrandForeground1 = '--colorCompoundBrandForeground1';
+export const colorCompoundBrandForeground1Hover = '--colorCompoundBrandForeground1Hover';
+export const colorCompoundBrandForeground1Pressed = '--colorCompoundBrandForeground1Pressed';
+export const colorNeutralForegroundOnBrand = '--colorNeutralForegroundOnBrand';
+export const colorNeutralForegroundInverted = '--colorNeutralForegroundInverted';
+export const colorNeutralForegroundInvertedHover = '--colorNeutralForegroundInvertedHover';
+export const colorNeutralForegroundInvertedPressed = '--colorNeutralForegroundInvertedPressed';
+export const colorNeutralForegroundInvertedSelected = '--colorNeutralForegroundInvertedSelected';
+export const colorNeutralForegroundInverted2 = '--colorNeutralForegroundInverted2';
+export const colorNeutralForegroundStaticInverted = '--colorNeutralForegroundStaticInverted';
+export const colorNeutralForegroundInvertedLink = '--colorNeutralForegroundInvertedLink';
+export const colorNeutralForegroundInvertedLinkHover = '--colorNeutralForegroundInvertedLinkHover';
+export const colorNeutralForegroundInvertedLinkPressed = '--colorNeutralForegroundInvertedLinkPressed';
+export const colorNeutralForegroundInvertedLinkSelected = '--colorNeutralForegroundInvertedLinkSelected';
+export const colorNeutralForegroundInvertedDisabled = '--colorNeutralForegroundInvertedDisabled';
+export const colorBrandForeground1 = '--colorBrandForeground1';
+export const colorBrandForeground2 = '--colorBrandForeground2';
+export const colorNeutralForeground1Static = '--colorNeutralForeground1Static';
+export const colorBrandForegroundInverted = '--colorBrandForegroundInverted';
+export const colorBrandForegroundInvertedHover = '--colorBrandForegroundInvertedHover';
+export const colorBrandForegroundInvertedPressed = '--colorBrandForegroundInvertedPressed';
+export const colorBrandForegroundOnLight = '--colorBrandForegroundOnLight';
+export const colorBrandForegroundOnLightHover = '--colorBrandForegroundOnLightHover';
+export const colorBrandForegroundOnLightPressed = '--colorBrandForegroundOnLightPressed';
+export const colorBrandForegroundOnLightSelected = '--colorBrandForegroundOnLightSelected';
+export const colorNeutralBackground1 = '--colorNeutralBackground1';
+export const colorNeutralBackground1Hover = '--colorNeutralBackground1Hover';
+export const colorNeutralBackground1Pressed = '--colorNeutralBackground1Pressed';
+export const colorNeutralBackground1Selected = '--colorNeutralBackground1Selected';
+export const colorNeutralBackground2 = '--colorNeutralBackground2';
+export const colorNeutralBackground2Hover = '--colorNeutralBackground2Hover';
+export const colorNeutralBackground2Pressed = '--colorNeutralBackground2Pressed';
+export const colorNeutralBackground2Selected = '--colorNeutralBackground2Selected';
+export const colorNeutralBackground3 = '--colorNeutralBackground3';
+export const colorNeutralBackground3Hover = '--colorNeutralBackground3Hover';
+export const colorNeutralBackground3Pressed = '--colorNeutralBackground3Pressed';
+export const colorNeutralBackground3Selected = '--colorNeutralBackground3Selected';
+export const colorNeutralBackground4 = '--colorNeutralBackground4';
+export const colorNeutralBackground4Hover = '--colorNeutralBackground4Hover';
+export const colorNeutralBackground4Pressed = '--colorNeutralBackground4Pressed';
+export const colorNeutralBackground4Selected = '--colorNeutralBackground4Selected';
+export const colorNeutralBackground5 = '--colorNeutralBackground5';
+export const colorNeutralBackground5Hover = '--colorNeutralBackground5Hover';
+export const colorNeutralBackground5Pressed = '--colorNeutralBackground5Pressed';
+export const colorNeutralBackground5Selected = '--colorNeutralBackground5Selected';
+export const colorNeutralBackground6 = '--colorNeutralBackground6';
+export const colorNeutralBackgroundStatic = '--colorNeutralBackgroundStatic';
+export const colorNeutralBackgroundInverted = '--colorNeutralBackgroundInverted';
+export const colorSubtleBackground = '--colorSubtleBackground';
+export const colorSubtleBackgroundHover = '--colorSubtleBackgroundHover';
+export const colorSubtleBackgroundPressed = '--colorSubtleBackgroundPressed';
+export const colorSubtleBackgroundSelected = '--colorSubtleBackgroundSelected';
+export const colorSubtleBackgroundLightAlphaHover = '--colorSubtleBackgroundLightAlphaHover';
+export const colorSubtleBackgroundLightAlphaPressed = '--colorSubtleBackgroundLightAlphaPressed';
+export const colorSubtleBackgroundLightAlphaSelected = '--colorSubtleBackgroundLightAlphaSelected';
+export const colorSubtleBackgroundInverted = '--colorSubtleBackgroundInverted';
+export const colorSubtleBackgroundInvertedHover = '--colorSubtleBackgroundInvertedHover';
+export const colorSubtleBackgroundInvertedPressed = '--colorSubtleBackgroundInvertedPressed';
+export const colorSubtleBackgroundInvertedSelected = '--colorSubtleBackgroundInvertedSelected';
+export const colorTransparentBackground = '--colorTransparentBackground';
+export const colorTransparentBackgroundHover = '--colorTransparentBackgroundHover';
+export const colorTransparentBackgroundPressed = '--colorTransparentBackgroundPressed';
+export const colorTransparentBackgroundSelected = '--colorTransparentBackgroundSelected';
+export const colorNeutralBackgroundDisabled = '--colorNeutralBackgroundDisabled';
+export const colorNeutralBackgroundInvertedDisabled = '--colorNeutralBackgroundInvertedDisabled';
+export const colorNeutralStencil1 = '--colorNeutralStencil1';
+export const colorNeutralStencil2 = '--colorNeutralStencil2';
+export const colorNeutralStencil1Alpha = '--colorNeutralStencil1Alpha';
+export const colorNeutralStencil2Alpha = '--colorNeutralStencil2Alpha';
+export const colorBackgroundOverlay = '--colorBackgroundOverlay';
+export const colorScrollbarOverlay = '--colorScrollbarOverlay';
+export const colorBrandBackground = '--colorBrandBackground';
+export const colorBrandBackgroundHover = '--colorBrandBackgroundHover';
+export const colorBrandBackgroundPressed = '--colorBrandBackgroundPressed';
+export const colorBrandBackgroundSelected = '--colorBrandBackgroundSelected';
+export const colorCompoundBrandBackground = '--colorCompoundBrandBackground';
+export const colorCompoundBrandBackgroundHover = '--colorCompoundBrandBackgroundHover';
+export const colorCompoundBrandBackgroundPressed = '--colorCompoundBrandBackgroundPressed';
+export const colorBrandBackgroundStatic = '--colorBrandBackgroundStatic';
+export const colorBrandBackground2 = '--colorBrandBackground2';
+export const colorBrandBackgroundInverted = '--colorBrandBackgroundInverted';
+export const colorBrandBackgroundInvertedHover = '--colorBrandBackgroundInvertedHover';
+export const colorBrandBackgroundInvertedPressed = '--colorBrandBackgroundInvertedPressed';
+export const colorBrandBackgroundInvertedSelected = '--colorBrandBackgroundInvertedSelected';
+export const colorNeutralStrokeAccessible = '--colorNeutralStrokeAccessible';
+export const colorNeutralStrokeAccessibleHover = '--colorNeutralStrokeAccessibleHover';
+export const colorNeutralStrokeAccessiblePressed = '--colorNeutralStrokeAccessiblePressed';
+export const colorNeutralStrokeAccessibleSelected = '--colorNeutralStrokeAccessibleSelected';
+export const colorNeutralStroke1 = '--colorNeutralStroke1';
+export const colorNeutralStroke1Hover = '--colorNeutralStroke1Hover';
+export const colorNeutralStroke1Pressed = '--colorNeutralStroke1Pressed';
+export const colorNeutralStroke1Selected = '--colorNeutralStroke1Selected';
+export const colorNeutralStroke2 = '--colorNeutralStroke2';
+export const colorNeutralStroke3 = '--colorNeutralStroke3';
+export const colorNeutralStrokeOnBrand = '--colorNeutralStrokeOnBrand';
+export const colorNeutralStrokeOnBrand2 = '--colorNeutralStrokeOnBrand2';
+export const colorNeutralStrokeOnBrand2Hover = '--colorNeutralStrokeOnBrand2Hover';
+export const colorNeutralStrokeOnBrand2Pressed = '--colorNeutralStrokeOnBrand2Pressed';
+export const colorNeutralStrokeOnBrand2Selected = '--colorNeutralStrokeOnBrand2Selected';
+export const colorBrandStroke1 = '--colorBrandStroke1';
+export const colorBrandStroke2 = '--colorBrandStroke2';
+export const colorCompoundBrandStroke = '--colorCompoundBrandStroke';
+export const colorCompoundBrandStrokeHover = '--colorCompoundBrandStrokeHover';
+export const colorCompoundBrandStrokePressed = '--colorCompoundBrandStrokePressed';
+export const colorNeutralStrokeDisabled = '--colorNeutralStrokeDisabled';
+export const colorNeutralStrokeInvertedDisabled = '--colorNeutralStrokeInvertedDisabled';
+export const colorTransparentStroke = '--colorTransparentStroke';
+export const colorTransparentStrokeInteractive = '--colorTransparentStrokeInteractive';
+export const colorTransparentStrokeDisabled = '--colorTransparentStrokeDisabled';
+export const colorStrokeFocus1 = '--colorStrokeFocus1';
+export const colorStrokeFocus2 = '--colorStrokeFocus2';
+export const colorNeutralShadowAmbient = '--colorNeutralShadowAmbient';
+export const colorNeutralShadowKey = '--colorNeutralShadowKey';
+export const colorNeutralShadowAmbientLighter = '--colorNeutralShadowAmbientLighter';
+export const colorNeutralShadowKeyLighter = '--colorNeutralShadowKeyLighter';
+export const colorNeutralShadowAmbientDarker = '--colorNeutralShadowAmbientDarker';
+export const colorNeutralShadowKeyDarker = '--colorNeutralShadowKeyDarker';
+export const colorBrandShadowAmbient = '--colorBrandShadowAmbient';
+export const colorBrandShadowKey = '--colorBrandShadowKey';
+export const colorPaletteRedBackground1 = '--colorPaletteRedBackground1';
+export const colorPaletteRedBackground2 = '--colorPaletteRedBackground2';
+export const colorPaletteRedBackground3 = '--colorPaletteRedBackground3';
+export const colorPaletteRedBorderActive = '--colorPaletteRedBorderActive';
+export const colorPaletteRedBorder1 = '--colorPaletteRedBorder1';
+export const colorPaletteRedBorder2 = '--colorPaletteRedBorder2';
+export const colorPaletteRedForeground1 = '--colorPaletteRedForeground1';
+export const colorPaletteRedForeground2 = '--colorPaletteRedForeground2';
+export const colorPaletteRedForeground3 = '--colorPaletteRedForeground3';
+export const colorPaletteRedForegroundInverted = '--colorPaletteRedForegroundInverted';
+export const colorPaletteGreenBackground1 = '--colorPaletteGreenBackground1';
+export const colorPaletteGreenBackground2 = '--colorPaletteGreenBackground2';
+export const colorPaletteGreenBackground3 = '--colorPaletteGreenBackground3';
+export const colorPaletteGreenBorderActive = '--colorPaletteGreenBorderActive';
+export const colorPaletteGreenBorder1 = '--colorPaletteGreenBorder1';
+export const colorPaletteGreenBorder2 = '--colorPaletteGreenBorder2';
+export const colorPaletteGreenForeground1 = '--colorPaletteGreenForeground1';
+export const colorPaletteGreenForeground2 = '--colorPaletteGreenForeground2';
+export const colorPaletteGreenForeground3 = '--colorPaletteGreenForeground3';
+export const colorPaletteGreenForegroundInverted = '--colorPaletteGreenForegroundInverted';
+export const colorPaletteDarkOrangeBackground1 = '--colorPaletteDarkOrangeBackground1';
+export const colorPaletteDarkOrangeBackground2 = '--colorPaletteDarkOrangeBackground2';
+export const colorPaletteDarkOrangeBackground3 = '--colorPaletteDarkOrangeBackground3';
+export const colorPaletteDarkOrangeBorderActive = '--colorPaletteDarkOrangeBorderActive';
+export const colorPaletteDarkOrangeBorder1 = '--colorPaletteDarkOrangeBorder1';
+export const colorPaletteDarkOrangeBorder2 = '--colorPaletteDarkOrangeBorder2';
+export const colorPaletteDarkOrangeForeground1 = '--colorPaletteDarkOrangeForeground1';
+export const colorPaletteDarkOrangeForeground2 = '--colorPaletteDarkOrangeForeground2';
+export const colorPaletteDarkOrangeForeground3 = '--colorPaletteDarkOrangeForeground3';
+export const colorPaletteYellowBackground1 = '--colorPaletteYellowBackground1';
+export const colorPaletteYellowBackground2 = '--colorPaletteYellowBackground2';
+export const colorPaletteYellowBackground3 = '--colorPaletteYellowBackground3';
+export const colorPaletteYellowBorderActive = '--colorPaletteYellowBorderActive';
+export const colorPaletteYellowBorder1 = '--colorPaletteYellowBorder1';
+export const colorPaletteYellowBorder2 = '--colorPaletteYellowBorder2';
+export const colorPaletteYellowForeground1 = '--colorPaletteYellowForeground1';
+export const colorPaletteYellowForeground2 = '--colorPaletteYellowForeground2';
+export const colorPaletteYellowForeground3 = '--colorPaletteYellowForeground3';
+export const colorPaletteYellowForegroundInverted = '--colorPaletteYellowForegroundInverted';
+export const colorPaletteBerryBackground1 = '--colorPaletteBerryBackground1';
+export const colorPaletteBerryBackground2 = '--colorPaletteBerryBackground2';
+export const colorPaletteBerryBackground3 = '--colorPaletteBerryBackground3';
+export const colorPaletteBerryBorderActive = '--colorPaletteBerryBorderActive';
+export const colorPaletteBerryBorder1 = '--colorPaletteBerryBorder1';
+export const colorPaletteBerryBorder2 = '--colorPaletteBerryBorder2';
+export const colorPaletteBerryForeground1 = '--colorPaletteBerryForeground1';
+export const colorPaletteBerryForeground2 = '--colorPaletteBerryForeground2';
+export const colorPaletteBerryForeground3 = '--colorPaletteBerryForeground3';
+export const colorPaletteMarigoldBackground1 = '--colorPaletteMarigoldBackground1';
+export const colorPaletteMarigoldBackground2 = '--colorPaletteMarigoldBackground2';
+export const colorPaletteMarigoldBackground3 = '--colorPaletteMarigoldBackground3';
+export const colorPaletteMarigoldBorderActive = '--colorPaletteMarigoldBorderActive';
+export const colorPaletteMarigoldBorder1 = '--colorPaletteMarigoldBorder1';
+export const colorPaletteMarigoldBorder2 = '--colorPaletteMarigoldBorder2';
+export const colorPaletteMarigoldForeground1 = '--colorPaletteMarigoldForeground1';
+export const colorPaletteMarigoldForeground2 = '--colorPaletteMarigoldForeground2';
+export const colorPaletteMarigoldForeground3 = '--colorPaletteMarigoldForeground3';
+export const colorPaletteLightGreenBackground1 = '--colorPaletteLightGreenBackground1';
+export const colorPaletteLightGreenBackground2 = '--colorPaletteLightGreenBackground2';
+export const colorPaletteLightGreenBackground3 = '--colorPaletteLightGreenBackground3';
+export const colorPaletteLightGreenBorderActive = '--colorPaletteLightGreenBorderActive';
+export const colorPaletteLightGreenBorder1 = '--colorPaletteLightGreenBorder1';
+export const colorPaletteLightGreenBorder2 = '--colorPaletteLightGreenBorder2';
+export const colorPaletteLightGreenForeground1 = '--colorPaletteLightGreenForeground1';
+export const colorPaletteLightGreenForeground2 = '--colorPaletteLightGreenForeground2';
+export const colorPaletteLightGreenForeground3 = '--colorPaletteLightGreenForeground3';
+export const colorPaletteAnchorBackground2 = '--colorPaletteAnchorBackground2';
+export const colorPaletteAnchorBorderActive = '--colorPaletteAnchorBorderActive';
+export const colorPaletteAnchorForeground2 = '--colorPaletteAnchorForeground2';
+export const colorPaletteBeigeBackground2 = '--colorPaletteBeigeBackground2';
+export const colorPaletteBeigeBorderActive = '--colorPaletteBeigeBorderActive';
+export const colorPaletteBeigeForeground2 = '--colorPaletteBeigeForeground2';
+export const colorPaletteBlueBackground2 = '--colorPaletteBlueBackground2';
+export const colorPaletteBlueBorderActive = '--colorPaletteBlueBorderActive';
+export const colorPaletteBlueForeground2 = '--colorPaletteBlueForeground2';
+export const colorPaletteBrassBackground2 = '--colorPaletteBrassBackground2';
+export const colorPaletteBrassBorderActive = '--colorPaletteBrassBorderActive';
+export const colorPaletteBrassForeground2 = '--colorPaletteBrassForeground2';
+export const colorPaletteBrownBackground2 = '--colorPaletteBrownBackground2';
+export const colorPaletteBrownBorderActive = '--colorPaletteBrownBorderActive';
+export const colorPaletteBrownForeground2 = '--colorPaletteBrownForeground2';
+export const colorPaletteCornflowerBackground2 = '--colorPaletteCornflowerBackground2';
+export const colorPaletteCornflowerBorderActive = '--colorPaletteCornflowerBorderActive';
+export const colorPaletteCornflowerForeground2 = '--colorPaletteCornflowerForeground2';
+export const colorPaletteCranberryBackground2 = '--colorPaletteCranberryBackground2';
+export const colorPaletteCranberryBorderActive = '--colorPaletteCranberryBorderActive';
+export const colorPaletteCranberryForeground2 = '--colorPaletteCranberryForeground2';
+export const colorPaletteDarkGreenBackground2 = '--colorPaletteDarkGreenBackground2';
+export const colorPaletteDarkGreenBorderActive = '--colorPaletteDarkGreenBorderActive';
+export const colorPaletteDarkGreenForeground2 = '--colorPaletteDarkGreenForeground2';
+export const colorPaletteDarkRedBackground2 = '--colorPaletteDarkRedBackground2';
+export const colorPaletteDarkRedBorderActive = '--colorPaletteDarkRedBorderActive';
+export const colorPaletteDarkRedForeground2 = '--colorPaletteDarkRedForeground2';
+export const colorPaletteForestBackground2 = '--colorPaletteForestBackground2';
+export const colorPaletteForestBorderActive = '--colorPaletteForestBorderActive';
+export const colorPaletteForestForeground2 = '--colorPaletteForestForeground2';
+export const colorPaletteGoldBackground2 = '--colorPaletteGoldBackground2';
+export const colorPaletteGoldBorderActive = '--colorPaletteGoldBorderActive';
+export const colorPaletteGoldForeground2 = '--colorPaletteGoldForeground2';
+export const colorPaletteGrapeBackground2 = '--colorPaletteGrapeBackground2';
+export const colorPaletteGrapeBorderActive = '--colorPaletteGrapeBorderActive';
+export const colorPaletteGrapeForeground2 = '--colorPaletteGrapeForeground2';
+export const colorPaletteLavenderBackground2 = '--colorPaletteLavenderBackground2';
+export const colorPaletteLavenderBorderActive = '--colorPaletteLavenderBorderActive';
+export const colorPaletteLavenderForeground2 = '--colorPaletteLavenderForeground2';
+export const colorPaletteLightTealBackground2 = '--colorPaletteLightTealBackground2';
+export const colorPaletteLightTealBorderActive = '--colorPaletteLightTealBorderActive';
+export const colorPaletteLightTealForeground2 = '--colorPaletteLightTealForeground2';
+export const colorPaletteLilacBackground2 = '--colorPaletteLilacBackground2';
+export const colorPaletteLilacBorderActive = '--colorPaletteLilacBorderActive';
+export const colorPaletteLilacForeground2 = '--colorPaletteLilacForeground2';
+export const colorPaletteMagentaBackground2 = '--colorPaletteMagentaBackground2';
+export const colorPaletteMagentaBorderActive = '--colorPaletteMagentaBorderActive';
+export const colorPaletteMagentaForeground2 = '--colorPaletteMagentaForeground2';
+export const colorPaletteMinkBackground2 = '--colorPaletteMinkBackground2';
+export const colorPaletteMinkBorderActive = '--colorPaletteMinkBorderActive';
+export const colorPaletteMinkForeground2 = '--colorPaletteMinkForeground2';
+export const colorPaletteNavyBackground2 = '--colorPaletteNavyBackground2';
+export const colorPaletteNavyBorderActive = '--colorPaletteNavyBorderActive';
+export const colorPaletteNavyForeground2 = '--colorPaletteNavyForeground2';
+export const colorPalettePeachBackground2 = '--colorPalettePeachBackground2';
+export const colorPalettePeachBorderActive = '--colorPalettePeachBorderActive';
+export const colorPalettePeachForeground2 = '--colorPalettePeachForeground2';
+export const colorPalettePinkBackground2 = '--colorPalettePinkBackground2';
+export const colorPalettePinkBorderActive = '--colorPalettePinkBorderActive';
+export const colorPalettePinkForeground2 = '--colorPalettePinkForeground2';
+export const colorPalettePlatinumBackground2 = '--colorPalettePlatinumBackground2';
+export const colorPalettePlatinumBorderActive = '--colorPalettePlatinumBorderActive';
+export const colorPalettePlatinumForeground2 = '--colorPalettePlatinumForeground2';
+export const colorPalettePlumBackground2 = '--colorPalettePlumBackground2';
+export const colorPalettePlumBorderActive = '--colorPalettePlumBorderActive';
+export const colorPalettePlumForeground2 = '--colorPalettePlumForeground2';
+export const colorPalettePumpkinBackground2 = '--colorPalettePumpkinBackground2';
+export const colorPalettePumpkinBorderActive = '--colorPalettePumpkinBorderActive';
+export const colorPalettePumpkinForeground2 = '--colorPalettePumpkinForeground2';
+export const colorPalettePurpleBackground2 = '--colorPalettePurpleBackground2';
+export const colorPalettePurpleBorderActive = '--colorPalettePurpleBorderActive';
+export const colorPalettePurpleForeground2 = '--colorPalettePurpleForeground2';
+export const colorPaletteRoyalBlueBackground2 = '--colorPaletteRoyalBlueBackground2';
+export const colorPaletteRoyalBlueBorderActive = '--colorPaletteRoyalBlueBorderActive';
+export const colorPaletteRoyalBlueForeground2 = '--colorPaletteRoyalBlueForeground2';
+export const colorPaletteSeafoamBackground2 = '--colorPaletteSeafoamBackground2';
+export const colorPaletteSeafoamBorderActive = '--colorPaletteSeafoamBorderActive';
+export const colorPaletteSeafoamForeground2 = '--colorPaletteSeafoamForeground2';
+export const colorPaletteSteelBackground2 = '--colorPaletteSteelBackground2';
+export const colorPaletteSteelBorderActive = '--colorPaletteSteelBorderActive';
+export const colorPaletteSteelForeground2 = '--colorPaletteSteelForeground2';
+export const colorPaletteTealBackground2 = '--colorPaletteTealBackground2';
+export const colorPaletteTealBorderActive = '--colorPaletteTealBorderActive';
+export const colorPaletteTealForeground2 = '--colorPaletteTealForeground2';
+export const borderRadiusNone = '--borderRadiusNone';
+export const borderRadiusSmall = '--borderRadiusSmall';
+export const borderRadiusMedium = '--borderRadiusMedium';
+export const borderRadiusLarge = '--borderRadiusLarge';
+export const borderRadiusXLarge = '--borderRadiusXLarge';
+export const borderRadiusCircular = '--borderRadiusCircular';
+export const fontFamilyBase = '--fontFamilyBase';
+export const fontFamilyMonospace = '--fontFamilyMonospace';
+export const fontFamilyNumeric = '--fontFamilyNumeric';
+export const fontSizeBase100 = '--fontSizeBase100';
+export const fontSizeBase200 = '--fontSizeBase200';
+export const fontSizeBase300 = '--fontSizeBase300';
+export const fontSizeBase400 = '--fontSizeBase400';
+export const fontSizeBase500 = '--fontSizeBase500';
+export const fontSizeBase600 = '--fontSizeBase600';
+export const fontSizeHero700 = '--fontSizeHero700';
+export const fontSizeHero800 = '--fontSizeHero800';
+export const fontSizeHero900 = '--fontSizeHero900';
+export const fontSizeHero1000 = '--fontSizeHero1000';
+export const fontWeightRegular = '--fontWeightRegular';
+export const fontWeightMedium = '--fontWeightMedium';
+export const fontWeightSemibold = '--fontWeightSemibold';
+export const fontWeightBold = '--fontWeightBold';
+export const lineHeightBase100 = '--lineHeightBase100';
+export const lineHeightBase200 = '--lineHeightBase200';
+export const lineHeightBase300 = '--lineHeightBase300';
+export const lineHeightBase400 = '--lineHeightBase400';
+export const lineHeightBase500 = '--lineHeightBase500';
+export const lineHeightBase600 = '--lineHeightBase600';
+export const lineHeightHero700 = '--lineHeightHero700';
+export const lineHeightHero800 = '--lineHeightHero800';
+export const lineHeightHero900 = '--lineHeightHero900';
+export const lineHeightHero1000 = '--lineHeightHero1000';
+export const shadow2 = '--shadow2';
+export const shadow4 = '--shadow4';
+export const shadow8 = '--shadow8';
+export const shadow16 = '--shadow16';
+export const shadow28 = '--shadow28';
+export const shadow64 = '--shadow64';
+export const shadow2Brand = '--shadow2Brand';
+export const shadow4Brand = '--shadow4Brand';
+export const shadow8Brand = '--shadow8Brand';
+export const shadow16Brand = '--shadow16Brand';
+export const shadow28Brand = '--shadow28Brand';
+export const shadow64Brand = '--shadow64Brand';
+export const strokeWidthThin = '--strokeWidthThin';
+export const strokeWidthThick = '--strokeWidthThick';
+export const strokeWidthThicker = '--strokeWidthThicker';
+export const strokeWidthThickest = '--strokeWidthThickest';
+export const spacingHorizontalNone = '--spacingHorizontalNone';
+export const spacingHorizontalXXS = '--spacingHorizontalXXS';
+export const spacingHorizontalXS = '--spacingHorizontalXS';
+export const spacingHorizontalSNudge = '--spacingHorizontalSNudge';
+export const spacingHorizontalS = '--spacingHorizontalS';
+export const spacingHorizontalMNudge = '--spacingHorizontalMNudge';
+export const spacingHorizontalM = '--spacingHorizontalM';
+export const spacingHorizontalL = '--spacingHorizontalL';
+export const spacingHorizontalXL = '--spacingHorizontalXL';
+export const spacingHorizontalXXL = '--spacingHorizontalXXL';
+export const spacingHorizontalXXXL = '--spacingHorizontalXXXL';
+export const spacingVerticalNone = '--spacingVerticalNone';
+export const spacingVerticalXXS = '--spacingVerticalXXS';
+export const spacingVerticalXS = '--spacingVerticalXS';
+export const spacingVerticalSNudge = '--spacingVerticalSNudge';
+export const spacingVerticalS = '--spacingVerticalS';
+export const spacingVerticalMNudge = '--spacingVerticalMNudge';
+export const spacingVerticalM = '--spacingVerticalM';
+export const spacingVerticalL = '--spacingVerticalL';
+export const spacingVerticalXL = '--spacingVerticalXL';
+export const spacingVerticalXXL = '--spacingVerticalXXL';
+export const spacingVerticalXXXL = '--spacingVerticalXXXL';
+export const durationUltraFast = '--durationUltraFast';
+export const durationFaster = '--durationFaster';
+export const durationFast = '--durationFast';
+export const durationNormal = '--durationNormal';
+export const durationSlow = '--durationSlow';
+export const durationSlower = '--durationSlower';
+export const durationUltraSlow = '--durationUltraSlow';
+export const curveAccelerateMax = '--curveAccelerateMax';
+export const curveAccelerateMid = '--curveAccelerateMid';
+export const curveAccelerateMin = '--curveAccelerateMin';
+export const curveDecelerateMax = '--curveDecelerateMax';
+export const curveDecelerateMid = '--curveDecelerateMid';
+export const curveDecelerateMin = '--curveDecelerateMin';
+export const curveEasyEaseMax = '--curveEasyEaseMax';
+export const curveEasyEase = '--curveEasyEase';
+export const curveLinear = '--curveLinear';
 //# sourceMappingURL=design-tokens.js.map