@fluentui/tokens
Advanced tools
Comparing version 0.0.0-nightly-20230223-2115.1 to 0.0.0-nightly-20230227-0424.1
@@ -5,5 +5,5 @@ { | ||
{ | ||
"date": "Thu, 23 Feb 2023 21:23:23 GMT", | ||
"tag": "@fluentui/tokens_v0.0.0-nightly-20230223-2115.1", | ||
"version": "0.0.0-nightly-20230223-2115.1", | ||
"date": "Mon, 27 Feb 2023 04:31:34 GMT", | ||
"tag": "@fluentui/tokens_v0.0.0-nightly-20230227-0424.1", | ||
"version": "0.0.0-nightly-20230227-0424.1", | ||
"comments": { | ||
@@ -10,0 +10,0 @@ "prerelease": [ |
# Change Log - @fluentui/tokens | ||
This log was last generated on Thu, 23 Feb 2023 21:23:23 GMT and should not be manually modified. | ||
This log was last generated on Mon, 27 Feb 2023 04:31:34 GMT and should not be manually modified. | ||
<!-- Start content --> | ||
## [0.0.0-nightly-20230223-2115.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20230223-2115.1) | ||
## [0.0.0-nightly-20230227-0424.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20230227-0424.1) | ||
Thu, 23 Feb 2023 21:23:23 GMT | ||
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.2..@fluentui/tokens_v0.0.0-nightly-20230223-2115.1) | ||
Mon, 27 Feb 2023 04:31:34 GMT | ||
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.2..@fluentui/tokens_v0.0.0-nightly-20230227-0424.1) | ||
@@ -12,0 +12,0 @@ ### Changes |
@@ -1,160 +0,161 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict"; | ||
"use strict"; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "generateColorTokens", { | ||
enumerable: true, | ||
get: ()=>generateColorTokens | ||
exports.generateColorTokens = void 0; | ||
const colors_1 = /*#__PURE__*/require("../global/colors"); | ||
const generateColorTokens = brand => ({ | ||
colorNeutralForeground1: colors_1.white, | ||
colorNeutralForeground1Hover: colors_1.white, | ||
colorNeutralForeground1Pressed: colors_1.white, | ||
colorNeutralForeground1Selected: colors_1.white, | ||
colorNeutralForeground2: colors_1.grey[84], | ||
colorNeutralForeground2Hover: colors_1.white, | ||
colorNeutralForeground2Pressed: colors_1.white, | ||
colorNeutralForeground2Selected: colors_1.white, | ||
colorNeutralForeground2BrandHover: brand[100], | ||
colorNeutralForeground2BrandPressed: brand[90], | ||
colorNeutralForeground2BrandSelected: brand[100], | ||
colorNeutralForeground3: colors_1.grey[68], | ||
colorNeutralForeground3Hover: colors_1.grey[84], | ||
colorNeutralForeground3Pressed: colors_1.grey[84], | ||
colorNeutralForeground3Selected: colors_1.grey[84], | ||
colorNeutralForeground3BrandHover: brand[100], | ||
colorNeutralForeground3BrandPressed: brand[90], | ||
colorNeutralForeground3BrandSelected: brand[100], | ||
colorNeutralForeground4: colors_1.grey[60], | ||
colorNeutralForegroundDisabled: colors_1.grey[36], | ||
colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40], | ||
colorBrandForegroundLink: brand[100], | ||
colorBrandForegroundLinkHover: brand[110], | ||
colorBrandForegroundLinkPressed: brand[90], | ||
colorBrandForegroundLinkSelected: brand[100], | ||
colorNeutralForeground2Link: colors_1.grey[84], | ||
colorNeutralForeground2LinkHover: colors_1.white, | ||
colorNeutralForeground2LinkPressed: colors_1.white, | ||
colorNeutralForeground2LinkSelected: colors_1.white, | ||
colorCompoundBrandForeground1: brand[100], | ||
colorCompoundBrandForeground1Hover: brand[110], | ||
colorCompoundBrandForeground1Pressed: brand[90], | ||
colorBrandForeground1: brand[100], | ||
colorBrandForeground2: brand[110], | ||
colorNeutralForeground1Static: colors_1.grey[14], | ||
colorNeutralForegroundStaticInverted: colors_1.white, | ||
colorNeutralForegroundInverted: colors_1.grey[14], | ||
colorNeutralForegroundInvertedHover: colors_1.grey[14], | ||
colorNeutralForegroundInvertedPressed: colors_1.grey[14], | ||
colorNeutralForegroundInvertedSelected: colors_1.grey[14], | ||
colorNeutralForegroundInverted2: colors_1.grey[14], | ||
colorNeutralForegroundOnBrand: colors_1.white, | ||
colorNeutralForegroundInvertedLink: colors_1.white, | ||
colorNeutralForegroundInvertedLinkHover: colors_1.white, | ||
colorNeutralForegroundInvertedLinkPressed: colors_1.white, | ||
colorNeutralForegroundInvertedLinkSelected: colors_1.white, | ||
colorBrandForegroundInverted: brand[80], | ||
colorBrandForegroundInvertedHover: brand[70], | ||
colorBrandForegroundInvertedPressed: brand[60], | ||
colorBrandForegroundOnLight: brand[80], | ||
colorBrandForegroundOnLightHover: brand[70], | ||
colorBrandForegroundOnLightPressed: brand[50], | ||
colorBrandForegroundOnLightSelected: brand[60], | ||
colorNeutralBackground1: colors_1.grey[16], | ||
colorNeutralBackground1Hover: colors_1.grey[24], | ||
colorNeutralBackground1Pressed: colors_1.grey[12], | ||
colorNeutralBackground1Selected: colors_1.grey[22], | ||
colorNeutralBackground2: colors_1.grey[12], | ||
colorNeutralBackground2Hover: colors_1.grey[20], | ||
colorNeutralBackground2Pressed: colors_1.grey[8], | ||
colorNeutralBackground2Selected: colors_1.grey[18], | ||
colorNeutralBackground3: colors_1.grey[8], | ||
colorNeutralBackground3Hover: colors_1.grey[16], | ||
colorNeutralBackground3Pressed: colors_1.grey[4], | ||
colorNeutralBackground3Selected: colors_1.grey[14], | ||
colorNeutralBackground4: colors_1.grey[4], | ||
colorNeutralBackground4Hover: colors_1.grey[12], | ||
colorNeutralBackground4Pressed: colors_1.black, | ||
colorNeutralBackground4Selected: colors_1.grey[10], | ||
colorNeutralBackground5: colors_1.black, | ||
colorNeutralBackground5Hover: colors_1.grey[8], | ||
colorNeutralBackground5Pressed: colors_1.grey[2], | ||
colorNeutralBackground5Selected: colors_1.grey[6], | ||
colorNeutralBackground6: colors_1.grey[20], | ||
colorNeutralBackgroundInverted: colors_1.white, | ||
colorNeutralBackgroundStatic: colors_1.grey[24], | ||
colorSubtleBackground: 'transparent', | ||
colorSubtleBackgroundHover: colors_1.grey[22], | ||
colorSubtleBackgroundPressed: colors_1.grey[18], | ||
colorSubtleBackgroundSelected: colors_1.grey[20], | ||
colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80], | ||
colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50], | ||
colorSubtleBackgroundLightAlphaSelected: 'transparent', | ||
colorSubtleBackgroundInverted: 'transparent', | ||
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10], | ||
colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30], | ||
colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20], | ||
colorTransparentBackground: 'transparent', | ||
colorTransparentBackgroundHover: 'transparent', | ||
colorTransparentBackgroundPressed: 'transparent', | ||
colorTransparentBackgroundSelected: 'transparent', | ||
colorNeutralBackgroundDisabled: colors_1.grey[8], | ||
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10], | ||
colorNeutralStencil1: colors_1.grey[34], | ||
colorNeutralStencil2: colors_1.grey[20], | ||
colorNeutralStencil1Alpha: colors_1.whiteAlpha[10], | ||
colorNeutralStencil2Alpha: colors_1.whiteAlpha[5], | ||
colorBackgroundOverlay: colors_1.blackAlpha[50], | ||
colorScrollbarOverlay: colors_1.whiteAlpha[60], | ||
colorBrandBackground: brand[70], | ||
colorBrandBackgroundHover: brand[80], | ||
colorBrandBackgroundPressed: brand[40], | ||
colorBrandBackgroundSelected: brand[60], | ||
colorCompoundBrandBackground: brand[100], | ||
colorCompoundBrandBackgroundHover: brand[110], | ||
colorCompoundBrandBackgroundPressed: brand[90], | ||
colorBrandBackgroundStatic: brand[80], | ||
colorBrandBackground2: brand[40], | ||
colorBrandBackgroundInverted: colors_1.white, | ||
colorBrandBackgroundInvertedHover: brand[160], | ||
colorBrandBackgroundInvertedPressed: brand[140], | ||
colorBrandBackgroundInvertedSelected: brand[150], | ||
colorNeutralStrokeAccessible: colors_1.grey[68], | ||
colorNeutralStrokeAccessibleHover: colors_1.grey[74], | ||
colorNeutralStrokeAccessiblePressed: colors_1.grey[70], | ||
colorNeutralStrokeAccessibleSelected: brand[100], | ||
colorNeutralStroke1: colors_1.grey[40], | ||
colorNeutralStroke1Hover: colors_1.grey[46], | ||
colorNeutralStroke1Pressed: colors_1.grey[42], | ||
colorNeutralStroke1Selected: colors_1.grey[44], | ||
colorNeutralStroke2: colors_1.grey[32], | ||
colorNeutralStroke3: colors_1.grey[24], | ||
colorNeutralStrokeOnBrand: colors_1.grey[16], | ||
colorNeutralStrokeOnBrand2: colors_1.white, | ||
colorNeutralStrokeOnBrand2Hover: colors_1.white, | ||
colorNeutralStrokeOnBrand2Pressed: colors_1.white, | ||
colorNeutralStrokeOnBrand2Selected: colors_1.white, | ||
colorBrandStroke1: brand[100], | ||
colorBrandStroke2: brand[50], | ||
colorCompoundBrandStroke: brand[100], | ||
colorCompoundBrandStrokeHover: brand[110], | ||
colorCompoundBrandStrokePressed: brand[90], | ||
colorNeutralStrokeDisabled: colors_1.grey[26], | ||
colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40], | ||
colorTransparentStroke: 'transparent', | ||
colorTransparentStrokeInteractive: 'transparent', | ||
colorTransparentStrokeDisabled: 'transparent', | ||
colorStrokeFocus1: colors_1.black, | ||
colorStrokeFocus2: colors_1.white, | ||
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', | ||
colorNeutralShadowKey: 'rgba(0,0,0,0.28)', | ||
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', | ||
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', | ||
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', | ||
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
}); | ||
const _colors = require("../global/colors"); | ||
const generateColorTokens = (brand)=>({ | ||
colorNeutralForeground1: _colors.white, | ||
colorNeutralForeground1Hover: _colors.white, | ||
colorNeutralForeground1Pressed: _colors.white, | ||
colorNeutralForeground1Selected: _colors.white, | ||
colorNeutralForeground2: _colors.grey[84], | ||
colorNeutralForeground2Hover: _colors.white, | ||
colorNeutralForeground2Pressed: _colors.white, | ||
colorNeutralForeground2Selected: _colors.white, | ||
colorNeutralForeground2BrandHover: brand[100], | ||
colorNeutralForeground2BrandPressed: brand[90], | ||
colorNeutralForeground2BrandSelected: brand[100], | ||
colorNeutralForeground3: _colors.grey[68], | ||
colorNeutralForeground3Hover: _colors.grey[84], | ||
colorNeutralForeground3Pressed: _colors.grey[84], | ||
colorNeutralForeground3Selected: _colors.grey[84], | ||
colorNeutralForeground3BrandHover: brand[100], | ||
colorNeutralForeground3BrandPressed: brand[90], | ||
colorNeutralForeground3BrandSelected: brand[100], | ||
colorNeutralForeground4: _colors.grey[60], | ||
colorNeutralForegroundDisabled: _colors.grey[36], | ||
colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40], | ||
colorBrandForegroundLink: brand[100], | ||
colorBrandForegroundLinkHover: brand[110], | ||
colorBrandForegroundLinkPressed: brand[90], | ||
colorBrandForegroundLinkSelected: brand[100], | ||
colorNeutralForeground2Link: _colors.grey[84], | ||
colorNeutralForeground2LinkHover: _colors.white, | ||
colorNeutralForeground2LinkPressed: _colors.white, | ||
colorNeutralForeground2LinkSelected: _colors.white, | ||
colorCompoundBrandForeground1: brand[100], | ||
colorCompoundBrandForeground1Hover: brand[110], | ||
colorCompoundBrandForeground1Pressed: brand[90], | ||
colorBrandForeground1: brand[100], | ||
colorBrandForeground2: brand[110], | ||
colorNeutralForeground1Static: _colors.grey[14], | ||
colorNeutralForegroundStaticInverted: _colors.white, | ||
colorNeutralForegroundInverted: _colors.grey[14], | ||
colorNeutralForegroundInvertedHover: _colors.grey[14], | ||
colorNeutralForegroundInvertedPressed: _colors.grey[14], | ||
colorNeutralForegroundInvertedSelected: _colors.grey[14], | ||
colorNeutralForegroundInverted2: _colors.grey[14], | ||
colorNeutralForegroundOnBrand: _colors.white, | ||
colorNeutralForegroundInvertedLink: _colors.white, | ||
colorNeutralForegroundInvertedLinkHover: _colors.white, | ||
colorNeutralForegroundInvertedLinkPressed: _colors.white, | ||
colorNeutralForegroundInvertedLinkSelected: _colors.white, | ||
colorBrandForegroundInverted: brand[80], | ||
colorBrandForegroundInvertedHover: brand[70], | ||
colorBrandForegroundInvertedPressed: brand[60], | ||
colorBrandForegroundOnLight: brand[80], | ||
colorBrandForegroundOnLightHover: brand[70], | ||
colorBrandForegroundOnLightPressed: brand[50], | ||
colorBrandForegroundOnLightSelected: brand[60], | ||
colorNeutralBackground1: _colors.grey[16], | ||
colorNeutralBackground1Hover: _colors.grey[24], | ||
colorNeutralBackground1Pressed: _colors.grey[12], | ||
colorNeutralBackground1Selected: _colors.grey[22], | ||
colorNeutralBackground2: _colors.grey[12], | ||
colorNeutralBackground2Hover: _colors.grey[20], | ||
colorNeutralBackground2Pressed: _colors.grey[8], | ||
colorNeutralBackground2Selected: _colors.grey[18], | ||
colorNeutralBackground3: _colors.grey[8], | ||
colorNeutralBackground3Hover: _colors.grey[16], | ||
colorNeutralBackground3Pressed: _colors.grey[4], | ||
colorNeutralBackground3Selected: _colors.grey[14], | ||
colorNeutralBackground4: _colors.grey[4], | ||
colorNeutralBackground4Hover: _colors.grey[12], | ||
colorNeutralBackground4Pressed: _colors.black, | ||
colorNeutralBackground4Selected: _colors.grey[10], | ||
colorNeutralBackground5: _colors.black, | ||
colorNeutralBackground5Hover: _colors.grey[8], | ||
colorNeutralBackground5Pressed: _colors.grey[2], | ||
colorNeutralBackground5Selected: _colors.grey[6], | ||
colorNeutralBackground6: _colors.grey[20], | ||
colorNeutralBackgroundInverted: _colors.white, | ||
colorNeutralBackgroundStatic: _colors.grey[24], | ||
colorSubtleBackground: 'transparent', | ||
colorSubtleBackgroundHover: _colors.grey[22], | ||
colorSubtleBackgroundPressed: _colors.grey[18], | ||
colorSubtleBackgroundSelected: _colors.grey[20], | ||
colorSubtleBackgroundLightAlphaHover: _colors.grey14Alpha[80], | ||
colorSubtleBackgroundLightAlphaPressed: _colors.grey14Alpha[50], | ||
colorSubtleBackgroundLightAlphaSelected: 'transparent', | ||
colorSubtleBackgroundInverted: 'transparent', | ||
colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10], | ||
colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30], | ||
colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20], | ||
colorTransparentBackground: 'transparent', | ||
colorTransparentBackgroundHover: 'transparent', | ||
colorTransparentBackgroundPressed: 'transparent', | ||
colorTransparentBackgroundSelected: 'transparent', | ||
colorNeutralBackgroundDisabled: _colors.grey[8], | ||
colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10], | ||
colorNeutralStencil1: _colors.grey[34], | ||
colorNeutralStencil2: _colors.grey[20], | ||
colorNeutralStencil1Alpha: _colors.whiteAlpha[10], | ||
colorNeutralStencil2Alpha: _colors.whiteAlpha[5], | ||
colorBackgroundOverlay: _colors.blackAlpha[50], | ||
colorScrollbarOverlay: _colors.whiteAlpha[60], | ||
colorBrandBackground: brand[70], | ||
colorBrandBackgroundHover: brand[80], | ||
colorBrandBackgroundPressed: brand[40], | ||
colorBrandBackgroundSelected: brand[60], | ||
colorCompoundBrandBackground: brand[100], | ||
colorCompoundBrandBackgroundHover: brand[110], | ||
colorCompoundBrandBackgroundPressed: brand[90], | ||
colorBrandBackgroundStatic: brand[80], | ||
colorBrandBackground2: brand[40], | ||
colorBrandBackgroundInverted: _colors.white, | ||
colorBrandBackgroundInvertedHover: brand[160], | ||
colorBrandBackgroundInvertedPressed: brand[140], | ||
colorBrandBackgroundInvertedSelected: brand[150], | ||
colorNeutralStrokeAccessible: _colors.grey[68], | ||
colorNeutralStrokeAccessibleHover: _colors.grey[74], | ||
colorNeutralStrokeAccessiblePressed: _colors.grey[70], | ||
colorNeutralStrokeAccessibleSelected: brand[100], | ||
colorNeutralStroke1: _colors.grey[40], | ||
colorNeutralStroke1Hover: _colors.grey[46], | ||
colorNeutralStroke1Pressed: _colors.grey[42], | ||
colorNeutralStroke1Selected: _colors.grey[44], | ||
colorNeutralStroke2: _colors.grey[32], | ||
colorNeutralStroke3: _colors.grey[24], | ||
colorNeutralStrokeOnBrand: _colors.grey[16], | ||
colorNeutralStrokeOnBrand2: _colors.white, | ||
colorNeutralStrokeOnBrand2Hover: _colors.white, | ||
colorNeutralStrokeOnBrand2Pressed: _colors.white, | ||
colorNeutralStrokeOnBrand2Selected: _colors.white, | ||
colorBrandStroke1: brand[100], | ||
colorBrandStroke2: brand[50], | ||
colorCompoundBrandStroke: brand[100], | ||
colorCompoundBrandStrokeHover: brand[110], | ||
colorCompoundBrandStrokePressed: brand[90], | ||
colorNeutralStrokeDisabled: _colors.grey[26], | ||
colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40], | ||
colorTransparentStroke: 'transparent', | ||
colorTransparentStrokeInteractive: 'transparent', | ||
colorTransparentStrokeDisabled: 'transparent', | ||
colorStrokeFocus1: _colors.black, | ||
colorStrokeFocus2: _colors.white, | ||
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', | ||
colorNeutralShadowKey: 'rgba(0,0,0,0.28)', | ||
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', | ||
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', | ||
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', | ||
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
}); //# sourceMappingURL=darkColor.js.map | ||
exports.generateColorTokens = generateColorTokens; | ||
//# sourceMappingURL=darkColor.js.map |
@@ -1,53 +0,51 @@ | ||
/* color palette used in both darkTheme and teamsDarkTheme */ "use strict"; | ||
"use strict"; | ||
/* color palette used in both darkTheme and teamsDarkTheme */ | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "colorPaletteTokens", { | ||
enumerable: true, | ||
get: ()=>colorPaletteTokens | ||
}); | ||
const _colorPalette = require("../global/colorPalette"); | ||
const _sharedColorNames = require("../sharedColorNames"); | ||
const statusColorPaletteTokens = /*#__PURE__*/ _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{ | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background1`]: _colorPalette.statusSharedColors[sharedColor].shade40, | ||
[`colorPalette${color}Background2`]: _colorPalette.statusSharedColors[sharedColor].shade30, | ||
[`colorPalette${color}Background3`]: _colorPalette.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}Foreground1`]: _colorPalette.statusSharedColors[sharedColor].tint30, | ||
[`colorPalette${color}Foreground2`]: _colorPalette.statusSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}Foreground3`]: _colorPalette.statusSharedColors[sharedColor].tint20, | ||
[`colorPalette${color}BorderActive`]: _colorPalette.statusSharedColors[sharedColor].tint30, | ||
[`colorPalette${color}Border1`]: _colorPalette.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}Border2`]: _colorPalette.statusSharedColors[sharedColor].tint20 | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
exports.colorPaletteTokens = void 0; | ||
const colorPalette_1 = /*#__PURE__*/require("../global/colorPalette"); | ||
const sharedColorNames_1 = /*#__PURE__*/require("../sharedColorNames"); | ||
const statusColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.statusSharedColorNames.reduce((acc, sharedColor) => { | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background1`]: colorPalette_1.statusSharedColors[sharedColor].shade40, | ||
[`colorPalette${color}Background2`]: colorPalette_1.statusSharedColors[sharedColor].shade30, | ||
[`colorPalette${color}Background3`]: colorPalette_1.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}Foreground1`]: colorPalette_1.statusSharedColors[sharedColor].tint30, | ||
[`colorPalette${color}Foreground2`]: colorPalette_1.statusSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}Foreground3`]: colorPalette_1.statusSharedColors[sharedColor].tint20, | ||
[`colorPalette${color}BorderActive`]: colorPalette_1.statusSharedColors[sharedColor].tint30, | ||
[`colorPalette${color}Border1`]: colorPalette_1.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}Border2`]: colorPalette_1.statusSharedColors[sharedColor].tint20 | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
}, {}); | ||
// one-off patches | ||
statusColorPaletteTokens.colorPaletteRedForeground3 = _colorPalette.statusSharedColors.red.tint30; | ||
statusColorPaletteTokens.colorPaletteRedBorder2 = _colorPalette.statusSharedColors.red.tint30; | ||
statusColorPaletteTokens.colorPaletteGreenForeground3 = _colorPalette.statusSharedColors.green.tint40; | ||
statusColorPaletteTokens.colorPaletteGreenBorder2 = _colorPalette.statusSharedColors.green.tint40; | ||
statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = _colorPalette.statusSharedColors.darkOrange.tint30; | ||
statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = _colorPalette.statusSharedColors.darkOrange.tint30; | ||
statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colorPalette.statusSharedColors.red.primary; | ||
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colorPalette.statusSharedColors.green.primary; | ||
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colorPalette.statusSharedColors.yellow.shade30; | ||
const personaColorPaletteTokens = /*#__PURE__*/ _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{ | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background2`]: _colorPalette.personaSharedColors[sharedColor].shade30, | ||
[`colorPalette${color}Foreground2`]: _colorPalette.personaSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}BorderActive`]: _colorPalette.personaSharedColors[sharedColor].tint30 | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
statusColorPaletteTokens.colorPaletteRedForeground3 = colorPalette_1.statusSharedColors.red.tint30; | ||
statusColorPaletteTokens.colorPaletteRedBorder2 = colorPalette_1.statusSharedColors.red.tint30; | ||
statusColorPaletteTokens.colorPaletteGreenForeground3 = colorPalette_1.statusSharedColors.green.tint40; | ||
statusColorPaletteTokens.colorPaletteGreenBorder2 = colorPalette_1.statusSharedColors.green.tint40; | ||
statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = colorPalette_1.statusSharedColors.darkOrange.tint30; | ||
statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = colorPalette_1.statusSharedColors.darkOrange.tint30; | ||
statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.primary; | ||
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colorPalette_1.statusSharedColors.green.primary; | ||
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colorPalette_1.statusSharedColors.yellow.shade30; | ||
const personaColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.personaSharedColorNames.reduce((acc, sharedColor) => { | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background2`]: colorPalette_1.personaSharedColors[sharedColor].shade30, | ||
[`colorPalette${color}Foreground2`]: colorPalette_1.personaSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}BorderActive`]: colorPalette_1.personaSharedColors[sharedColor].tint30 | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
}, {}); | ||
// one-off patches | ||
personaColorPaletteTokens.colorPaletteDarkRedBackground2 = _colorPalette.personaSharedColors.darkRed.shade20; | ||
personaColorPaletteTokens.colorPalettePlumBackground2 = _colorPalette.personaSharedColors.plum.shade20; | ||
const colorPaletteTokens = { | ||
...statusColorPaletteTokens, | ||
...personaColorPaletteTokens | ||
}; //# sourceMappingURL=darkColorPalette.js.map | ||
personaColorPaletteTokens.colorPaletteDarkRedBackground2 = colorPalette_1.personaSharedColors.darkRed.shade20; | ||
personaColorPaletteTokens.colorPalettePlumBackground2 = colorPalette_1.personaSharedColors.plum.shade20; | ||
exports.colorPaletteTokens = { | ||
...statusColorPaletteTokens, | ||
...personaColorPaletteTokens | ||
}; | ||
//# sourceMappingURL=darkColorPalette.js.map |
@@ -1,160 +0,161 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict"; | ||
"use strict"; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "generateColorTokens", { | ||
enumerable: true, | ||
get: ()=>generateColorTokens | ||
exports.generateColorTokens = void 0; | ||
const colors_1 = /*#__PURE__*/require("../global/colors"); | ||
const generateColorTokens = () => ({ | ||
colorNeutralForeground1: colors_1.hcCanvasText, | ||
colorNeutralForeground1Hover: colors_1.hcHighlightText, | ||
colorNeutralForeground1Pressed: colors_1.hcHighlightText, | ||
colorNeutralForeground1Selected: colors_1.hcHighlightText, | ||
colorNeutralForeground2: colors_1.hcCanvasText, | ||
colorNeutralForeground2Hover: colors_1.hcHighlightText, | ||
colorNeutralForeground2Pressed: colors_1.hcHighlightText, | ||
colorNeutralForeground2Selected: colors_1.hcHighlightText, | ||
colorNeutralForeground2BrandHover: colors_1.hcHighlightText, | ||
colorNeutralForeground2BrandPressed: colors_1.hcHighlightText, | ||
colorNeutralForeground2BrandSelected: colors_1.hcHighlightText, | ||
colorNeutralForeground3: colors_1.hcCanvasText, | ||
colorNeutralForeground3Hover: colors_1.hcHighlightText, | ||
colorNeutralForeground3Pressed: colors_1.hcHighlightText, | ||
colorNeutralForeground3Selected: colors_1.hcHighlightText, | ||
colorNeutralForeground3BrandHover: colors_1.hcHighlightText, | ||
colorNeutralForeground3BrandPressed: colors_1.hcHighlightText, | ||
colorNeutralForeground3BrandSelected: colors_1.hcHighlightText, | ||
colorNeutralForeground4: colors_1.hcCanvasText, | ||
colorNeutralForegroundDisabled: colors_1.hcDisabled, | ||
colorNeutralForegroundInvertedDisabled: colors_1.hcDisabled, | ||
colorBrandForegroundLink: colors_1.hcHyperlink, | ||
colorBrandForegroundLinkHover: colors_1.hcHyperlink, | ||
colorBrandForegroundLinkPressed: colors_1.hcHyperlink, | ||
colorBrandForegroundLinkSelected: colors_1.hcHyperlink, | ||
colorNeutralForeground2Link: colors_1.hcHyperlink, | ||
colorNeutralForeground2LinkHover: colors_1.hcHyperlink, | ||
colorNeutralForeground2LinkPressed: colors_1.hcHyperlink, | ||
colorNeutralForeground2LinkSelected: colors_1.hcHyperlink, | ||
colorCompoundBrandForeground1: colors_1.hcHighlight, | ||
colorCompoundBrandForeground1Hover: colors_1.hcHighlight, | ||
colorCompoundBrandForeground1Pressed: colors_1.hcHighlight, | ||
colorBrandForeground1: colors_1.hcCanvasText, | ||
colorBrandForeground2: colors_1.hcButtonText, | ||
colorNeutralForeground1Static: colors_1.hcCanvas, | ||
colorNeutralForegroundStaticInverted: colors_1.hcCanvasText, | ||
colorNeutralForegroundInverted: colors_1.hcHighlightText, | ||
colorNeutralForegroundInvertedHover: colors_1.hcHighlightText, | ||
colorNeutralForegroundInvertedPressed: colors_1.hcHighlightText, | ||
colorNeutralForegroundInvertedSelected: colors_1.hcHighlightText, | ||
colorNeutralForegroundInverted2: colors_1.hcCanvasText, | ||
colorNeutralForegroundOnBrand: colors_1.hcButtonText, | ||
colorNeutralForegroundInvertedLink: colors_1.hcHyperlink, | ||
colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink, | ||
colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink, | ||
colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink, | ||
colorBrandForegroundInverted: colors_1.hcCanvasText, | ||
colorBrandForegroundInvertedHover: colors_1.hcHighlightText, | ||
colorBrandForegroundInvertedPressed: colors_1.hcHighlightText, | ||
colorBrandForegroundOnLight: colors_1.hcButtonText, | ||
colorBrandForegroundOnLightHover: colors_1.hcHighlightText, | ||
colorBrandForegroundOnLightPressed: colors_1.hcHighlightText, | ||
colorBrandForegroundOnLightSelected: colors_1.hcHighlightText, | ||
colorNeutralBackground1: colors_1.hcCanvas, | ||
colorNeutralBackground1Hover: colors_1.hcHighlight, | ||
colorNeutralBackground1Pressed: colors_1.hcHighlight, | ||
colorNeutralBackground1Selected: colors_1.hcHighlight, | ||
colorNeutralBackground2: colors_1.hcCanvas, | ||
colorNeutralBackground2Hover: colors_1.hcHighlight, | ||
colorNeutralBackground2Pressed: colors_1.hcHighlight, | ||
colorNeutralBackground2Selected: colors_1.hcHighlight, | ||
colorNeutralBackground3: colors_1.hcCanvas, | ||
colorNeutralBackground3Hover: colors_1.hcHighlight, | ||
colorNeutralBackground3Pressed: colors_1.hcHighlight, | ||
colorNeutralBackground3Selected: colors_1.hcHighlight, | ||
colorNeutralBackground4: colors_1.hcCanvas, | ||
colorNeutralBackground4Hover: colors_1.hcHighlight, | ||
colorNeutralBackground4Pressed: colors_1.hcHighlight, | ||
colorNeutralBackground4Selected: colors_1.hcHighlight, | ||
colorNeutralBackground5: colors_1.hcCanvas, | ||
colorNeutralBackground5Hover: colors_1.hcHighlight, | ||
colorNeutralBackground5Pressed: colors_1.hcHighlight, | ||
colorNeutralBackground5Selected: colors_1.hcHighlight, | ||
colorNeutralBackground6: colors_1.hcCanvas, | ||
colorNeutralBackgroundInverted: colors_1.hcCanvas, | ||
colorNeutralBackgroundStatic: colors_1.hcCanvas, | ||
colorSubtleBackground: 'transparent', | ||
colorSubtleBackgroundHover: colors_1.hcHighlight, | ||
colorSubtleBackgroundPressed: colors_1.hcHighlight, | ||
colorSubtleBackgroundSelected: colors_1.hcHighlight, | ||
colorSubtleBackgroundLightAlphaHover: colors_1.hcHighlight, | ||
colorSubtleBackgroundLightAlphaPressed: colors_1.hcHighlight, | ||
colorSubtleBackgroundLightAlphaSelected: colors_1.hcHighlight, | ||
colorSubtleBackgroundInverted: 'transparent', | ||
colorSubtleBackgroundInvertedHover: colors_1.hcHighlight, | ||
colorSubtleBackgroundInvertedPressed: colors_1.hcHighlight, | ||
colorSubtleBackgroundInvertedSelected: colors_1.hcHighlight, | ||
colorTransparentBackground: 'transparent', | ||
colorTransparentBackgroundHover: colors_1.hcHighlight, | ||
colorTransparentBackgroundPressed: colors_1.hcHighlight, | ||
colorTransparentBackgroundSelected: colors_1.hcHighlight, | ||
colorNeutralBackgroundDisabled: colors_1.hcCanvas, | ||
colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas, | ||
colorNeutralStencil1: colors_1.hcCanvasText, | ||
colorNeutralStencil2: colors_1.hcCanvasText, | ||
colorNeutralStencil1Alpha: colors_1.hcCanvasText, | ||
colorNeutralStencil2Alpha: colors_1.hcCanvasText, | ||
colorBackgroundOverlay: colors_1.blackAlpha[50], | ||
colorScrollbarOverlay: colors_1.hcButtonFace, | ||
colorBrandBackground: colors_1.hcButtonFace, | ||
colorBrandBackgroundHover: colors_1.hcHighlight, | ||
colorBrandBackgroundPressed: colors_1.hcHighlight, | ||
colorBrandBackgroundSelected: colors_1.hcHighlight, | ||
colorCompoundBrandBackground: colors_1.hcHighlight, | ||
colorCompoundBrandBackgroundHover: colors_1.hcHighlight, | ||
colorCompoundBrandBackgroundPressed: colors_1.hcHighlight, | ||
colorBrandBackgroundStatic: colors_1.hcCanvas, | ||
colorBrandBackground2: colors_1.hcButtonFace, | ||
colorBrandBackgroundInverted: colors_1.hcButtonFace, | ||
colorBrandBackgroundInvertedHover: colors_1.hcHighlight, | ||
colorBrandBackgroundInvertedPressed: colors_1.hcHighlight, | ||
colorBrandBackgroundInvertedSelected: colors_1.hcHighlight, | ||
colorNeutralStrokeAccessible: colors_1.hcCanvasText, | ||
colorNeutralStrokeAccessibleHover: colors_1.hcHighlight, | ||
colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight, | ||
colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight, | ||
colorNeutralStroke1: colors_1.hcCanvasText, | ||
colorNeutralStroke1Hover: colors_1.hcHighlight, | ||
colorNeutralStroke1Pressed: colors_1.hcHighlight, | ||
colorNeutralStroke1Selected: colors_1.hcHighlight, | ||
colorNeutralStroke2: colors_1.hcCanvasText, | ||
colorNeutralStroke3: colors_1.hcCanvasText, | ||
colorNeutralStrokeOnBrand: colors_1.hcCanvas, | ||
colorNeutralStrokeOnBrand2: colors_1.hcCanvasText, | ||
colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText, | ||
colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText, | ||
colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText, | ||
colorBrandStroke1: colors_1.hcCanvasText, | ||
colorBrandStroke2: colors_1.hcCanvasText, | ||
colorCompoundBrandStroke: colors_1.hcHighlight, | ||
colorCompoundBrandStrokeHover: colors_1.hcHighlight, | ||
colorCompoundBrandStrokePressed: colors_1.hcHighlight, | ||
colorNeutralStrokeDisabled: colors_1.hcDisabled, | ||
colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled, | ||
colorTransparentStroke: colors_1.hcCanvasText, | ||
colorTransparentStrokeInteractive: colors_1.hcHighlight, | ||
colorTransparentStrokeDisabled: colors_1.hcDisabled, | ||
colorStrokeFocus1: colors_1.hcCanvas, | ||
colorStrokeFocus2: colors_1.hcHighlight, | ||
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', | ||
colorNeutralShadowKey: 'rgba(0,0,0,0.28)', | ||
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', | ||
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', | ||
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', | ||
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
}); | ||
const _colors = require("../global/colors"); | ||
const generateColorTokens = ()=>({ | ||
colorNeutralForeground1: _colors.hcCanvasText, | ||
colorNeutralForeground1Hover: _colors.hcHighlightText, | ||
colorNeutralForeground1Pressed: _colors.hcHighlightText, | ||
colorNeutralForeground1Selected: _colors.hcHighlightText, | ||
colorNeutralForeground2: _colors.hcCanvasText, | ||
colorNeutralForeground2Hover: _colors.hcHighlightText, | ||
colorNeutralForeground2Pressed: _colors.hcHighlightText, | ||
colorNeutralForeground2Selected: _colors.hcHighlightText, | ||
colorNeutralForeground2BrandHover: _colors.hcHighlightText, | ||
colorNeutralForeground2BrandPressed: _colors.hcHighlightText, | ||
colorNeutralForeground2BrandSelected: _colors.hcHighlightText, | ||
colorNeutralForeground3: _colors.hcCanvasText, | ||
colorNeutralForeground3Hover: _colors.hcHighlightText, | ||
colorNeutralForeground3Pressed: _colors.hcHighlightText, | ||
colorNeutralForeground3Selected: _colors.hcHighlightText, | ||
colorNeutralForeground3BrandHover: _colors.hcHighlightText, | ||
colorNeutralForeground3BrandPressed: _colors.hcHighlightText, | ||
colorNeutralForeground3BrandSelected: _colors.hcHighlightText, | ||
colorNeutralForeground4: _colors.hcCanvasText, | ||
colorNeutralForegroundDisabled: _colors.hcDisabled, | ||
colorNeutralForegroundInvertedDisabled: _colors.hcDisabled, | ||
colorBrandForegroundLink: _colors.hcHyperlink, | ||
colorBrandForegroundLinkHover: _colors.hcHyperlink, | ||
colorBrandForegroundLinkPressed: _colors.hcHyperlink, | ||
colorBrandForegroundLinkSelected: _colors.hcHyperlink, | ||
colorNeutralForeground2Link: _colors.hcHyperlink, | ||
colorNeutralForeground2LinkHover: _colors.hcHyperlink, | ||
colorNeutralForeground2LinkPressed: _colors.hcHyperlink, | ||
colorNeutralForeground2LinkSelected: _colors.hcHyperlink, | ||
colorCompoundBrandForeground1: _colors.hcHighlight, | ||
colorCompoundBrandForeground1Hover: _colors.hcHighlight, | ||
colorCompoundBrandForeground1Pressed: _colors.hcHighlight, | ||
colorBrandForeground1: _colors.hcCanvasText, | ||
colorBrandForeground2: _colors.hcButtonText, | ||
colorNeutralForeground1Static: _colors.hcCanvas, | ||
colorNeutralForegroundStaticInverted: _colors.hcCanvasText, | ||
colorNeutralForegroundInverted: _colors.hcHighlightText, | ||
colorNeutralForegroundInvertedHover: _colors.hcHighlightText, | ||
colorNeutralForegroundInvertedPressed: _colors.hcHighlightText, | ||
colorNeutralForegroundInvertedSelected: _colors.hcHighlightText, | ||
colorNeutralForegroundInverted2: _colors.hcCanvasText, | ||
colorNeutralForegroundOnBrand: _colors.hcButtonText, | ||
colorNeutralForegroundInvertedLink: _colors.hcHyperlink, | ||
colorNeutralForegroundInvertedLinkHover: _colors.hcHyperlink, | ||
colorNeutralForegroundInvertedLinkPressed: _colors.hcHyperlink, | ||
colorNeutralForegroundInvertedLinkSelected: _colors.hcHyperlink, | ||
colorBrandForegroundInverted: _colors.hcCanvasText, | ||
colorBrandForegroundInvertedHover: _colors.hcHighlightText, | ||
colorBrandForegroundInvertedPressed: _colors.hcHighlightText, | ||
colorBrandForegroundOnLight: _colors.hcButtonText, | ||
colorBrandForegroundOnLightHover: _colors.hcHighlightText, | ||
colorBrandForegroundOnLightPressed: _colors.hcHighlightText, | ||
colorBrandForegroundOnLightSelected: _colors.hcHighlightText, | ||
colorNeutralBackground1: _colors.hcCanvas, | ||
colorNeutralBackground1Hover: _colors.hcHighlight, | ||
colorNeutralBackground1Pressed: _colors.hcHighlight, | ||
colorNeutralBackground1Selected: _colors.hcHighlight, | ||
colorNeutralBackground2: _colors.hcCanvas, | ||
colorNeutralBackground2Hover: _colors.hcHighlight, | ||
colorNeutralBackground2Pressed: _colors.hcHighlight, | ||
colorNeutralBackground2Selected: _colors.hcHighlight, | ||
colorNeutralBackground3: _colors.hcCanvas, | ||
colorNeutralBackground3Hover: _colors.hcHighlight, | ||
colorNeutralBackground3Pressed: _colors.hcHighlight, | ||
colorNeutralBackground3Selected: _colors.hcHighlight, | ||
colorNeutralBackground4: _colors.hcCanvas, | ||
colorNeutralBackground4Hover: _colors.hcHighlight, | ||
colorNeutralBackground4Pressed: _colors.hcHighlight, | ||
colorNeutralBackground4Selected: _colors.hcHighlight, | ||
colorNeutralBackground5: _colors.hcCanvas, | ||
colorNeutralBackground5Hover: _colors.hcHighlight, | ||
colorNeutralBackground5Pressed: _colors.hcHighlight, | ||
colorNeutralBackground5Selected: _colors.hcHighlight, | ||
colorNeutralBackground6: _colors.hcCanvas, | ||
colorNeutralBackgroundInverted: _colors.hcCanvas, | ||
colorNeutralBackgroundStatic: _colors.hcCanvas, | ||
colorSubtleBackground: 'transparent', | ||
colorSubtleBackgroundHover: _colors.hcHighlight, | ||
colorSubtleBackgroundPressed: _colors.hcHighlight, | ||
colorSubtleBackgroundSelected: _colors.hcHighlight, | ||
colorSubtleBackgroundLightAlphaHover: _colors.hcHighlight, | ||
colorSubtleBackgroundLightAlphaPressed: _colors.hcHighlight, | ||
colorSubtleBackgroundLightAlphaSelected: _colors.hcHighlight, | ||
colorSubtleBackgroundInverted: 'transparent', | ||
colorSubtleBackgroundInvertedHover: _colors.hcHighlight, | ||
colorSubtleBackgroundInvertedPressed: _colors.hcHighlight, | ||
colorSubtleBackgroundInvertedSelected: _colors.hcHighlight, | ||
colorTransparentBackground: 'transparent', | ||
colorTransparentBackgroundHover: _colors.hcHighlight, | ||
colorTransparentBackgroundPressed: _colors.hcHighlight, | ||
colorTransparentBackgroundSelected: _colors.hcHighlight, | ||
colorNeutralBackgroundDisabled: _colors.hcCanvas, | ||
colorNeutralBackgroundInvertedDisabled: _colors.hcCanvas, | ||
colorNeutralStencil1: _colors.hcCanvasText, | ||
colorNeutralStencil2: _colors.hcCanvasText, | ||
colorNeutralStencil1Alpha: _colors.hcCanvasText, | ||
colorNeutralStencil2Alpha: _colors.hcCanvasText, | ||
colorBackgroundOverlay: _colors.blackAlpha[50], | ||
colorScrollbarOverlay: _colors.hcButtonFace, | ||
colorBrandBackground: _colors.hcButtonFace, | ||
colorBrandBackgroundHover: _colors.hcHighlight, | ||
colorBrandBackgroundPressed: _colors.hcHighlight, | ||
colorBrandBackgroundSelected: _colors.hcHighlight, | ||
colorCompoundBrandBackground: _colors.hcHighlight, | ||
colorCompoundBrandBackgroundHover: _colors.hcHighlight, | ||
colorCompoundBrandBackgroundPressed: _colors.hcHighlight, | ||
colorBrandBackgroundStatic: _colors.hcCanvas, | ||
colorBrandBackground2: _colors.hcButtonFace, | ||
colorBrandBackgroundInverted: _colors.hcButtonFace, | ||
colorBrandBackgroundInvertedHover: _colors.hcHighlight, | ||
colorBrandBackgroundInvertedPressed: _colors.hcHighlight, | ||
colorBrandBackgroundInvertedSelected: _colors.hcHighlight, | ||
colorNeutralStrokeAccessible: _colors.hcCanvasText, | ||
colorNeutralStrokeAccessibleHover: _colors.hcHighlight, | ||
colorNeutralStrokeAccessiblePressed: _colors.hcHighlight, | ||
colorNeutralStrokeAccessibleSelected: _colors.hcHighlight, | ||
colorNeutralStroke1: _colors.hcCanvasText, | ||
colorNeutralStroke1Hover: _colors.hcHighlight, | ||
colorNeutralStroke1Pressed: _colors.hcHighlight, | ||
colorNeutralStroke1Selected: _colors.hcHighlight, | ||
colorNeutralStroke2: _colors.hcCanvasText, | ||
colorNeutralStroke3: _colors.hcCanvasText, | ||
colorNeutralStrokeOnBrand: _colors.hcCanvas, | ||
colorNeutralStrokeOnBrand2: _colors.hcCanvasText, | ||
colorNeutralStrokeOnBrand2Hover: _colors.hcCanvasText, | ||
colorNeutralStrokeOnBrand2Pressed: _colors.hcCanvasText, | ||
colorNeutralStrokeOnBrand2Selected: _colors.hcCanvasText, | ||
colorBrandStroke1: _colors.hcCanvasText, | ||
colorBrandStroke2: _colors.hcCanvasText, | ||
colorCompoundBrandStroke: _colors.hcHighlight, | ||
colorCompoundBrandStrokeHover: _colors.hcHighlight, | ||
colorCompoundBrandStrokePressed: _colors.hcHighlight, | ||
colorNeutralStrokeDisabled: _colors.hcDisabled, | ||
colorNeutralStrokeInvertedDisabled: _colors.hcDisabled, | ||
colorTransparentStroke: _colors.hcCanvasText, | ||
colorTransparentStrokeInteractive: _colors.hcHighlight, | ||
colorTransparentStrokeDisabled: _colors.hcDisabled, | ||
colorStrokeFocus1: _colors.hcCanvas, | ||
colorStrokeFocus2: _colors.hcHighlight, | ||
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', | ||
colorNeutralShadowKey: 'rgba(0,0,0,0.28)', | ||
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', | ||
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', | ||
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', | ||
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
}); //# sourceMappingURL=highContrastColor.js.map | ||
exports.generateColorTokens = generateColorTokens; | ||
//# sourceMappingURL=highContrastColor.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "colorPaletteTokens", { | ||
enumerable: true, | ||
get: ()=>colorPaletteTokens | ||
}); | ||
const _colors = require("../global/colors"); | ||
const _sharedColorNames = require("../sharedColorNames"); | ||
const statusColorPaletteTokens = /*#__PURE__*/ _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{ | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background1`]: _colors.hcCanvas, | ||
[`colorPalette${color}Background2`]: _colors.hcCanvas, | ||
[`colorPalette${color}Background3`]: _colors.hcCanvasText, | ||
[`colorPalette${color}Foreground1`]: _colors.hcCanvasText, | ||
[`colorPalette${color}Foreground2`]: _colors.hcCanvasText, | ||
[`colorPalette${color}Foreground3`]: _colors.hcCanvasText, | ||
[`colorPalette${color}BorderActive`]: _colors.hcHighlight, | ||
[`colorPalette${color}Border1`]: _colors.hcCanvasText, | ||
[`colorPalette${color}Border2`]: _colors.hcCanvasText | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
exports.colorPaletteTokens = void 0; | ||
const colors_1 = /*#__PURE__*/require("../global/colors"); | ||
const sharedColorNames_1 = /*#__PURE__*/require("../sharedColorNames"); | ||
const statusColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.statusSharedColorNames.reduce((acc, sharedColor) => { | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background1`]: colors_1.hcCanvas, | ||
[`colorPalette${color}Background2`]: colors_1.hcCanvas, | ||
[`colorPalette${color}Background3`]: colors_1.hcCanvasText, | ||
[`colorPalette${color}Foreground1`]: colors_1.hcCanvasText, | ||
[`colorPalette${color}Foreground2`]: colors_1.hcCanvasText, | ||
[`colorPalette${color}Foreground3`]: colors_1.hcCanvasText, | ||
[`colorPalette${color}BorderActive`]: colors_1.hcHighlight, | ||
[`colorPalette${color}Border1`]: colors_1.hcCanvasText, | ||
[`colorPalette${color}Border2`]: colors_1.hcCanvasText | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
}, {}); | ||
// one-off patches | ||
statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colors.hcCanvasText; | ||
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colors.hcCanvasText; | ||
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colors.hcCanvasText; | ||
const personaColorPaletteTokens = /*#__PURE__*/ _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{ | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background2`]: _colors.hcCanvas, | ||
[`colorPalette${color}Foreground2`]: _colors.hcCanvasText, | ||
[`colorPalette${color}BorderActive`]: _colors.hcHighlight | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
statusColorPaletteTokens.colorPaletteRedForegroundInverted = colors_1.hcCanvasText; | ||
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colors_1.hcCanvasText; | ||
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colors_1.hcCanvasText; | ||
const personaColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.personaSharedColorNames.reduce((acc, sharedColor) => { | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background2`]: colors_1.hcCanvas, | ||
[`colorPalette${color}Foreground2`]: colors_1.hcCanvasText, | ||
[`colorPalette${color}BorderActive`]: colors_1.hcHighlight | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
}, {}); | ||
const colorPaletteTokens = { | ||
...statusColorPaletteTokens, | ||
...personaColorPaletteTokens | ||
}; //# sourceMappingURL=highContrastColorPalette.js.map | ||
exports.colorPaletteTokens = { | ||
...statusColorPaletteTokens, | ||
...personaColorPaletteTokens | ||
}; | ||
//# sourceMappingURL=highContrastColorPalette.js.map |
@@ -1,160 +0,161 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict"; | ||
"use strict"; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "generateColorTokens", { | ||
enumerable: true, | ||
get: ()=>generateColorTokens | ||
exports.generateColorTokens = void 0; | ||
const colors_1 = /*#__PURE__*/require("../global/colors"); | ||
const generateColorTokens = brand => ({ | ||
colorNeutralForeground1: colors_1.grey[14], | ||
colorNeutralForeground1Hover: colors_1.grey[14], | ||
colorNeutralForeground1Pressed: colors_1.grey[14], | ||
colorNeutralForeground1Selected: colors_1.grey[14], | ||
colorNeutralForeground2: colors_1.grey[26], | ||
colorNeutralForeground2Hover: colors_1.grey[14], | ||
colorNeutralForeground2Pressed: colors_1.grey[14], | ||
colorNeutralForeground2Selected: colors_1.grey[14], | ||
colorNeutralForeground2BrandHover: brand[80], | ||
colorNeutralForeground2BrandPressed: brand[70], | ||
colorNeutralForeground2BrandSelected: brand[80], | ||
colorNeutralForeground3: colors_1.grey[38], | ||
colorNeutralForeground3Hover: colors_1.grey[26], | ||
colorNeutralForeground3Pressed: colors_1.grey[26], | ||
colorNeutralForeground3Selected: colors_1.grey[26], | ||
colorNeutralForeground3BrandHover: brand[80], | ||
colorNeutralForeground3BrandPressed: brand[70], | ||
colorNeutralForeground3BrandSelected: brand[80], | ||
colorNeutralForeground4: colors_1.grey[44], | ||
colorNeutralForegroundDisabled: colors_1.grey[74], | ||
colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40], | ||
colorBrandForegroundLink: brand[70], | ||
colorBrandForegroundLinkHover: brand[60], | ||
colorBrandForegroundLinkPressed: brand[40], | ||
colorBrandForegroundLinkSelected: brand[70], | ||
colorNeutralForeground2Link: colors_1.grey[26], | ||
colorNeutralForeground2LinkHover: colors_1.grey[14], | ||
colorNeutralForeground2LinkPressed: colors_1.grey[14], | ||
colorNeutralForeground2LinkSelected: colors_1.grey[14], | ||
colorCompoundBrandForeground1: brand[80], | ||
colorCompoundBrandForeground1Hover: brand[70], | ||
colorCompoundBrandForeground1Pressed: brand[60], | ||
colorBrandForeground1: brand[80], | ||
colorBrandForeground2: brand[70], | ||
colorNeutralForeground1Static: colors_1.grey[14], | ||
colorNeutralForegroundStaticInverted: colors_1.white, | ||
colorNeutralForegroundInverted: colors_1.white, | ||
colorNeutralForegroundInvertedHover: colors_1.white, | ||
colorNeutralForegroundInvertedPressed: colors_1.white, | ||
colorNeutralForegroundInvertedSelected: colors_1.white, | ||
colorNeutralForegroundInverted2: colors_1.white, | ||
colorNeutralForegroundOnBrand: colors_1.white, | ||
colorNeutralForegroundInvertedLink: colors_1.white, | ||
colorNeutralForegroundInvertedLinkHover: colors_1.white, | ||
colorNeutralForegroundInvertedLinkPressed: colors_1.white, | ||
colorNeutralForegroundInvertedLinkSelected: colors_1.white, | ||
colorBrandForegroundInverted: brand[100], | ||
colorBrandForegroundInvertedHover: brand[110], | ||
colorBrandForegroundInvertedPressed: brand[100], | ||
colorBrandForegroundOnLight: brand[80], | ||
colorBrandForegroundOnLightHover: brand[70], | ||
colorBrandForegroundOnLightPressed: brand[50], | ||
colorBrandForegroundOnLightSelected: brand[60], | ||
colorNeutralBackground1: colors_1.white, | ||
colorNeutralBackground1Hover: colors_1.grey[96], | ||
colorNeutralBackground1Pressed: colors_1.grey[88], | ||
colorNeutralBackground1Selected: colors_1.grey[92], | ||
colorNeutralBackground2: colors_1.grey[98], | ||
colorNeutralBackground2Hover: colors_1.grey[94], | ||
colorNeutralBackground2Pressed: colors_1.grey[86], | ||
colorNeutralBackground2Selected: colors_1.grey[90], | ||
colorNeutralBackground3: colors_1.grey[96], | ||
colorNeutralBackground3Hover: colors_1.grey[92], | ||
colorNeutralBackground3Pressed: colors_1.grey[84], | ||
colorNeutralBackground3Selected: colors_1.grey[88], | ||
colorNeutralBackground4: colors_1.grey[94], | ||
colorNeutralBackground4Hover: colors_1.grey[98], | ||
colorNeutralBackground4Pressed: colors_1.grey[96], | ||
colorNeutralBackground4Selected: colors_1.white, | ||
colorNeutralBackground5: colors_1.grey[92], | ||
colorNeutralBackground5Hover: colors_1.grey[96], | ||
colorNeutralBackground5Pressed: colors_1.grey[94], | ||
colorNeutralBackground5Selected: colors_1.grey[98], | ||
colorNeutralBackground6: colors_1.grey[90], | ||
colorNeutralBackgroundInverted: colors_1.grey[16], | ||
colorNeutralBackgroundStatic: colors_1.grey[20], | ||
colorSubtleBackground: 'transparent', | ||
colorSubtleBackgroundHover: colors_1.grey[96], | ||
colorSubtleBackgroundPressed: colors_1.grey[88], | ||
colorSubtleBackgroundSelected: colors_1.grey[92], | ||
colorSubtleBackgroundLightAlphaHover: colors_1.whiteAlpha[70], | ||
colorSubtleBackgroundLightAlphaPressed: colors_1.whiteAlpha[50], | ||
colorSubtleBackgroundLightAlphaSelected: 'transparent', | ||
colorSubtleBackgroundInverted: 'transparent', | ||
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10], | ||
colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30], | ||
colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20], | ||
colorTransparentBackground: 'transparent', | ||
colorTransparentBackgroundHover: 'transparent', | ||
colorTransparentBackgroundPressed: 'transparent', | ||
colorTransparentBackgroundSelected: 'transparent', | ||
colorNeutralBackgroundDisabled: colors_1.grey[94], | ||
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10], | ||
colorNeutralStencil1: colors_1.grey[90], | ||
colorNeutralStencil2: colors_1.grey[98], | ||
colorNeutralStencil1Alpha: colors_1.blackAlpha[10], | ||
colorNeutralStencil2Alpha: colors_1.blackAlpha[5], | ||
colorBackgroundOverlay: colors_1.blackAlpha[40], | ||
colorScrollbarOverlay: colors_1.blackAlpha[50], | ||
colorBrandBackground: brand[80], | ||
colorBrandBackgroundHover: brand[70], | ||
colorBrandBackgroundPressed: brand[40], | ||
colorBrandBackgroundSelected: brand[60], | ||
colorCompoundBrandBackground: brand[80], | ||
colorCompoundBrandBackgroundHover: brand[70], | ||
colorCompoundBrandBackgroundPressed: brand[60], | ||
colorBrandBackgroundStatic: brand[80], | ||
colorBrandBackground2: brand[160], | ||
colorBrandBackgroundInverted: colors_1.white, | ||
colorBrandBackgroundInvertedHover: brand[160], | ||
colorBrandBackgroundInvertedPressed: brand[140], | ||
colorBrandBackgroundInvertedSelected: brand[150], | ||
colorNeutralStrokeAccessible: colors_1.grey[38], | ||
colorNeutralStrokeAccessibleHover: colors_1.grey[34], | ||
colorNeutralStrokeAccessiblePressed: colors_1.grey[30], | ||
colorNeutralStrokeAccessibleSelected: brand[80], | ||
colorNeutralStroke1: colors_1.grey[82], | ||
colorNeutralStroke1Hover: colors_1.grey[78], | ||
colorNeutralStroke1Pressed: colors_1.grey[70], | ||
colorNeutralStroke1Selected: colors_1.grey[74], | ||
colorNeutralStroke2: colors_1.grey[88], | ||
colorNeutralStroke3: colors_1.grey[94], | ||
colorNeutralStrokeOnBrand: colors_1.white, | ||
colorNeutralStrokeOnBrand2: colors_1.white, | ||
colorNeutralStrokeOnBrand2Hover: colors_1.white, | ||
colorNeutralStrokeOnBrand2Pressed: colors_1.white, | ||
colorNeutralStrokeOnBrand2Selected: colors_1.white, | ||
colorBrandStroke1: brand[80], | ||
colorBrandStroke2: brand[140], | ||
colorCompoundBrandStroke: brand[80], | ||
colorCompoundBrandStrokeHover: brand[70], | ||
colorCompoundBrandStrokePressed: brand[60], | ||
colorNeutralStrokeDisabled: colors_1.grey[88], | ||
colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40], | ||
colorTransparentStroke: 'transparent', | ||
colorTransparentStrokeInteractive: 'transparent', | ||
colorTransparentStrokeDisabled: 'transparent', | ||
colorStrokeFocus1: colors_1.white, | ||
colorStrokeFocus2: colors_1.black, | ||
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', | ||
colorNeutralShadowKey: 'rgba(0,0,0,0.14)', | ||
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', | ||
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', | ||
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', | ||
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
}); | ||
const _colors = require("../global/colors"); | ||
const generateColorTokens = (brand)=>({ | ||
colorNeutralForeground1: _colors.grey[14], | ||
colorNeutralForeground1Hover: _colors.grey[14], | ||
colorNeutralForeground1Pressed: _colors.grey[14], | ||
colorNeutralForeground1Selected: _colors.grey[14], | ||
colorNeutralForeground2: _colors.grey[26], | ||
colorNeutralForeground2Hover: _colors.grey[14], | ||
colorNeutralForeground2Pressed: _colors.grey[14], | ||
colorNeutralForeground2Selected: _colors.grey[14], | ||
colorNeutralForeground2BrandHover: brand[80], | ||
colorNeutralForeground2BrandPressed: brand[70], | ||
colorNeutralForeground2BrandSelected: brand[80], | ||
colorNeutralForeground3: _colors.grey[38], | ||
colorNeutralForeground3Hover: _colors.grey[26], | ||
colorNeutralForeground3Pressed: _colors.grey[26], | ||
colorNeutralForeground3Selected: _colors.grey[26], | ||
colorNeutralForeground3BrandHover: brand[80], | ||
colorNeutralForeground3BrandPressed: brand[70], | ||
colorNeutralForeground3BrandSelected: brand[80], | ||
colorNeutralForeground4: _colors.grey[44], | ||
colorNeutralForegroundDisabled: _colors.grey[74], | ||
colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40], | ||
colorBrandForegroundLink: brand[70], | ||
colorBrandForegroundLinkHover: brand[60], | ||
colorBrandForegroundLinkPressed: brand[40], | ||
colorBrandForegroundLinkSelected: brand[70], | ||
colorNeutralForeground2Link: _colors.grey[26], | ||
colorNeutralForeground2LinkHover: _colors.grey[14], | ||
colorNeutralForeground2LinkPressed: _colors.grey[14], | ||
colorNeutralForeground2LinkSelected: _colors.grey[14], | ||
colorCompoundBrandForeground1: brand[80], | ||
colorCompoundBrandForeground1Hover: brand[70], | ||
colorCompoundBrandForeground1Pressed: brand[60], | ||
colorBrandForeground1: brand[80], | ||
colorBrandForeground2: brand[70], | ||
colorNeutralForeground1Static: _colors.grey[14], | ||
colorNeutralForegroundStaticInverted: _colors.white, | ||
colorNeutralForegroundInverted: _colors.white, | ||
colorNeutralForegroundInvertedHover: _colors.white, | ||
colorNeutralForegroundInvertedPressed: _colors.white, | ||
colorNeutralForegroundInvertedSelected: _colors.white, | ||
colorNeutralForegroundInverted2: _colors.white, | ||
colorNeutralForegroundOnBrand: _colors.white, | ||
colorNeutralForegroundInvertedLink: _colors.white, | ||
colorNeutralForegroundInvertedLinkHover: _colors.white, | ||
colorNeutralForegroundInvertedLinkPressed: _colors.white, | ||
colorNeutralForegroundInvertedLinkSelected: _colors.white, | ||
colorBrandForegroundInverted: brand[100], | ||
colorBrandForegroundInvertedHover: brand[110], | ||
colorBrandForegroundInvertedPressed: brand[100], | ||
colorBrandForegroundOnLight: brand[80], | ||
colorBrandForegroundOnLightHover: brand[70], | ||
colorBrandForegroundOnLightPressed: brand[50], | ||
colorBrandForegroundOnLightSelected: brand[60], | ||
colorNeutralBackground1: _colors.white, | ||
colorNeutralBackground1Hover: _colors.grey[96], | ||
colorNeutralBackground1Pressed: _colors.grey[88], | ||
colorNeutralBackground1Selected: _colors.grey[92], | ||
colorNeutralBackground2: _colors.grey[98], | ||
colorNeutralBackground2Hover: _colors.grey[94], | ||
colorNeutralBackground2Pressed: _colors.grey[86], | ||
colorNeutralBackground2Selected: _colors.grey[90], | ||
colorNeutralBackground3: _colors.grey[96], | ||
colorNeutralBackground3Hover: _colors.grey[92], | ||
colorNeutralBackground3Pressed: _colors.grey[84], | ||
colorNeutralBackground3Selected: _colors.grey[88], | ||
colorNeutralBackground4: _colors.grey[94], | ||
colorNeutralBackground4Hover: _colors.grey[98], | ||
colorNeutralBackground4Pressed: _colors.grey[96], | ||
colorNeutralBackground4Selected: _colors.white, | ||
colorNeutralBackground5: _colors.grey[92], | ||
colorNeutralBackground5Hover: _colors.grey[96], | ||
colorNeutralBackground5Pressed: _colors.grey[94], | ||
colorNeutralBackground5Selected: _colors.grey[98], | ||
colorNeutralBackground6: _colors.grey[90], | ||
colorNeutralBackgroundInverted: _colors.grey[16], | ||
colorNeutralBackgroundStatic: _colors.grey[20], | ||
colorSubtleBackground: 'transparent', | ||
colorSubtleBackgroundHover: _colors.grey[96], | ||
colorSubtleBackgroundPressed: _colors.grey[88], | ||
colorSubtleBackgroundSelected: _colors.grey[92], | ||
colorSubtleBackgroundLightAlphaHover: _colors.whiteAlpha[70], | ||
colorSubtleBackgroundLightAlphaPressed: _colors.whiteAlpha[50], | ||
colorSubtleBackgroundLightAlphaSelected: 'transparent', | ||
colorSubtleBackgroundInverted: 'transparent', | ||
colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10], | ||
colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30], | ||
colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20], | ||
colorTransparentBackground: 'transparent', | ||
colorTransparentBackgroundHover: 'transparent', | ||
colorTransparentBackgroundPressed: 'transparent', | ||
colorTransparentBackgroundSelected: 'transparent', | ||
colorNeutralBackgroundDisabled: _colors.grey[94], | ||
colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10], | ||
colorNeutralStencil1: _colors.grey[90], | ||
colorNeutralStencil2: _colors.grey[98], | ||
colorNeutralStencil1Alpha: _colors.blackAlpha[10], | ||
colorNeutralStencil2Alpha: _colors.blackAlpha[5], | ||
colorBackgroundOverlay: _colors.blackAlpha[40], | ||
colorScrollbarOverlay: _colors.blackAlpha[50], | ||
colorBrandBackground: brand[80], | ||
colorBrandBackgroundHover: brand[70], | ||
colorBrandBackgroundPressed: brand[40], | ||
colorBrandBackgroundSelected: brand[60], | ||
colorCompoundBrandBackground: brand[80], | ||
colorCompoundBrandBackgroundHover: brand[70], | ||
colorCompoundBrandBackgroundPressed: brand[60], | ||
colorBrandBackgroundStatic: brand[80], | ||
colorBrandBackground2: brand[160], | ||
colorBrandBackgroundInverted: _colors.white, | ||
colorBrandBackgroundInvertedHover: brand[160], | ||
colorBrandBackgroundInvertedPressed: brand[140], | ||
colorBrandBackgroundInvertedSelected: brand[150], | ||
colorNeutralStrokeAccessible: _colors.grey[38], | ||
colorNeutralStrokeAccessibleHover: _colors.grey[34], | ||
colorNeutralStrokeAccessiblePressed: _colors.grey[30], | ||
colorNeutralStrokeAccessibleSelected: brand[80], | ||
colorNeutralStroke1: _colors.grey[82], | ||
colorNeutralStroke1Hover: _colors.grey[78], | ||
colorNeutralStroke1Pressed: _colors.grey[70], | ||
colorNeutralStroke1Selected: _colors.grey[74], | ||
colorNeutralStroke2: _colors.grey[88], | ||
colorNeutralStroke3: _colors.grey[94], | ||
colorNeutralStrokeOnBrand: _colors.white, | ||
colorNeutralStrokeOnBrand2: _colors.white, | ||
colorNeutralStrokeOnBrand2Hover: _colors.white, | ||
colorNeutralStrokeOnBrand2Pressed: _colors.white, | ||
colorNeutralStrokeOnBrand2Selected: _colors.white, | ||
colorBrandStroke1: brand[80], | ||
colorBrandStroke2: brand[140], | ||
colorCompoundBrandStroke: brand[80], | ||
colorCompoundBrandStrokeHover: brand[70], | ||
colorCompoundBrandStrokePressed: brand[60], | ||
colorNeutralStrokeDisabled: _colors.grey[88], | ||
colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40], | ||
colorTransparentStroke: 'transparent', | ||
colorTransparentStrokeInteractive: 'transparent', | ||
colorTransparentStrokeDisabled: 'transparent', | ||
colorStrokeFocus1: _colors.white, | ||
colorStrokeFocus2: _colors.black, | ||
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', | ||
colorNeutralShadowKey: 'rgba(0,0,0,0.14)', | ||
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', | ||
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', | ||
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', | ||
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
}); //# sourceMappingURL=lightColor.js.map | ||
exports.generateColorTokens = generateColorTokens; | ||
//# sourceMappingURL=lightColor.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "colorPaletteTokens", { | ||
enumerable: true, | ||
get: ()=>colorPaletteTokens | ||
}); | ||
const _colorPalette = require("../global/colorPalette"); | ||
const _sharedColorNames = require("../sharedColorNames"); | ||
const statusColorPaletteTokens = /*#__PURE__*/ _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{ | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background1`]: _colorPalette.statusSharedColors[sharedColor].tint60, | ||
[`colorPalette${color}Background2`]: _colorPalette.statusSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}Background3`]: _colorPalette.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}Foreground1`]: _colorPalette.statusSharedColors[sharedColor].shade10, | ||
[`colorPalette${color}Foreground2`]: _colorPalette.statusSharedColors[sharedColor].shade30, | ||
[`colorPalette${color}Foreground3`]: _colorPalette.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}BorderActive`]: _colorPalette.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}Border1`]: _colorPalette.statusSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}Border2`]: _colorPalette.statusSharedColors[sharedColor].primary | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
exports.colorPaletteTokens = void 0; | ||
const colorPalette_1 = /*#__PURE__*/require("../global/colorPalette"); | ||
const sharedColorNames_1 = /*#__PURE__*/require("../sharedColorNames"); | ||
const statusColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.statusSharedColorNames.reduce((acc, sharedColor) => { | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background1`]: colorPalette_1.statusSharedColors[sharedColor].tint60, | ||
[`colorPalette${color}Background2`]: colorPalette_1.statusSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}Background3`]: colorPalette_1.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}Foreground1`]: colorPalette_1.statusSharedColors[sharedColor].shade10, | ||
[`colorPalette${color}Foreground2`]: colorPalette_1.statusSharedColors[sharedColor].shade30, | ||
[`colorPalette${color}Foreground3`]: colorPalette_1.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}BorderActive`]: colorPalette_1.statusSharedColors[sharedColor].primary, | ||
[`colorPalette${color}Border1`]: colorPalette_1.statusSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}Border2`]: colorPalette_1.statusSharedColors[sharedColor].primary | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
}, {}); | ||
// one-off patch for yellow | ||
statusColorPaletteTokens.colorPaletteYellowForeground1 = _colorPalette.statusSharedColors.yellow.shade30; | ||
statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colorPalette.statusSharedColors.red.tint20; | ||
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colorPalette.statusSharedColors.green.tint20; | ||
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colorPalette.statusSharedColors.yellow.tint40; | ||
const personaColorPaletteTokens = /*#__PURE__*/ _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{ | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background2`]: _colorPalette.personaSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}Foreground2`]: _colorPalette.personaSharedColors[sharedColor].shade30, | ||
[`colorPalette${color}BorderActive`]: _colorPalette.personaSharedColors[sharedColor].primary | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
statusColorPaletteTokens.colorPaletteYellowForeground1 = colorPalette_1.statusSharedColors.yellow.shade30; | ||
statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.tint20; | ||
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colorPalette_1.statusSharedColors.green.tint20; | ||
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colorPalette_1.statusSharedColors.yellow.tint40; | ||
const personaColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.personaSharedColorNames.reduce((acc, sharedColor) => { | ||
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1); | ||
const sharedColorTokens = { | ||
[`colorPalette${color}Background2`]: colorPalette_1.personaSharedColors[sharedColor].tint40, | ||
[`colorPalette${color}Foreground2`]: colorPalette_1.personaSharedColors[sharedColor].shade30, | ||
[`colorPalette${color}BorderActive`]: colorPalette_1.personaSharedColors[sharedColor].primary | ||
}; | ||
return Object.assign(acc, sharedColorTokens); | ||
}, {}); | ||
const colorPaletteTokens = { | ||
...statusColorPaletteTokens, | ||
...personaColorPaletteTokens | ||
}; //# sourceMappingURL=lightColorPalette.js.map | ||
exports.colorPaletteTokens = { | ||
...statusColorPaletteTokens, | ||
...personaColorPaletteTokens | ||
}; | ||
//# sourceMappingURL=lightColorPalette.js.map |
@@ -1,160 +0,161 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict"; | ||
"use strict"; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "generateColorTokens", { | ||
enumerable: true, | ||
get: ()=>generateColorTokens | ||
exports.generateColorTokens = void 0; | ||
const colors_1 = /*#__PURE__*/require("../global/colors"); | ||
const generateColorTokens = brand => ({ | ||
colorNeutralForeground1: colors_1.white, | ||
colorNeutralForeground1Hover: colors_1.white, | ||
colorNeutralForeground1Pressed: colors_1.white, | ||
colorNeutralForeground1Selected: colors_1.white, | ||
colorNeutralForeground2: colors_1.grey[84], | ||
colorNeutralForeground2Hover: colors_1.white, | ||
colorNeutralForeground2Pressed: colors_1.white, | ||
colorNeutralForeground2Selected: colors_1.white, | ||
colorNeutralForeground2BrandHover: brand[100], | ||
colorNeutralForeground2BrandPressed: brand[90], | ||
colorNeutralForeground2BrandSelected: brand[100], | ||
colorNeutralForeground3: colors_1.grey[68], | ||
colorNeutralForeground3Hover: colors_1.grey[84], | ||
colorNeutralForeground3Pressed: colors_1.grey[84], | ||
colorNeutralForeground3Selected: colors_1.grey[84], | ||
colorNeutralForeground3BrandHover: brand[100], | ||
colorNeutralForeground3BrandPressed: brand[90], | ||
colorNeutralForeground3BrandSelected: brand[100], | ||
colorNeutralForeground4: colors_1.grey[60], | ||
colorNeutralForegroundDisabled: colors_1.grey[36], | ||
colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40], | ||
colorBrandForegroundLink: brand[100], | ||
colorBrandForegroundLinkHover: brand[110], | ||
colorBrandForegroundLinkPressed: brand[90], | ||
colorBrandForegroundLinkSelected: brand[100], | ||
colorNeutralForeground2Link: colors_1.grey[84], | ||
colorNeutralForeground2LinkHover: colors_1.white, | ||
colorNeutralForeground2LinkPressed: colors_1.white, | ||
colorNeutralForeground2LinkSelected: colors_1.white, | ||
colorCompoundBrandForeground1: brand[100], | ||
colorCompoundBrandForeground1Hover: brand[110], | ||
colorCompoundBrandForeground1Pressed: brand[90], | ||
colorBrandForeground1: brand[100], | ||
colorBrandForeground2: brand[120], | ||
colorNeutralForeground1Static: colors_1.grey[14], | ||
colorNeutralForegroundStaticInverted: colors_1.white, | ||
colorNeutralForegroundInverted: colors_1.grey[14], | ||
colorNeutralForegroundInvertedHover: colors_1.grey[14], | ||
colorNeutralForegroundInvertedPressed: colors_1.grey[14], | ||
colorNeutralForegroundInvertedSelected: colors_1.grey[14], | ||
colorNeutralForegroundInverted2: colors_1.grey[14], | ||
colorNeutralForegroundOnBrand: colors_1.white, | ||
colorNeutralForegroundInvertedLink: colors_1.white, | ||
colorNeutralForegroundInvertedLinkHover: colors_1.white, | ||
colorNeutralForegroundInvertedLinkPressed: colors_1.white, | ||
colorNeutralForegroundInvertedLinkSelected: colors_1.white, | ||
colorBrandForegroundInverted: brand[80], | ||
colorBrandForegroundInvertedHover: brand[70], | ||
colorBrandForegroundInvertedPressed: brand[60], | ||
colorBrandForegroundOnLight: brand[80], | ||
colorBrandForegroundOnLightHover: brand[70], | ||
colorBrandForegroundOnLightPressed: brand[50], | ||
colorBrandForegroundOnLightSelected: brand[60], | ||
colorNeutralBackground1: colors_1.grey[16], | ||
colorNeutralBackground1Hover: colors_1.grey[24], | ||
colorNeutralBackground1Pressed: colors_1.grey[12], | ||
colorNeutralBackground1Selected: colors_1.grey[22], | ||
colorNeutralBackground2: colors_1.grey[14], | ||
colorNeutralBackground2Hover: colors_1.grey[22], | ||
colorNeutralBackground2Pressed: colors_1.grey[10], | ||
colorNeutralBackground2Selected: colors_1.grey[20], | ||
colorNeutralBackground3: colors_1.grey[12], | ||
colorNeutralBackground3Hover: colors_1.grey[20], | ||
colorNeutralBackground3Pressed: colors_1.grey[8], | ||
colorNeutralBackground3Selected: colors_1.grey[18], | ||
colorNeutralBackground4: colors_1.grey[8], | ||
colorNeutralBackground4Hover: colors_1.grey[16], | ||
colorNeutralBackground4Pressed: colors_1.grey[4], | ||
colorNeutralBackground4Selected: colors_1.grey[14], | ||
colorNeutralBackground5: colors_1.grey[4], | ||
colorNeutralBackground5Hover: colors_1.grey[12], | ||
colorNeutralBackground5Pressed: colors_1.black, | ||
colorNeutralBackground5Selected: colors_1.grey[10], | ||
colorNeutralBackground6: colors_1.grey[20], | ||
colorNeutralBackgroundInverted: colors_1.white, | ||
colorNeutralBackgroundStatic: colors_1.grey[24], | ||
colorSubtleBackground: 'transparent', | ||
colorSubtleBackgroundHover: colors_1.grey[22], | ||
colorSubtleBackgroundPressed: colors_1.grey[18], | ||
colorSubtleBackgroundSelected: colors_1.grey[20], | ||
colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80], | ||
colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50], | ||
colorSubtleBackgroundLightAlphaSelected: 'transparent', | ||
colorSubtleBackgroundInverted: 'transparent', | ||
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10], | ||
colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30], | ||
colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20], | ||
colorTransparentBackground: 'transparent', | ||
colorTransparentBackgroundHover: 'transparent', | ||
colorTransparentBackgroundPressed: 'transparent', | ||
colorTransparentBackgroundSelected: 'transparent', | ||
colorNeutralBackgroundDisabled: colors_1.grey[8], | ||
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10], | ||
colorNeutralStencil1: colors_1.grey[34], | ||
colorNeutralStencil2: colors_1.grey[20], | ||
colorNeutralStencil1Alpha: colors_1.whiteAlpha[10], | ||
colorNeutralStencil2Alpha: colors_1.whiteAlpha[5], | ||
colorBackgroundOverlay: colors_1.blackAlpha[50], | ||
colorScrollbarOverlay: colors_1.whiteAlpha[60], | ||
colorBrandBackground: brand[70], | ||
colorBrandBackgroundHover: brand[80], | ||
colorBrandBackgroundPressed: brand[40], | ||
colorBrandBackgroundSelected: brand[60], | ||
colorCompoundBrandBackground: brand[100], | ||
colorCompoundBrandBackgroundHover: brand[110], | ||
colorCompoundBrandBackgroundPressed: brand[90], | ||
colorBrandBackgroundStatic: brand[80], | ||
colorBrandBackground2: brand[40], | ||
colorBrandBackgroundInverted: colors_1.white, | ||
colorBrandBackgroundInvertedHover: brand[160], | ||
colorBrandBackgroundInvertedPressed: brand[140], | ||
colorBrandBackgroundInvertedSelected: brand[150], | ||
colorNeutralStrokeAccessible: colors_1.grey[68], | ||
colorNeutralStrokeAccessibleHover: colors_1.grey[74], | ||
colorNeutralStrokeAccessiblePressed: colors_1.grey[70], | ||
colorNeutralStrokeAccessibleSelected: brand[100], | ||
colorNeutralStroke1: colors_1.grey[40], | ||
colorNeutralStroke1Hover: colors_1.grey[46], | ||
colorNeutralStroke1Pressed: colors_1.grey[42], | ||
colorNeutralStroke1Selected: colors_1.grey[44], | ||
colorNeutralStroke2: colors_1.grey[32], | ||
colorNeutralStroke3: colors_1.grey[24], | ||
colorNeutralStrokeOnBrand: colors_1.grey[16], | ||
colorNeutralStrokeOnBrand2: colors_1.white, | ||
colorNeutralStrokeOnBrand2Hover: colors_1.white, | ||
colorNeutralStrokeOnBrand2Pressed: colors_1.white, | ||
colorNeutralStrokeOnBrand2Selected: colors_1.white, | ||
colorBrandStroke1: brand[100], | ||
colorBrandStroke2: brand[50], | ||
colorCompoundBrandStroke: brand[90], | ||
colorCompoundBrandStrokeHover: brand[100], | ||
colorCompoundBrandStrokePressed: brand[80], | ||
colorNeutralStrokeDisabled: colors_1.grey[26], | ||
colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40], | ||
colorTransparentStroke: 'transparent', | ||
colorTransparentStrokeInteractive: 'transparent', | ||
colorTransparentStrokeDisabled: 'transparent', | ||
colorStrokeFocus1: colors_1.black, | ||
colorStrokeFocus2: colors_1.white, | ||
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', | ||
colorNeutralShadowKey: 'rgba(0,0,0,0.28)', | ||
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', | ||
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', | ||
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', | ||
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
}); | ||
const _colors = require("../global/colors"); | ||
const generateColorTokens = (brand)=>({ | ||
colorNeutralForeground1: _colors.white, | ||
colorNeutralForeground1Hover: _colors.white, | ||
colorNeutralForeground1Pressed: _colors.white, | ||
colorNeutralForeground1Selected: _colors.white, | ||
colorNeutralForeground2: _colors.grey[84], | ||
colorNeutralForeground2Hover: _colors.white, | ||
colorNeutralForeground2Pressed: _colors.white, | ||
colorNeutralForeground2Selected: _colors.white, | ||
colorNeutralForeground2BrandHover: brand[100], | ||
colorNeutralForeground2BrandPressed: brand[90], | ||
colorNeutralForeground2BrandSelected: brand[100], | ||
colorNeutralForeground3: _colors.grey[68], | ||
colorNeutralForeground3Hover: _colors.grey[84], | ||
colorNeutralForeground3Pressed: _colors.grey[84], | ||
colorNeutralForeground3Selected: _colors.grey[84], | ||
colorNeutralForeground3BrandHover: brand[100], | ||
colorNeutralForeground3BrandPressed: brand[90], | ||
colorNeutralForeground3BrandSelected: brand[100], | ||
colorNeutralForeground4: _colors.grey[60], | ||
colorNeutralForegroundDisabled: _colors.grey[36], | ||
colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40], | ||
colorBrandForegroundLink: brand[100], | ||
colorBrandForegroundLinkHover: brand[110], | ||
colorBrandForegroundLinkPressed: brand[90], | ||
colorBrandForegroundLinkSelected: brand[100], | ||
colorNeutralForeground2Link: _colors.grey[84], | ||
colorNeutralForeground2LinkHover: _colors.white, | ||
colorNeutralForeground2LinkPressed: _colors.white, | ||
colorNeutralForeground2LinkSelected: _colors.white, | ||
colorCompoundBrandForeground1: brand[100], | ||
colorCompoundBrandForeground1Hover: brand[110], | ||
colorCompoundBrandForeground1Pressed: brand[90], | ||
colorBrandForeground1: brand[100], | ||
colorBrandForeground2: brand[120], | ||
colorNeutralForeground1Static: _colors.grey[14], | ||
colorNeutralForegroundStaticInverted: _colors.white, | ||
colorNeutralForegroundInverted: _colors.grey[14], | ||
colorNeutralForegroundInvertedHover: _colors.grey[14], | ||
colorNeutralForegroundInvertedPressed: _colors.grey[14], | ||
colorNeutralForegroundInvertedSelected: _colors.grey[14], | ||
colorNeutralForegroundInverted2: _colors.grey[14], | ||
colorNeutralForegroundOnBrand: _colors.white, | ||
colorNeutralForegroundInvertedLink: _colors.white, | ||
colorNeutralForegroundInvertedLinkHover: _colors.white, | ||
colorNeutralForegroundInvertedLinkPressed: _colors.white, | ||
colorNeutralForegroundInvertedLinkSelected: _colors.white, | ||
colorBrandForegroundInverted: brand[80], | ||
colorBrandForegroundInvertedHover: brand[70], | ||
colorBrandForegroundInvertedPressed: brand[60], | ||
colorBrandForegroundOnLight: brand[80], | ||
colorBrandForegroundOnLightHover: brand[70], | ||
colorBrandForegroundOnLightPressed: brand[50], | ||
colorBrandForegroundOnLightSelected: brand[60], | ||
colorNeutralBackground1: _colors.grey[16], | ||
colorNeutralBackground1Hover: _colors.grey[24], | ||
colorNeutralBackground1Pressed: _colors.grey[12], | ||
colorNeutralBackground1Selected: _colors.grey[22], | ||
colorNeutralBackground2: _colors.grey[14], | ||
colorNeutralBackground2Hover: _colors.grey[22], | ||
colorNeutralBackground2Pressed: _colors.grey[10], | ||
colorNeutralBackground2Selected: _colors.grey[20], | ||
colorNeutralBackground3: _colors.grey[12], | ||
colorNeutralBackground3Hover: _colors.grey[20], | ||
colorNeutralBackground3Pressed: _colors.grey[8], | ||
colorNeutralBackground3Selected: _colors.grey[18], | ||
colorNeutralBackground4: _colors.grey[8], | ||
colorNeutralBackground4Hover: _colors.grey[16], | ||
colorNeutralBackground4Pressed: _colors.grey[4], | ||
colorNeutralBackground4Selected: _colors.grey[14], | ||
colorNeutralBackground5: _colors.grey[4], | ||
colorNeutralBackground5Hover: _colors.grey[12], | ||
colorNeutralBackground5Pressed: _colors.black, | ||
colorNeutralBackground5Selected: _colors.grey[10], | ||
colorNeutralBackground6: _colors.grey[20], | ||
colorNeutralBackgroundInverted: _colors.white, | ||
colorNeutralBackgroundStatic: _colors.grey[24], | ||
colorSubtleBackground: 'transparent', | ||
colorSubtleBackgroundHover: _colors.grey[22], | ||
colorSubtleBackgroundPressed: _colors.grey[18], | ||
colorSubtleBackgroundSelected: _colors.grey[20], | ||
colorSubtleBackgroundLightAlphaHover: _colors.grey14Alpha[80], | ||
colorSubtleBackgroundLightAlphaPressed: _colors.grey14Alpha[50], | ||
colorSubtleBackgroundLightAlphaSelected: 'transparent', | ||
colorSubtleBackgroundInverted: 'transparent', | ||
colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10], | ||
colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30], | ||
colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20], | ||
colorTransparentBackground: 'transparent', | ||
colorTransparentBackgroundHover: 'transparent', | ||
colorTransparentBackgroundPressed: 'transparent', | ||
colorTransparentBackgroundSelected: 'transparent', | ||
colorNeutralBackgroundDisabled: _colors.grey[8], | ||
colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10], | ||
colorNeutralStencil1: _colors.grey[34], | ||
colorNeutralStencil2: _colors.grey[20], | ||
colorNeutralStencil1Alpha: _colors.whiteAlpha[10], | ||
colorNeutralStencil2Alpha: _colors.whiteAlpha[5], | ||
colorBackgroundOverlay: _colors.blackAlpha[50], | ||
colorScrollbarOverlay: _colors.whiteAlpha[60], | ||
colorBrandBackground: brand[70], | ||
colorBrandBackgroundHover: brand[80], | ||
colorBrandBackgroundPressed: brand[40], | ||
colorBrandBackgroundSelected: brand[60], | ||
colorCompoundBrandBackground: brand[100], | ||
colorCompoundBrandBackgroundHover: brand[110], | ||
colorCompoundBrandBackgroundPressed: brand[90], | ||
colorBrandBackgroundStatic: brand[80], | ||
colorBrandBackground2: brand[40], | ||
colorBrandBackgroundInverted: _colors.white, | ||
colorBrandBackgroundInvertedHover: brand[160], | ||
colorBrandBackgroundInvertedPressed: brand[140], | ||
colorBrandBackgroundInvertedSelected: brand[150], | ||
colorNeutralStrokeAccessible: _colors.grey[68], | ||
colorNeutralStrokeAccessibleHover: _colors.grey[74], | ||
colorNeutralStrokeAccessiblePressed: _colors.grey[70], | ||
colorNeutralStrokeAccessibleSelected: brand[100], | ||
colorNeutralStroke1: _colors.grey[40], | ||
colorNeutralStroke1Hover: _colors.grey[46], | ||
colorNeutralStroke1Pressed: _colors.grey[42], | ||
colorNeutralStroke1Selected: _colors.grey[44], | ||
colorNeutralStroke2: _colors.grey[32], | ||
colorNeutralStroke3: _colors.grey[24], | ||
colorNeutralStrokeOnBrand: _colors.grey[16], | ||
colorNeutralStrokeOnBrand2: _colors.white, | ||
colorNeutralStrokeOnBrand2Hover: _colors.white, | ||
colorNeutralStrokeOnBrand2Pressed: _colors.white, | ||
colorNeutralStrokeOnBrand2Selected: _colors.white, | ||
colorBrandStroke1: brand[100], | ||
colorBrandStroke2: brand[50], | ||
colorCompoundBrandStroke: brand[90], | ||
colorCompoundBrandStrokeHover: brand[100], | ||
colorCompoundBrandStrokePressed: brand[80], | ||
colorNeutralStrokeDisabled: _colors.grey[26], | ||
colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40], | ||
colorTransparentStroke: 'transparent', | ||
colorTransparentStrokeInteractive: 'transparent', | ||
colorTransparentStrokeDisabled: 'transparent', | ||
colorStrokeFocus1: _colors.black, | ||
colorStrokeFocus2: _colors.white, | ||
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', | ||
colorNeutralShadowKey: 'rgba(0,0,0,0.28)', | ||
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', | ||
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', | ||
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', | ||
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
}); //# sourceMappingURL=teamsDarkColor.js.map | ||
exports.generateColorTokens = generateColorTokens; | ||
//# sourceMappingURL=teamsDarkColor.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "borderRadius", { | ||
enumerable: true, | ||
get: ()=>borderRadius | ||
}); | ||
const borderRadius = { | ||
borderRadiusNone: '0', | ||
borderRadiusSmall: '2px', | ||
borderRadiusMedium: '4px', | ||
borderRadiusLarge: '6px', | ||
borderRadiusXLarge: '8px', | ||
borderRadiusCircular: '10000px' | ||
}; //# sourceMappingURL=borderRadius.js.map | ||
exports.borderRadius = void 0; | ||
exports.borderRadius = { | ||
borderRadiusNone: '0', | ||
borderRadiusSmall: '2px', | ||
borderRadiusMedium: '4px', | ||
borderRadiusLarge: '6px', | ||
borderRadiusXLarge: '8px', | ||
borderRadiusCircular: '10000px' | ||
}; | ||
//# sourceMappingURL=borderRadius.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
function _export(target, all) { | ||
for(var name in all)Object.defineProperty(target, name, { | ||
enumerable: true, | ||
get: all[name] | ||
}); | ||
} | ||
_export(exports, { | ||
brandWeb: ()=>brandWeb, | ||
brandTeams: ()=>brandTeams, | ||
brandOffice: ()=>brandOffice | ||
}); | ||
const brandWeb = { | ||
10: `#061724`, | ||
20: `#082338`, | ||
30: `#0a2e4a`, | ||
40: `#0c3b5e`, | ||
50: `#0e4775`, | ||
60: `#0f548c`, | ||
70: `#115ea3`, | ||
80: `#0f6cbd`, | ||
90: `#2886de`, | ||
100: `#479ef5`, | ||
110: `#62abf5`, | ||
120: `#77b7f7`, | ||
130: `#96c6fa`, | ||
140: `#b4d6fa`, | ||
150: `#cfe4fa`, | ||
160: `#ebf3fc` | ||
exports.brandOffice = exports.brandTeams = exports.brandWeb = void 0; | ||
exports.brandWeb = { | ||
10: `#061724`, | ||
20: `#082338`, | ||
30: `#0a2e4a`, | ||
40: `#0c3b5e`, | ||
50: `#0e4775`, | ||
60: `#0f548c`, | ||
70: `#115ea3`, | ||
80: `#0f6cbd`, | ||
90: `#2886de`, | ||
100: `#479ef5`, | ||
110: `#62abf5`, | ||
120: `#77b7f7`, | ||
130: `#96c6fa`, | ||
140: `#b4d6fa`, | ||
150: `#cfe4fa`, | ||
160: `#ebf3fc` | ||
}; | ||
const brandTeams = { | ||
10: `#2b2b40`, | ||
20: `#2f2f4a`, | ||
30: `#333357`, | ||
40: `#383966`, | ||
50: `#3d3e78`, | ||
60: `#444791`, | ||
70: `#4f52b2`, | ||
80: `#5b5fc7`, | ||
90: `#7579eb`, | ||
100: `#7f85f5`, | ||
110: `#9299f7`, | ||
120: `#aab1fa`, | ||
130: `#b6bcfa`, | ||
140: `#c5cbfa`, | ||
150: `#dce0fa`, | ||
160: `#e8ebfa` | ||
exports.brandTeams = { | ||
10: `#2b2b40`, | ||
20: `#2f2f4a`, | ||
30: `#333357`, | ||
40: `#383966`, | ||
50: `#3d3e78`, | ||
60: `#444791`, | ||
70: `#4f52b2`, | ||
80: `#5b5fc7`, | ||
90: `#7579eb`, | ||
100: `#7f85f5`, | ||
110: `#9299f7`, | ||
120: `#aab1fa`, | ||
130: `#b6bcfa`, | ||
140: `#c5cbfa`, | ||
150: `#dce0fa`, | ||
160: `#e8ebfa` | ||
}; | ||
const brandOffice = { | ||
10: `#29130b`, | ||
20: `#4d2415`, | ||
30: `#792000`, | ||
40: `#99482b`, | ||
50: `#a52c00`, | ||
60: `#c33400`, | ||
70: `#e06a3f`, | ||
80: `#d83b01`, | ||
90: `#dd4f1b`, | ||
100: `#fe7948`, | ||
110: `#ff865a`, | ||
120: `#ff9973`, | ||
130: `#e8825d`, | ||
140: `#ffb498`, | ||
150: `#f4beaa`, | ||
160: `#f9dcd1` | ||
}; //# sourceMappingURL=brandColors.js.map | ||
exports.brandOffice = { | ||
10: `#29130b`, | ||
20: `#4d2415`, | ||
30: `#792000`, | ||
40: `#99482b`, | ||
50: `#a52c00`, | ||
60: `#c33400`, | ||
70: `#e06a3f`, | ||
80: `#d83b01`, | ||
90: `#dd4f1b`, | ||
100: `#fe7948`, | ||
110: `#ff865a`, | ||
120: `#ff9973`, | ||
130: `#e8825d`, | ||
140: `#ffb498`, | ||
150: `#f4beaa`, | ||
160: `#f9dcd1` | ||
}; | ||
//# sourceMappingURL=brandColors.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
function _export(target, all) { | ||
for(var name in all)Object.defineProperty(target, name, { | ||
enumerable: true, | ||
get: all[name] | ||
}); | ||
} | ||
_export(exports, { | ||
statusSharedColors: ()=>statusSharedColors, | ||
personaSharedColors: ()=>personaSharedColors | ||
}); | ||
const _colors = require("./colors"); | ||
const statusSharedColors = { | ||
red: _colors.red, | ||
green: _colors.green, | ||
darkOrange: _colors.darkOrange, | ||
yellow: _colors.yellow, | ||
berry: _colors.berry, | ||
lightGreen: _colors.lightGreen, | ||
marigold: _colors.marigold | ||
exports.personaSharedColors = exports.statusSharedColors = void 0; | ||
const colors_1 = /*#__PURE__*/require("./colors"); | ||
exports.statusSharedColors = { | ||
red: colors_1.red, | ||
green: colors_1.green, | ||
darkOrange: colors_1.darkOrange, | ||
yellow: colors_1.yellow, | ||
berry: colors_1.berry, | ||
lightGreen: colors_1.lightGreen, | ||
marigold: colors_1.marigold | ||
}; | ||
const personaSharedColors = { | ||
darkRed: _colors.darkRed, | ||
cranberry: _colors.cranberry, | ||
pumpkin: _colors.pumpkin, | ||
peach: _colors.peach, | ||
gold: _colors.gold, | ||
brass: _colors.brass, | ||
brown: _colors.brown, | ||
forest: _colors.forest, | ||
seafoam: _colors.seafoam, | ||
darkGreen: _colors.darkGreen, | ||
lightTeal: _colors.lightTeal, | ||
teal: _colors.teal, | ||
steel: _colors.steel, | ||
blue: _colors.blue, | ||
royalBlue: _colors.royalBlue, | ||
cornflower: _colors.cornflower, | ||
navy: _colors.navy, | ||
lavender: _colors.lavender, | ||
purple: _colors.purple, | ||
grape: _colors.grape, | ||
lilac: _colors.lilac, | ||
pink: _colors.pink, | ||
magenta: _colors.magenta, | ||
plum: _colors.plum, | ||
beige: _colors.beige, | ||
mink: _colors.mink, | ||
platinum: _colors.platinum, | ||
anchor: _colors.anchor | ||
}; //# sourceMappingURL=colorPalette.js.map | ||
exports.personaSharedColors = { | ||
darkRed: colors_1.darkRed, | ||
cranberry: colors_1.cranberry, | ||
pumpkin: colors_1.pumpkin, | ||
peach: colors_1.peach, | ||
gold: colors_1.gold, | ||
brass: colors_1.brass, | ||
brown: colors_1.brown, | ||
forest: colors_1.forest, | ||
seafoam: colors_1.seafoam, | ||
darkGreen: colors_1.darkGreen, | ||
lightTeal: colors_1.lightTeal, | ||
teal: colors_1.teal, | ||
steel: colors_1.steel, | ||
blue: colors_1.blue, | ||
royalBlue: colors_1.royalBlue, | ||
cornflower: colors_1.cornflower, | ||
navy: colors_1.navy, | ||
lavender: colors_1.lavender, | ||
purple: colors_1.purple, | ||
grape: colors_1.grape, | ||
lilac: colors_1.lilac, | ||
pink: colors_1.pink, | ||
magenta: colors_1.magenta, | ||
plum: colors_1.plum, | ||
beige: colors_1.beige, | ||
mink: colors_1.mink, | ||
platinum: colors_1.platinum, | ||
anchor: colors_1.anchor | ||
}; | ||
//# sourceMappingURL=colorPalette.js.map |
@@ -1,862 +0,795 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict"; | ||
"use strict"; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
function _export(target, all) { | ||
for(var name in all)Object.defineProperty(target, name, { | ||
enumerable: true, | ||
get: all[name] | ||
}); | ||
} | ||
_export(exports, { | ||
grey: ()=>grey, | ||
whiteAlpha: ()=>whiteAlpha, | ||
blackAlpha: ()=>blackAlpha, | ||
grey14Alpha: ()=>grey14Alpha, | ||
white: ()=>white, | ||
black: ()=>black, | ||
hcHyperlink: ()=>hcHyperlink, | ||
hcHighlight: ()=>hcHighlight, | ||
hcDisabled: ()=>hcDisabled, | ||
hcCanvas: ()=>hcCanvas, | ||
hcCanvasText: ()=>hcCanvasText, | ||
hcHighlightText: ()=>hcHighlightText, | ||
hcButtonText: ()=>hcButtonText, | ||
hcButtonFace: ()=>hcButtonFace, | ||
darkRed: ()=>darkRed, | ||
burgundy: ()=>burgundy, | ||
cranberry: ()=>cranberry, | ||
red: ()=>red, | ||
darkOrange: ()=>darkOrange, | ||
bronze: ()=>bronze, | ||
pumpkin: ()=>pumpkin, | ||
orange: ()=>orange, | ||
peach: ()=>peach, | ||
marigold: ()=>marigold, | ||
yellow: ()=>yellow, | ||
gold: ()=>gold, | ||
brass: ()=>brass, | ||
brown: ()=>brown, | ||
darkBrown: ()=>darkBrown, | ||
lime: ()=>lime, | ||
forest: ()=>forest, | ||
seafoam: ()=>seafoam, | ||
lightGreen: ()=>lightGreen, | ||
green: ()=>green, | ||
darkGreen: ()=>darkGreen, | ||
lightTeal: ()=>lightTeal, | ||
teal: ()=>teal, | ||
darkTeal: ()=>darkTeal, | ||
cyan: ()=>cyan, | ||
steel: ()=>steel, | ||
lightBlue: ()=>lightBlue, | ||
blue: ()=>blue, | ||
royalBlue: ()=>royalBlue, | ||
darkBlue: ()=>darkBlue, | ||
cornflower: ()=>cornflower, | ||
navy: ()=>navy, | ||
lavender: ()=>lavender, | ||
purple: ()=>purple, | ||
darkPurple: ()=>darkPurple, | ||
orchid: ()=>orchid, | ||
grape: ()=>grape, | ||
berry: ()=>berry, | ||
lilac: ()=>lilac, | ||
pink: ()=>pink, | ||
hotPink: ()=>hotPink, | ||
magenta: ()=>magenta, | ||
plum: ()=>plum, | ||
beige: ()=>beige, | ||
mink: ()=>mink, | ||
silver: ()=>silver, | ||
platinum: ()=>platinum, | ||
anchor: ()=>anchor, | ||
charcoal: ()=>charcoal | ||
}); | ||
const grey = { | ||
'0': '#000000', | ||
'2': '#050505', | ||
'4': '#0a0a0a', | ||
'6': '#0f0f0f', | ||
'8': '#141414', | ||
'10': '#1a1a1a', | ||
'12': '#1f1f1f', | ||
'14': '#242424', | ||
'16': '#292929', | ||
'18': '#2e2e2e', | ||
'20': '#333333', | ||
'22': '#383838', | ||
'24': '#3d3d3d', | ||
'26': '#424242', | ||
'28': '#474747', | ||
'30': '#4d4d4d', | ||
'32': '#525252', | ||
'34': '#575757', | ||
'36': '#5c5c5c', | ||
'38': '#616161', | ||
'40': '#666666', | ||
'42': '#6b6b6b', | ||
'44': '#707070', | ||
'46': '#757575', | ||
'48': '#7a7a7a', | ||
'50': '#808080', | ||
'52': '#858585', | ||
'54': '#8a8a8a', | ||
'56': '#8f8f8f', | ||
'58': '#949494', | ||
'60': '#999999', | ||
'62': '#9e9e9e', | ||
'64': '#a3a3a3', | ||
'66': '#a8a8a8', | ||
'68': '#adadad', | ||
'70': '#b3b3b3', | ||
'72': '#b8b8b8', | ||
'74': '#bdbdbd', | ||
'76': '#c2c2c2', | ||
'78': '#c7c7c7', | ||
'80': '#cccccc', | ||
'82': '#d1d1d1', | ||
'84': '#d6d6d6', | ||
'86': '#dbdbdb', | ||
'88': '#e0e0e0', | ||
'90': '#e6e6e6', | ||
'92': '#ebebeb', | ||
'94': '#f0f0f0', | ||
'96': '#f5f5f5', | ||
'98': '#fafafa', | ||
'100': '#ffffff' | ||
exports.orchid = exports.darkPurple = exports.purple = exports.lavender = exports.navy = exports.cornflower = exports.darkBlue = exports.royalBlue = exports.blue = exports.lightBlue = exports.steel = exports.cyan = exports.darkTeal = exports.teal = exports.lightTeal = exports.darkGreen = exports.green = exports.lightGreen = exports.seafoam = exports.forest = exports.lime = exports.darkBrown = exports.brown = exports.brass = exports.gold = exports.yellow = exports.marigold = exports.peach = exports.orange = exports.pumpkin = exports.bronze = exports.darkOrange = exports.red = exports.cranberry = exports.burgundy = exports.darkRed = exports.hcButtonFace = exports.hcButtonText = exports.hcHighlightText = exports.hcCanvasText = exports.hcCanvas = exports.hcDisabled = exports.hcHighlight = exports.hcHyperlink = exports.black = exports.white = exports.grey14Alpha = exports.blackAlpha = exports.whiteAlpha = exports.grey = void 0; | ||
exports.charcoal = exports.anchor = exports.platinum = exports.silver = exports.mink = exports.beige = exports.plum = exports.magenta = exports.hotPink = exports.pink = exports.lilac = exports.berry = exports.grape = void 0; | ||
exports.grey = { | ||
'0': '#000000', | ||
'2': '#050505', | ||
'4': '#0a0a0a', | ||
'6': '#0f0f0f', | ||
'8': '#141414', | ||
'10': '#1a1a1a', | ||
'12': '#1f1f1f', | ||
'14': '#242424', | ||
'16': '#292929', | ||
'18': '#2e2e2e', | ||
'20': '#333333', | ||
'22': '#383838', | ||
'24': '#3d3d3d', | ||
'26': '#424242', | ||
'28': '#474747', | ||
'30': '#4d4d4d', | ||
'32': '#525252', | ||
'34': '#575757', | ||
'36': '#5c5c5c', | ||
'38': '#616161', | ||
'40': '#666666', | ||
'42': '#6b6b6b', | ||
'44': '#707070', | ||
'46': '#757575', | ||
'48': '#7a7a7a', | ||
'50': '#808080', | ||
'52': '#858585', | ||
'54': '#8a8a8a', | ||
'56': '#8f8f8f', | ||
'58': '#949494', | ||
'60': '#999999', | ||
'62': '#9e9e9e', | ||
'64': '#a3a3a3', | ||
'66': '#a8a8a8', | ||
'68': '#adadad', | ||
'70': '#b3b3b3', | ||
'72': '#b8b8b8', | ||
'74': '#bdbdbd', | ||
'76': '#c2c2c2', | ||
'78': '#c7c7c7', | ||
'80': '#cccccc', | ||
'82': '#d1d1d1', | ||
'84': '#d6d6d6', | ||
'86': '#dbdbdb', | ||
'88': '#e0e0e0', | ||
'90': '#e6e6e6', | ||
'92': '#ebebeb', | ||
'94': '#f0f0f0', | ||
'96': '#f5f5f5', | ||
'98': '#fafafa', | ||
'100': '#ffffff' | ||
}; | ||
const whiteAlpha = { | ||
'5': 'rgba(255, 255, 255, 0.05)', | ||
'10': 'rgba(255, 255, 255, 0.1)', | ||
'20': 'rgba(255, 255, 255, 0.2)', | ||
'30': 'rgba(255, 255, 255, 0.3)', | ||
'40': 'rgba(255, 255, 255, 0.4)', | ||
'50': 'rgba(255, 255, 255, 0.5)', | ||
'60': 'rgba(255, 255, 255, 0.6)', | ||
'70': 'rgba(255, 255, 255, 0.7)', | ||
'80': 'rgba(255, 255, 255, 0.8)', | ||
'90': 'rgba(255, 255, 255, 0.9)' | ||
exports.whiteAlpha = { | ||
'5': 'rgba(255, 255, 255, 0.05)', | ||
'10': 'rgba(255, 255, 255, 0.1)', | ||
'20': 'rgba(255, 255, 255, 0.2)', | ||
'30': 'rgba(255, 255, 255, 0.3)', | ||
'40': 'rgba(255, 255, 255, 0.4)', | ||
'50': 'rgba(255, 255, 255, 0.5)', | ||
'60': 'rgba(255, 255, 255, 0.6)', | ||
'70': 'rgba(255, 255, 255, 0.7)', | ||
'80': 'rgba(255, 255, 255, 0.8)', | ||
'90': 'rgba(255, 255, 255, 0.9)' | ||
}; | ||
const blackAlpha = { | ||
'5': 'rgba(0, 0, 0, 0.05)', | ||
'10': 'rgba(0, 0, 0, 0.1)', | ||
'20': 'rgba(0, 0, 0, 0.2)', | ||
'30': 'rgba(0, 0, 0, 0.3)', | ||
'40': 'rgba(0, 0, 0, 0.4)', | ||
'50': 'rgba(0, 0, 0, 0.5)', | ||
'60': 'rgba(0, 0, 0, 0.6)', | ||
'70': 'rgba(0, 0, 0, 0.7)', | ||
'80': 'rgba(0, 0, 0, 0.8)', | ||
'90': 'rgba(0, 0, 0, 0.9)' | ||
exports.blackAlpha = { | ||
'5': 'rgba(0, 0, 0, 0.05)', | ||
'10': 'rgba(0, 0, 0, 0.1)', | ||
'20': 'rgba(0, 0, 0, 0.2)', | ||
'30': 'rgba(0, 0, 0, 0.3)', | ||
'40': 'rgba(0, 0, 0, 0.4)', | ||
'50': 'rgba(0, 0, 0, 0.5)', | ||
'60': 'rgba(0, 0, 0, 0.6)', | ||
'70': 'rgba(0, 0, 0, 0.7)', | ||
'80': 'rgba(0, 0, 0, 0.8)', | ||
'90': 'rgba(0, 0, 0, 0.9)' | ||
}; | ||
const grey14Alpha = { | ||
'5': 'rgba(36, 36, 36, 0.05)', | ||
'10': 'rgba(36, 36, 36, 0.1)', | ||
'20': 'rgba(36, 36, 36, 0.2)', | ||
'30': 'rgba(36, 36, 36, 0.3)', | ||
'40': 'rgba(36, 36, 36, 0.4)', | ||
'50': 'rgba(36, 36, 36, 0.5)', | ||
'60': 'rgba(36, 36, 36, 0.6)', | ||
'70': 'rgba(36, 36, 36, 0.7)', | ||
'80': 'rgba(36, 36, 36, 0.8)', | ||
'90': 'rgba(36, 36, 36, 0.9)' | ||
exports.grey14Alpha = { | ||
'5': 'rgba(36, 36, 36, 0.05)', | ||
'10': 'rgba(36, 36, 36, 0.1)', | ||
'20': 'rgba(36, 36, 36, 0.2)', | ||
'30': 'rgba(36, 36, 36, 0.3)', | ||
'40': 'rgba(36, 36, 36, 0.4)', | ||
'50': 'rgba(36, 36, 36, 0.5)', | ||
'60': 'rgba(36, 36, 36, 0.6)', | ||
'70': 'rgba(36, 36, 36, 0.7)', | ||
'80': 'rgba(36, 36, 36, 0.8)', | ||
'90': 'rgba(36, 36, 36, 0.9)' | ||
}; | ||
const white = '#ffffff'; | ||
const black = '#000000'; | ||
const hcHyperlink = '#ffff00'; | ||
const hcHighlight = '#1aebff'; | ||
const hcDisabled = '#3ff23f'; | ||
const hcCanvas = '#000000'; | ||
const hcCanvasText = '#ffffff'; | ||
const hcHighlightText = '#000000'; | ||
const hcButtonText = '#000000'; | ||
const hcButtonFace = '#ffffff'; | ||
const darkRed = { | ||
shade50: '#130204', | ||
shade40: '#230308', | ||
shade30: '#420610', | ||
shade20: '#590815', | ||
shade10: '#690a19', | ||
primary: '#750b1c', | ||
tint10: '#861b2c', | ||
tint20: '#962f3f', | ||
tint30: '#ac4f5e', | ||
tint40: '#d69ca5', | ||
tint50: '#e9c7cd', | ||
tint60: '#f9f0f2' | ||
exports.white = '#ffffff'; | ||
exports.black = '#000000'; | ||
exports.hcHyperlink = '#ffff00'; | ||
exports.hcHighlight = '#1aebff'; | ||
exports.hcDisabled = '#3ff23f'; | ||
exports.hcCanvas = '#000000'; | ||
exports.hcCanvasText = '#ffffff'; | ||
exports.hcHighlightText = '#000000'; | ||
exports.hcButtonText = '#000000'; | ||
exports.hcButtonFace = '#ffffff'; | ||
exports.darkRed = { | ||
shade50: '#130204', | ||
shade40: '#230308', | ||
shade30: '#420610', | ||
shade20: '#590815', | ||
shade10: '#690a19', | ||
primary: '#750b1c', | ||
tint10: '#861b2c', | ||
tint20: '#962f3f', | ||
tint30: '#ac4f5e', | ||
tint40: '#d69ca5', | ||
tint50: '#e9c7cd', | ||
tint60: '#f9f0f2' | ||
}; | ||
const burgundy = { | ||
shade50: '#1a0607', | ||
shade40: '#310b0d', | ||
shade30: '#5c1519', | ||
shade20: '#7d1d21', | ||
shade10: '#942228', | ||
primary: '#a4262c', | ||
tint10: '#af393e', | ||
tint20: '#ba4d52', | ||
tint30: '#c86c70', | ||
tint40: '#e4afb2', | ||
tint50: '#f0d3d4', | ||
tint60: '#fbf4f4' | ||
exports.burgundy = { | ||
shade50: '#1a0607', | ||
shade40: '#310b0d', | ||
shade30: '#5c1519', | ||
shade20: '#7d1d21', | ||
shade10: '#942228', | ||
primary: '#a4262c', | ||
tint10: '#af393e', | ||
tint20: '#ba4d52', | ||
tint30: '#c86c70', | ||
tint40: '#e4afb2', | ||
tint50: '#f0d3d4', | ||
tint60: '#fbf4f4' | ||
}; | ||
const cranberry = { | ||
shade50: '#200205', | ||
shade40: '#3b0509', | ||
shade30: '#6e0811', | ||
shade20: '#960b18', | ||
shade10: '#b10e1c', | ||
primary: '#c50f1f', | ||
tint10: '#cc2635', | ||
tint20: '#d33f4c', | ||
tint30: '#dc626d', | ||
tint40: '#eeacb2', | ||
tint50: '#f6d1d5', | ||
tint60: '#fdf3f4' | ||
exports.cranberry = { | ||
shade50: '#200205', | ||
shade40: '#3b0509', | ||
shade30: '#6e0811', | ||
shade20: '#960b18', | ||
shade10: '#b10e1c', | ||
primary: '#c50f1f', | ||
tint10: '#cc2635', | ||
tint20: '#d33f4c', | ||
tint30: '#dc626d', | ||
tint40: '#eeacb2', | ||
tint50: '#f6d1d5', | ||
tint60: '#fdf3f4' | ||
}; | ||
const red = { | ||
shade50: '#210809', | ||
shade40: '#3f1011', | ||
shade30: '#751d1f', | ||
shade20: '#9f282b', | ||
shade10: '#bc2f32', | ||
primary: '#d13438', | ||
tint10: '#d7494c', | ||
tint20: '#dc5e62', | ||
tint30: '#e37d80', | ||
tint40: '#f1bbbc', | ||
tint50: '#f8dadb', | ||
tint60: '#fdf6f6' | ||
exports.red = { | ||
shade50: '#210809', | ||
shade40: '#3f1011', | ||
shade30: '#751d1f', | ||
shade20: '#9f282b', | ||
shade10: '#bc2f32', | ||
primary: '#d13438', | ||
tint10: '#d7494c', | ||
tint20: '#dc5e62', | ||
tint30: '#e37d80', | ||
tint40: '#f1bbbc', | ||
tint50: '#f8dadb', | ||
tint60: '#fdf6f6' | ||
}; | ||
const darkOrange = { | ||
shade50: '#230900', | ||
shade40: '#411200', | ||
shade30: '#7a2101', | ||
shade20: '#a62d01', | ||
shade10: '#c43501', | ||
primary: '#da3b01', | ||
tint10: '#de501c', | ||
tint20: '#e36537', | ||
tint30: '#e9835e', | ||
tint40: '#f4bfab', | ||
tint50: '#f9dcd1', | ||
tint60: '#fdf6f3' | ||
exports.darkOrange = { | ||
shade50: '#230900', | ||
shade40: '#411200', | ||
shade30: '#7a2101', | ||
shade20: '#a62d01', | ||
shade10: '#c43501', | ||
primary: '#da3b01', | ||
tint10: '#de501c', | ||
tint20: '#e36537', | ||
tint30: '#e9835e', | ||
tint40: '#f4bfab', | ||
tint50: '#f9dcd1', | ||
tint60: '#fdf6f3' | ||
}; | ||
const bronze = { | ||
shade50: '#1b0a01', | ||
shade40: '#321303', | ||
shade30: '#5e2405', | ||
shade20: '#7f3107', | ||
shade10: '#963a08', | ||
primary: '#a74109', | ||
tint10: '#b2521e', | ||
tint20: '#bc6535', | ||
tint30: '#ca8057', | ||
tint40: '#e5bba4', | ||
tint50: '#f1d9cc', | ||
tint60: '#fbf5f2' | ||
exports.bronze = { | ||
shade50: '#1b0a01', | ||
shade40: '#321303', | ||
shade30: '#5e2405', | ||
shade20: '#7f3107', | ||
shade10: '#963a08', | ||
primary: '#a74109', | ||
tint10: '#b2521e', | ||
tint20: '#bc6535', | ||
tint30: '#ca8057', | ||
tint40: '#e5bba4', | ||
tint50: '#f1d9cc', | ||
tint60: '#fbf5f2' | ||
}; | ||
const pumpkin = { | ||
shade50: '#200d03', | ||
shade40: '#3d1805', | ||
shade30: '#712d09', | ||
shade20: '#9a3d0c', | ||
shade10: '#b6480e', | ||
primary: '#ca5010', | ||
tint10: '#d06228', | ||
tint20: '#d77440', | ||
tint30: '#df8e64', | ||
tint40: '#efc4ad', | ||
tint50: '#f7dfd2', | ||
tint60: '#fdf7f4' | ||
exports.pumpkin = { | ||
shade50: '#200d03', | ||
shade40: '#3d1805', | ||
shade30: '#712d09', | ||
shade20: '#9a3d0c', | ||
shade10: '#b6480e', | ||
primary: '#ca5010', | ||
tint10: '#d06228', | ||
tint20: '#d77440', | ||
tint30: '#df8e64', | ||
tint40: '#efc4ad', | ||
tint50: '#f7dfd2', | ||
tint60: '#fdf7f4' | ||
}; | ||
const orange = { | ||
shade50: '#271002', | ||
shade40: '#4a1e04', | ||
shade30: '#8a3707', | ||
shade20: '#bc4b09', | ||
shade10: '#de590b', | ||
primary: '#f7630c', | ||
tint10: '#f87528', | ||
tint20: '#f98845', | ||
tint30: '#faa06b', | ||
tint40: '#fdcfb4', | ||
tint50: '#fee5d7', | ||
tint60: '#fff9f5' | ||
exports.orange = { | ||
shade50: '#271002', | ||
shade40: '#4a1e04', | ||
shade30: '#8a3707', | ||
shade20: '#bc4b09', | ||
shade10: '#de590b', | ||
primary: '#f7630c', | ||
tint10: '#f87528', | ||
tint20: '#f98845', | ||
tint30: '#faa06b', | ||
tint40: '#fdcfb4', | ||
tint50: '#fee5d7', | ||
tint60: '#fff9f5' | ||
}; | ||
const peach = { | ||
shade50: '#291600', | ||
shade40: '#4d2a00', | ||
shade30: '#8f4e00', | ||
shade20: '#c26a00', | ||
shade10: '#e67e00', | ||
primary: '#ff8c00', | ||
tint10: '#ff9a1f', | ||
tint20: '#ffa83d', | ||
tint30: '#ffba66', | ||
tint40: '#ffddb3', | ||
tint50: '#ffedd6', | ||
tint60: '#fffaf5' | ||
exports.peach = { | ||
shade50: '#291600', | ||
shade40: '#4d2a00', | ||
shade30: '#8f4e00', | ||
shade20: '#c26a00', | ||
shade10: '#e67e00', | ||
primary: '#ff8c00', | ||
tint10: '#ff9a1f', | ||
tint20: '#ffa83d', | ||
tint30: '#ffba66', | ||
tint40: '#ffddb3', | ||
tint50: '#ffedd6', | ||
tint60: '#fffaf5' | ||
}; | ||
const marigold = { | ||
shade50: '#251a00', | ||
shade40: '#463100', | ||
shade30: '#835b00', | ||
shade20: '#b27c00', | ||
shade10: '#d39300', | ||
primary: '#eaa300', | ||
tint10: '#edad1c', | ||
tint20: '#efb839', | ||
tint30: '#f2c661', | ||
tint40: '#f9e2ae', | ||
tint50: '#fcefd3', | ||
tint60: '#fefbf4' | ||
exports.marigold = { | ||
shade50: '#251a00', | ||
shade40: '#463100', | ||
shade30: '#835b00', | ||
shade20: '#b27c00', | ||
shade10: '#d39300', | ||
primary: '#eaa300', | ||
tint10: '#edad1c', | ||
tint20: '#efb839', | ||
tint30: '#f2c661', | ||
tint40: '#f9e2ae', | ||
tint50: '#fcefd3', | ||
tint60: '#fefbf4' | ||
}; | ||
const yellow = { | ||
primary: '#fde300', | ||
shade10: '#e4cc00', | ||
shade20: '#c0ad00', | ||
shade30: '#817400', | ||
shade40: '#4c4400', | ||
shade50: '#282400', | ||
tint10: '#fde61e', | ||
tint20: '#fdea3d', | ||
tint30: '#feee66', | ||
tint40: '#fef7b2', | ||
tint50: '#fffad6', | ||
tint60: '#fffef5' | ||
exports.yellow = { | ||
primary: '#fde300', | ||
shade10: '#e4cc00', | ||
shade20: '#c0ad00', | ||
shade30: '#817400', | ||
shade40: '#4c4400', | ||
shade50: '#282400', | ||
tint10: '#fde61e', | ||
tint20: '#fdea3d', | ||
tint30: '#feee66', | ||
tint40: '#fef7b2', | ||
tint50: '#fffad6', | ||
tint60: '#fffef5' | ||
}; | ||
const gold = { | ||
shade50: '#1f1900', | ||
shade40: '#3a2f00', | ||
shade30: '#6c5700', | ||
shade20: '#937700', | ||
shade10: '#ae8c00', | ||
primary: '#c19c00', | ||
tint10: '#c8a718', | ||
tint20: '#d0b232', | ||
tint30: '#dac157', | ||
tint40: '#ecdfa5', | ||
tint50: '#f5eece', | ||
tint60: '#fdfbf2' | ||
exports.gold = { | ||
shade50: '#1f1900', | ||
shade40: '#3a2f00', | ||
shade30: '#6c5700', | ||
shade20: '#937700', | ||
shade10: '#ae8c00', | ||
primary: '#c19c00', | ||
tint10: '#c8a718', | ||
tint20: '#d0b232', | ||
tint30: '#dac157', | ||
tint40: '#ecdfa5', | ||
tint50: '#f5eece', | ||
tint60: '#fdfbf2' | ||
}; | ||
const brass = { | ||
shade50: '#181202', | ||
shade40: '#2e2103', | ||
shade30: '#553e06', | ||
shade20: '#745408', | ||
shade10: '#89640a', | ||
primary: '#986f0b', | ||
tint10: '#a47d1e', | ||
tint20: '#b18c34', | ||
tint30: '#c1a256', | ||
tint40: '#e0cea2', | ||
tint50: '#efe4cb', | ||
tint60: '#fbf8f2' | ||
exports.brass = { | ||
shade50: '#181202', | ||
shade40: '#2e2103', | ||
shade30: '#553e06', | ||
shade20: '#745408', | ||
shade10: '#89640a', | ||
primary: '#986f0b', | ||
tint10: '#a47d1e', | ||
tint20: '#b18c34', | ||
tint30: '#c1a256', | ||
tint40: '#e0cea2', | ||
tint50: '#efe4cb', | ||
tint60: '#fbf8f2' | ||
}; | ||
const brown = { | ||
shade50: '#170e07', | ||
shade40: '#2b1a0e', | ||
shade30: '#50301a', | ||
shade20: '#6c4123', | ||
shade10: '#804d29', | ||
primary: '#8e562e', | ||
tint10: '#9c663f', | ||
tint20: '#a97652', | ||
tint30: '#bb8f6f', | ||
tint40: '#ddc3b0', | ||
tint50: '#edded3', | ||
tint60: '#faf7f4' | ||
exports.brown = { | ||
shade50: '#170e07', | ||
shade40: '#2b1a0e', | ||
shade30: '#50301a', | ||
shade20: '#6c4123', | ||
shade10: '#804d29', | ||
primary: '#8e562e', | ||
tint10: '#9c663f', | ||
tint20: '#a97652', | ||
tint30: '#bb8f6f', | ||
tint40: '#ddc3b0', | ||
tint50: '#edded3', | ||
tint60: '#faf7f4' | ||
}; | ||
const darkBrown = { | ||
shade50: '#0c0704', | ||
shade40: '#170c08', | ||
shade30: '#2b1710', | ||
shade20: '#3a1f15', | ||
shade10: '#452519', | ||
primary: '#4d291c', | ||
tint10: '#623a2b', | ||
tint20: '#784d3e', | ||
tint30: '#946b5c', | ||
tint40: '#caada3', | ||
tint50: '#e3d2cb', | ||
tint60: '#f8f3f2' | ||
exports.darkBrown = { | ||
shade50: '#0c0704', | ||
shade40: '#170c08', | ||
shade30: '#2b1710', | ||
shade20: '#3a1f15', | ||
shade10: '#452519', | ||
primary: '#4d291c', | ||
tint10: '#623a2b', | ||
tint20: '#784d3e', | ||
tint30: '#946b5c', | ||
tint40: '#caada3', | ||
tint50: '#e3d2cb', | ||
tint60: '#f8f3f2' | ||
}; | ||
const lime = { | ||
shade50: '#121b06', | ||
shade40: '#23330b', | ||
shade30: '#405f14', | ||
shade20: '#57811b', | ||
shade10: '#689920', | ||
primary: '#73aa24', | ||
tint10: '#81b437', | ||
tint20: '#90be4c', | ||
tint30: '#a4cc6c', | ||
tint40: '#cfe5af', | ||
tint50: '#e5f1d3', | ||
tint60: '#f8fcf4' | ||
exports.lime = { | ||
shade50: '#121b06', | ||
shade40: '#23330b', | ||
shade30: '#405f14', | ||
shade20: '#57811b', | ||
shade10: '#689920', | ||
primary: '#73aa24', | ||
tint10: '#81b437', | ||
tint20: '#90be4c', | ||
tint30: '#a4cc6c', | ||
tint40: '#cfe5af', | ||
tint50: '#e5f1d3', | ||
tint60: '#f8fcf4' | ||
}; | ||
const forest = { | ||
shade50: '#0c1501', | ||
shade40: '#162702', | ||
shade30: '#294903', | ||
shade20: '#376304', | ||
shade10: '#427505', | ||
primary: '#498205', | ||
tint10: '#599116', | ||
tint20: '#6ba02b', | ||
tint30: '#85b44c', | ||
tint40: '#bdd99b', | ||
tint50: '#dbebc7', | ||
tint60: '#f6faf0' | ||
exports.forest = { | ||
shade50: '#0c1501', | ||
shade40: '#162702', | ||
shade30: '#294903', | ||
shade20: '#376304', | ||
shade10: '#427505', | ||
primary: '#498205', | ||
tint10: '#599116', | ||
tint20: '#6ba02b', | ||
tint30: '#85b44c', | ||
tint40: '#bdd99b', | ||
tint50: '#dbebc7', | ||
tint60: '#f6faf0' | ||
}; | ||
const seafoam = { | ||
shade50: '#002111', | ||
shade40: '#003d20', | ||
shade30: '#00723b', | ||
shade20: '#009b51', | ||
shade10: '#00b85f', | ||
primary: '#00cc6a', | ||
tint10: '#19d279', | ||
tint20: '#34d889', | ||
tint30: '#5ae0a0', | ||
tint40: '#a8f0cd', | ||
tint50: '#cff7e4', | ||
tint60: '#f3fdf8' | ||
exports.seafoam = { | ||
shade50: '#002111', | ||
shade40: '#003d20', | ||
shade30: '#00723b', | ||
shade20: '#009b51', | ||
shade10: '#00b85f', | ||
primary: '#00cc6a', | ||
tint10: '#19d279', | ||
tint20: '#34d889', | ||
tint30: '#5ae0a0', | ||
tint40: '#a8f0cd', | ||
tint50: '#cff7e4', | ||
tint60: '#f3fdf8' | ||
}; | ||
const lightGreen = { | ||
shade50: '#031a02', | ||
shade40: '#063004', | ||
shade30: '#0b5a08', | ||
shade20: '#0e7a0b', | ||
shade10: '#11910d', | ||
primary: '#13a10e', | ||
tint10: '#27ac22', | ||
tint20: '#3db838', | ||
tint30: '#5ec75a', | ||
tint40: '#a7e3a5', | ||
tint50: '#cef0cd', | ||
tint60: '#f2fbf2' | ||
exports.lightGreen = { | ||
shade50: '#031a02', | ||
shade40: '#063004', | ||
shade30: '#0b5a08', | ||
shade20: '#0e7a0b', | ||
shade10: '#11910d', | ||
primary: '#13a10e', | ||
tint10: '#27ac22', | ||
tint20: '#3db838', | ||
tint30: '#5ec75a', | ||
tint40: '#a7e3a5', | ||
tint50: '#cef0cd', | ||
tint60: '#f2fbf2' | ||
}; | ||
const green = { | ||
shade50: '#031403', | ||
shade40: '#052505', | ||
shade30: '#094509', | ||
shade20: '#0c5e0c', | ||
shade10: '#0e700e', | ||
primary: '#107c10', | ||
tint10: '#218c21', | ||
tint20: '#359b35', | ||
tint30: '#54b054', | ||
tint40: '#9fd89f', | ||
tint50: '#c9eac9', | ||
tint60: '#f1faf1' | ||
exports.green = { | ||
shade50: '#031403', | ||
shade40: '#052505', | ||
shade30: '#094509', | ||
shade20: '#0c5e0c', | ||
shade10: '#0e700e', | ||
primary: '#107c10', | ||
tint10: '#218c21', | ||
tint20: '#359b35', | ||
tint30: '#54b054', | ||
tint40: '#9fd89f', | ||
tint50: '#c9eac9', | ||
tint60: '#f1faf1' | ||
}; | ||
const darkGreen = { | ||
shade50: '#021102', | ||
shade40: '#032003', | ||
shade30: '#063b06', | ||
shade20: '#085108', | ||
shade10: '#0a5f0a', | ||
primary: '#0b6a0b', | ||
tint10: '#1a7c1a', | ||
tint20: '#2d8e2d', | ||
tint30: '#4da64d', | ||
tint40: '#9ad29a', | ||
tint50: '#c6e7c6', | ||
tint60: '#f0f9f0' | ||
exports.darkGreen = { | ||
shade50: '#021102', | ||
shade40: '#032003', | ||
shade30: '#063b06', | ||
shade20: '#085108', | ||
shade10: '#0a5f0a', | ||
primary: '#0b6a0b', | ||
tint10: '#1a7c1a', | ||
tint20: '#2d8e2d', | ||
tint30: '#4da64d', | ||
tint40: '#9ad29a', | ||
tint50: '#c6e7c6', | ||
tint60: '#f0f9f0' | ||
}; | ||
const lightTeal = { | ||
shade50: '#001d1f', | ||
shade40: '#00373a', | ||
shade30: '#00666d', | ||
shade20: '#008b94', | ||
shade10: '#00a5af', | ||
primary: '#00b7c3', | ||
tint10: '#18bfca', | ||
tint20: '#32c8d1', | ||
tint30: '#58d3db', | ||
tint40: '#a6e9ed', | ||
tint50: '#cef3f5', | ||
tint60: '#f2fcfd' | ||
exports.lightTeal = { | ||
shade50: '#001d1f', | ||
shade40: '#00373a', | ||
shade30: '#00666d', | ||
shade20: '#008b94', | ||
shade10: '#00a5af', | ||
primary: '#00b7c3', | ||
tint10: '#18bfca', | ||
tint20: '#32c8d1', | ||
tint30: '#58d3db', | ||
tint40: '#a6e9ed', | ||
tint50: '#cef3f5', | ||
tint60: '#f2fcfd' | ||
}; | ||
const teal = { | ||
shade50: '#001516', | ||
shade40: '#012728', | ||
shade30: '#02494c', | ||
shade20: '#026467', | ||
shade10: '#037679', | ||
primary: '#038387', | ||
tint10: '#159195', | ||
tint20: '#2aa0a4', | ||
tint30: '#4cb4b7', | ||
tint40: '#9bd9db', | ||
tint50: '#c7ebec', | ||
tint60: '#f0fafa' | ||
exports.teal = { | ||
shade50: '#001516', | ||
shade40: '#012728', | ||
shade30: '#02494c', | ||
shade20: '#026467', | ||
shade10: '#037679', | ||
primary: '#038387', | ||
tint10: '#159195', | ||
tint20: '#2aa0a4', | ||
tint30: '#4cb4b7', | ||
tint40: '#9bd9db', | ||
tint50: '#c7ebec', | ||
tint60: '#f0fafa' | ||
}; | ||
const darkTeal = { | ||
shade50: '#001010', | ||
shade40: '#001f1f', | ||
shade30: '#003939', | ||
shade20: '#004e4e', | ||
shade10: '#005c5c', | ||
primary: '#006666', | ||
tint10: '#0e7878', | ||
tint20: '#218b8b', | ||
tint30: '#41a3a3', | ||
tint40: '#92d1d1', | ||
tint50: '#c2e7e7', | ||
tint60: '#eff9f9' | ||
exports.darkTeal = { | ||
shade50: '#001010', | ||
shade40: '#001f1f', | ||
shade30: '#003939', | ||
shade20: '#004e4e', | ||
shade10: '#005c5c', | ||
primary: '#006666', | ||
tint10: '#0e7878', | ||
tint20: '#218b8b', | ||
tint30: '#41a3a3', | ||
tint40: '#92d1d1', | ||
tint50: '#c2e7e7', | ||
tint60: '#eff9f9' | ||
}; | ||
const cyan = { | ||
shade50: '#00181e', | ||
shade40: '#002e38', | ||
shade30: '#005669', | ||
shade20: '#00748f', | ||
shade10: '#008aa9', | ||
primary: '#0099bc', | ||
tint10: '#18a4c4', | ||
tint20: '#31afcc', | ||
tint30: '#56bfd7', | ||
tint40: '#a4deeb', | ||
tint50: '#cdedf4', | ||
tint60: '#f2fafc' | ||
exports.cyan = { | ||
shade50: '#00181e', | ||
shade40: '#002e38', | ||
shade30: '#005669', | ||
shade20: '#00748f', | ||
shade10: '#008aa9', | ||
primary: '#0099bc', | ||
tint10: '#18a4c4', | ||
tint20: '#31afcc', | ||
tint30: '#56bfd7', | ||
tint40: '#a4deeb', | ||
tint50: '#cdedf4', | ||
tint60: '#f2fafc' | ||
}; | ||
const steel = { | ||
shade50: '#000f12', | ||
shade40: '#001b22', | ||
shade30: '#00333f', | ||
shade20: '#004555', | ||
shade10: '#005265', | ||
primary: '#005b70', | ||
tint10: '#0f6c81', | ||
tint20: '#237d92', | ||
tint30: '#4496a9', | ||
tint40: '#94c8d4', | ||
tint50: '#c3e1e8', | ||
tint60: '#eff7f9' | ||
exports.steel = { | ||
shade50: '#000f12', | ||
shade40: '#001b22', | ||
shade30: '#00333f', | ||
shade20: '#004555', | ||
shade10: '#005265', | ||
primary: '#005b70', | ||
tint10: '#0f6c81', | ||
tint20: '#237d92', | ||
tint30: '#4496a9', | ||
tint40: '#94c8d4', | ||
tint50: '#c3e1e8', | ||
tint60: '#eff7f9' | ||
}; | ||
const lightBlue = { | ||
shade50: '#091823', | ||
shade40: '#112d42', | ||
shade30: '#20547c', | ||
shade20: '#2c72a8', | ||
shade10: '#3487c7', | ||
primary: '#3a96dd', | ||
tint10: '#4fa1e1', | ||
tint20: '#65ade5', | ||
tint30: '#83bdeb', | ||
tint40: '#bfddf5', | ||
tint50: '#dcedfa', | ||
tint60: '#f6fafe' | ||
exports.lightBlue = { | ||
shade50: '#091823', | ||
shade40: '#112d42', | ||
shade30: '#20547c', | ||
shade20: '#2c72a8', | ||
shade10: '#3487c7', | ||
primary: '#3a96dd', | ||
tint10: '#4fa1e1', | ||
tint20: '#65ade5', | ||
tint30: '#83bdeb', | ||
tint40: '#bfddf5', | ||
tint50: '#dcedfa', | ||
tint60: '#f6fafe' | ||
}; | ||
const blue = { | ||
shade50: '#001322', | ||
shade40: '#002440', | ||
shade30: '#004377', | ||
shade20: '#005ba1', | ||
shade10: '#006cbf', | ||
primary: '#0078d4', | ||
tint10: '#1a86d9', | ||
tint20: '#3595de', | ||
tint30: '#5caae5', | ||
tint40: '#a9d3f2', | ||
tint50: '#d0e7f8', | ||
tint60: '#f3f9fd' | ||
exports.blue = { | ||
shade50: '#001322', | ||
shade40: '#002440', | ||
shade30: '#004377', | ||
shade20: '#005ba1', | ||
shade10: '#006cbf', | ||
primary: '#0078d4', | ||
tint10: '#1a86d9', | ||
tint20: '#3595de', | ||
tint30: '#5caae5', | ||
tint40: '#a9d3f2', | ||
tint50: '#d0e7f8', | ||
tint60: '#f3f9fd' | ||
}; | ||
const royalBlue = { | ||
shade50: '#000c16', | ||
shade40: '#00172a', | ||
shade30: '#002c4e', | ||
shade20: '#003b6a', | ||
shade10: '#00467e', | ||
primary: '#004e8c', | ||
tint10: '#125e9a', | ||
tint20: '#286fa8', | ||
tint30: '#4a89ba', | ||
tint40: '#9abfdc', | ||
tint50: '#c7dced', | ||
tint60: '#f0f6fa' | ||
exports.royalBlue = { | ||
shade50: '#000c16', | ||
shade40: '#00172a', | ||
shade30: '#002c4e', | ||
shade20: '#003b6a', | ||
shade10: '#00467e', | ||
primary: '#004e8c', | ||
tint10: '#125e9a', | ||
tint20: '#286fa8', | ||
tint30: '#4a89ba', | ||
tint40: '#9abfdc', | ||
tint50: '#c7dced', | ||
tint60: '#f0f6fa' | ||
}; | ||
const darkBlue = { | ||
shade50: '#000910', | ||
shade40: '#00111f', | ||
shade30: '#002039', | ||
shade20: '#002b4e', | ||
shade10: '#00335c', | ||
primary: '#003966', | ||
tint10: '#0e4a78', | ||
tint20: '#215c8b', | ||
tint30: '#4178a3', | ||
tint40: '#92b5d1', | ||
tint50: '#c2d6e7', | ||
tint60: '#eff4f9' | ||
exports.darkBlue = { | ||
shade50: '#000910', | ||
shade40: '#00111f', | ||
shade30: '#002039', | ||
shade20: '#002b4e', | ||
shade10: '#00335c', | ||
primary: '#003966', | ||
tint10: '#0e4a78', | ||
tint20: '#215c8b', | ||
tint30: '#4178a3', | ||
tint40: '#92b5d1', | ||
tint50: '#c2d6e7', | ||
tint60: '#eff4f9' | ||
}; | ||
const cornflower = { | ||
shade50: '#0d1126', | ||
shade40: '#182047', | ||
shade30: '#2c3c85', | ||
shade20: '#3c51b4', | ||
shade10: '#4760d5', | ||
primary: '#4f6bed', | ||
tint10: '#637cef', | ||
tint20: '#778df1', | ||
tint30: '#93a4f4', | ||
tint40: '#c8d1fa', | ||
tint50: '#e1e6fc', | ||
tint60: '#f7f9fe' | ||
exports.cornflower = { | ||
shade50: '#0d1126', | ||
shade40: '#182047', | ||
shade30: '#2c3c85', | ||
shade20: '#3c51b4', | ||
shade10: '#4760d5', | ||
primary: '#4f6bed', | ||
tint10: '#637cef', | ||
tint20: '#778df1', | ||
tint30: '#93a4f4', | ||
tint40: '#c8d1fa', | ||
tint50: '#e1e6fc', | ||
tint60: '#f7f9fe' | ||
}; | ||
const navy = { | ||
shade50: '#00061d', | ||
shade40: '#000c36', | ||
shade30: '#001665', | ||
shade20: '#001e89', | ||
shade10: '#0023a2', | ||
primary: '#0027b4', | ||
tint10: '#173bbd', | ||
tint20: '#3050c6', | ||
tint30: '#546fd2', | ||
tint40: '#a3b2e8', | ||
tint50: '#ccd5f3', | ||
tint60: '#f2f4fc' | ||
exports.navy = { | ||
shade50: '#00061d', | ||
shade40: '#000c36', | ||
shade30: '#001665', | ||
shade20: '#001e89', | ||
shade10: '#0023a2', | ||
primary: '#0027b4', | ||
tint10: '#173bbd', | ||
tint20: '#3050c6', | ||
tint30: '#546fd2', | ||
tint40: '#a3b2e8', | ||
tint50: '#ccd5f3', | ||
tint60: '#f2f4fc' | ||
}; | ||
const lavender = { | ||
shade50: '#120f25', | ||
shade40: '#221d46', | ||
shade30: '#3f3682', | ||
shade20: '#5649b0', | ||
shade10: '#6656d1', | ||
primary: '#7160e8', | ||
tint10: '#8172eb', | ||
tint20: '#9184ee', | ||
tint30: '#a79cf1', | ||
tint40: '#d2ccf8', | ||
tint50: '#e7e4fb', | ||
tint60: '#f9f8fe' | ||
exports.lavender = { | ||
shade50: '#120f25', | ||
shade40: '#221d46', | ||
shade30: '#3f3682', | ||
shade20: '#5649b0', | ||
shade10: '#6656d1', | ||
primary: '#7160e8', | ||
tint10: '#8172eb', | ||
tint20: '#9184ee', | ||
tint30: '#a79cf1', | ||
tint40: '#d2ccf8', | ||
tint50: '#e7e4fb', | ||
tint60: '#f9f8fe' | ||
}; | ||
const purple = { | ||
shade50: '#0f0717', | ||
shade40: '#1c0e2b', | ||
shade30: '#341a51', | ||
shade20: '#46236e', | ||
shade10: '#532982', | ||
primary: '#5c2e91', | ||
tint10: '#6b3f9e', | ||
tint20: '#7c52ab', | ||
tint30: '#9470bd', | ||
tint40: '#c6b1de', | ||
tint50: '#e0d3ed', | ||
tint60: '#f7f4fb' | ||
exports.purple = { | ||
shade50: '#0f0717', | ||
shade40: '#1c0e2b', | ||
shade30: '#341a51', | ||
shade20: '#46236e', | ||
shade10: '#532982', | ||
primary: '#5c2e91', | ||
tint10: '#6b3f9e', | ||
tint20: '#7c52ab', | ||
tint30: '#9470bd', | ||
tint40: '#c6b1de', | ||
tint50: '#e0d3ed', | ||
tint60: '#f7f4fb' | ||
}; | ||
const darkPurple = { | ||
shade50: '#0a0411', | ||
shade40: '#130820', | ||
shade30: '#240f3c', | ||
shade20: '#311552', | ||
shade10: '#3a1861', | ||
primary: '#401b6c', | ||
tint10: '#512b7e', | ||
tint20: '#633e8f', | ||
tint30: '#7e5ca7', | ||
tint40: '#b9a3d3', | ||
tint50: '#d8cce7', | ||
tint60: '#f5f2f9' | ||
exports.darkPurple = { | ||
shade50: '#0a0411', | ||
shade40: '#130820', | ||
shade30: '#240f3c', | ||
shade20: '#311552', | ||
shade10: '#3a1861', | ||
primary: '#401b6c', | ||
tint10: '#512b7e', | ||
tint20: '#633e8f', | ||
tint30: '#7e5ca7', | ||
tint40: '#b9a3d3', | ||
tint50: '#d8cce7', | ||
tint60: '#f5f2f9' | ||
}; | ||
const orchid = { | ||
shade50: '#16101d', | ||
shade40: '#281e37', | ||
shade30: '#4c3867', | ||
shade20: '#674c8c', | ||
shade10: '#795aa6', | ||
primary: '#8764b8', | ||
tint10: '#9373c0', | ||
tint20: '#a083c9', | ||
tint30: '#b29ad4', | ||
tint40: '#d7caea', | ||
tint50: '#e9e2f4', | ||
tint60: '#f9f8fc' | ||
exports.orchid = { | ||
shade50: '#16101d', | ||
shade40: '#281e37', | ||
shade30: '#4c3867', | ||
shade20: '#674c8c', | ||
shade10: '#795aa6', | ||
primary: '#8764b8', | ||
tint10: '#9373c0', | ||
tint20: '#a083c9', | ||
tint30: '#b29ad4', | ||
tint40: '#d7caea', | ||
tint50: '#e9e2f4', | ||
tint60: '#f9f8fc' | ||
}; | ||
const grape = { | ||
shade50: '#160418', | ||
shade40: '#29072e', | ||
shade30: '#4c0d55', | ||
shade20: '#671174', | ||
shade10: '#7a1589', | ||
primary: '#881798', | ||
tint10: '#952aa4', | ||
tint20: '#a33fb1', | ||
tint30: '#b55fc1', | ||
tint40: '#d9a7e0', | ||
tint50: '#eaceef', | ||
tint60: '#faf2fb' | ||
exports.grape = { | ||
shade50: '#160418', | ||
shade40: '#29072e', | ||
shade30: '#4c0d55', | ||
shade20: '#671174', | ||
shade10: '#7a1589', | ||
primary: '#881798', | ||
tint10: '#952aa4', | ||
tint20: '#a33fb1', | ||
tint30: '#b55fc1', | ||
tint40: '#d9a7e0', | ||
tint50: '#eaceef', | ||
tint60: '#faf2fb' | ||
}; | ||
const berry = { | ||
shade50: '#1f091d', | ||
shade40: '#3a1136', | ||
shade30: '#6d2064', | ||
shade20: '#932b88', | ||
shade10: '#af33a1', | ||
primary: '#c239b3', | ||
tint10: '#c94cbc', | ||
tint20: '#d161c4', | ||
tint30: '#da7ed0', | ||
tint40: '#edbbe7', | ||
tint50: '#f5daf2', | ||
tint60: '#fdf5fc' | ||
exports.berry = { | ||
shade50: '#1f091d', | ||
shade40: '#3a1136', | ||
shade30: '#6d2064', | ||
shade20: '#932b88', | ||
shade10: '#af33a1', | ||
primary: '#c239b3', | ||
tint10: '#c94cbc', | ||
tint20: '#d161c4', | ||
tint30: '#da7ed0', | ||
tint40: '#edbbe7', | ||
tint50: '#f5daf2', | ||
tint60: '#fdf5fc' | ||
}; | ||
const lilac = { | ||
shade50: '#1c0b1f', | ||
shade40: '#35153a', | ||
shade30: '#63276d', | ||
shade20: '#863593', | ||
shade10: '#9f3faf', | ||
primary: '#b146c2', | ||
tint10: '#ba58c9', | ||
tint20: '#c36bd1', | ||
tint30: '#cf87da', | ||
tint40: '#e6bfed', | ||
tint50: '#f2dcf5', | ||
tint60: '#fcf6fd' | ||
exports.lilac = { | ||
shade50: '#1c0b1f', | ||
shade40: '#35153a', | ||
shade30: '#63276d', | ||
shade20: '#863593', | ||
shade10: '#9f3faf', | ||
primary: '#b146c2', | ||
tint10: '#ba58c9', | ||
tint20: '#c36bd1', | ||
tint30: '#cf87da', | ||
tint40: '#e6bfed', | ||
tint50: '#f2dcf5', | ||
tint60: '#fcf6fd' | ||
}; | ||
const pink = { | ||
shade50: '#24091b', | ||
shade40: '#441232', | ||
shade30: '#80215d', | ||
shade20: '#ad2d7e', | ||
shade10: '#cd3595', | ||
primary: '#e43ba6', | ||
tint10: '#e750b0', | ||
tint20: '#ea66ba', | ||
tint30: '#ef85c8', | ||
tint40: '#f7c0e3', | ||
tint50: '#fbddf0', | ||
tint60: '#fef6fb' | ||
exports.pink = { | ||
shade50: '#24091b', | ||
shade40: '#441232', | ||
shade30: '#80215d', | ||
shade20: '#ad2d7e', | ||
shade10: '#cd3595', | ||
primary: '#e43ba6', | ||
tint10: '#e750b0', | ||
tint20: '#ea66ba', | ||
tint30: '#ef85c8', | ||
tint40: '#f7c0e3', | ||
tint50: '#fbddf0', | ||
tint60: '#fef6fb' | ||
}; | ||
const hotPink = { | ||
shade50: '#240016', | ||
shade40: '#44002a', | ||
shade30: '#7f004e', | ||
shade20: '#ad006a', | ||
shade10: '#cc007e', | ||
primary: '#e3008c', | ||
tint10: '#e61c99', | ||
tint20: '#ea38a6', | ||
tint30: '#ee5fb7', | ||
tint40: '#f7adda', | ||
tint50: '#fbd2eb', | ||
tint60: '#fef4fa' | ||
exports.hotPink = { | ||
shade50: '#240016', | ||
shade40: '#44002a', | ||
shade30: '#7f004e', | ||
shade20: '#ad006a', | ||
shade10: '#cc007e', | ||
primary: '#e3008c', | ||
tint10: '#e61c99', | ||
tint20: '#ea38a6', | ||
tint30: '#ee5fb7', | ||
tint40: '#f7adda', | ||
tint50: '#fbd2eb', | ||
tint60: '#fef4fa' | ||
}; | ||
const magenta = { | ||
shade50: '#1f0013', | ||
shade40: '#390024', | ||
shade30: '#6b0043', | ||
shade20: '#91005a', | ||
shade10: '#ac006b', | ||
primary: '#bf0077', | ||
tint10: '#c71885', | ||
tint20: '#ce3293', | ||
tint30: '#d957a8', | ||
tint40: '#eca5d1', | ||
tint50: '#f5cee6', | ||
tint60: '#fcf2f9' | ||
exports.magenta = { | ||
shade50: '#1f0013', | ||
shade40: '#390024', | ||
shade30: '#6b0043', | ||
shade20: '#91005a', | ||
shade10: '#ac006b', | ||
primary: '#bf0077', | ||
tint10: '#c71885', | ||
tint20: '#ce3293', | ||
tint30: '#d957a8', | ||
tint40: '#eca5d1', | ||
tint50: '#f5cee6', | ||
tint60: '#fcf2f9' | ||
}; | ||
const plum = { | ||
shade50: '#13000c', | ||
shade40: '#240017', | ||
shade30: '#43002b', | ||
shade20: '#5a003b', | ||
shade10: '#6b0045', | ||
primary: '#77004d', | ||
tint10: '#87105d', | ||
tint20: '#98246f', | ||
tint30: '#ad4589', | ||
tint40: '#d696c0', | ||
tint50: '#e9c4dc', | ||
tint60: '#faf0f6' | ||
exports.plum = { | ||
shade50: '#13000c', | ||
shade40: '#240017', | ||
shade30: '#43002b', | ||
shade20: '#5a003b', | ||
shade10: '#6b0045', | ||
primary: '#77004d', | ||
tint10: '#87105d', | ||
tint20: '#98246f', | ||
tint30: '#ad4589', | ||
tint40: '#d696c0', | ||
tint50: '#e9c4dc', | ||
tint60: '#faf0f6' | ||
}; | ||
const beige = { | ||
shade50: '#141313', | ||
shade40: '#252323', | ||
shade30: '#444241', | ||
shade20: '#5d5958', | ||
shade10: '#6e6968', | ||
primary: '#7a7574', | ||
tint10: '#8a8584', | ||
tint20: '#9a9594', | ||
tint30: '#afabaa', | ||
tint40: '#d7d4d4', | ||
tint50: '#eae8e8', | ||
tint60: '#faf9f9' | ||
exports.beige = { | ||
shade50: '#141313', | ||
shade40: '#252323', | ||
shade30: '#444241', | ||
shade20: '#5d5958', | ||
shade10: '#6e6968', | ||
primary: '#7a7574', | ||
tint10: '#8a8584', | ||
tint20: '#9a9594', | ||
tint30: '#afabaa', | ||
tint40: '#d7d4d4', | ||
tint50: '#eae8e8', | ||
tint60: '#faf9f9' | ||
}; | ||
const mink = { | ||
shade50: '#0f0e0e', | ||
shade40: '#1c1b1a', | ||
shade30: '#343231', | ||
shade20: '#474443', | ||
shade10: '#54514f', | ||
primary: '#5d5a58', | ||
tint10: '#706d6b', | ||
tint20: '#84817e', | ||
tint30: '#9e9b99', | ||
tint40: '#cecccb', | ||
tint50: '#e5e4e3', | ||
tint60: '#f8f8f8' | ||
exports.mink = { | ||
shade50: '#0f0e0e', | ||
shade40: '#1c1b1a', | ||
shade30: '#343231', | ||
shade20: '#474443', | ||
shade10: '#54514f', | ||
primary: '#5d5a58', | ||
tint10: '#706d6b', | ||
tint20: '#84817e', | ||
tint30: '#9e9b99', | ||
tint40: '#cecccb', | ||
tint50: '#e5e4e3', | ||
tint60: '#f8f8f8' | ||
}; | ||
const silver = { | ||
shade50: '#151818', | ||
shade40: '#282d2e', | ||
shade30: '#4a5356', | ||
shade20: '#657174', | ||
shade10: '#78868a', | ||
primary: '#859599', | ||
tint10: '#92a1a5', | ||
tint20: '#a0aeb1', | ||
tint30: '#b3bfc2', | ||
tint40: '#d8dfe0', | ||
tint50: '#eaeeef', | ||
tint60: '#fafbfb' | ||
exports.silver = { | ||
shade50: '#151818', | ||
shade40: '#282d2e', | ||
shade30: '#4a5356', | ||
shade20: '#657174', | ||
shade10: '#78868a', | ||
primary: '#859599', | ||
tint10: '#92a1a5', | ||
tint20: '#a0aeb1', | ||
tint30: '#b3bfc2', | ||
tint40: '#d8dfe0', | ||
tint50: '#eaeeef', | ||
tint60: '#fafbfb' | ||
}; | ||
const platinum = { | ||
shade50: '#111314', | ||
shade40: '#1f2426', | ||
shade30: '#3b4447', | ||
shade20: '#505c60', | ||
shade10: '#5f6d71', | ||
primary: '#69797e', | ||
tint10: '#79898d', | ||
tint20: '#89989d', | ||
tint30: '#a0adb2', | ||
tint40: '#cdd6d8', | ||
tint50: '#e4e9ea', | ||
tint60: '#f8f9fa' | ||
exports.platinum = { | ||
shade50: '#111314', | ||
shade40: '#1f2426', | ||
shade30: '#3b4447', | ||
shade20: '#505c60', | ||
shade10: '#5f6d71', | ||
primary: '#69797e', | ||
tint10: '#79898d', | ||
tint20: '#89989d', | ||
tint30: '#a0adb2', | ||
tint40: '#cdd6d8', | ||
tint50: '#e4e9ea', | ||
tint60: '#f8f9fa' | ||
}; | ||
const anchor = { | ||
shade50: '#090a0b', | ||
shade40: '#111315', | ||
shade30: '#202427', | ||
shade20: '#2b3135', | ||
shade10: '#333a3f', | ||
primary: '#394146', | ||
tint10: '#4d565c', | ||
tint20: '#626c72', | ||
tint30: '#808a90', | ||
tint40: '#bcc3c7', | ||
tint50: '#dbdfe1', | ||
tint60: '#f6f7f8' | ||
exports.anchor = { | ||
shade50: '#090a0b', | ||
shade40: '#111315', | ||
shade30: '#202427', | ||
shade20: '#2b3135', | ||
shade10: '#333a3f', | ||
primary: '#394146', | ||
tint10: '#4d565c', | ||
tint20: '#626c72', | ||
tint30: '#808a90', | ||
tint40: '#bcc3c7', | ||
tint50: '#dbdfe1', | ||
tint60: '#f6f7f8' | ||
}; | ||
const charcoal = { | ||
shade50: '#090909', | ||
shade40: '#111111', | ||
shade30: '#202020', | ||
shade20: '#2b2b2b', | ||
shade10: '#333333', | ||
primary: '#393939', | ||
tint10: '#515151', | ||
tint20: '#686868', | ||
tint30: '#888888', | ||
tint40: '#c4c4c4', | ||
tint50: '#dfdfdf', | ||
tint60: '#f7f7f7' | ||
}; //# sourceMappingURL=colors.js.map | ||
exports.charcoal = { | ||
shade50: '#090909', | ||
shade40: '#111111', | ||
shade30: '#202020', | ||
shade20: '#2b2b2b', | ||
shade10: '#333333', | ||
primary: '#393939', | ||
tint10: '#515151', | ||
tint20: '#686868', | ||
tint30: '#888888', | ||
tint40: '#c4c4c4', | ||
tint50: '#dfdfdf', | ||
tint60: '#f7f7f7' | ||
}; | ||
//# sourceMappingURL=colors.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "curves", { | ||
enumerable: true, | ||
get: ()=>curves | ||
}); | ||
const curves = { | ||
curveAccelerateMax: 'cubic-bezier(1,0,1,1)', | ||
curveAccelerateMid: 'cubic-bezier(0.7,0,1,0.5)', | ||
curveAccelerateMin: 'cubic-bezier(0.8,0,1,1)', | ||
curveDecelerateMax: 'cubic-bezier(0,0,0,1)', | ||
curveDecelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)', | ||
curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)', | ||
curveEasyEaseMax: 'cubic-bezier(0.8,0,0.1,1)', | ||
curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)', | ||
curveLinear: 'cubic-bezier(0,0,1,1)' | ||
}; //# sourceMappingURL=curves.js.map | ||
exports.curves = void 0; | ||
exports.curves = { | ||
curveAccelerateMax: 'cubic-bezier(1,0,1,1)', | ||
curveAccelerateMid: 'cubic-bezier(0.7,0,1,0.5)', | ||
curveAccelerateMin: 'cubic-bezier(0.8,0,1,1)', | ||
curveDecelerateMax: 'cubic-bezier(0,0,0,1)', | ||
curveDecelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)', | ||
curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)', | ||
curveEasyEaseMax: 'cubic-bezier(0.8,0,0.1,1)', | ||
curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)', | ||
curveLinear: 'cubic-bezier(0,0,1,1)' | ||
}; | ||
//# sourceMappingURL=curves.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "durations", { | ||
enumerable: true, | ||
get: ()=>durations | ||
}); | ||
const durations = { | ||
durationUltraFast: '50ms', | ||
durationFaster: '100ms', | ||
durationFast: '150ms', | ||
durationNormal: '200ms', | ||
durationSlow: '300ms', | ||
durationSlower: '400ms', | ||
durationUltraSlow: '500ms' | ||
}; //# sourceMappingURL=durations.js.map | ||
exports.durations = void 0; | ||
exports.durations = { | ||
durationUltraFast: '50ms', | ||
durationFaster: '100ms', | ||
durationFast: '150ms', | ||
durationNormal: '200ms', | ||
durationSlow: '300ms', | ||
durationSlower: '400ms', | ||
durationUltraSlow: '500ms' | ||
}; | ||
//# sourceMappingURL=durations.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
function _export(target, all) { | ||
for(var name in all)Object.defineProperty(target, name, { | ||
enumerable: true, | ||
get: all[name] | ||
}); | ||
} | ||
_export(exports, { | ||
fontSizes: ()=>fontSizes, | ||
lineHeights: ()=>lineHeights, | ||
fontWeights: ()=>fontWeights, | ||
fontFamilies: ()=>fontFamilies | ||
}); | ||
const fontSizes = { | ||
fontSizeBase100: '10px', | ||
fontSizeBase200: '12px', | ||
fontSizeBase300: '14px', | ||
fontSizeBase400: '16px', | ||
fontSizeBase500: '20px', | ||
fontSizeBase600: '24px', | ||
fontSizeHero700: '28px', | ||
fontSizeHero800: '32px', | ||
fontSizeHero900: '40px', | ||
fontSizeHero1000: '68px' | ||
exports.fontFamilies = exports.fontWeights = exports.lineHeights = exports.fontSizes = void 0; | ||
exports.fontSizes = { | ||
fontSizeBase100: '10px', | ||
fontSizeBase200: '12px', | ||
fontSizeBase300: '14px', | ||
fontSizeBase400: '16px', | ||
fontSizeBase500: '20px', | ||
fontSizeBase600: '24px', | ||
fontSizeHero700: '28px', | ||
fontSizeHero800: '32px', | ||
fontSizeHero900: '40px', | ||
fontSizeHero1000: '68px' | ||
}; | ||
const lineHeights = { | ||
lineHeightBase100: '14px', | ||
lineHeightBase200: '16px', | ||
lineHeightBase300: '20px', | ||
lineHeightBase400: '22px', | ||
lineHeightBase500: '28px', | ||
lineHeightBase600: '32px', | ||
lineHeightHero700: '36px', | ||
lineHeightHero800: '40px', | ||
lineHeightHero900: '52px', | ||
lineHeightHero1000: '92px' | ||
exports.lineHeights = { | ||
lineHeightBase100: '14px', | ||
lineHeightBase200: '16px', | ||
lineHeightBase300: '20px', | ||
lineHeightBase400: '22px', | ||
lineHeightBase500: '28px', | ||
lineHeightBase600: '32px', | ||
lineHeightHero700: '36px', | ||
lineHeightHero800: '40px', | ||
lineHeightHero900: '52px', | ||
lineHeightHero1000: '92px' | ||
}; | ||
const fontWeights = { | ||
fontWeightRegular: 400, | ||
fontWeightMedium: 500, | ||
fontWeightSemibold: 600, | ||
fontWeightBold: 700 | ||
exports.fontWeights = { | ||
fontWeightRegular: 400, | ||
fontWeightMedium: 500, | ||
fontWeightSemibold: 600, | ||
fontWeightBold: 700 | ||
}; | ||
const fontFamilies = { | ||
fontFamilyBase: // eslint-disable-next-line @fluentui/max-len | ||
"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif", | ||
fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace", | ||
fontFamilyNumeric: // eslint-disable-next-line @fluentui/max-len | ||
"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif" | ||
}; //# sourceMappingURL=fonts.js.map | ||
exports.fontFamilies = { | ||
fontFamilyBase: | ||
// eslint-disable-next-line @fluentui/max-len | ||
"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif", | ||
fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace", | ||
fontFamilyNumeric: | ||
// eslint-disable-next-line @fluentui/max-len | ||
"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif" | ||
}; | ||
//# sourceMappingURL=fonts.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
const _exportStar = require("@swc/helpers/lib/_export_star.js").default; | ||
_exportStar(require("./borderRadius"), exports); | ||
_exportStar(require("./colors"), exports); | ||
_exportStar(require("./curves"), exports); | ||
_exportStar(require("./durations"), exports); | ||
_exportStar(require("./fonts"), exports); | ||
_exportStar(require("./spacings"), exports); | ||
_exportStar(require("./strokeWidths"), exports); | ||
_exportStar(require("./typographyStyles"), exports); | ||
//# sourceMappingURL=index.js.map | ||
const tslib_1 = /*#__PURE__*/require("tslib"); | ||
tslib_1.__exportStar(require("./borderRadius"), exports); | ||
tslib_1.__exportStar(require("./colors"), exports); | ||
tslib_1.__exportStar(require("./curves"), exports); | ||
tslib_1.__exportStar(require("./durations"), exports); | ||
tslib_1.__exportStar(require("./fonts"), exports); | ||
tslib_1.__exportStar(require("./spacings"), exports); | ||
tslib_1.__exportStar(require("./strokeWidths"), exports); | ||
tslib_1.__exportStar(require("./borderRadius"), exports); | ||
tslib_1.__exportStar(require("./typographyStyles"), exports); | ||
//# sourceMappingURL=index.js.map |
@@ -1,56 +0,47 @@ | ||
// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead. | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
function _export(target, all) { | ||
for(var name in all)Object.defineProperty(target, name, { | ||
enumerable: true, | ||
get: all[name] | ||
}); | ||
} | ||
_export(exports, { | ||
horizontalSpacings: ()=>horizontalSpacings, | ||
verticalSpacings: ()=>verticalSpacings | ||
}); | ||
exports.verticalSpacings = exports.horizontalSpacings = void 0; | ||
// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead. | ||
const spacings = { | ||
none: '0', | ||
xxs: '2px', | ||
xs: '4px', | ||
sNudge: '6px', | ||
s: '8px', | ||
mNudge: '10px', | ||
m: '12px', | ||
l: '16px', | ||
xl: '20px', | ||
xxl: '24px', | ||
xxxl: '32px' | ||
none: '0', | ||
xxs: '2px', | ||
xs: '4px', | ||
sNudge: '6px', | ||
s: '8px', | ||
mNudge: '10px', | ||
m: '12px', | ||
l: '16px', | ||
xl: '20px', | ||
xxl: '24px', | ||
xxxl: '32px' | ||
}; | ||
const horizontalSpacings = { | ||
spacingHorizontalNone: spacings.none, | ||
spacingHorizontalXXS: spacings.xxs, | ||
spacingHorizontalXS: spacings.xs, | ||
spacingHorizontalSNudge: spacings.sNudge, | ||
spacingHorizontalS: spacings.s, | ||
spacingHorizontalMNudge: spacings.mNudge, | ||
spacingHorizontalM: spacings.m, | ||
spacingHorizontalL: spacings.l, | ||
spacingHorizontalXL: spacings.xl, | ||
spacingHorizontalXXL: spacings.xxl, | ||
spacingHorizontalXXXL: spacings.xxxl | ||
exports.horizontalSpacings = { | ||
spacingHorizontalNone: spacings.none, | ||
spacingHorizontalXXS: spacings.xxs, | ||
spacingHorizontalXS: spacings.xs, | ||
spacingHorizontalSNudge: spacings.sNudge, | ||
spacingHorizontalS: spacings.s, | ||
spacingHorizontalMNudge: spacings.mNudge, | ||
spacingHorizontalM: spacings.m, | ||
spacingHorizontalL: spacings.l, | ||
spacingHorizontalXL: spacings.xl, | ||
spacingHorizontalXXL: spacings.xxl, | ||
spacingHorizontalXXXL: spacings.xxxl | ||
}; | ||
const verticalSpacings = { | ||
spacingVerticalNone: spacings.none, | ||
spacingVerticalXXS: spacings.xxs, | ||
spacingVerticalXS: spacings.xs, | ||
spacingVerticalSNudge: spacings.sNudge, | ||
spacingVerticalS: spacings.s, | ||
spacingVerticalMNudge: spacings.mNudge, | ||
spacingVerticalM: spacings.m, | ||
spacingVerticalL: spacings.l, | ||
spacingVerticalXL: spacings.xl, | ||
spacingVerticalXXL: spacings.xxl, | ||
spacingVerticalXXXL: spacings.xxxl | ||
}; //# sourceMappingURL=spacings.js.map | ||
exports.verticalSpacings = { | ||
spacingVerticalNone: spacings.none, | ||
spacingVerticalXXS: spacings.xxs, | ||
spacingVerticalXS: spacings.xs, | ||
spacingVerticalSNudge: spacings.sNudge, | ||
spacingVerticalS: spacings.s, | ||
spacingVerticalMNudge: spacings.mNudge, | ||
spacingVerticalM: spacings.m, | ||
spacingVerticalL: spacings.l, | ||
spacingVerticalXL: spacings.xl, | ||
spacingVerticalXXL: spacings.xxl, | ||
spacingVerticalXXXL: spacings.xxxl | ||
}; | ||
//# sourceMappingURL=spacings.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "strokeWidths", { | ||
enumerable: true, | ||
get: ()=>strokeWidths | ||
}); | ||
const strokeWidths = { | ||
strokeWidthThin: '1px', | ||
strokeWidthThick: '2px', | ||
strokeWidthThicker: '3px', | ||
strokeWidthThickest: '4px' | ||
}; //# sourceMappingURL=strokeWidths.js.map | ||
exports.strokeWidths = void 0; | ||
exports.strokeWidths = { | ||
strokeWidthThin: '1px', | ||
strokeWidthThick: '2px', | ||
strokeWidthThicker: '3px', | ||
strokeWidthThickest: '4px' | ||
}; | ||
//# sourceMappingURL=strokeWidths.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "typographyStyles", { | ||
enumerable: true, | ||
get: ()=>typographyStyles | ||
}); | ||
const _tokens = require("../tokens"); | ||
const typographyStyles = { | ||
body1: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase300, | ||
fontWeight: _tokens.tokens.fontWeightRegular, | ||
lineHeight: _tokens.tokens.lineHeightBase300 | ||
}, | ||
body1Strong: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase300, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightBase300 | ||
}, | ||
body1Stronger: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase300, | ||
fontWeight: _tokens.tokens.fontWeightBold, | ||
lineHeight: _tokens.tokens.lineHeightBase300 | ||
}, | ||
body2: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase400, | ||
fontWeight: _tokens.tokens.fontWeightRegular, | ||
lineHeight: _tokens.tokens.lineHeightBase400 | ||
}, | ||
caption1: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase200, | ||
fontWeight: _tokens.tokens.fontWeightRegular, | ||
lineHeight: _tokens.tokens.lineHeightBase200 | ||
}, | ||
caption1Strong: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase200, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightBase200 | ||
}, | ||
caption1Stronger: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase200, | ||
fontWeight: _tokens.tokens.fontWeightBold, | ||
lineHeight: _tokens.tokens.lineHeightBase200 | ||
}, | ||
caption2: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase100, | ||
fontWeight: _tokens.tokens.fontWeightRegular, | ||
lineHeight: _tokens.tokens.lineHeightBase100 | ||
}, | ||
caption2Strong: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase100, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightBase100 | ||
}, | ||
subtitle1: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase500, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightBase500 | ||
}, | ||
subtitle2: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase400, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightBase400 | ||
}, | ||
subtitle2Stronger: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase400, | ||
fontWeight: _tokens.tokens.fontWeightBold, | ||
lineHeight: _tokens.tokens.lineHeightBase400 | ||
}, | ||
title1: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeHero800, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightHero800 | ||
}, | ||
title2: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeHero700, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightHero700 | ||
}, | ||
title3: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeBase600, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightBase600 | ||
}, | ||
largeTitle: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeHero900, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightHero900 | ||
}, | ||
display: { | ||
fontFamily: _tokens.tokens.fontFamilyBase, | ||
fontSize: _tokens.tokens.fontSizeHero1000, | ||
fontWeight: _tokens.tokens.fontWeightSemibold, | ||
lineHeight: _tokens.tokens.lineHeightHero1000 | ||
} | ||
}; //# sourceMappingURL=typographyStyles.js.map | ||
exports.typographyStyles = void 0; | ||
const tokens_1 = /*#__PURE__*/require("../tokens"); | ||
/** | ||
* Global typography styles (fontSize, fontWeight, and lineHeight) | ||
*/ | ||
exports.typographyStyles = { | ||
body1: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase300, | ||
fontWeight: tokens_1.tokens.fontWeightRegular, | ||
lineHeight: tokens_1.tokens.lineHeightBase300 | ||
}, | ||
body1Strong: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase300, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightBase300 | ||
}, | ||
body1Stronger: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase300, | ||
fontWeight: tokens_1.tokens.fontWeightBold, | ||
lineHeight: tokens_1.tokens.lineHeightBase300 | ||
}, | ||
body2: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase400, | ||
fontWeight: tokens_1.tokens.fontWeightRegular, | ||
lineHeight: tokens_1.tokens.lineHeightBase400 | ||
}, | ||
caption1: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase200, | ||
fontWeight: tokens_1.tokens.fontWeightRegular, | ||
lineHeight: tokens_1.tokens.lineHeightBase200 | ||
}, | ||
caption1Strong: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase200, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightBase200 | ||
}, | ||
caption1Stronger: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase200, | ||
fontWeight: tokens_1.tokens.fontWeightBold, | ||
lineHeight: tokens_1.tokens.lineHeightBase200 | ||
}, | ||
caption2: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase100, | ||
fontWeight: tokens_1.tokens.fontWeightRegular, | ||
lineHeight: tokens_1.tokens.lineHeightBase100 | ||
}, | ||
caption2Strong: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase100, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightBase100 | ||
}, | ||
subtitle1: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase500, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightBase500 | ||
}, | ||
subtitle2: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase400, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightBase400 | ||
}, | ||
subtitle2Stronger: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase400, | ||
fontWeight: tokens_1.tokens.fontWeightBold, | ||
lineHeight: tokens_1.tokens.lineHeightBase400 | ||
}, | ||
title1: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeHero800, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightHero800 | ||
}, | ||
title2: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeHero700, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightHero700 | ||
}, | ||
title3: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeBase600, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightBase600 | ||
}, | ||
largeTitle: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeHero900, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightHero900 | ||
}, | ||
display: { | ||
fontFamily: tokens_1.tokens.fontFamilyBase, | ||
fontSize: tokens_1.tokens.fontSizeHero1000, | ||
fontWeight: tokens_1.tokens.fontWeightSemibold, | ||
lineHeight: tokens_1.tokens.lineHeightHero1000 | ||
} | ||
}; | ||
//# sourceMappingURL=typographyStyles.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
function _export(target, all) { | ||
for(var name in all)Object.defineProperty(target, name, { | ||
enumerable: true, | ||
get: all[name] | ||
}); | ||
} | ||
_export(exports, { | ||
teamsDarkTheme: ()=>_index.teamsDarkTheme, | ||
teamsHighContrastTheme: ()=>_index.teamsHighContrastTheme, | ||
teamsLightTheme: ()=>_index.teamsLightTheme, | ||
webDarkTheme: ()=>_index.webDarkTheme, | ||
webLightTheme: ()=>_index.webLightTheme, | ||
createDarkTheme: ()=>_index1.createDarkTheme, | ||
createHighContrastTheme: ()=>_index1.createHighContrastTheme, | ||
createLightTheme: ()=>_index1.createLightTheme, | ||
createTeamsDarkTheme: ()=>_index1.createTeamsDarkTheme, | ||
themeToTokensObject: ()=>_themeToTokensObject.themeToTokensObject, | ||
tokens: ()=>_tokens.tokens, | ||
typographyStyles: ()=>_index2.typographyStyles | ||
exports.typographyStyles = exports.tokens = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.webLightTheme = exports.webDarkTheme = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = void 0; | ||
var index_1 = /*#__PURE__*/require("./themes/index"); | ||
Object.defineProperty(exports, "teamsDarkTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_1.teamsDarkTheme; | ||
} | ||
}); | ||
const _index = require("./themes/index"); | ||
const _index1 = require("./utils/index"); | ||
const _themeToTokensObject = require("./themeToTokensObject"); | ||
const _tokens = require("./tokens"); | ||
const _index2 = require("./global/index"); | ||
//# sourceMappingURL=index.js.map | ||
Object.defineProperty(exports, "teamsHighContrastTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_1.teamsHighContrastTheme; | ||
} | ||
}); | ||
Object.defineProperty(exports, "teamsLightTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_1.teamsLightTheme; | ||
} | ||
}); | ||
Object.defineProperty(exports, "webDarkTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_1.webDarkTheme; | ||
} | ||
}); | ||
Object.defineProperty(exports, "webLightTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_1.webLightTheme; | ||
} | ||
}); | ||
var index_2 = /*#__PURE__*/require("./utils/index"); | ||
Object.defineProperty(exports, "createDarkTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_2.createDarkTheme; | ||
} | ||
}); | ||
Object.defineProperty(exports, "createHighContrastTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_2.createHighContrastTheme; | ||
} | ||
}); | ||
Object.defineProperty(exports, "createLightTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_2.createLightTheme; | ||
} | ||
}); | ||
Object.defineProperty(exports, "createTeamsDarkTheme", { | ||
enumerable: true, | ||
get: function () { | ||
return index_2.createTeamsDarkTheme; | ||
} | ||
}); | ||
var themeToTokensObject_1 = /*#__PURE__*/require("./themeToTokensObject"); | ||
Object.defineProperty(exports, "themeToTokensObject", { | ||
enumerable: true, | ||
get: function () { | ||
return themeToTokensObject_1.themeToTokensObject; | ||
} | ||
}); | ||
var tokens_1 = /*#__PURE__*/require("./tokens"); | ||
Object.defineProperty(exports, "tokens", { | ||
enumerable: true, | ||
get: function () { | ||
return tokens_1.tokens; | ||
} | ||
}); | ||
var index_3 = /*#__PURE__*/require("./global/index"); | ||
Object.defineProperty(exports, "typographyStyles", { | ||
enumerable: true, | ||
get: function () { | ||
return index_3.typographyStyles; | ||
} | ||
}); | ||
//# sourceMappingURL=index.js.map |
@@ -1,72 +0,13 @@ | ||
/* Names of colors used in shared color palette alias tokens for status. */ "use strict"; | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
function _export(target, all) { | ||
for(var name in all)Object.defineProperty(target, name, { | ||
enumerable: true, | ||
get: all[name] | ||
}); | ||
} | ||
_export(exports, { | ||
statusSharedColorNames: ()=>statusSharedColorNames, | ||
personaSharedColorNames: ()=>personaSharedColorNames, | ||
unusedSharedColorNames: ()=>unusedSharedColorNames | ||
}); | ||
const statusSharedColorNames = [ | ||
'red', | ||
'green', | ||
'darkOrange', | ||
'yellow', | ||
'berry', | ||
'lightGreen', | ||
'marigold' | ||
]; | ||
const personaSharedColorNames = [ | ||
'darkRed', | ||
'cranberry', | ||
'pumpkin', | ||
'peach', | ||
'gold', | ||
'brass', | ||
'brown', | ||
'forest', | ||
'seafoam', | ||
'darkGreen', | ||
'lightTeal', | ||
'teal', | ||
'steel', | ||
'blue', | ||
'royalBlue', | ||
'cornflower', | ||
'navy', | ||
'lavender', | ||
'purple', | ||
'grape', | ||
'lilac', | ||
'pink', | ||
'magenta', | ||
'plum', | ||
'beige', | ||
'mink', | ||
'platinum', | ||
'anchor' | ||
]; | ||
const unusedSharedColorNames = [ | ||
'burgundy', | ||
'bronze', | ||
'orange', | ||
'darkBrown', | ||
'lime', | ||
'darkTeal', | ||
'cyan', | ||
'lightBlue', | ||
'darkBlue', | ||
'darkPurple', | ||
'orchid', | ||
'hotPink', | ||
'silver', | ||
'charcoal' | ||
]; //# sourceMappingURL=sharedColorNames.js.map | ||
exports.unusedSharedColorNames = exports.personaSharedColorNames = exports.statusSharedColorNames = void 0; | ||
/* Names of colors used in shared color palette alias tokens for status. */ | ||
exports.statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold']; | ||
/* Names of colors used in shared color palette alias tokens for persona. */ | ||
exports.personaSharedColorNames = ['darkRed', 'cranberry', 'pumpkin', 'peach', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor']; | ||
/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */ | ||
exports.unusedSharedColorNames = ['burgundy', 'bronze', 'orange', 'darkBrown', 'lime', 'darkTeal', 'cyan', 'lightBlue', 'darkBlue', 'darkPurple', 'orchid', 'hotPink', 'silver', 'charcoal']; | ||
//# sourceMappingURL=sharedColorNames.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
const _exportStar = require("@swc/helpers/lib/_export_star.js").default; | ||
_exportStar(require("./teams/index"), exports); | ||
_exportStar(require("./web/index"), exports); | ||
//# sourceMappingURL=index.js.map | ||
const tslib_1 = /*#__PURE__*/require("tslib"); | ||
tslib_1.__exportStar(require("./teams/index"), exports); | ||
tslib_1.__exportStar(require("./web/index"), exports); | ||
//# sourceMappingURL=index.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "teamsDarkTheme", { | ||
enumerable: true, | ||
get: ()=>teamsDarkTheme | ||
}); | ||
const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme"); | ||
const _brandColors = require("../../global/brandColors"); | ||
const teamsDarkTheme = /*#__PURE__*/ (0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams); //# sourceMappingURL=darkTheme.js.map | ||
exports.teamsDarkTheme = void 0; | ||
const createTeamsDarkTheme_1 = /*#__PURE__*/require("../../utils/createTeamsDarkTheme"); | ||
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors"); | ||
exports.teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme_1.createTeamsDarkTheme(brandColors_1.brandTeams); | ||
//# sourceMappingURL=darkTheme.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "teamsHighContrastTheme", { | ||
enumerable: true, | ||
get: ()=>teamsHighContrastTheme | ||
}); | ||
const _createHighContrastTheme = require("../../utils/createHighContrastTheme"); | ||
const teamsHighContrastTheme = /*#__PURE__*/ (0, _createHighContrastTheme.createHighContrastTheme)(); //# sourceMappingURL=highContrastTheme.js.map | ||
exports.teamsHighContrastTheme = void 0; | ||
const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme"); | ||
exports.teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme(); | ||
//# sourceMappingURL=highContrastTheme.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
const _exportStar = require("@swc/helpers/lib/_export_star.js").default; | ||
_exportStar(require("./lightTheme"), exports); | ||
_exportStar(require("./darkTheme"), exports); | ||
_exportStar(require("./highContrastTheme"), exports); | ||
//# sourceMappingURL=index.js.map | ||
const tslib_1 = /*#__PURE__*/require("tslib"); | ||
tslib_1.__exportStar(require("./lightTheme"), exports); | ||
tslib_1.__exportStar(require("./darkTheme"), exports); | ||
tslib_1.__exportStar(require("./highContrastTheme"), exports); | ||
//# sourceMappingURL=index.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "teamsLightTheme", { | ||
enumerable: true, | ||
get: ()=>teamsLightTheme | ||
}); | ||
const _createLightTheme = require("../../utils/createLightTheme"); | ||
const _brandColors = require("../../global/brandColors"); | ||
const teamsLightTheme = /*#__PURE__*/ (0, _createLightTheme.createLightTheme)(_brandColors.brandTeams); //# sourceMappingURL=lightTheme.js.map | ||
exports.teamsLightTheme = void 0; | ||
const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme"); | ||
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors"); | ||
exports.teamsLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandTeams); | ||
//# sourceMappingURL=lightTheme.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "webDarkTheme", { | ||
enumerable: true, | ||
get: ()=>webDarkTheme | ||
}); | ||
const _createDarkTheme = require("../../utils/createDarkTheme"); | ||
const _brandColors = require("../../global/brandColors"); | ||
const webDarkTheme = /*#__PURE__*/ (0, _createDarkTheme.createDarkTheme)(_brandColors.brandWeb); //# sourceMappingURL=darkTheme.js.map | ||
exports.webDarkTheme = void 0; | ||
const createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme"); | ||
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors"); | ||
exports.webDarkTheme = /*#__PURE__*/createDarkTheme_1.createDarkTheme(brandColors_1.brandWeb); | ||
//# sourceMappingURL=darkTheme.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
const _exportStar = require("@swc/helpers/lib/_export_star.js").default; | ||
_exportStar(require("./lightTheme"), exports); | ||
_exportStar(require("./darkTheme"), exports); | ||
//# sourceMappingURL=index.js.map | ||
const tslib_1 = /*#__PURE__*/require("tslib"); | ||
tslib_1.__exportStar(require("./lightTheme"), exports); | ||
tslib_1.__exportStar(require("./darkTheme"), exports); | ||
//# sourceMappingURL=index.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "webLightTheme", { | ||
enumerable: true, | ||
get: ()=>webLightTheme | ||
}); | ||
const _createLightTheme = require("../../utils/createLightTheme"); | ||
const _brandColors = require("../../global/brandColors"); | ||
const webLightTheme = /*#__PURE__*/ (0, _createLightTheme.createLightTheme)(_brandColors.brandWeb); //# sourceMappingURL=lightTheme.js.map | ||
exports.webLightTheme = void 0; | ||
const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme"); | ||
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors"); | ||
exports.webLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandWeb); | ||
//# sourceMappingURL=lightTheme.js.map |
@@ -0,1 +1,7 @@ | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.themeToTokensObject = void 0; | ||
/** | ||
@@ -8,19 +14,12 @@ * Programmatically generates a tokens to css variables mapping object from the keys in a theme. | ||
* @returns Tokens to css variables mapping object corresponding to the passed theme | ||
*/ "use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "themeToTokensObject", { | ||
enumerable: true, | ||
get: ()=>themeToTokensObject | ||
}); | ||
*/ | ||
function themeToTokensObject(theme) { | ||
const tokens = {}; | ||
const keys = Object.keys(theme); | ||
for (const key of keys){ | ||
tokens[key] = `var(--${key})`; | ||
} | ||
return tokens; | ||
} //# sourceMappingURL=themeToTokensObject.js.map | ||
const tokens = {}; | ||
const keys = Object.keys(theme); | ||
for (const key of keys) { | ||
tokens[key] = `var(--${key})`; | ||
} | ||
return tokens; | ||
} | ||
exports.themeToTokensObject = themeToTokensObject; | ||
//# sourceMappingURL=themeToTokensObject.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "tokens", { | ||
enumerable: true, | ||
get: ()=>tokens | ||
}); | ||
const tokens = { | ||
// Color tokens | ||
colorNeutralForeground1: 'var(--colorNeutralForeground1)', | ||
colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)', | ||
colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)', | ||
colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)', | ||
colorNeutralForeground2: 'var(--colorNeutralForeground2)', | ||
colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)', | ||
colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)', | ||
colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)', | ||
colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)', | ||
colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)', | ||
colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)', | ||
colorNeutralForeground3: 'var(--colorNeutralForeground3)', | ||
colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)', | ||
colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)', | ||
colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)', | ||
colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)', | ||
colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)', | ||
colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)', | ||
colorNeutralForeground4: 'var(--colorNeutralForeground4)', | ||
colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)', | ||
colorBrandForegroundLink: 'var(--colorBrandForegroundLink)', | ||
colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)', | ||
colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)', | ||
colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)', | ||
colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)', | ||
colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)', | ||
colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)', | ||
colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)', | ||
colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)', | ||
colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)', | ||
colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)', | ||
colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)', | ||
colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)', | ||
colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)', | ||
colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)', | ||
colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)', | ||
colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)', | ||
colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)', | ||
colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)', | ||
colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)', | ||
colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)', | ||
colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)', | ||
colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)', | ||
colorBrandForeground1: 'var(--colorBrandForeground1)', | ||
colorBrandForeground2: 'var(--colorBrandForeground2)', | ||
colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)', | ||
colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)', | ||
colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)', | ||
colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)', | ||
colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)', | ||
colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)', | ||
colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)', | ||
colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)', | ||
colorNeutralBackground1: 'var(--colorNeutralBackground1)', | ||
colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)', | ||
colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)', | ||
colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)', | ||
colorNeutralBackground2: 'var(--colorNeutralBackground2)', | ||
colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)', | ||
colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)', | ||
colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)', | ||
colorNeutralBackground3: 'var(--colorNeutralBackground3)', | ||
colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)', | ||
colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)', | ||
colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)', | ||
colorNeutralBackground4: 'var(--colorNeutralBackground4)', | ||
colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)', | ||
colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)', | ||
colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)', | ||
colorNeutralBackground5: 'var(--colorNeutralBackground5)', | ||
colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)', | ||
colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)', | ||
colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)', | ||
colorNeutralBackground6: 'var(--colorNeutralBackground6)', | ||
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)', | ||
colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)', | ||
colorSubtleBackground: 'var(--colorSubtleBackground)', | ||
colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)', | ||
colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)', | ||
colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)', | ||
colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)', | ||
colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)', | ||
colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)', | ||
colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)', | ||
colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)', | ||
colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)', | ||
colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)', | ||
colorTransparentBackground: 'var(--colorTransparentBackground)', | ||
colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)', | ||
colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)', | ||
colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)', | ||
colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)', | ||
colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)', | ||
colorNeutralStencil1: 'var(--colorNeutralStencil1)', | ||
colorNeutralStencil2: 'var(--colorNeutralStencil2)', | ||
colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)', | ||
colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)', | ||
colorBackgroundOverlay: 'var(--colorBackgroundOverlay)', | ||
colorScrollbarOverlay: 'var(--colorScrollbarOverlay)', | ||
colorBrandBackground: 'var(--colorBrandBackground)', | ||
colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)', | ||
colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)', | ||
colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)', | ||
colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)', | ||
colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)', | ||
colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)', | ||
colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)', | ||
colorBrandBackground2: 'var(--colorBrandBackground2)', | ||
colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)', | ||
colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)', | ||
colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)', | ||
colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)', | ||
colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)', | ||
colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)', | ||
colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)', | ||
colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)', | ||
colorNeutralStroke1: 'var(--colorNeutralStroke1)', | ||
colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)', | ||
colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)', | ||
colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)', | ||
colorNeutralStroke2: 'var(--colorNeutralStroke2)', | ||
colorNeutralStroke3: 'var(--colorNeutralStroke3)', | ||
colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)', | ||
colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)', | ||
colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)', | ||
colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)', | ||
colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)', | ||
colorBrandStroke1: 'var(--colorBrandStroke1)', | ||
colorBrandStroke2: 'var(--colorBrandStroke2)', | ||
colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)', | ||
colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)', | ||
colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)', | ||
colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)', | ||
colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)', | ||
colorTransparentStroke: 'var(--colorTransparentStroke)', | ||
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)', | ||
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)', | ||
colorStrokeFocus1: 'var(--colorStrokeFocus1)', | ||
colorStrokeFocus2: 'var(--colorStrokeFocus2)', | ||
colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)', | ||
colorNeutralShadowKey: 'var(--colorNeutralShadowKey)', | ||
colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)', | ||
colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)', | ||
colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)', | ||
colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)', | ||
colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)', | ||
colorBrandShadowKey: 'var(--colorBrandShadowKey)', | ||
// Color palette tokens | ||
// Color palette red tokens | ||
colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)', | ||
colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)', | ||
colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)', | ||
colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)', | ||
colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)', | ||
colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)', | ||
colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)', | ||
colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)', | ||
colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)', | ||
colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)', | ||
// Color palette green tokens | ||
colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)', | ||
colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)', | ||
colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)', | ||
colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)', | ||
colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)', | ||
colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)', | ||
colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)', | ||
colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)', | ||
colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)', | ||
colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)', | ||
// Color palette dark orange tokens | ||
colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)', | ||
colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)', | ||
colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)', | ||
colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)', | ||
colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)', | ||
colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)', | ||
colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)', | ||
colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)', | ||
colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)', | ||
// Color palette yellow tokens | ||
colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)', | ||
colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)', | ||
colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)', | ||
colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)', | ||
colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)', | ||
colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)', | ||
colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)', | ||
colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)', | ||
colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)', | ||
colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)', | ||
// Color palette berry tokens | ||
colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)', | ||
colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)', | ||
colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)', | ||
colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)', | ||
colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)', | ||
colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)', | ||
colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)', | ||
colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)', | ||
colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)', | ||
// Color palette marigold tokens | ||
colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)', | ||
colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)', | ||
colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)', | ||
colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)', | ||
colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)', | ||
colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)', | ||
colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)', | ||
colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)', | ||
colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)', | ||
// Color palette light green tokens | ||
colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)', | ||
colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)', | ||
colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)', | ||
colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)', | ||
colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)', | ||
colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)', | ||
colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)', | ||
colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)', | ||
colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)', | ||
// Color palette anchor tokens | ||
colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)', | ||
colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)', | ||
colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)', | ||
// Color palette beige tokens | ||
colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)', | ||
colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)', | ||
colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)', | ||
// Color palette blue tokens | ||
colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)', | ||
colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)', | ||
colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)', | ||
// Color palette brass tokens | ||
colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)', | ||
colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)', | ||
colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)', | ||
// Color palette brown tokens | ||
colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)', | ||
colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)', | ||
colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)', | ||
// Color palette cornflower tokens | ||
colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)', | ||
colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)', | ||
colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)', | ||
// Color palette cranberry tokens | ||
colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)', | ||
colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)', | ||
colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)', | ||
// Color palette dark green tokens | ||
colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)', | ||
colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)', | ||
colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)', | ||
// Color palette dark red tokens | ||
colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)', | ||
colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)', | ||
colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)', | ||
// Color palette forest tokens | ||
colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)', | ||
colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)', | ||
colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)', | ||
// Color palette gold tokens | ||
colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)', | ||
colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)', | ||
colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)', | ||
// Color palette grape tokens | ||
colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)', | ||
colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)', | ||
colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)', | ||
// Color palette lavender tokens | ||
colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)', | ||
colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)', | ||
colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)', | ||
// Color palette light teal tokens | ||
colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)', | ||
colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)', | ||
colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)', | ||
// Color palette lilac tokens | ||
colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)', | ||
colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)', | ||
colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)', | ||
// Color palette magenta tokens | ||
colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)', | ||
colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)', | ||
colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)', | ||
// Color palette mink tokens | ||
colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)', | ||
colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)', | ||
colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)', | ||
// Color palette navy tokens | ||
colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)', | ||
colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)', | ||
colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)', | ||
// Color palette peach tokens | ||
colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)', | ||
colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)', | ||
colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)', | ||
// Color palette pink tokens | ||
colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)', | ||
colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)', | ||
colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)', | ||
// Color palette platinum tokens | ||
colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)', | ||
colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)', | ||
colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)', | ||
// Color palette plum tokens | ||
colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)', | ||
colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)', | ||
colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)', | ||
// Color palette pumpkin tokens | ||
colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)', | ||
colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)', | ||
colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)', | ||
// Color palette purple tokens | ||
colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)', | ||
colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)', | ||
colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)', | ||
// Color palette royal blue tokens | ||
colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)', | ||
colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)', | ||
colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)', | ||
// Color palette seafoam tokens | ||
colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)', | ||
colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)', | ||
colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)', | ||
// Color palette steel tokens | ||
colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)', | ||
colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)', | ||
colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)', | ||
// Color palette teal tokens | ||
colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)', | ||
colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)', | ||
colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)', | ||
// Border radius tokens | ||
borderRadiusNone: 'var(--borderRadiusNone)', | ||
borderRadiusSmall: 'var(--borderRadiusSmall)', | ||
borderRadiusMedium: 'var(--borderRadiusMedium)', | ||
borderRadiusLarge: 'var(--borderRadiusLarge)', | ||
borderRadiusXLarge: 'var(--borderRadiusXLarge)', | ||
borderRadiusCircular: 'var(--borderRadiusCircular)', | ||
// Font family tokens | ||
fontFamilyBase: 'var(--fontFamilyBase)', | ||
fontFamilyMonospace: 'var(--fontFamilyMonospace)', | ||
fontFamilyNumeric: 'var(--fontFamilyNumeric)', | ||
// Font size tokens | ||
fontSizeBase100: 'var(--fontSizeBase100)', | ||
fontSizeBase200: 'var(--fontSizeBase200)', | ||
fontSizeBase300: 'var(--fontSizeBase300)', | ||
fontSizeBase400: 'var(--fontSizeBase400)', | ||
fontSizeBase500: 'var(--fontSizeBase500)', | ||
fontSizeBase600: 'var(--fontSizeBase600)', | ||
fontSizeHero700: 'var(--fontSizeHero700)', | ||
fontSizeHero800: 'var(--fontSizeHero800)', | ||
fontSizeHero900: 'var(--fontSizeHero900)', | ||
fontSizeHero1000: 'var(--fontSizeHero1000)', | ||
// Font weight tokens | ||
fontWeightRegular: 'var(--fontWeightRegular)', | ||
fontWeightMedium: 'var(--fontWeightMedium)', | ||
fontWeightSemibold: 'var(--fontWeightSemibold)', | ||
fontWeightBold: 'var(--fontWeightBold)', | ||
// Line height tokens | ||
lineHeightBase100: 'var(--lineHeightBase100)', | ||
lineHeightBase200: 'var(--lineHeightBase200)', | ||
lineHeightBase300: 'var(--lineHeightBase300)', | ||
lineHeightBase400: 'var(--lineHeightBase400)', | ||
lineHeightBase500: 'var(--lineHeightBase500)', | ||
lineHeightBase600: 'var(--lineHeightBase600)', | ||
lineHeightHero700: 'var(--lineHeightHero700)', | ||
lineHeightHero800: 'var(--lineHeightHero800)', | ||
lineHeightHero900: 'var(--lineHeightHero900)', | ||
lineHeightHero1000: 'var(--lineHeightHero1000)', | ||
// Shadow tokens | ||
shadow2: 'var(--shadow2)', | ||
shadow4: 'var(--shadow4)', | ||
shadow8: 'var(--shadow8)', | ||
shadow16: 'var(--shadow16)', | ||
shadow28: 'var(--shadow28)', | ||
shadow64: 'var(--shadow64)', | ||
// Shadow brand tokens | ||
shadow2Brand: 'var(--shadow2Brand)', | ||
shadow4Brand: 'var(--shadow4Brand)', | ||
shadow8Brand: 'var(--shadow8Brand)', | ||
shadow16Brand: 'var(--shadow16Brand)', | ||
shadow28Brand: 'var(--shadow28Brand)', | ||
shadow64Brand: 'var(--shadow64Brand)', | ||
// Stroke width tokens | ||
strokeWidthThin: 'var(--strokeWidthThin)', | ||
strokeWidthThick: 'var(--strokeWidthThick)', | ||
strokeWidthThicker: 'var(--strokeWidthThicker)', | ||
strokeWidthThickest: 'var(--strokeWidthThickest)', | ||
// Spacings | ||
spacingHorizontalNone: 'var(--spacingHorizontalNone)', | ||
spacingHorizontalXXS: 'var(--spacingHorizontalXXS)', | ||
spacingHorizontalXS: 'var(--spacingHorizontalXS)', | ||
spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)', | ||
spacingHorizontalS: 'var(--spacingHorizontalS)', | ||
spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)', | ||
spacingHorizontalM: 'var(--spacingHorizontalM)', | ||
spacingHorizontalL: 'var(--spacingHorizontalL)', | ||
spacingHorizontalXL: 'var(--spacingHorizontalXL)', | ||
spacingHorizontalXXL: 'var(--spacingHorizontalXXL)', | ||
spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)', | ||
spacingVerticalNone: 'var(--spacingVerticalNone)', | ||
spacingVerticalXXS: 'var(--spacingVerticalXXS)', | ||
spacingVerticalXS: 'var(--spacingVerticalXS)', | ||
spacingVerticalSNudge: 'var(--spacingVerticalSNudge)', | ||
spacingVerticalS: 'var(--spacingVerticalS)', | ||
spacingVerticalMNudge: 'var(--spacingVerticalMNudge)', | ||
spacingVerticalM: 'var(--spacingVerticalM)', | ||
spacingVerticalL: 'var(--spacingVerticalL)', | ||
spacingVerticalXL: 'var(--spacingVerticalXL)', | ||
spacingVerticalXXL: 'var(--spacingVerticalXXL)', | ||
spacingVerticalXXXL: 'var(--spacingVerticalXXXL)', | ||
// Durations | ||
durationUltraFast: 'var(--durationUltraFast)', | ||
durationFaster: 'var(--durationFaster)', | ||
durationFast: 'var(--durationFast)', | ||
durationNormal: 'var(--durationNormal)', | ||
durationSlow: 'var(--durationSlow)', | ||
durationSlower: 'var(--durationSlower)', | ||
durationUltraSlow: 'var(--durationUltraSlow)', | ||
// Curves | ||
curveAccelerateMax: 'var(--curveAccelerateMax)', | ||
curveAccelerateMid: 'var(--curveAccelerateMid)', | ||
curveAccelerateMin: 'var(--curveAccelerateMin)', | ||
curveDecelerateMax: 'var(--curveDecelerateMax)', | ||
curveDecelerateMid: 'var(--curveDecelerateMid)', | ||
curveDecelerateMin: 'var(--curveDecelerateMin)', | ||
curveEasyEaseMax: 'var(--curveEasyEaseMax)', | ||
curveEasyEase: 'var(--curveEasyEase)', | ||
curveLinear: 'var(--curveLinear)' | ||
}; //# sourceMappingURL=tokens.js.map | ||
exports.tokens = void 0; | ||
exports.tokens = { | ||
// Color tokens | ||
colorNeutralForeground1: 'var(--colorNeutralForeground1)', | ||
colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)', | ||
colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)', | ||
colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)', | ||
colorNeutralForeground2: 'var(--colorNeutralForeground2)', | ||
colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)', | ||
colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)', | ||
colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)', | ||
colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)', | ||
colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)', | ||
colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)', | ||
colorNeutralForeground3: 'var(--colorNeutralForeground3)', | ||
colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)', | ||
colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)', | ||
colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)', | ||
colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)', | ||
colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)', | ||
colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)', | ||
colorNeutralForeground4: 'var(--colorNeutralForeground4)', | ||
colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)', | ||
colorBrandForegroundLink: 'var(--colorBrandForegroundLink)', | ||
colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)', | ||
colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)', | ||
colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)', | ||
colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)', | ||
colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)', | ||
colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)', | ||
colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)', | ||
colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)', | ||
colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)', | ||
colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)', | ||
colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)', | ||
colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)', | ||
colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)', | ||
colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)', | ||
colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)', | ||
colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)', | ||
colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)', | ||
colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)', | ||
colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)', | ||
colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)', | ||
colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)', | ||
colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)', | ||
colorBrandForeground1: 'var(--colorBrandForeground1)', | ||
colorBrandForeground2: 'var(--colorBrandForeground2)', | ||
colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)', | ||
colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)', | ||
colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)', | ||
colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)', | ||
colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)', | ||
colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)', | ||
colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)', | ||
colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)', | ||
colorNeutralBackground1: 'var(--colorNeutralBackground1)', | ||
colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)', | ||
colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)', | ||
colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)', | ||
colorNeutralBackground2: 'var(--colorNeutralBackground2)', | ||
colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)', | ||
colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)', | ||
colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)', | ||
colorNeutralBackground3: 'var(--colorNeutralBackground3)', | ||
colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)', | ||
colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)', | ||
colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)', | ||
colorNeutralBackground4: 'var(--colorNeutralBackground4)', | ||
colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)', | ||
colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)', | ||
colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)', | ||
colorNeutralBackground5: 'var(--colorNeutralBackground5)', | ||
colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)', | ||
colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)', | ||
colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)', | ||
colorNeutralBackground6: 'var(--colorNeutralBackground6)', | ||
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)', | ||
colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)', | ||
colorSubtleBackground: 'var(--colorSubtleBackground)', | ||
colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)', | ||
colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)', | ||
colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)', | ||
colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)', | ||
colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)', | ||
colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)', | ||
colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)', | ||
colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)', | ||
colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)', | ||
colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)', | ||
colorTransparentBackground: 'var(--colorTransparentBackground)', | ||
colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)', | ||
colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)', | ||
colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)', | ||
colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)', | ||
colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)', | ||
colorNeutralStencil1: 'var(--colorNeutralStencil1)', | ||
colorNeutralStencil2: 'var(--colorNeutralStencil2)', | ||
colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)', | ||
colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)', | ||
colorBackgroundOverlay: 'var(--colorBackgroundOverlay)', | ||
colorScrollbarOverlay: 'var(--colorScrollbarOverlay)', | ||
colorBrandBackground: 'var(--colorBrandBackground)', | ||
colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)', | ||
colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)', | ||
colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)', | ||
colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)', | ||
colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)', | ||
colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)', | ||
colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)', | ||
colorBrandBackground2: 'var(--colorBrandBackground2)', | ||
colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)', | ||
colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)', | ||
colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)', | ||
colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)', | ||
colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)', | ||
colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)', | ||
colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)', | ||
colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)', | ||
colorNeutralStroke1: 'var(--colorNeutralStroke1)', | ||
colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)', | ||
colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)', | ||
colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)', | ||
colorNeutralStroke2: 'var(--colorNeutralStroke2)', | ||
colorNeutralStroke3: 'var(--colorNeutralStroke3)', | ||
colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)', | ||
colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)', | ||
colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)', | ||
colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)', | ||
colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)', | ||
colorBrandStroke1: 'var(--colorBrandStroke1)', | ||
colorBrandStroke2: 'var(--colorBrandStroke2)', | ||
colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)', | ||
colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)', | ||
colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)', | ||
colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)', | ||
colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)', | ||
colorTransparentStroke: 'var(--colorTransparentStroke)', | ||
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)', | ||
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)', | ||
colorStrokeFocus1: 'var(--colorStrokeFocus1)', | ||
colorStrokeFocus2: 'var(--colorStrokeFocus2)', | ||
colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)', | ||
colorNeutralShadowKey: 'var(--colorNeutralShadowKey)', | ||
colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)', | ||
colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)', | ||
colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)', | ||
colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)', | ||
colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)', | ||
colorBrandShadowKey: 'var(--colorBrandShadowKey)', | ||
// Color palette tokens | ||
// Color palette red tokens | ||
colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)', | ||
colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)', | ||
colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)', | ||
colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)', | ||
colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)', | ||
colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)', | ||
colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)', | ||
colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)', | ||
colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)', | ||
colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)', | ||
// Color palette green tokens | ||
colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)', | ||
colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)', | ||
colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)', | ||
colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)', | ||
colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)', | ||
colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)', | ||
colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)', | ||
colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)', | ||
colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)', | ||
colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)', | ||
// Color palette dark orange tokens | ||
colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)', | ||
colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)', | ||
colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)', | ||
colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)', | ||
colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)', | ||
colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)', | ||
colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)', | ||
colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)', | ||
colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)', | ||
// Color palette yellow tokens | ||
colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)', | ||
colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)', | ||
colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)', | ||
colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)', | ||
colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)', | ||
colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)', | ||
colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)', | ||
colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)', | ||
colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)', | ||
colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)', | ||
// Color palette berry tokens | ||
colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)', | ||
colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)', | ||
colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)', | ||
colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)', | ||
colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)', | ||
colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)', | ||
colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)', | ||
colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)', | ||
colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)', | ||
// Color palette marigold tokens | ||
colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)', | ||
colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)', | ||
colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)', | ||
colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)', | ||
colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)', | ||
colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)', | ||
colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)', | ||
colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)', | ||
colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)', | ||
// Color palette light green tokens | ||
colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)', | ||
colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)', | ||
colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)', | ||
colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)', | ||
colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)', | ||
colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)', | ||
colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)', | ||
colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)', | ||
colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)', | ||
// Color palette anchor tokens | ||
colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)', | ||
colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)', | ||
colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)', | ||
// Color palette beige tokens | ||
colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)', | ||
colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)', | ||
colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)', | ||
// Color palette blue tokens | ||
colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)', | ||
colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)', | ||
colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)', | ||
// Color palette brass tokens | ||
colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)', | ||
colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)', | ||
colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)', | ||
// Color palette brown tokens | ||
colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)', | ||
colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)', | ||
colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)', | ||
// Color palette cornflower tokens | ||
colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)', | ||
colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)', | ||
colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)', | ||
// Color palette cranberry tokens | ||
colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)', | ||
colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)', | ||
colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)', | ||
// Color palette dark green tokens | ||
colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)', | ||
colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)', | ||
colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)', | ||
// Color palette dark red tokens | ||
colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)', | ||
colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)', | ||
colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)', | ||
// Color palette forest tokens | ||
colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)', | ||
colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)', | ||
colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)', | ||
// Color palette gold tokens | ||
colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)', | ||
colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)', | ||
colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)', | ||
// Color palette grape tokens | ||
colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)', | ||
colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)', | ||
colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)', | ||
// Color palette lavender tokens | ||
colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)', | ||
colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)', | ||
colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)', | ||
// Color palette light teal tokens | ||
colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)', | ||
colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)', | ||
colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)', | ||
// Color palette lilac tokens | ||
colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)', | ||
colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)', | ||
colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)', | ||
// Color palette magenta tokens | ||
colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)', | ||
colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)', | ||
colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)', | ||
// Color palette mink tokens | ||
colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)', | ||
colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)', | ||
colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)', | ||
// Color palette navy tokens | ||
colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)', | ||
colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)', | ||
colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)', | ||
// Color palette peach tokens | ||
colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)', | ||
colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)', | ||
colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)', | ||
// Color palette pink tokens | ||
colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)', | ||
colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)', | ||
colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)', | ||
// Color palette platinum tokens | ||
colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)', | ||
colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)', | ||
colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)', | ||
// Color palette plum tokens | ||
colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)', | ||
colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)', | ||
colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)', | ||
// Color palette pumpkin tokens | ||
colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)', | ||
colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)', | ||
colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)', | ||
// Color palette purple tokens | ||
colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)', | ||
colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)', | ||
colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)', | ||
// Color palette royal blue tokens | ||
colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)', | ||
colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)', | ||
colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)', | ||
// Color palette seafoam tokens | ||
colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)', | ||
colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)', | ||
colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)', | ||
// Color palette steel tokens | ||
colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)', | ||
colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)', | ||
colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)', | ||
// Color palette teal tokens | ||
colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)', | ||
colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)', | ||
colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)', | ||
// Border radius tokens | ||
borderRadiusNone: 'var(--borderRadiusNone)', | ||
borderRadiusSmall: 'var(--borderRadiusSmall)', | ||
borderRadiusMedium: 'var(--borderRadiusMedium)', | ||
borderRadiusLarge: 'var(--borderRadiusLarge)', | ||
borderRadiusXLarge: 'var(--borderRadiusXLarge)', | ||
borderRadiusCircular: 'var(--borderRadiusCircular)', | ||
// Font family tokens | ||
fontFamilyBase: 'var(--fontFamilyBase)', | ||
fontFamilyMonospace: 'var(--fontFamilyMonospace)', | ||
fontFamilyNumeric: 'var(--fontFamilyNumeric)', | ||
// Font size tokens | ||
fontSizeBase100: 'var(--fontSizeBase100)', | ||
fontSizeBase200: 'var(--fontSizeBase200)', | ||
fontSizeBase300: 'var(--fontSizeBase300)', | ||
fontSizeBase400: 'var(--fontSizeBase400)', | ||
fontSizeBase500: 'var(--fontSizeBase500)', | ||
fontSizeBase600: 'var(--fontSizeBase600)', | ||
fontSizeHero700: 'var(--fontSizeHero700)', | ||
fontSizeHero800: 'var(--fontSizeHero800)', | ||
fontSizeHero900: 'var(--fontSizeHero900)', | ||
fontSizeHero1000: 'var(--fontSizeHero1000)', | ||
// Font weight tokens | ||
fontWeightRegular: 'var(--fontWeightRegular)', | ||
fontWeightMedium: 'var(--fontWeightMedium)', | ||
fontWeightSemibold: 'var(--fontWeightSemibold)', | ||
fontWeightBold: 'var(--fontWeightBold)', | ||
// Line height tokens | ||
lineHeightBase100: 'var(--lineHeightBase100)', | ||
lineHeightBase200: 'var(--lineHeightBase200)', | ||
lineHeightBase300: 'var(--lineHeightBase300)', | ||
lineHeightBase400: 'var(--lineHeightBase400)', | ||
lineHeightBase500: 'var(--lineHeightBase500)', | ||
lineHeightBase600: 'var(--lineHeightBase600)', | ||
lineHeightHero700: 'var(--lineHeightHero700)', | ||
lineHeightHero800: 'var(--lineHeightHero800)', | ||
lineHeightHero900: 'var(--lineHeightHero900)', | ||
lineHeightHero1000: 'var(--lineHeightHero1000)', | ||
// Shadow tokens | ||
shadow2: 'var(--shadow2)', | ||
shadow4: 'var(--shadow4)', | ||
shadow8: 'var(--shadow8)', | ||
shadow16: 'var(--shadow16)', | ||
shadow28: 'var(--shadow28)', | ||
shadow64: 'var(--shadow64)', | ||
// Shadow brand tokens | ||
shadow2Brand: 'var(--shadow2Brand)', | ||
shadow4Brand: 'var(--shadow4Brand)', | ||
shadow8Brand: 'var(--shadow8Brand)', | ||
shadow16Brand: 'var(--shadow16Brand)', | ||
shadow28Brand: 'var(--shadow28Brand)', | ||
shadow64Brand: 'var(--shadow64Brand)', | ||
// Stroke width tokens | ||
strokeWidthThin: 'var(--strokeWidthThin)', | ||
strokeWidthThick: 'var(--strokeWidthThick)', | ||
strokeWidthThicker: 'var(--strokeWidthThicker)', | ||
strokeWidthThickest: 'var(--strokeWidthThickest)', | ||
// Spacings | ||
spacingHorizontalNone: 'var(--spacingHorizontalNone)', | ||
spacingHorizontalXXS: 'var(--spacingHorizontalXXS)', | ||
spacingHorizontalXS: 'var(--spacingHorizontalXS)', | ||
spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)', | ||
spacingHorizontalS: 'var(--spacingHorizontalS)', | ||
spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)', | ||
spacingHorizontalM: 'var(--spacingHorizontalM)', | ||
spacingHorizontalL: 'var(--spacingHorizontalL)', | ||
spacingHorizontalXL: 'var(--spacingHorizontalXL)', | ||
spacingHorizontalXXL: 'var(--spacingHorizontalXXL)', | ||
spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)', | ||
spacingVerticalNone: 'var(--spacingVerticalNone)', | ||
spacingVerticalXXS: 'var(--spacingVerticalXXS)', | ||
spacingVerticalXS: 'var(--spacingVerticalXS)', | ||
spacingVerticalSNudge: 'var(--spacingVerticalSNudge)', | ||
spacingVerticalS: 'var(--spacingVerticalS)', | ||
spacingVerticalMNudge: 'var(--spacingVerticalMNudge)', | ||
spacingVerticalM: 'var(--spacingVerticalM)', | ||
spacingVerticalL: 'var(--spacingVerticalL)', | ||
spacingVerticalXL: 'var(--spacingVerticalXL)', | ||
spacingVerticalXXL: 'var(--spacingVerticalXXL)', | ||
spacingVerticalXXXL: 'var(--spacingVerticalXXXL)', | ||
// Durations | ||
durationUltraFast: 'var(--durationUltraFast)', | ||
durationFaster: 'var(--durationFaster)', | ||
durationFast: 'var(--durationFast)', | ||
durationNormal: 'var(--durationNormal)', | ||
durationSlow: 'var(--durationSlow)', | ||
durationSlower: 'var(--durationSlower)', | ||
durationUltraSlow: 'var(--durationUltraSlow)', | ||
// Curves | ||
curveAccelerateMax: 'var(--curveAccelerateMax)', | ||
curveAccelerateMid: 'var(--curveAccelerateMid)', | ||
curveAccelerateMin: 'var(--curveAccelerateMin)', | ||
curveDecelerateMax: 'var(--curveDecelerateMax)', | ||
curveDecelerateMid: 'var(--curveDecelerateMid)', | ||
curveDecelerateMin: 'var(--curveDecelerateMin)', | ||
curveEasyEaseMax: 'var(--curveEasyEaseMax)', | ||
curveEasyEase: 'var(--curveEasyEase)', | ||
curveLinear: 'var(--curveLinear)' | ||
}; | ||
//# sourceMappingURL=tokens.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
//# sourceMappingURL=types.js.map | ||
//# sourceMappingURL=types.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "createDarkTheme", { | ||
enumerable: true, | ||
get: ()=>createDarkTheme | ||
}); | ||
const _darkColorPalette = require("../alias/darkColorPalette"); | ||
const _darkColor = require("../alias/darkColor"); | ||
const _index = require("../global/index"); | ||
const _shadows = require("./shadows"); | ||
const _durations = require("../global/durations"); | ||
const _curves = require("../global/curves"); | ||
const _spacings = require("../global/spacings"); | ||
const createDarkTheme = (brand)=>{ | ||
const colorTokens = (0, _darkColor.generateColorTokens)(brand); | ||
return { | ||
..._index.borderRadius, | ||
..._index.fontSizes, | ||
..._index.lineHeights, | ||
..._index.fontFamilies, | ||
..._index.fontWeights, | ||
..._index.strokeWidths, | ||
..._spacings.horizontalSpacings, | ||
..._spacings.verticalSpacings, | ||
..._durations.durations, | ||
..._curves.curves, | ||
...colorTokens, | ||
..._darkColorPalette.colorPaletteTokens, | ||
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey), | ||
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand') | ||
}; | ||
}; //# sourceMappingURL=createDarkTheme.js.map | ||
exports.createDarkTheme = void 0; | ||
const darkColorPalette_1 = /*#__PURE__*/require("../alias/darkColorPalette"); | ||
const darkColor_1 = /*#__PURE__*/require("../alias/darkColor"); | ||
const index_1 = /*#__PURE__*/require("../global/index"); | ||
const shadows_1 = /*#__PURE__*/require("./shadows"); | ||
const durations_1 = /*#__PURE__*/require("../global/durations"); | ||
const curves_1 = /*#__PURE__*/require("../global/curves"); | ||
const spacings_1 = /*#__PURE__*/require("../global/spacings"); | ||
const createDarkTheme = brand => { | ||
const colorTokens = darkColor_1.generateColorTokens(brand); | ||
return { | ||
...index_1.borderRadius, | ||
...index_1.fontSizes, | ||
...index_1.lineHeights, | ||
...index_1.fontFamilies, | ||
...index_1.fontWeights, | ||
...index_1.strokeWidths, | ||
...spacings_1.horizontalSpacings, | ||
...spacings_1.verticalSpacings, | ||
...durations_1.durations, | ||
...curves_1.curves, | ||
...colorTokens, | ||
...darkColorPalette_1.colorPaletteTokens, | ||
...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey), | ||
...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand') | ||
}; | ||
}; | ||
exports.createDarkTheme = createDarkTheme; | ||
//# sourceMappingURL=createDarkTheme.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "createHighContrastTheme", { | ||
enumerable: true, | ||
get: ()=>createHighContrastTheme | ||
}); | ||
const _highContrastColorPalette = require("../alias/highContrastColorPalette"); | ||
const _highContrastColor = require("../alias/highContrastColor"); | ||
const _index = require("../global/index"); | ||
const _shadows = require("./shadows"); | ||
const _durations = require("../global/durations"); | ||
const _curves = require("../global/curves"); | ||
const _spacings = require("../global/spacings"); | ||
const createHighContrastTheme = ()=>{ | ||
const colorTokens = (0, _highContrastColor.generateColorTokens)(); | ||
return { | ||
..._index.borderRadius, | ||
..._index.fontSizes, | ||
..._index.lineHeights, | ||
..._index.fontFamilies, | ||
..._index.fontWeights, | ||
..._index.strokeWidths, | ||
..._spacings.horizontalSpacings, | ||
..._spacings.verticalSpacings, | ||
..._durations.durations, | ||
..._curves.curves, | ||
...colorTokens, | ||
..._highContrastColorPalette.colorPaletteTokens, | ||
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey), | ||
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand') | ||
}; | ||
}; //# sourceMappingURL=createHighContrastTheme.js.map | ||
exports.createHighContrastTheme = void 0; | ||
const highContrastColorPalette_1 = /*#__PURE__*/require("../alias/highContrastColorPalette"); | ||
const highContrastColor_1 = /*#__PURE__*/require("../alias/highContrastColor"); | ||
const index_1 = /*#__PURE__*/require("../global/index"); | ||
const shadows_1 = /*#__PURE__*/require("./shadows"); | ||
const durations_1 = /*#__PURE__*/require("../global/durations"); | ||
const curves_1 = /*#__PURE__*/require("../global/curves"); | ||
const spacings_1 = /*#__PURE__*/require("../global/spacings"); | ||
const createHighContrastTheme = () => { | ||
const colorTokens = highContrastColor_1.generateColorTokens(); | ||
return { | ||
...index_1.borderRadius, | ||
...index_1.fontSizes, | ||
...index_1.lineHeights, | ||
...index_1.fontFamilies, | ||
...index_1.fontWeights, | ||
...index_1.strokeWidths, | ||
...spacings_1.horizontalSpacings, | ||
...spacings_1.verticalSpacings, | ||
...durations_1.durations, | ||
...curves_1.curves, | ||
...colorTokens, | ||
...highContrastColorPalette_1.colorPaletteTokens, | ||
...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey), | ||
...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand') | ||
}; | ||
}; | ||
exports.createHighContrastTheme = createHighContrastTheme; | ||
//# sourceMappingURL=createHighContrastTheme.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "createLightTheme", { | ||
enumerable: true, | ||
get: ()=>createLightTheme | ||
}); | ||
const _lightColorPalette = require("../alias/lightColorPalette"); | ||
const _lightColor = require("../alias/lightColor"); | ||
const _index = require("../global/index"); | ||
const _shadows = require("./shadows"); | ||
const _durations = require("../global/durations"); | ||
const _curves = require("../global/curves"); | ||
const _spacings = require("../global/spacings"); | ||
const createLightTheme = (brand)=>{ | ||
const colorTokens = (0, _lightColor.generateColorTokens)(brand); | ||
return { | ||
..._index.borderRadius, | ||
..._index.fontSizes, | ||
..._index.lineHeights, | ||
..._index.fontFamilies, | ||
..._index.fontWeights, | ||
..._index.strokeWidths, | ||
..._spacings.horizontalSpacings, | ||
..._spacings.verticalSpacings, | ||
..._durations.durations, | ||
..._curves.curves, | ||
...colorTokens, | ||
..._lightColorPalette.colorPaletteTokens, | ||
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey), | ||
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand') | ||
}; | ||
}; //# sourceMappingURL=createLightTheme.js.map | ||
exports.createLightTheme = void 0; | ||
const lightColorPalette_1 = /*#__PURE__*/require("../alias/lightColorPalette"); | ||
const lightColor_1 = /*#__PURE__*/require("../alias/lightColor"); | ||
const index_1 = /*#__PURE__*/require("../global/index"); | ||
const shadows_1 = /*#__PURE__*/require("./shadows"); | ||
const durations_1 = /*#__PURE__*/require("../global/durations"); | ||
const curves_1 = /*#__PURE__*/require("../global/curves"); | ||
const spacings_1 = /*#__PURE__*/require("../global/spacings"); | ||
const createLightTheme = brand => { | ||
const colorTokens = lightColor_1.generateColorTokens(brand); | ||
return { | ||
...index_1.borderRadius, | ||
...index_1.fontSizes, | ||
...index_1.lineHeights, | ||
...index_1.fontFamilies, | ||
...index_1.fontWeights, | ||
...index_1.strokeWidths, | ||
...spacings_1.horizontalSpacings, | ||
...spacings_1.verticalSpacings, | ||
...durations_1.durations, | ||
...curves_1.curves, | ||
...colorTokens, | ||
...lightColorPalette_1.colorPaletteTokens, | ||
...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey), | ||
...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand') | ||
}; | ||
}; | ||
exports.createLightTheme = createLightTheme; | ||
//# sourceMappingURL=createLightTheme.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "createTeamsDarkTheme", { | ||
enumerable: true, | ||
get: ()=>createTeamsDarkTheme | ||
}); | ||
const _darkColorPalette = require("../alias/darkColorPalette"); | ||
const _teamsDarkColor = require("../alias/teamsDarkColor"); | ||
const _index = require("../global/index"); | ||
const _shadows = require("./shadows"); | ||
const _durations = require("../global/durations"); | ||
const _curves = require("../global/curves"); | ||
const _spacings = require("../global/spacings"); | ||
const createTeamsDarkTheme = (brand)=>{ | ||
const colorTokens = (0, _teamsDarkColor.generateColorTokens)(brand); | ||
return { | ||
..._index.borderRadius, | ||
..._index.fontSizes, | ||
..._index.lineHeights, | ||
..._index.fontFamilies, | ||
..._index.fontWeights, | ||
..._index.strokeWidths, | ||
..._spacings.horizontalSpacings, | ||
..._spacings.verticalSpacings, | ||
..._durations.durations, | ||
..._curves.curves, | ||
...colorTokens, | ||
..._darkColorPalette.colorPaletteTokens, | ||
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey), | ||
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand') | ||
}; | ||
}; //# sourceMappingURL=createTeamsDarkTheme.js.map | ||
exports.createTeamsDarkTheme = void 0; | ||
const darkColorPalette_1 = /*#__PURE__*/require("../alias/darkColorPalette"); | ||
const teamsDarkColor_1 = /*#__PURE__*/require("../alias/teamsDarkColor"); | ||
const index_1 = /*#__PURE__*/require("../global/index"); | ||
const shadows_1 = /*#__PURE__*/require("./shadows"); | ||
const durations_1 = /*#__PURE__*/require("../global/durations"); | ||
const curves_1 = /*#__PURE__*/require("../global/curves"); | ||
const spacings_1 = /*#__PURE__*/require("../global/spacings"); | ||
const createTeamsDarkTheme = brand => { | ||
const colorTokens = teamsDarkColor_1.generateColorTokens(brand); | ||
return { | ||
...index_1.borderRadius, | ||
...index_1.fontSizes, | ||
...index_1.lineHeights, | ||
...index_1.fontFamilies, | ||
...index_1.fontWeights, | ||
...index_1.strokeWidths, | ||
...spacings_1.horizontalSpacings, | ||
...spacings_1.verticalSpacings, | ||
...durations_1.durations, | ||
...curves_1.curves, | ||
...colorTokens, | ||
...darkColorPalette_1.colorPaletteTokens, | ||
...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey), | ||
...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand') | ||
}; | ||
}; | ||
exports.createTeamsDarkTheme = createTeamsDarkTheme; | ||
//# sourceMappingURL=createTeamsDarkTheme.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
const _exportStar = require("@swc/helpers/lib/_export_star.js").default; | ||
_exportStar(require("./createLightTheme"), exports); | ||
_exportStar(require("./createDarkTheme"), exports); | ||
_exportStar(require("./createTeamsDarkTheme"), exports); | ||
_exportStar(require("./createHighContrastTheme"), exports); | ||
//# sourceMappingURL=index.js.map | ||
const tslib_1 = /*#__PURE__*/require("tslib"); | ||
tslib_1.__exportStar(require("./createLightTheme"), exports); | ||
tslib_1.__exportStar(require("./createDarkTheme"), exports); | ||
tslib_1.__exportStar(require("./createTeamsDarkTheme"), exports); | ||
tslib_1.__exportStar(require("./createHighContrastTheme"), exports); | ||
//# sourceMappingURL=index.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "createShadowTokens", { | ||
enumerable: true, | ||
get: ()=>createShadowTokens | ||
}); | ||
function createShadowTokens(ambientColor, keyColor) { | ||
let tokenSuffix = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ''; | ||
return { | ||
[`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`, | ||
[`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`, | ||
[`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`, | ||
[`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`, | ||
[`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`, | ||
[`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}` | ||
}; | ||
} //# sourceMappingURL=shadows.js.map | ||
exports.createShadowTokens = void 0; | ||
function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') { | ||
return { | ||
[`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`, | ||
[`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`, | ||
[`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`, | ||
[`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`, | ||
[`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`, | ||
[`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}` | ||
}; | ||
} | ||
exports.createShadowTokens = createShadowTokens; | ||
//# sourceMappingURL=shadows.js.map |
@@ -1,2 +0,4 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors'; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors'; | ||
export const generateColorTokens = brand => ({ | ||
@@ -149,4 +151,4 @@ colorNeutralForeground1: white, | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
}); | ||
//# sourceMappingURL=darkColor.js.map |
@@ -1,2 +0,3 @@ | ||
/* color palette used in both darkTheme and teamsDarkTheme */import { statusSharedColors, personaSharedColors } from '../global/colorPalette'; | ||
/* color palette used in both darkTheme and teamsDarkTheme */ | ||
import { statusSharedColors, personaSharedColors } from '../global/colorPalette'; | ||
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames'; | ||
@@ -3,0 +4,0 @@ const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => { |
@@ -1,2 +0,4 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors'; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors'; | ||
export const generateColorTokens = () => ({ | ||
@@ -149,4 +151,4 @@ colorNeutralForeground1: hcCanvasText, | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
}); | ||
//# sourceMappingURL=highContrastColor.js.map |
@@ -1,2 +0,4 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors'; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors'; | ||
export const generateColorTokens = brand => ({ | ||
@@ -149,4 +151,4 @@ colorNeutralForeground1: grey[14], | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
}); | ||
//# sourceMappingURL=lightColor.js.map |
@@ -1,2 +0,4 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors'; | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors'; | ||
export const generateColorTokens = brand => ({ | ||
@@ -149,4 +151,4 @@ colorNeutralForeground1: white, | ||
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
}); | ||
//# sourceMappingURL=teamsDarkColor.js.map |
@@ -1,2 +0,4 @@ | ||
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */export const grey = { | ||
/* !!! DO NOT EDIT !!! */ | ||
/* This file has been generated by the token pipeline */ | ||
export const grey = { | ||
'0': '#000000', | ||
@@ -3,0 +5,0 @@ '2': '#050505', |
@@ -1,2 +0,3 @@ | ||
/* Names of colors used in shared color palette alias tokens for status. */export const statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold']; | ||
/* Names of colors used in shared color palette alias tokens for status. */ | ||
export const statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold']; | ||
/* Names of colors used in shared color palette alias tokens for persona. */ | ||
@@ -3,0 +4,0 @@ export const personaSharedColorNames = ['darkRed', 'cranberry', 'pumpkin', 'peach', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor']; |
@@ -8,3 +8,4 @@ /** | ||
* @returns Tokens to css variables mapping object corresponding to the passed theme | ||
*/export function themeToTokensObject(theme) { | ||
*/ | ||
export function themeToTokensObject(theme) { | ||
const tokens = {}; | ||
@@ -11,0 +12,0 @@ const keys = Object.keys(theme); |
@@ -1,3 +0,2 @@ | ||
export function createShadowTokens(ambientColor, keyColor) { | ||
let tokenSuffix = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ''; | ||
export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') { | ||
return { | ||
@@ -4,0 +3,0 @@ [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`, |
{ | ||
"name": "@fluentui/tokens", | ||
"version": "0.0.0-nightly-20230223-2115.1", | ||
"version": "0.0.0-nightly-20230227-0424.1", | ||
"description": "Fluent UI Theme Tokens", | ||
@@ -23,3 +23,3 @@ "main": "lib-commonjs/index.js", | ||
"type-check": "tsc -b tsconfig.json", | ||
"generate-api": "just-scripts generate-api" | ||
"generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor" | ||
}, | ||
@@ -32,4 +32,3 @@ "devDependencies": { | ||
"dependencies": { | ||
"@swc/core": "^1.3.24", | ||
"@swc/helpers": "^0.4.14" | ||
"tslib": "^2.1.0" | ||
}, | ||
@@ -36,0 +35,0 @@ "beachball": {}, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
713784
1
154
5611
+ Addedtslib@^2.1.0
- Removed@swc/core@^1.3.24
- Removed@swc/helpers@^0.4.14
- Removed@swc/core@1.9.1(transitive)
- Removed@swc/core-darwin-arm64@1.9.1(transitive)
- Removed@swc/core-darwin-x64@1.9.1(transitive)
- Removed@swc/core-linux-arm-gnueabihf@1.9.1(transitive)
- Removed@swc/core-linux-arm64-gnu@1.9.1(transitive)
- Removed@swc/core-linux-arm64-musl@1.9.1(transitive)
- Removed@swc/core-linux-x64-gnu@1.9.1(transitive)
- Removed@swc/core-linux-x64-musl@1.9.1(transitive)
- Removed@swc/core-win32-arm64-msvc@1.9.1(transitive)
- Removed@swc/core-win32-ia32-msvc@1.9.1(transitive)
- Removed@swc/core-win32-x64-msvc@1.9.1(transitive)
- Removed@swc/counter@0.1.3(transitive)
- Removed@swc/helpers@0.4.37(transitive)
- Removed@swc/types@0.1.14(transitive)