Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@fluentui/tokens

Package Overview
Dependencies
Maintainers
12
Versions
504
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fluentui/tokens - npm Package Compare versions

Comparing version 0.0.0-nightly-20230223-2115.1 to 0.0.0-nightly-20230227-0424.1

6

CHANGELOG.json

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc