Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

View File

@@ -0,0 +1,197 @@
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "generateColorTokens", {
enumerable: true,
get: function() {
return generateColorTokens;
}
});
const _colors = require("../global/colors.js");
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],
colorNeutralForeground5: _colors.grey[68],
colorNeutralForeground5Hover: _colors.white,
colorNeutralForeground5Pressed: _colors.white,
colorNeutralForeground5Selected: _colors.white,
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],
colorBrandForeground2Hover: brand[130],
colorBrandForeground2Pressed: brand[160],
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],
colorNeutralBackground7: '#00000000',
colorNeutralBackground7Hover: _colors.grey[10],
colorNeutralBackground7Pressed: _colors.grey[4],
colorNeutralBackground7Selected: '#00000000',
colorNeutralBackground8: _colors.grey[16],
colorNeutralBackgroundInverted: _colors.white,
colorNeutralBackgroundInvertedHover: _colors.grey[96],
colorNeutralBackgroundInvertedPressed: _colors.grey[88],
colorNeutralBackgroundInvertedSelected: _colors.grey[92],
colorNeutralBackgroundStatic: _colors.grey[24],
colorNeutralBackgroundAlpha: _colors.grey10Alpha[50],
colorNeutralBackgroundAlpha2: _colors.grey12Alpha[70],
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],
colorNeutralBackgroundDisabled2: _colors.grey[16],
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[20],
colorBrandBackground2Hover: brand[40],
colorBrandBackground2Pressed: brand[10],
colorBrandBackground3Static: brand[60],
colorBrandBackground4Static: brand[40],
colorBrandBackgroundInverted: _colors.white,
colorBrandBackgroundInvertedHover: brand[160],
colorBrandBackgroundInvertedPressed: brand[140],
colorBrandBackgroundInvertedSelected: brand[150],
colorNeutralCardBackground: _colors.grey[20],
colorNeutralCardBackgroundHover: _colors.grey[24],
colorNeutralCardBackgroundPressed: _colors.grey[18],
colorNeutralCardBackgroundSelected: _colors.grey[22],
colorNeutralCardBackgroundDisabled: _colors.grey[8],
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],
colorNeutralStroke4: _colors.grey[24],
colorNeutralStroke4Hover: _colors.grey[18],
colorNeutralStroke4Pressed: _colors.grey[14],
colorNeutralStroke4Selected: _colors.grey[24],
colorNeutralStrokeSubtle: _colors.grey[4],
colorNeutralStrokeOnBrand: _colors.grey[16],
colorNeutralStrokeOnBrand2: _colors.white,
colorNeutralStrokeOnBrand2Hover: _colors.white,
colorNeutralStrokeOnBrand2Pressed: _colors.white,
colorNeutralStrokeOnBrand2Selected: _colors.white,
colorBrandStroke1: brand[100],
colorBrandStroke2: brand[50],
colorBrandStroke2Hover: brand[50],
colorBrandStroke2Pressed: brand[30],
colorBrandStroke2Contrast: brand[50],
colorCompoundBrandStroke: brand[100],
colorCompoundBrandStrokeHover: brand[110],
colorCompoundBrandStrokePressed: brand[90],
colorNeutralStrokeDisabled: _colors.grey[26],
colorNeutralStrokeDisabled2: _colors.grey[24],
colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
colorTransparentStroke: 'transparent',
colorTransparentStrokeInteractive: 'transparent',
colorTransparentStrokeDisabled: 'transparent',
colorNeutralStrokeAlpha: _colors.whiteAlpha[10],
colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
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)'
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,87 @@
/* color palette used in both darkTheme and teamsDarkTheme */ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
colorPaletteTokens: function() {
return colorPaletteTokens;
},
colorStatusTokens: function() {
return colorStatusTokens;
}
});
const _colorPalette = require("../global/colorPalette.js");
const _sharedColorNames = require("../sharedColorNames.js");
const _statusColorMapping = require("../statusColorMapping.js");
const statusColorPaletteTokens = _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);
}, {});
// 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 = _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);
}, {});
// one-off patches
personaColorPaletteTokens.colorPaletteDarkRedBackground2 = _colorPalette.personaSharedColors.darkRed.shade20;
personaColorPaletteTokens.colorPalettePlumBackground2 = _colorPalette.personaSharedColors.plum.shade20;
const colorPaletteTokens = {
...statusColorPaletteTokens,
...personaColorPaletteTokens
};
const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
// TODO: double check the mapping with design - see the one-off patches above
const statusColorTokens = {
[`colorStatus${color}Background1`]: _colorPalette.mappedStatusColors[sharedColor].shade40,
[`colorStatus${color}Background2`]: _colorPalette.mappedStatusColors[sharedColor].shade30,
[`colorStatus${color}Background3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
[`colorStatus${color}Foreground1`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
[`colorStatus${color}Foreground2`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
[`colorStatus${color}Foreground3`]: _colorPalette.mappedStatusColors[sharedColor].tint20,
[`colorStatus${color}BorderActive`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
[`colorStatus${color}ForegroundInverted`]: _colorPalette.mappedStatusColors[sharedColor].shade10,
[`colorStatus${color}Border1`]: _colorPalette.mappedStatusColors[sharedColor].primary,
[`colorStatus${color}Border2`]: _colorPalette.mappedStatusColors[sharedColor].tint20
};
return Object.assign(acc, statusColorTokens);
}, {});
// one-off overrides for colorStatus tokens
colorStatusTokens.colorStatusDangerBackground3Hover = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade10;
colorStatusTokens.colorStatusDangerBackground3Pressed = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade20;
colorStatusTokens.colorStatusDangerForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].tint40;
colorStatusTokens.colorStatusDangerBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].tint30;
colorStatusTokens.colorStatusSuccessForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.success].tint40;
colorStatusTokens.colorStatusSuccessBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.success].tint40;
colorStatusTokens.colorStatusWarningForegroundInverted = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,197 @@
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "generateColorTokens", {
enumerable: true,
get: function() {
return generateColorTokens;
}
});
const _colors = require("../global/colors.js");
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,
colorNeutralForeground5: _colors.hcCanvasText,
colorNeutralForeground5Hover: _colors.hcHighlightText,
colorNeutralForeground5Pressed: _colors.hcHighlightText,
colorNeutralForeground5Selected: _colors.hcHighlightText,
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.hcCanvasText,
colorBrandForeground2Hover: _colors.hcCanvasText,
colorBrandForeground2Pressed: _colors.hcCanvasText,
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,
colorNeutralBackground7: _colors.hcCanvas,
colorNeutralBackground7Hover: _colors.hcHighlight,
colorNeutralBackground7Pressed: _colors.hcHighlight,
colorNeutralBackground7Selected: _colors.hcHighlight,
colorNeutralBackground8: _colors.hcCanvas,
colorNeutralBackgroundInverted: _colors.hcCanvas,
colorNeutralBackgroundInvertedHover: _colors.hcHighlight,
colorNeutralBackgroundInvertedPressed: _colors.hcHighlight,
colorNeutralBackgroundInvertedSelected: _colors.hcHighlight,
colorNeutralBackgroundStatic: _colors.hcCanvas,
colorNeutralBackgroundAlpha: _colors.hcCanvas,
colorNeutralBackgroundAlpha2: _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,
colorNeutralBackgroundDisabled2: _colors.hcDisabled,
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.hcCanvas,
colorBrandBackground2Hover: _colors.hcCanvas,
colorBrandBackground2Pressed: _colors.hcCanvas,
colorBrandBackground3Static: _colors.hcCanvas,
colorBrandBackground4Static: _colors.hcCanvas,
colorBrandBackgroundInverted: _colors.hcButtonFace,
colorBrandBackgroundInvertedHover: _colors.hcHighlight,
colorBrandBackgroundInvertedPressed: _colors.hcHighlight,
colorBrandBackgroundInvertedSelected: _colors.hcHighlight,
colorNeutralCardBackground: _colors.hcCanvas,
colorNeutralCardBackgroundHover: _colors.hcHighlight,
colorNeutralCardBackgroundPressed: _colors.hcHighlight,
colorNeutralCardBackgroundSelected: _colors.hcHighlight,
colorNeutralCardBackgroundDisabled: _colors.hcCanvas,
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,
colorNeutralStroke4: _colors.hcCanvasText,
colorNeutralStroke4Hover: _colors.hcHighlight,
colorNeutralStroke4Pressed: _colors.hcHighlight,
colorNeutralStroke4Selected: _colors.hcHighlight,
colorNeutralStrokeSubtle: _colors.hcCanvasText,
colorNeutralStrokeOnBrand: _colors.hcCanvas,
colorNeutralStrokeOnBrand2: _colors.hcCanvasText,
colorNeutralStrokeOnBrand2Hover: _colors.hcCanvasText,
colorNeutralStrokeOnBrand2Pressed: _colors.hcCanvasText,
colorNeutralStrokeOnBrand2Selected: _colors.hcCanvasText,
colorBrandStroke1: _colors.hcCanvasText,
colorBrandStroke2: _colors.hcCanvasText,
colorBrandStroke2Hover: _colors.hcHighlight,
colorBrandStroke2Pressed: _colors.hcHighlight,
colorBrandStroke2Contrast: _colors.hcCanvas,
colorCompoundBrandStroke: _colors.hcHighlight,
colorCompoundBrandStrokeHover: _colors.hcHighlight,
colorCompoundBrandStrokePressed: _colors.hcHighlight,
colorNeutralStrokeDisabled: _colors.hcDisabled,
colorNeutralStrokeDisabled2: _colors.hcDisabled,
colorNeutralStrokeInvertedDisabled: _colors.hcDisabled,
colorTransparentStroke: _colors.hcCanvasText,
colorTransparentStrokeInteractive: _colors.hcHighlight,
colorTransparentStrokeDisabled: _colors.hcDisabled,
colorNeutralStrokeAlpha: _colors.hcCanvasText,
colorNeutralStrokeAlpha2: _colors.hcCanvas,
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)'
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,73 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
colorPaletteTokens: function() {
return colorPaletteTokens;
},
colorStatusTokens: function() {
return colorStatusTokens;
}
});
const _colors = require("../global/colors.js");
const _sharedColorNames = require("../sharedColorNames.js");
const _statusColorMapping = require("../statusColorMapping.js");
const statusColorPaletteTokens = _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);
}, {});
// one-off patches
statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colors.hcCanvasText;
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colors.hcCanvasText;
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colors.hcCanvasText;
const personaColorPaletteTokens = _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);
}, {});
const colorPaletteTokens = {
...statusColorPaletteTokens,
...personaColorPaletteTokens
};
const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
// TODO: double check the mapping with design
const statusColorTokens = {
[`colorStatus${color}Background1`]: _colors.hcCanvas,
[`colorStatus${color}Background2`]: _colors.hcCanvas,
[`colorStatus${color}Background3`]: _colors.hcCanvasText,
[`colorStatus${color}Foreground1`]: _colors.hcCanvasText,
[`colorStatus${color}Foreground2`]: _colors.hcCanvasText,
[`colorStatus${color}Foreground3`]: _colors.hcCanvasText,
[`colorStatus${color}BorderActive`]: _colors.hcHighlight,
[`colorStatus${color}ForegroundInverted`]: _colors.hcCanvasText,
[`colorStatus${color}Border1`]: _colors.hcCanvasText,
[`colorStatus${color}Border2`]: _colors.hcCanvasText
};
return Object.assign(acc, statusColorTokens);
}, {});
// one-off overrides for colorStatus tokens
colorStatusTokens.colorStatusDangerBackground3Hover = _colors.hcHighlight;
colorStatusTokens.colorStatusDangerBackground3Pressed = _colors.hcHighlight;

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,197 @@
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "generateColorTokens", {
enumerable: true,
get: function() {
return generateColorTokens;
}
});
const _colors = require("../global/colors.js");
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],
colorNeutralForeground5: _colors.grey[38],
colorNeutralForeground5Hover: _colors.grey[14],
colorNeutralForeground5Pressed: _colors.grey[14],
colorNeutralForeground5Selected: _colors.grey[14],
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],
colorBrandForeground2Hover: brand[60],
colorBrandForeground2Pressed: brand[30],
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],
colorNeutralBackground7: '#00000000',
colorNeutralBackground7Hover: _colors.grey[92],
colorNeutralBackground7Pressed: _colors.grey[84],
colorNeutralBackground7Selected: '#00000000',
colorNeutralBackground8: _colors.grey[99],
colorNeutralBackgroundInverted: _colors.grey[16],
colorNeutralBackgroundInvertedHover: _colors.grey[24],
colorNeutralBackgroundInvertedPressed: _colors.grey[12],
colorNeutralBackgroundInvertedSelected: _colors.grey[22],
colorNeutralBackgroundStatic: _colors.grey[20],
colorNeutralBackgroundAlpha: _colors.whiteAlpha[50],
colorNeutralBackgroundAlpha2: _colors.whiteAlpha[80],
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],
colorNeutralBackgroundDisabled2: _colors.white,
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],
colorBrandBackground2Hover: brand[150],
colorBrandBackground2Pressed: brand[130],
colorBrandBackground3Static: brand[60],
colorBrandBackground4Static: brand[40],
colorBrandBackgroundInverted: _colors.white,
colorBrandBackgroundInvertedHover: brand[160],
colorBrandBackgroundInvertedPressed: brand[140],
colorBrandBackgroundInvertedSelected: brand[150],
colorNeutralCardBackground: _colors.grey[98],
colorNeutralCardBackgroundHover: _colors.white,
colorNeutralCardBackgroundPressed: _colors.grey[96],
colorNeutralCardBackgroundSelected: _colors.grey[92],
colorNeutralCardBackgroundDisabled: _colors.grey[94],
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],
colorNeutralStroke4: _colors.grey[92],
colorNeutralStroke4Hover: _colors.grey[88],
colorNeutralStroke4Pressed: _colors.grey[84],
colorNeutralStroke4Selected: _colors.grey[92],
colorNeutralStrokeSubtle: _colors.grey[88],
colorNeutralStrokeOnBrand: _colors.white,
colorNeutralStrokeOnBrand2: _colors.white,
colorNeutralStrokeOnBrand2Hover: _colors.white,
colorNeutralStrokeOnBrand2Pressed: _colors.white,
colorNeutralStrokeOnBrand2Selected: _colors.white,
colorBrandStroke1: brand[80],
colorBrandStroke2: brand[140],
colorBrandStroke2Hover: brand[120],
colorBrandStroke2Pressed: brand[80],
colorBrandStroke2Contrast: brand[140],
colorCompoundBrandStroke: brand[80],
colorCompoundBrandStrokeHover: brand[70],
colorCompoundBrandStrokePressed: brand[60],
colorNeutralStrokeDisabled: _colors.grey[88],
colorNeutralStrokeDisabled2: _colors.grey[92],
colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
colorTransparentStroke: 'transparent',
colorTransparentStrokeInteractive: 'transparent',
colorTransparentStrokeDisabled: 'transparent',
colorNeutralStrokeAlpha: _colors.blackAlpha[5],
colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
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)'
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,77 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
colorPaletteTokens: function() {
return colorPaletteTokens;
},
colorStatusTokens: function() {
return colorStatusTokens;
}
});
const _colorPalette = require("../global/colorPalette.js");
const _sharedColorNames = require("../sharedColorNames.js");
const _statusColorMapping = require("../statusColorMapping.js");
const statusColorPaletteTokens = _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);
}, {});
// 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 = _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);
}, {});
const colorPaletteTokens = {
...statusColorPaletteTokens,
...personaColorPaletteTokens
};
const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
// TODO: double check the mapping with design
const statusColorTokens = {
[`colorStatus${color}Background1`]: _colorPalette.mappedStatusColors[sharedColor].tint60,
[`colorStatus${color}Background2`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
[`colorStatus${color}Background3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
[`colorStatus${color}Foreground1`]: _colorPalette.mappedStatusColors[sharedColor].shade10,
[`colorStatus${color}Foreground2`]: _colorPalette.mappedStatusColors[sharedColor].shade30,
[`colorStatus${color}Foreground3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
[`colorStatus${color}ForegroundInverted`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
[`colorStatus${color}BorderActive`]: _colorPalette.mappedStatusColors[sharedColor].primary,
[`colorStatus${color}Border1`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
[`colorStatus${color}Border2`]: _colorPalette.mappedStatusColors[sharedColor].primary
};
return Object.assign(acc, statusColorTokens);
}, {});
// one-off overrides for colorStatus tokens
colorStatusTokens.colorStatusDangerBackground3Hover = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade10;
colorStatusTokens.colorStatusDangerBackground3Pressed = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade20;
colorStatusTokens.colorStatusWarningForeground1 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
colorStatusTokens.colorStatusWarningForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
colorStatusTokens.colorStatusWarningBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,197 @@
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "generateColorTokens", {
enumerable: true,
get: function() {
return generateColorTokens;
}
});
const _colors = require("../global/colors.js");
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],
colorNeutralForeground5: _colors.grey[68],
colorNeutralForeground5Hover: _colors.white,
colorNeutralForeground5Pressed: _colors.white,
colorNeutralForeground5Selected: _colors.white,
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],
colorBrandForeground2Hover: brand[130],
colorBrandForeground2Pressed: brand[160],
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],
colorNeutralBackground7: '#00000000',
colorNeutralBackground7Hover: _colors.grey[10],
colorNeutralBackground7Pressed: _colors.grey[4],
colorNeutralBackground7Selected: '#00000000',
colorNeutralBackground8: _colors.grey[16],
colorNeutralBackgroundInverted: _colors.white,
colorNeutralBackgroundInvertedHover: _colors.grey[96],
colorNeutralBackgroundInvertedPressed: _colors.grey[88],
colorNeutralBackgroundInvertedSelected: _colors.grey[92],
colorNeutralBackgroundStatic: _colors.grey[24],
colorNeutralBackgroundAlpha: _colors.grey10Alpha[50],
colorNeutralBackgroundAlpha2: _colors.grey12Alpha[70],
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],
colorNeutralBackgroundDisabled2: _colors.grey[16],
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[20],
colorBrandBackground2Hover: brand[40],
colorBrandBackground2Pressed: brand[10],
colorBrandBackground3Static: brand[60],
colorBrandBackground4Static: brand[40],
colorBrandBackgroundInverted: _colors.white,
colorBrandBackgroundInvertedHover: brand[160],
colorBrandBackgroundInvertedPressed: brand[140],
colorBrandBackgroundInvertedSelected: brand[150],
colorNeutralCardBackground: _colors.grey[20],
colorNeutralCardBackgroundHover: _colors.grey[24],
colorNeutralCardBackgroundPressed: _colors.grey[18],
colorNeutralCardBackgroundSelected: _colors.grey[22],
colorNeutralCardBackgroundDisabled: _colors.grey[8],
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],
colorNeutralStroke4: _colors.grey[24],
colorNeutralStroke4Hover: _colors.grey[18],
colorNeutralStroke4Pressed: _colors.grey[14],
colorNeutralStroke4Selected: _colors.grey[24],
colorNeutralStrokeSubtle: _colors.grey[4],
colorNeutralStrokeOnBrand: _colors.grey[16],
colorNeutralStrokeOnBrand2: _colors.white,
colorNeutralStrokeOnBrand2Hover: _colors.white,
colorNeutralStrokeOnBrand2Pressed: _colors.white,
colorNeutralStrokeOnBrand2Selected: _colors.white,
colorBrandStroke1: brand[100],
colorBrandStroke2: brand[50],
colorBrandStroke2Hover: brand[50],
colorBrandStroke2Pressed: brand[30],
colorBrandStroke2Contrast: brand[50],
colorCompoundBrandStroke: brand[90],
colorCompoundBrandStrokeHover: brand[100],
colorCompoundBrandStrokePressed: brand[80],
colorNeutralStrokeDisabled: _colors.grey[26],
colorNeutralStrokeDisabled2: _colors.grey[24],
colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
colorTransparentStroke: 'transparent',
colorTransparentStrokeInteractive: 'transparent',
colorTransparentStrokeDisabled: 'transparent',
colorNeutralStrokeAlpha: _colors.whiteAlpha[10],
colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
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)'
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,15 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "fontFamilies", {
enumerable: true,
get: function() {
return fontFamilies;
}
});
const _fonts = require("../global/fonts.js");
const fontFamilies = {
..._fonts.fontFamilies,
fontFamilyBase: '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/alias/teamsFontFamilies.ts"],"sourcesContent":["import { fontFamilies as globalFontFamilies } from '../global/fonts';\n\nexport const fontFamilies = {\n ...globalFontFamilies,\n fontFamilyBase:\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif',\n};\n"],"names":["fontFamilies","globalFontFamilies","fontFamilyBase"],"mappings":";;;;+BAEaA;;;eAAAA;;;uBAFsC;AAE5C,MAAMA,eAAe;IAC1B,GAAGC,mBAAkB;IACrBC,gBACE;AACJ"}

View File

@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "borderRadius", {
enumerable: true,
get: function() {
return borderRadius;
}
});
const borderRadius = {
borderRadiusNone: '0',
borderRadiusSmall: '2px',
borderRadiusMedium: '4px',
borderRadiusLarge: '6px',
borderRadiusXLarge: '8px',
borderRadius2XLarge: '12px',
borderRadius3XLarge: '16px',
borderRadius4XLarge: '24px',
borderRadius5XLarge: '32px',
borderRadius6XLarge: '40px',
borderRadiusCircular: '10000px'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/borderRadius.ts"],"sourcesContent":["import type { BorderRadiusTokens } from '../types';\n\nexport const borderRadius: BorderRadiusTokens = {\n borderRadiusNone: '0',\n borderRadiusSmall: '2px',\n borderRadiusMedium: '4px',\n borderRadiusLarge: '6px',\n borderRadiusXLarge: '8px',\n borderRadius2XLarge: '12px',\n borderRadius3XLarge: '16px',\n borderRadius4XLarge: '24px',\n borderRadius5XLarge: '32px',\n borderRadius6XLarge: '40px',\n borderRadiusCircular: '10000px',\n};\n"],"names":["borderRadius","borderRadiusNone","borderRadiusSmall","borderRadiusMedium","borderRadiusLarge","borderRadiusXLarge","borderRadius2XLarge","borderRadius3XLarge","borderRadius4XLarge","borderRadius5XLarge","borderRadius6XLarge","borderRadiusCircular"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,eAAmC;IAC9CC,kBAAkB;IAClBC,mBAAmB;IACnBC,oBAAoB;IACpBC,mBAAmB;IACnBC,oBAAoB;IACpBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,sBAAsB;AACxB"}

View File

@@ -0,0 +1,96 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
brandOffice: function() {
return brandOffice;
},
brandTeams: function() {
return brandTeams;
},
brandTeamsV21: function() {
return brandTeamsV21;
},
brandWeb: function() {
return brandWeb;
}
});
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`
};
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`
};
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`
};
const brandTeamsV21 = {
10: `#29274f`,
20: `#2f2a5e`,
30: `#352e70`,
40: `#3b3185`,
50: `#44359e`,
60: `#4d3aba`,
70: `#5a40db`,
80: `#654cf5`,
90: `#7769fa`,
100: `#887dff`,
110: `#9791ff`,
120: `#aba8ff`,
130: `#bab8ff`,
140: `#c8c7ff`,
150: `#dcdbff`,
160: `#e8e8ff`
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/brandColors.ts"],"sourcesContent":["import type { BrandVariants } from '../types';\n\nexport const brandWeb: BrandVariants = {\n 10: `#061724`,\n 20: `#082338`,\n 30: `#0a2e4a`,\n 40: `#0c3b5e`,\n 50: `#0e4775`,\n 60: `#0f548c`,\n 70: `#115ea3`,\n 80: `#0f6cbd`,\n 90: `#2886de`,\n 100: `#479ef5`,\n 110: `#62abf5`,\n 120: `#77b7f7`,\n 130: `#96c6fa`,\n 140: `#b4d6fa`,\n 150: `#cfe4fa`,\n 160: `#ebf3fc`,\n};\n\nexport const brandTeams: BrandVariants = {\n 10: `#2b2b40`,\n 20: `#2f2f4a`,\n 30: `#333357`,\n 40: `#383966`,\n 50: `#3d3e78`,\n 60: `#444791`,\n 70: `#4f52b2`,\n 80: `#5b5fc7`,\n 90: `#7579eb`,\n 100: `#7f85f5`,\n 110: `#9299f7`,\n 120: `#aab1fa`,\n 130: `#b6bcfa`,\n 140: `#c5cbfa`,\n 150: `#dce0fa`,\n 160: `#e8ebfa`,\n};\n\nexport const brandOffice: BrandVariants = {\n 10: `#29130b`,\n 20: `#4d2415`,\n 30: `#792000`,\n 40: `#99482b`,\n 50: `#a52c00`,\n 60: `#c33400`,\n 70: `#e06a3f`,\n 80: `#d83b01`,\n 90: `#dd4f1b`,\n 100: `#fe7948`,\n 110: `#ff865a`,\n 120: `#ff9973`,\n 130: `#e8825d`,\n 140: `#ffb498`,\n 150: `#f4beaa`,\n 160: `#f9dcd1`,\n};\n\nexport const brandTeamsV21: BrandVariants = {\n 10: `#29274f`,\n 20: `#2f2a5e`,\n 30: `#352e70`,\n 40: `#3b3185`,\n 50: `#44359e`,\n 60: `#4d3aba`,\n 70: `#5a40db`,\n 80: `#654cf5`,\n 90: `#7769fa`,\n 100: `#887dff`,\n 110: `#9791ff`,\n 120: `#aba8ff`,\n 130: `#bab8ff`,\n 140: `#c8c7ff`,\n 150: `#dcdbff`,\n 160: `#e8e8ff`,\n};\n"],"names":["brandOffice","brandTeams","brandTeamsV21","brandWeb"],"mappings":";;;;;;;;;;;IAwCaA,WAAW;eAAXA;;IAnBAC,UAAU;eAAVA;;IAsCAC,aAAa;eAAbA;;IAzDAC,QAAQ;eAARA;;;AAAN,MAAMA,WAA0B;IACrC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAMF,aAA4B;IACvC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAMD,cAA6B;IACxC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAME,gBAA+B;IAC1C,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB"}

View File

@@ -0,0 +1,66 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
mappedStatusColors: function() {
return mappedStatusColors;
},
personaSharedColors: function() {
return personaSharedColors;
},
statusSharedColors: function() {
return statusSharedColors;
}
});
const _colors = require("./colors.js");
const statusSharedColors = {
red: _colors.red,
green: _colors.green,
darkOrange: _colors.darkOrange,
yellow: _colors.yellow,
berry: _colors.berry,
lightGreen: _colors.lightGreen,
marigold: _colors.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
};
const mappedStatusColors = {
cranberry: _colors.cranberry,
green: _colors.green,
orange: _colors.orange
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/colorPalette.ts"],"sourcesContent":["import {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n orange,\n} from './colors';\nimport { MappedStatusColors, PersonaSharedColors, StatusSharedColors } from '../types';\n\nexport const statusSharedColors: StatusSharedColors = {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n};\n\nexport const personaSharedColors: PersonaSharedColors = {\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n};\n\nexport const mappedStatusColors: MappedStatusColors = {\n cranberry,\n green,\n orange,\n};\n"],"names":["mappedStatusColors","personaSharedColors","statusSharedColors","red","green","darkOrange","yellow","berry","lightGreen","marigold","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","orange"],"mappings":";;;;;;;;;;;IAiFaA,kBAAkB;eAAlBA;;IA/BAC,mBAAmB;eAAnBA;;IAVAC,kBAAkB;eAAlBA;;;wBAHN;AAGA,MAAMA,qBAAyC;IACpDC,KAAAA,WAAG;IACHC,OAAAA,aAAK;IACLC,YAAAA,kBAAU;IACVC,QAAAA,cAAM;IACNC,OAAAA,aAAK;IACLC,YAAAA,kBAAU;IACVC,UAAAA,gBAAQ;AACV;AAEO,MAAMR,sBAA2C;IACtDS,SAAAA,eAAO;IACPC,WAAAA,iBAAS;IACTC,SAAAA,eAAO;IACPC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,OAAAA,aAAK;IACLC,QAAAA,cAAM;IACNC,SAAAA,eAAO;IACPC,WAAAA,iBAAS;IACTC,WAAAA,iBAAS;IACTC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,WAAAA,iBAAS;IACTC,YAAAA,kBAAU;IACVC,MAAAA,YAAI;IACJC,UAAAA,gBAAQ;IACRC,QAAAA,cAAM;IACNC,OAAAA,aAAK;IACLC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,SAAAA,eAAO;IACPC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,UAAAA,gBAAQ;IACRC,QAAAA,cAAM;AACR;AAEO,MAAMrC,qBAAyC;IACpDW,WAAAA,iBAAS;IACTP,OAAAA,aAAK;IACLkC,QAAAA,cAAM;AACR"}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,21 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "curves", {
enumerable: true,
get: function() {
return curves;
}
});
const curves = {
curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)',
curveAccelerateMid: 'cubic-bezier(1,0,1,1)',
curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)',
curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)',
curveDecelerateMid: 'cubic-bezier(0,0,0,1)',
curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',
curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)',
curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',
curveLinear: 'cubic-bezier(0,0,1,1)'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/curves.ts"],"sourcesContent":["import type { CurveTokens } from '../types';\n\nexport const curves: CurveTokens = {\n curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)',\n curveAccelerateMid: 'cubic-bezier(1,0,1,1)',\n curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)',\n curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)',\n curveDecelerateMid: 'cubic-bezier(0,0,0,1)',\n curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',\n curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)',\n curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',\n curveLinear: 'cubic-bezier(0,0,1,1)',\n};\n"],"names":["curves","curveAccelerateMax","curveAccelerateMid","curveAccelerateMin","curveDecelerateMax","curveDecelerateMid","curveDecelerateMin","curveEasyEaseMax","curveEasyEase","curveLinear"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,SAAsB;IACjCC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,kBAAkB;IAClBC,eAAe;IACfC,aAAa;AACf"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "durations", {
enumerable: true,
get: function() {
return durations;
}
});
const durations = {
durationUltraFast: '50ms',
durationFaster: '100ms',
durationFast: '150ms',
durationNormal: '200ms',
durationGentle: '250ms',
durationSlow: '300ms',
durationSlower: '400ms',
durationUltraSlow: '500ms'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/durations.ts"],"sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n durationUltraFast: '50ms',\n durationFaster: '100ms',\n durationFast: '150ms',\n durationNormal: '200ms',\n durationGentle: '250ms',\n durationSlow: '300ms',\n durationSlower: '400ms',\n durationUltraSlow: '500ms',\n};\n"],"names":["durations","durationUltraFast","durationFaster","durationFast","durationNormal","durationGentle","durationSlow","durationSlower","durationUltraSlow"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,YAA4B;IACvCC,mBAAmB;IACnBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,mBAAmB;AACrB"}

View File

@@ -0,0 +1,59 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
fontFamilies: function() {
return fontFamilies;
},
fontSizes: function() {
return fontSizes;
},
fontWeights: function() {
return fontWeights;
},
lineHeights: function() {
return lineHeights;
}
});
const 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'
};
const fontWeights = {
fontWeightRegular: 400,
fontWeightMedium: 500,
fontWeightSemibold: 600,
fontWeightBold: 700
};
const fontFamilies = {
fontFamilyBase: "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
fontFamilyNumeric: "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/fonts.ts"],"sourcesContent":["import type { FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens } from '../types';\n\nexport const fontSizes: FontSizeTokens = {\n fontSizeBase100: '10px',\n fontSizeBase200: '12px',\n fontSizeBase300: '14px',\n fontSizeBase400: '16px',\n fontSizeBase500: '20px',\n fontSizeBase600: '24px',\n\n fontSizeHero700: '28px',\n fontSizeHero800: '32px',\n fontSizeHero900: '40px',\n fontSizeHero1000: '68px',\n};\n\nexport const lineHeights: LineHeightTokens = {\n lineHeightBase100: '14px',\n lineHeightBase200: '16px',\n lineHeightBase300: '20px',\n lineHeightBase400: '22px',\n lineHeightBase500: '28px',\n lineHeightBase600: '32px',\n\n lineHeightHero700: '36px',\n lineHeightHero800: '40px',\n lineHeightHero900: '52px',\n lineHeightHero1000: '92px',\n};\n\nexport const fontWeights: FontWeightTokens = {\n fontWeightRegular: 400,\n fontWeightMedium: 500,\n fontWeightSemibold: 600,\n fontWeightBold: 700,\n};\n\nexport const fontFamilies: FontFamilyTokens = {\n fontFamilyBase:\n \"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n fontFamilyMonospace: \"Consolas, 'Courier New', Courier, monospace\",\n fontFamilyNumeric:\n \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n"],"names":["fontFamilies","fontSizes","fontWeights","lineHeights","fontSizeBase100","fontSizeBase200","fontSizeBase300","fontSizeBase400","fontSizeBase500","fontSizeBase600","fontSizeHero700","fontSizeHero800","fontSizeHero900","fontSizeHero1000","lineHeightBase100","lineHeightBase200","lineHeightBase300","lineHeightBase400","lineHeightBase500","lineHeightBase600","lineHeightHero700","lineHeightHero800","lineHeightHero900","lineHeightHero1000","fontWeightRegular","fontWeightMedium","fontWeightSemibold","fontWeightBold","fontFamilyBase","fontFamilyMonospace","fontFamilyNumeric"],"mappings":";;;;;;;;;;;IAqCaA,YAAY;eAAZA;;IAnCAC,SAAS;eAATA;;IA4BAC,WAAW;eAAXA;;IAdAC,WAAW;eAAXA;;;AAdN,MAAMF,YAA4B;IACvCG,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IAEjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;AACpB;AAEO,MAAMV,cAAgC;IAC3CW,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IAEnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,oBAAoB;AACtB;AAEO,MAAMrB,cAAgC;IAC3CsB,mBAAmB;IACnBC,kBAAkB;IAClBC,oBAAoB;IACpBC,gBAAgB;AAClB;AAEO,MAAM3B,eAAiC;IAC5C4B,gBACE;IACFC,qBAAqB;IACrBC,mBACE;AACJ"}

View File

@@ -0,0 +1,248 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
anchor: function() {
return _colors.anchor;
},
beige: function() {
return _colors.beige;
},
berry: function() {
return _colors.berry;
},
black: function() {
return _colors.black;
},
blackAlpha: function() {
return _colors.blackAlpha;
},
blue: function() {
return _colors.blue;
},
borderRadius: function() {
return _borderRadius.borderRadius;
},
brass: function() {
return _colors.brass;
},
bronze: function() {
return _colors.bronze;
},
brown: function() {
return _colors.brown;
},
burgundy: function() {
return _colors.burgundy;
},
charcoal: function() {
return _colors.charcoal;
},
cornflower: function() {
return _colors.cornflower;
},
cranberry: function() {
return _colors.cranberry;
},
curves: function() {
return _curves.curves;
},
cyan: function() {
return _colors.cyan;
},
darkBlue: function() {
return _colors.darkBlue;
},
darkBrown: function() {
return _colors.darkBrown;
},
darkGreen: function() {
return _colors.darkGreen;
},
darkOrange: function() {
return _colors.darkOrange;
},
darkPurple: function() {
return _colors.darkPurple;
},
darkRed: function() {
return _colors.darkRed;
},
darkTeal: function() {
return _colors.darkTeal;
},
durations: function() {
return _durations.durations;
},
fontFamilies: function() {
return _fonts.fontFamilies;
},
fontSizes: function() {
return _fonts.fontSizes;
},
fontWeights: function() {
return _fonts.fontWeights;
},
forest: function() {
return _colors.forest;
},
gold: function() {
return _colors.gold;
},
grape: function() {
return _colors.grape;
},
green: function() {
return _colors.green;
},
grey: function() {
return _colors.grey;
},
grey10Alpha: function() {
return _colors.grey10Alpha;
},
grey12Alpha: function() {
return _colors.grey12Alpha;
},
grey14Alpha: function() {
return _colors.grey14Alpha;
},
hcButtonFace: function() {
return _colors.hcButtonFace;
},
hcButtonText: function() {
return _colors.hcButtonText;
},
hcCanvas: function() {
return _colors.hcCanvas;
},
hcCanvasText: function() {
return _colors.hcCanvasText;
},
hcDisabled: function() {
return _colors.hcDisabled;
},
hcHighlight: function() {
return _colors.hcHighlight;
},
hcHighlightText: function() {
return _colors.hcHighlightText;
},
hcHyperlink: function() {
return _colors.hcHyperlink;
},
horizontalSpacings: function() {
return _spacings.horizontalSpacings;
},
hotPink: function() {
return _colors.hotPink;
},
lavender: function() {
return _colors.lavender;
},
lightBlue: function() {
return _colors.lightBlue;
},
lightGreen: function() {
return _colors.lightGreen;
},
lightTeal: function() {
return _colors.lightTeal;
},
lilac: function() {
return _colors.lilac;
},
lime: function() {
return _colors.lime;
},
lineHeights: function() {
return _fonts.lineHeights;
},
magenta: function() {
return _colors.magenta;
},
marigold: function() {
return _colors.marigold;
},
mink: function() {
return _colors.mink;
},
navy: function() {
return _colors.navy;
},
orange: function() {
return _colors.orange;
},
orchid: function() {
return _colors.orchid;
},
peach: function() {
return _colors.peach;
},
pink: function() {
return _colors.pink;
},
platinum: function() {
return _colors.platinum;
},
plum: function() {
return _colors.plum;
},
pumpkin: function() {
return _colors.pumpkin;
},
purple: function() {
return _colors.purple;
},
red: function() {
return _colors.red;
},
royalBlue: function() {
return _colors.royalBlue;
},
seafoam: function() {
return _colors.seafoam;
},
silver: function() {
return _colors.silver;
},
steel: function() {
return _colors.steel;
},
strokeWidths: function() {
return _strokeWidths.strokeWidths;
},
teal: function() {
return _colors.teal;
},
typographyStyles: function() {
return _typographyStyles.typographyStyles;
},
verticalSpacings: function() {
return _spacings.verticalSpacings;
},
white: function() {
return _colors.white;
},
whiteAlpha: function() {
return _colors.whiteAlpha;
},
yellow: function() {
return _colors.yellow;
}
});
const _borderRadius = require("./borderRadius.js");
const _colors = require("./colors.js");
const _curves = require("./curves.js");
const _durations = require("./durations.js");
const _fonts = require("./fonts.js");
const _spacings = require("./spacings.js");
const _strokeWidths = require("./strokeWidths.js");
const _typographyStyles = require("./typographyStyles.js");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/index.ts"],"sourcesContent":["export { borderRadius } from './borderRadius';\nexport {\n anchor,\n beige,\n berry,\n black,\n blackAlpha,\n blue,\n brass,\n bronze,\n brown,\n burgundy,\n charcoal,\n cornflower,\n cranberry,\n cyan,\n darkBlue,\n darkBrown,\n darkGreen,\n darkOrange,\n darkPurple,\n darkRed,\n darkTeal,\n forest,\n gold,\n grape,\n green,\n grey,\n grey10Alpha,\n grey12Alpha,\n grey14Alpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n hotPink,\n lavender,\n lightBlue,\n lightGreen,\n lightTeal,\n lilac,\n lime,\n magenta,\n marigold,\n mink,\n navy,\n orange,\n orchid,\n peach,\n pink,\n platinum,\n plum,\n pumpkin,\n purple,\n red,\n royalBlue,\n seafoam,\n silver,\n steel,\n teal,\n white,\n whiteAlpha,\n yellow,\n} from './colors';\nexport { curves } from './curves';\nexport { durations } from './durations';\nexport { fontFamilies, fontSizes, fontWeights, lineHeights } from './fonts';\nexport { horizontalSpacings, verticalSpacings } from './spacings';\nexport { strokeWidths } from './strokeWidths';\nexport { typographyStyles } from './typographyStyles';\n"],"names":["anchor","beige","berry","black","blackAlpha","blue","borderRadius","brass","bronze","brown","burgundy","charcoal","cornflower","cranberry","curves","cyan","darkBlue","darkBrown","darkGreen","darkOrange","darkPurple","darkRed","darkTeal","durations","fontFamilies","fontSizes","fontWeights","forest","gold","grape","green","grey","grey10Alpha","grey12Alpha","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","horizontalSpacings","hotPink","lavender","lightBlue","lightGreen","lightTeal","lilac","lime","lineHeights","magenta","marigold","mink","navy","orange","orchid","peach","pink","platinum","plum","pumpkin","purple","red","royalBlue","seafoam","silver","steel","strokeWidths","teal","typographyStyles","verticalSpacings","white","whiteAlpha","yellow"],"mappings":";;;;;;;;;;;IAEEA,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,UAAU;eAAVA,kBAAU;;IACVC,IAAI;eAAJA,YAAI;;IAPGC,YAAY;eAAZA,0BAAY;;IAQnBC,KAAK;eAALA,aAAK;;IACLC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,QAAQ;eAARA,gBAAQ;;IACRC,QAAQ;eAARA,gBAAQ;;IACRC,UAAU;eAAVA,kBAAU;;IACVC,SAAS;eAATA,iBAAS;;IAsDFC,MAAM;eAANA,cAAM;;IArDbC,IAAI;eAAJA,YAAI;;IACJC,QAAQ;eAARA,gBAAQ;;IACRC,SAAS;eAATA,iBAAS;;IACTC,SAAS;eAATA,iBAAS;;IACTC,UAAU;eAAVA,kBAAU;;IACVC,UAAU;eAAVA,kBAAU;;IACVC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IA+CDC,SAAS;eAATA,oBAAS;;IACTC,YAAY;eAAZA,mBAAY;;IAAEC,SAAS;eAATA,gBAAS;;IAAEC,WAAW;eAAXA,kBAAW;;IA/C3CC,MAAM;eAANA,cAAM;;IACNC,IAAI;eAAJA,YAAI;;IACJC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IACJC,WAAW;eAAXA,mBAAW;;IACXC,WAAW;eAAXA,mBAAW;;IACXC,WAAW;eAAXA,mBAAW;;IACXC,YAAY;eAAZA,oBAAY;;IACZC,YAAY;eAAZA,oBAAY;;IACZC,QAAQ;eAARA,gBAAQ;;IACRC,YAAY;eAAZA,oBAAY;;IACZC,UAAU;eAAVA,kBAAU;;IACVC,WAAW;eAAXA,mBAAW;;IACXC,eAAe;eAAfA,uBAAe;;IACfC,WAAW;eAAXA,mBAAW;;IAiCJC,kBAAkB;eAAlBA,4BAAkB;;IAhCzBC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IACRC,SAAS;eAATA,iBAAS;;IACTC,UAAU;eAAVA,kBAAU;;IACVC,SAAS;eAATA,iBAAS;;IACTC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IAyByCC,WAAW;eAAXA,kBAAW;;IAxBxDC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IACRC,IAAI;eAAJA,YAAI;;IACJC,IAAI;eAAJA,YAAI;;IACJC,MAAM;eAANA,cAAM;;IACNC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IACJC,QAAQ;eAARA,gBAAQ;;IACRC,IAAI;eAAJA,YAAI;;IACJC,OAAO;eAAPA,eAAO;;IACPC,MAAM;eAANA,cAAM;;IACNC,GAAG;eAAHA,WAAG;;IACHC,SAAS;eAATA,iBAAS;;IACTC,OAAO;eAAPA,eAAO;;IACPC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IAUEC,YAAY;eAAZA,0BAAY;;IATnBC,IAAI;eAAJA,YAAI;;IAUGC,gBAAgB;eAAhBA,kCAAgB;;IAFIC,gBAAgB;eAAhBA,0BAAgB;;IAP3CC,KAAK;eAALA,aAAK;;IACLC,UAAU;eAAVA,kBAAU;;IACVC,MAAM;eAANA,cAAM;;;8BAlEqB;wBAmEtB;wBACgB;2BACG;uBACwC;0BACb;8BACxB;kCACI"}

View File

@@ -0,0 +1,58 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
horizontalSpacings: function() {
return horizontalSpacings;
},
verticalSpacings: function() {
return verticalSpacings;
}
});
// 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'
};
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
};
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
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/spacings.ts"],"sourcesContent":["import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';\n\n// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.\nconst spacings: SpacingTokens = {\n none: '0',\n xxs: '2px',\n xs: '4px',\n sNudge: '6px',\n s: '8px',\n mNudge: '10px',\n m: '12px',\n l: '16px',\n xl: '20px',\n xxl: '24px',\n xxxl: '32px',\n};\n\nexport const horizontalSpacings: HorizontalSpacingTokens = {\n spacingHorizontalNone: spacings.none,\n spacingHorizontalXXS: spacings.xxs,\n spacingHorizontalXS: spacings.xs,\n spacingHorizontalSNudge: spacings.sNudge,\n spacingHorizontalS: spacings.s,\n spacingHorizontalMNudge: spacings.mNudge,\n spacingHorizontalM: spacings.m,\n spacingHorizontalL: spacings.l,\n spacingHorizontalXL: spacings.xl,\n spacingHorizontalXXL: spacings.xxl,\n spacingHorizontalXXXL: spacings.xxxl,\n};\n\nexport const verticalSpacings: VerticalSpacingTokens = {\n spacingVerticalNone: spacings.none,\n spacingVerticalXXS: spacings.xxs,\n spacingVerticalXS: spacings.xs,\n spacingVerticalSNudge: spacings.sNudge,\n spacingVerticalS: spacings.s,\n spacingVerticalMNudge: spacings.mNudge,\n spacingVerticalM: spacings.m,\n spacingVerticalL: spacings.l,\n spacingVerticalXL: spacings.xl,\n spacingVerticalXXL: spacings.xxl,\n spacingVerticalXXXL: spacings.xxxl,\n};\n"],"names":["horizontalSpacings","verticalSpacings","spacings","none","xxs","xs","sNudge","s","mNudge","m","l","xl","xxl","xxxl","spacingHorizontalNone","spacingHorizontalXXS","spacingHorizontalXS","spacingHorizontalSNudge","spacingHorizontalS","spacingHorizontalMNudge","spacingHorizontalM","spacingHorizontalL","spacingHorizontalXL","spacingHorizontalXXL","spacingHorizontalXXXL","spacingVerticalNone","spacingVerticalXXS","spacingVerticalXS","spacingVerticalSNudge","spacingVerticalS","spacingVerticalMNudge","spacingVerticalM","spacingVerticalL","spacingVerticalXL","spacingVerticalXXL","spacingVerticalXXXL"],"mappings":";;;;;;;;;;;IAiBaA,kBAAkB;eAAlBA;;IAcAC,gBAAgB;eAAhBA;;;AA7Bb,mFAAmF;AACnF,MAAMC,WAA0B;IAC9BC,MAAM;IACNC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,GAAG;IACHC,QAAQ;IACRC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJC,KAAK;IACLC,MAAM;AACR;AAEO,MAAMb,qBAA8C;IACzDc,uBAAuBZ,SAASC,IAAI;IACpCY,sBAAsBb,SAASE,GAAG;IAClCY,qBAAqBd,SAASG,EAAE;IAChCY,yBAAyBf,SAASI,MAAM;IACxCY,oBAAoBhB,SAASK,CAAC;IAC9BY,yBAAyBjB,SAASM,MAAM;IACxCY,oBAAoBlB,SAASO,CAAC;IAC9BY,oBAAoBnB,SAASQ,CAAC;IAC9BY,qBAAqBpB,SAASS,EAAE;IAChCY,sBAAsBrB,SAASU,GAAG;IAClCY,uBAAuBtB,SAASW,IAAI;AACtC;AAEO,MAAMZ,mBAA0C;IACrDwB,qBAAqBvB,SAASC,IAAI;IAClCuB,oBAAoBxB,SAASE,GAAG;IAChCuB,mBAAmBzB,SAASG,EAAE;IAC9BuB,uBAAuB1B,SAASI,MAAM;IACtCuB,kBAAkB3B,SAASK,CAAC;IAC5BuB,uBAAuB5B,SAASM,MAAM;IACtCuB,kBAAkB7B,SAASO,CAAC;IAC5BuB,kBAAkB9B,SAASQ,CAAC;IAC5BuB,mBAAmB/B,SAASS,EAAE;IAC9BuB,oBAAoBhC,SAASU,GAAG;IAChCuB,qBAAqBjC,SAASW,IAAI;AACpC"}

View File

@@ -0,0 +1,16 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "strokeWidths", {
enumerable: true,
get: function() {
return strokeWidths;
}
});
const strokeWidths = {
strokeWidthThin: '1px',
strokeWidthThick: '2px',
strokeWidthThicker: '3px',
strokeWidthThickest: '4px'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/strokeWidths.ts"],"sourcesContent":["import type { StrokeWidthTokens } from '../types';\n\nexport const strokeWidths: StrokeWidthTokens = {\n strokeWidthThin: '1px',\n strokeWidthThick: '2px',\n strokeWidthThicker: '3px',\n strokeWidthThickest: '4px',\n};\n"],"names":["strokeWidths","strokeWidthThin","strokeWidthThick","strokeWidthThicker","strokeWidthThickest"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,eAAkC;IAC7CC,iBAAiB;IACjBC,kBAAkB;IAClBC,oBAAoB;IACpBC,qBAAqB;AACvB"}

View File

@@ -0,0 +1,115 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "typographyStyles", {
enumerable: true,
get: function() {
return typographyStyles;
}
});
const _tokens = require("../tokens.js");
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
}
};

File diff suppressed because one or more lines are too long

59
node_modules/@fluentui/tokens/lib-commonjs/index.js generated vendored Normal file
View File

@@ -0,0 +1,59 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
createDarkTheme: function() {
return _utils.createDarkTheme;
},
createHighContrastTheme: function() {
return _utils.createHighContrastTheme;
},
createLightTheme: function() {
return _utils.createLightTheme;
},
createTeamsDarkTheme: function() {
return _utils.createTeamsDarkTheme;
},
teamsDarkTheme: function() {
return _themes.teamsDarkTheme;
},
teamsDarkV21Theme: function() {
return _themes.teamsDarkV21Theme;
},
teamsHighContrastTheme: function() {
return _themes.teamsHighContrastTheme;
},
teamsLightTheme: function() {
return _themes.teamsLightTheme;
},
teamsLightV21Theme: function() {
return _themes.teamsLightV21Theme;
},
themeToTokensObject: function() {
return _themeToTokensObject.themeToTokensObject;
},
tokens: function() {
return _tokens.tokens;
},
typographyStyles: function() {
return _global.typographyStyles;
},
webDarkTheme: function() {
return _themes.webDarkTheme;
},
webLightTheme: function() {
return _themes.webLightTheme;
}
});
const _themes = require("./themes/index.js");
const _utils = require("./utils/index.js");
const _themeToTokensObject = require("./themeToTokensObject.js");
const _tokens = require("./tokens.js");
const _global = require("./global/index.js");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n teamsDarkTheme,\n teamsDarkV21Theme,\n teamsHighContrastTheme,\n teamsLightTheme,\n teamsLightV21Theme,\n webDarkTheme,\n webLightTheme,\n} from './themes';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n ZIndexTokens,\n} from './types';\n"],"names":["createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme","themeToTokensObject","tokens","typographyStyles","webDarkTheme","webLightTheme"],"mappings":";;;;;;;;;;;IASSA,eAAe;eAAfA,sBAAe;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,gBAAgB;eAAhBA,uBAAgB;;IAAEC,oBAAoB;eAApBA,2BAAoB;;IARvFC,cAAc;eAAdA,sBAAc;;IACdC,iBAAiB;eAAjBA,yBAAiB;;IACjBC,sBAAsB;eAAtBA,8BAAsB;;IACtBC,eAAe;eAAfA,uBAAe;;IACfC,kBAAkB;eAAlBA,0BAAkB;;IAMXC,mBAAmB;eAAnBA,wCAAmB;;IACnBC,MAAM;eAANA,cAAM;;IACNC,gBAAgB;eAAhBA,wBAAgB;;IAPvBC,YAAY;eAAZA,oBAAY;;IACZC,aAAa;eAAbA,qBAAa;;;wBACR;uBAC0F;qCAE7D;wBACb;wBACU"}

View File

@@ -0,0 +1,84 @@
/* Names of colors used in shared color palette alias tokens for status. */ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
mappedStatusColorNames: function() {
return mappedStatusColorNames;
},
personaSharedColorNames: function() {
return personaSharedColorNames;
},
statusSharedColorNames: function() {
return statusSharedColorNames;
},
unusedSharedColorNames: function() {
return 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 mappedStatusColorNames = [
'cranberry',
'green',
'orange'
];
const unusedSharedColorNames = [
'burgundy',
'bronze',
'orange',
'darkBrown',
'lime',
'darkTeal',
'cyan',
'lightBlue',
'darkBlue',
'darkPurple',
'orchid',
'hotPink',
'silver',
'charcoal'
];

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/sharedColorNames.ts"],"sourcesContent":["/* Names of colors used in shared color palette alias tokens for status. */\nexport const statusSharedColorNames = [\n 'red',\n 'green',\n 'darkOrange',\n 'yellow',\n 'berry',\n 'lightGreen',\n 'marigold',\n] as const;\n\n/* Names of colors used in shared color palette alias tokens for persona. */\nexport const personaSharedColorNames = [\n 'darkRed',\n 'cranberry',\n 'pumpkin',\n 'peach',\n 'gold',\n 'brass',\n 'brown',\n 'forest',\n 'seafoam',\n 'darkGreen',\n 'lightTeal',\n 'teal',\n 'steel',\n 'blue',\n 'royalBlue',\n 'cornflower',\n 'navy',\n 'lavender',\n 'purple',\n 'grape',\n 'lilac',\n 'pink',\n 'magenta',\n 'plum',\n 'beige',\n 'mink',\n 'platinum',\n 'anchor',\n] as const;\n\n/* List of global colors which semantic alias status tokens map to */\nexport const mappedStatusColorNames = ['cranberry', 'green', 'orange'] as const;\n\n/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */\nexport const unusedSharedColorNames = [\n 'burgundy',\n 'bronze',\n 'orange',\n 'darkBrown',\n 'lime',\n 'darkTeal',\n 'cyan',\n 'lightBlue',\n 'darkBlue',\n 'darkPurple',\n 'orchid',\n 'hotPink',\n 'silver',\n 'charcoal',\n] as const;\n"],"names":["mappedStatusColorNames","personaSharedColorNames","statusSharedColorNames","unusedSharedColorNames"],"mappings":"AAAA,yEAAyE;;;;;;;;;;;IA4C5DA,sBAAsB;eAAtBA;;IAhCAC,uBAAuB;eAAvBA;;IAXAC,sBAAsB;eAAtBA;;IA8CAC,sBAAsB;eAAtBA;;;AA9CN,MAAMD,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAGM,MAAMD,0BAA0B;IACrC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAGM,MAAMD,yBAAyB;IAAC;IAAa;IAAS;CAAS;AAG/D,MAAMG,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD"}

View File

@@ -0,0 +1,15 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "statusColorMapping", {
enumerable: true,
get: function() {
return statusColorMapping;
}
});
const statusColorMapping = {
success: 'green',
warning: 'orange',
danger: 'cranberry'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/statusColorMapping.ts"],"sourcesContent":["import { MappedStatusColorNames } from './types';\n\nexport const statusColorMapping: Record<string, MappedStatusColorNames> = {\n success: 'green',\n warning: 'orange',\n danger: 'cranberry',\n};\n"],"names":["statusColorMapping","success","warning","danger"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,qBAA6D;IACxEC,SAAS;IACTC,SAAS;IACTC,QAAQ;AACV"}

View File

@@ -0,0 +1,18 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "themeToTokensObject", {
enumerable: true,
get: function() {
return themeToTokensObject;
}
});
function themeToTokensObject(theme) {
const tokens = {};
const keys = Object.keys(theme);
for (const key of keys){
tokens[key] = `var(--${String(key)})`;
}
return tokens;
}

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themeToTokensObject.ts"],"sourcesContent":["import { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n const tokens = {} as Record<keyof TTheme, string>;\n const keys = Object.keys(theme) as (keyof TTheme)[];\n for (const key of keys) {\n tokens[key] = `var(--${String(key)})`;\n }\n return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"mappings":";;;;+BAUgBA;;;eAAAA;;;AAAT,SAASA,oBAA0CC,KAAa;IACrE,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAM;QACtBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACvC;IACA,OAAOH;AACT"}

View File

@@ -0,0 +1,35 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
teamsDarkTheme: function() {
return _index.teamsDarkTheme;
},
teamsDarkV21Theme: function() {
return _index.teamsDarkV21Theme;
},
teamsHighContrastTheme: function() {
return _index.teamsHighContrastTheme;
},
teamsLightTheme: function() {
return _index.teamsLightTheme;
},
teamsLightV21Theme: function() {
return _index.teamsLightV21Theme;
},
webDarkTheme: function() {
return _index1.webDarkTheme;
},
webLightTheme: function() {
return _index1.webLightTheme;
}
});
const _index = require("./teams/index.js");
const _index1 = require("./web/index.js");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themes/index.ts"],"sourcesContent":["export {\n teamsDarkTheme,\n teamsDarkV21Theme,\n teamsHighContrastTheme,\n teamsLightTheme,\n teamsLightV21Theme,\n} from './teams/index';\nexport { webDarkTheme, webLightTheme } from './web/index';\n"],"names":["teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme","webDarkTheme","webLightTheme"],"mappings":";;;;;;;;;;;IACEA,cAAc;eAAdA,qBAAc;;IACdC,iBAAiB;eAAjBA,wBAAiB;;IACjBC,sBAAsB;eAAtBA,6BAAsB;;IACtBC,eAAe;eAAfA,sBAAe;;IACfC,kBAAkB;eAAlBA,yBAAkB;;IAEXC,YAAY;eAAZA,oBAAY;;IAAEC,aAAa;eAAbA,qBAAa;;;uBAD7B;wBACqC"}

View File

@@ -0,0 +1,29 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
teamsDarkTheme: function() {
return teamsDarkTheme;
},
teamsDarkV21Theme: function() {
return teamsDarkV21Theme;
}
});
const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme.js");
const _brandColors = require("../../global/brandColors.js");
const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
const teamsDarkTheme = {
...(0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams),
..._teamsFontFamilies.fontFamilies
};
const teamsDarkV21Theme = {
...(0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeamsV21),
..._teamsFontFamilies.fontFamilies
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themes/teams/darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams, brandTeamsV21 } from '../../global/brandColors';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsDarkTheme: Theme = {\n ...createTeamsDarkTheme(brandTeams),\n ...fontFamilies,\n};\n\nexport const teamsDarkV21Theme: Theme = {\n ...createTeamsDarkTheme(brandTeamsV21),\n ...fontFamilies,\n};\n"],"names":["teamsDarkTheme","teamsDarkV21Theme","createTeamsDarkTheme","brandTeams","fontFamilies","brandTeamsV21"],"mappings":";;;;;;;;;;;IAKaA,cAAc;eAAdA;;IAKAC,iBAAiB;eAAjBA;;;sCAVwB;6BACK;mCAEb;AAEtB,MAAMD,iBAAwB;IACnC,GAAGE,IAAAA,0CAAoB,EAACC,uBAAU,CAAC;IACnC,GAAGC,+BAAY;AACjB;AAEO,MAAMH,oBAA2B;IACtC,GAAGC,IAAAA,0CAAoB,EAACG,0BAAa,CAAC;IACtC,GAAGD,+BAAY;AACjB"}

View File

@@ -0,0 +1,16 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "teamsHighContrastTheme", {
enumerable: true,
get: function() {
return teamsHighContrastTheme;
}
});
const _createHighContrastTheme = require("../../utils/createHighContrastTheme.js");
const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
const teamsHighContrastTheme = {
...(0, _createHighContrastTheme.createHighContrastTheme)(),
..._teamsFontFamilies.fontFamilies
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themes/teams/highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsHighContrastTheme: Theme = {\n ...createHighContrastTheme(),\n ...fontFamilies,\n};\n"],"names":["teamsHighContrastTheme","createHighContrastTheme","fontFamilies"],"mappings":";;;;+BAIaA;;;eAAAA;;;yCAJ2B;mCAEX;AAEtB,MAAMA,yBAAgC;IAC3C,GAAGC,IAAAA,gDAAuB,GAAE;IAC5B,GAAGC,+BAAY;AACjB"}

View File

@@ -0,0 +1,30 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
teamsDarkTheme: function() {
return _darkTheme.teamsDarkTheme;
},
teamsDarkV21Theme: function() {
return _darkTheme.teamsDarkV21Theme;
},
teamsHighContrastTheme: function() {
return _highContrastTheme.teamsHighContrastTheme;
},
teamsLightTheme: function() {
return _lightTheme.teamsLightTheme;
},
teamsLightV21Theme: function() {
return _lightTheme.teamsLightV21Theme;
}
});
const _lightTheme = require("./lightTheme.js");
const _darkTheme = require("./darkTheme.js");
const _highContrastTheme = require("./highContrastTheme.js");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themes/teams/index.ts"],"sourcesContent":["export { teamsLightTheme, teamsLightV21Theme } from './lightTheme';\nexport { teamsDarkTheme, teamsDarkV21Theme } from './darkTheme';\nexport { teamsHighContrastTheme } from './highContrastTheme';\n"],"names":["teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme"],"mappings":";;;;;;;;;;;IACSA,cAAc;eAAdA,yBAAc;;IAAEC,iBAAiB;eAAjBA,4BAAiB;;IACjCC,sBAAsB;eAAtBA,yCAAsB;;IAFtBC,eAAe;eAAfA,2BAAe;;IAAEC,kBAAkB;eAAlBA,8BAAkB;;;4BAAQ;2BACF;mCACX"}

View File

@@ -0,0 +1,29 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
teamsLightTheme: function() {
return teamsLightTheme;
},
teamsLightV21Theme: function() {
return teamsLightV21Theme;
}
});
const _createLightTheme = require("../../utils/createLightTheme.js");
const _brandColors = require("../../global/brandColors.js");
const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
const teamsLightTheme = {
...(0, _createLightTheme.createLightTheme)(_brandColors.brandTeams),
..._teamsFontFamilies.fontFamilies
};
const teamsLightV21Theme = {
...(0, _createLightTheme.createLightTheme)(_brandColors.brandTeamsV21),
..._teamsFontFamilies.fontFamilies
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themes/teams/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams, brandTeamsV21 } from '../../global/brandColors';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsLightTheme: Theme = {\n ...createLightTheme(brandTeams),\n ...fontFamilies,\n};\n\nexport const teamsLightV21Theme: Theme = {\n ...createLightTheme(brandTeamsV21),\n ...fontFamilies,\n};\n"],"names":["teamsLightTheme","teamsLightV21Theme","createLightTheme","brandTeams","fontFamilies","brandTeamsV21"],"mappings":";;;;;;;;;;;IAKaA,eAAe;eAAfA;;IAKAC,kBAAkB;eAAlBA;;;kCAVoB;6BACS;mCAEb;AAEtB,MAAMD,kBAAyB;IACpC,GAAGE,IAAAA,kCAAgB,EAACC,uBAAU,CAAC;IAC/B,GAAGC,+BAAY;AACjB;AAEO,MAAMH,qBAA4B;IACvC,GAAGC,IAAAA,kCAAgB,EAACG,0BAAa,CAAC;IAClC,GAAGD,+BAAY;AACjB"}

View File

@@ -0,0 +1,13 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "webDarkTheme", {
enumerable: true,
get: function() {
return webDarkTheme;
}
});
const _createDarkTheme = require("../../utils/createDarkTheme.js");
const _brandColors = require("../../global/brandColors.js");
const webDarkTheme = (0, _createDarkTheme.createDarkTheme)(_brandColors.brandWeb);

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themes/web/darkTheme.ts"],"sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"names":["webDarkTheme","createDarkTheme","brandWeb"],"mappings":";;;;+BAIaA;;;eAAAA;;;iCAJmB;6BACP;AAGlB,MAAMA,eAAsBC,IAAAA,gCAAe,EAACC,qBAAQ"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
webDarkTheme: function() {
return _darkTheme.webDarkTheme;
},
webLightTheme: function() {
return _lightTheme.webLightTheme;
}
});
const _lightTheme = require("./lightTheme.js");
const _darkTheme = require("./darkTheme.js");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themes/web/index.ts"],"sourcesContent":["export { webLightTheme } from './lightTheme';\nexport { webDarkTheme } from './darkTheme';\n"],"names":["webDarkTheme","webLightTheme"],"mappings":";;;;;;;;;;;IACSA,YAAY;eAAZA,uBAAY;;IADZC,aAAa;eAAbA,yBAAa;;;4BAAQ;2BACD"}

View File

@@ -0,0 +1,13 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "webLightTheme", {
enumerable: true,
get: function() {
return webLightTheme;
}
});
const _createLightTheme = require("../../utils/createLightTheme.js");
const _brandColors = require("../../global/brandColors.js");
const webLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandWeb);

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/themes/web/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"names":["webLightTheme","createLightTheme","brandWeb"],"mappings":";;;;+BAIaA;;;eAAAA;;;kCAJoB;6BACR;AAGlB,MAAMA,gBAAuBC,IAAAA,kCAAgB,EAACC,qBAAQ"}

558
node_modules/@fluentui/tokens/lib-commonjs/tokens.js generated vendored Normal file
View File

@@ -0,0 +1,558 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "tokens", {
enumerable: true,
get: function() {
return 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)',
colorNeutralForeground5: 'var(--colorNeutralForeground5)',
colorNeutralForeground5Hover: 'var(--colorNeutralForeground5Hover)',
colorNeutralForeground5Pressed: 'var(--colorNeutralForeground5Pressed)',
colorNeutralForeground5Selected: 'var(--colorNeutralForeground5Selected)',
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)',
colorBrandForeground2Hover: 'var(--colorBrandForeground2Hover)',
colorBrandForeground2Pressed: 'var(--colorBrandForeground2Pressed)',
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)',
colorNeutralBackground7: 'var(--colorNeutralBackground7)',
colorNeutralBackground7Hover: 'var(--colorNeutralBackground7Hover)',
colorNeutralBackground7Pressed: 'var(--colorNeutralBackground7Pressed)',
colorNeutralBackground7Selected: 'var(--colorNeutralBackground7Selected)',
colorNeutralBackground8: 'var(--colorNeutralBackground8)',
colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
colorNeutralBackgroundInvertedHover: 'var(--colorNeutralBackgroundInvertedHover)',
colorNeutralBackgroundInvertedPressed: 'var(--colorNeutralBackgroundInvertedPressed)',
colorNeutralBackgroundInvertedSelected: 'var(--colorNeutralBackgroundInvertedSelected)',
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
colorNeutralBackgroundAlpha: 'var(--colorNeutralBackgroundAlpha)',
colorNeutralBackgroundAlpha2: 'var(--colorNeutralBackgroundAlpha2)',
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)',
colorNeutralBackgroundDisabled2: 'var(--colorNeutralBackgroundDisabled2)',
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)',
colorBrandBackground2Hover: 'var(--colorBrandBackground2Hover)',
colorBrandBackground2Pressed: 'var(--colorBrandBackground2Pressed)',
colorBrandBackground3Static: 'var(--colorBrandBackground3Static)',
colorBrandBackground4Static: 'var(--colorBrandBackground4Static)',
colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
colorNeutralCardBackground: 'var(--colorNeutralCardBackground)',
colorNeutralCardBackgroundHover: 'var(--colorNeutralCardBackgroundHover)',
colorNeutralCardBackgroundPressed: 'var(--colorNeutralCardBackgroundPressed)',
colorNeutralCardBackgroundSelected: 'var(--colorNeutralCardBackgroundSelected)',
colorNeutralCardBackgroundDisabled: 'var(--colorNeutralCardBackgroundDisabled)',
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)',
colorNeutralStroke4: 'var(--colorNeutralStroke4)',
colorNeutralStroke4Hover: 'var(--colorNeutralStroke4Hover)',
colorNeutralStroke4Pressed: 'var(--colorNeutralStroke4Pressed)',
colorNeutralStroke4Selected: 'var(--colorNeutralStroke4Selected)',
colorNeutralStrokeSubtle: 'var(--colorNeutralStrokeSubtle)',
colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
colorBrandStroke1: 'var(--colorBrandStroke1)',
colorBrandStroke2: 'var(--colorBrandStroke2)',
colorBrandStroke2Hover: 'var(--colorBrandStroke2Hover)',
colorBrandStroke2Pressed: 'var(--colorBrandStroke2Pressed)',
colorBrandStroke2Contrast: 'var(--colorBrandStroke2Contrast)',
colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
colorNeutralStrokeDisabled2: 'var(--colorNeutralStrokeDisabled2)',
colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
colorTransparentStroke: 'var(--colorTransparentStroke)',
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
colorNeutralStrokeAlpha: 'var(--colorNeutralStrokeAlpha)',
colorNeutralStrokeAlpha2: 'var(--colorNeutralStrokeAlpha2)',
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)',
// Color status success tokens
colorStatusSuccessBackground1: 'var(--colorStatusSuccessBackground1)',
colorStatusSuccessBackground2: 'var(--colorStatusSuccessBackground2)',
colorStatusSuccessBackground3: 'var(--colorStatusSuccessBackground3)',
colorStatusSuccessForeground1: 'var(--colorStatusSuccessForeground1)',
colorStatusSuccessForeground2: 'var(--colorStatusSuccessForeground2)',
colorStatusSuccessForeground3: 'var(--colorStatusSuccessForeground3)',
colorStatusSuccessForegroundInverted: 'var(--colorStatusSuccessForegroundInverted)',
colorStatusSuccessBorderActive: 'var(--colorStatusSuccessBorderActive)',
colorStatusSuccessBorder1: 'var(--colorStatusSuccessBorder1)',
colorStatusSuccessBorder2: 'var(--colorStatusSuccessBorder2)',
// Color status warning tokens
colorStatusWarningBackground1: 'var(--colorStatusWarningBackground1)',
colorStatusWarningBackground2: 'var(--colorStatusWarningBackground2)',
colorStatusWarningBackground3: 'var(--colorStatusWarningBackground3)',
colorStatusWarningForeground1: 'var(--colorStatusWarningForeground1)',
colorStatusWarningForeground2: 'var(--colorStatusWarningForeground2)',
colorStatusWarningForeground3: 'var(--colorStatusWarningForeground3)',
colorStatusWarningForegroundInverted: 'var(--colorStatusWarningForegroundInverted)',
colorStatusWarningBorderActive: 'var(--colorStatusWarningBorderActive)',
colorStatusWarningBorder1: 'var(--colorStatusWarningBorder1)',
colorStatusWarningBorder2: 'var(--colorStatusWarningBorder2)',
// Color status danger tokens
colorStatusDangerBackground1: 'var(--colorStatusDangerBackground1)',
colorStatusDangerBackground2: 'var(--colorStatusDangerBackground2)',
colorStatusDangerBackground3: 'var(--colorStatusDangerBackground3)',
colorStatusDangerBackground3Hover: 'var(--colorStatusDangerBackground3Hover)',
colorStatusDangerBackground3Pressed: 'var(--colorStatusDangerBackground3Pressed)',
colorStatusDangerForeground1: 'var(--colorStatusDangerForeground1)',
colorStatusDangerForeground2: 'var(--colorStatusDangerForeground2)',
colorStatusDangerForeground3: 'var(--colorStatusDangerForeground3)',
colorStatusDangerForegroundInverted: 'var(--colorStatusDangerForegroundInverted)',
colorStatusDangerBorderActive: 'var(--colorStatusDangerBorderActive)',
colorStatusDangerBorder1: 'var(--colorStatusDangerBorder1)',
colorStatusDangerBorder2: 'var(--colorStatusDangerBorder2)',
// Border radius tokens
borderRadiusNone: 'var(--borderRadiusNone)',
borderRadiusSmall: 'var(--borderRadiusSmall)',
borderRadiusMedium: 'var(--borderRadiusMedium)',
borderRadiusLarge: 'var(--borderRadiusLarge)',
borderRadiusXLarge: 'var(--borderRadiusXLarge)',
borderRadius2XLarge: 'var(--borderRadius2XLarge)',
borderRadius3XLarge: 'var(--borderRadius3XLarge)',
borderRadius4XLarge: 'var(--borderRadius4XLarge)',
borderRadius5XLarge: 'var(--borderRadius5XLarge)',
borderRadius6XLarge: 'var(--borderRadius6XLarge)',
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)',
durationGentle: 'var(--durationGentle)',
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)',
/**
* ZIndexes
* Special case where the tokens contain default values
* ZIndexes are not mandatory, so they are not included in the theme, but can be used as tokens with default values
*/ /**
* Elevation 0
* Can be used for background elements, like surfaces
*/ zIndexBackground: 'var(--zIndexBackground, 0)',
/**
* Elevation 2
* Can be used content that is on top of the background, like cards
*/ zIndexContent: 'var(--zIndexContent, 1)',
/**
* Elevation 4
* Can be used for overlays, like the backdrop of a modal
*/ zIndexOverlay: 'var(--zIndexOverlay, 1000)',
/**
* Elevation 8
* Can be used for popups, like modals and drawers
*/ zIndexPopup: 'var(--zIndexPopup, 2000)',
/**
* Elevation 16
* Can be used for messages, like snackbars and toasts
*/ zIndexMessages: 'var(--zIndexMessages, 3000)',
/**
* Elevation 28
* Can be used for floating elements, like dropdowns
*/ zIndexFloating: 'var(--zIndexFloating, 4000)',
/**
* Elevation 64
* Can be used for high priority floating elements, like tooltips
*/ zIndexPriority: 'var(--zIndexPriority, 5000)',
/**
* Special elevation
* Can be used for elements that need to be above everything else, like debug overlays
*/ zIndexDebug: 'var(--zIndexDebug, 6000)'
};

File diff suppressed because one or more lines are too long

4
node_modules/@fluentui/tokens/lib-commonjs/types.js generated vendored Normal file
View File

@@ -0,0 +1,4 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":""}

View File

@@ -0,0 +1,37 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "createDarkTheme", {
enumerable: true,
get: function() {
return createDarkTheme;
}
});
const _darkColorPalette = require("../alias/darkColorPalette.js");
const _darkColor = require("../alias/darkColor.js");
const _index = require("../global/index.js");
const _shadows = require("./shadows.js");
const _durations = require("../global/durations.js");
const _curves = require("../global/curves.js");
const _spacings = require("../global/spacings.js");
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,
..._darkColorPalette.colorStatusTokens,
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
};
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["createDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAUaA;;;eAAAA;;;kCAVyC;2BAClB;uBAE0D;yBAC3D;2BAET;wBACH;0BAC8B;AAE9C,MAAMA,kBAAmDC,CAAAA;IAC9D,MAAMC,cAAcC,IAAAA,8BAAmB,EAACF;IAExC,OAAO;QACL,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QAET,GAAGX,WAAW;QACd,GAAGY,oCAAkB;QACrB,GAAGC,mCAAiB;QAEpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACtG;AACF"}

View File

@@ -0,0 +1,37 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "createHighContrastTheme", {
enumerable: true,
get: function() {
return createHighContrastTheme;
}
});
const _highContrastColorPalette = require("../alias/highContrastColorPalette.js");
const _highContrastColor = require("../alias/highContrastColor.js");
const _index = require("../global/index.js");
const _shadows = require("./shadows.js");
const _durations = require("../global/durations.js");
const _curves = require("../global/curves.js");
const _spacings = require("../global/spacings.js");
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,
..._highContrastColorPalette.colorStatusTokens,
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
};
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n const colorTokens = generateColorTokens();\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["createHighContrastTheme","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAUaA;;;eAAAA;;;0CAVyC;mCAClB;uBAE0D;yBAC3D;2BAET;wBACH;0BAC8B;AAE9C,MAAMA,0BAA0B;IACrC,MAAMC,cAAcC,IAAAA,sCAAmB;IAEvC,OAAO;QACL,GAAGC,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QAET,GAAGX,WAAW;QACd,GAAGY,4CAAkB;QACrB,GAAGC,2CAAiB;QAEpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACtG;AACF"}

View File

@@ -0,0 +1,37 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "createLightTheme", {
enumerable: true,
get: function() {
return createLightTheme;
}
});
const _lightColorPalette = require("../alias/lightColorPalette.js");
const _lightColor = require("../alias/lightColor.js");
const _index = require("../global/index.js");
const _shadows = require("./shadows.js");
const _durations = require("../global/durations.js");
const _curves = require("../global/curves.js");
const _spacings = require("../global/spacings.js");
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,
..._lightColorPalette.colorStatusTokens,
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
};
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["createLightTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAUaA;;;eAAAA;;;mCAVyC;4BAClB;uBAE0D;yBAC3D;2BAET;wBACH;0BAC8B;AAE9C,MAAMA,mBAAoDC,CAAAA;IAC/D,MAAMC,cAAcC,IAAAA,+BAAmB,EAACF;IAExC,OAAO;QACL,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QAET,GAAGX,WAAW;QACd,GAAGY,qCAAkB;QACrB,GAAGC,oCAAiB;QAEpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACtG;AACF"}

View File

@@ -0,0 +1,37 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "createTeamsDarkTheme", {
enumerable: true,
get: function() {
return createTeamsDarkTheme;
}
});
const _darkColorPalette = require("../alias/darkColorPalette.js");
const _teamsDarkColor = require("../alias/teamsDarkColor.js");
const _index = require("../global/index.js");
const _shadows = require("./shadows.js");
const _durations = require("../global/durations.js");
const _curves = require("../global/curves.js");
const _spacings = require("../global/spacings.js");
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,
..._darkColorPalette.colorStatusTokens,
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
};
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["createTeamsDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAUaA;;;eAAAA;;;kCAVyC;gCAClB;uBAE0D;yBAC3D;2BAET;wBACH;0BAC8B;AAE9C,MAAMA,uBAAwDC,CAAAA;IACnE,MAAMC,cAAcC,IAAAA,mCAAmB,EAACF;IAExC,OAAO;QACL,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QAET,GAAGX,WAAW;QACd,GAAGY,oCAAkB;QACrB,GAAGC,mCAAiB;QAEpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACtG;AACF"}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
createDarkTheme: function() {
return _createDarkTheme.createDarkTheme;
},
createHighContrastTheme: function() {
return _createHighContrastTheme.createHighContrastTheme;
},
createLightTheme: function() {
return _createLightTheme.createLightTheme;
},
createTeamsDarkTheme: function() {
return _createTeamsDarkTheme.createTeamsDarkTheme;
}
});
const _createLightTheme = require("./createLightTheme.js");
const _createDarkTheme = require("./createDarkTheme.js");
const _createTeamsDarkTheme = require("./createTeamsDarkTheme.js");
const _createHighContrastTheme = require("./createHighContrastTheme.js");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export { createLightTheme } from './createLightTheme';\nexport { createDarkTheme } from './createDarkTheme';\nexport { createTeamsDarkTheme } from './createTeamsDarkTheme';\nexport { createHighContrastTheme } from './createHighContrastTheme';\n"],"names":["createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme"],"mappings":";;;;;;;;;;;IACSA,eAAe;eAAfA,gCAAe;;IAEfC,uBAAuB;eAAvBA,gDAAuB;;IAHvBC,gBAAgB;eAAhBA,kCAAgB;;IAEhBC,oBAAoB;eAApBA,0CAAoB;;;kCAFI;iCACD;sCACK;yCACG"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "createShadowTokens", {
enumerable: true,
get: function() {
return createShadowTokens;
}
});
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}`
};
}

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/shadows.ts"],"sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n return {\n [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n };\n}\n"],"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"mappings":";;;;+BAKgBA;;;eAAAA;;;AAAT,SAASA,mBAAmBC,YAAoB,EAAEC,QAAgB,EAAEC,cAA4B,EAAE;IACvG,OAAO;QACL,CAAC,CAAC,OAAO,EAAEA,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,UAAU;QAC3E,CAAC,CAAC,OAAO,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,UAAU;QAC3E,CAAC,CAAC,OAAO,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,UAAU;QAC3E,CAAC,CAAC,QAAQ,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,aAAa,EAAEC,UAAU;QAC7E,CAAC,CAAC,QAAQ,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,UAAU;QAC9E,CAAC,CAAC,QAAQ,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,UAAU;IAChF;AACF"}