@fluentui/react-theme 9.0.0-alpha.23

package/lib-amd/utils/themeToCSSVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeToCSSVariables.js","sourceRoot":"../src/","sources":["utils/themeToCSSVariables.ts"],"names":[],"mappings":";;;;IAEA,SAAS,0BAA0B;IACjC,8DAA8D;IAC9D,SAA8B,EAC9B,SAAsB,EACtB,MAAmC;QADnC,0BAAA,EAAA,cAAsB;QACtB,uBAAA,EAAA,WAAmC;QAEnC,KAAK,IAAM,YAAY,IAAI,SAAS,EAAE;YACpC,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE;gBACjE,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,YAAY,CAAC,CAAC,CAAC,OAAK,YAAc,CAAC;gBAEtF,IAAI,OAAO,SAAS,CAAC,YAAY,CAAC,KAAK,QAAQ,EAAE;oBAC/C,0BAA0B,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;iBAC3E;qBAAM;oBACL,MAAM,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;iBAChD;aACF;SACF;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAgB,mBAAmB,CAAC,KAAY;QAC9C,OAAO,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAFD,kDAEC","sourcesContent":["import type { Theme } from '../types';\n\nfunction flattenThemeToCSSVariables(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  themePart: Record<string, any>,\n  parentKey: string = '',\n  result: Record<string, string> = {},\n) {\n  for (const propertyName in themePart) {\n    if (Object.prototype.hasOwnProperty.call(themePart, propertyName)) {\n      const variableName = parentKey ? parentKey + '-' + propertyName : `--${propertyName}`;\n\n      if (typeof themePart[propertyName] === 'object') {\n        flattenThemeToCSSVariables(themePart[propertyName], variableName, result);\n      } else {\n        result[variableName] = themePart[propertyName];\n      }\n    }\n  }\n  return result;\n}\n\nexport function themeToCSSVariables(theme: Theme): Record<string, string> {\n  return flattenThemeToCSSVariables(theme);\n}\n"]}

package/lib-commonjs/alias/dark.d.ts

@@ -0,0 +1,3 @@
+import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
+export declare const neutralColorTokens: NeutralColorTokens;
+export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;

package/lib-commonjs/alias/dark.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateSharedColorTokens = exports.neutralColorTokens = void 0;
+exports.neutralColorTokens = {
+  neutralForeground1: 'var(--global-color-white)',
+  neutralForeground2: 'var(--global-palette-grey-84)',
+  neutralForeground2Hover: 'var(--global-color-white)',
+  neutralForeground2Pressed: 'var(--global-color-white)',
+  neutralForeground2Selected: 'var(--global-color-white)',
+  neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)',
+  neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)',
+  neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)',
+  neutralForeground3: 'var(--global-palette-grey-68)',
+  neutralForeground3Hover: 'var(--global-palette-grey-84)',
+  neutralForeground3Pressed: 'var(--global-palette-grey-84)',
+  neutralForeground3Selected: 'var(--global-palette-grey-84)',
+  neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)',
+  neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)',
+  neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)',
+  neutralForeground4: 'var(--global-palette-grey-60)',
+  neutralForegroundDisabled: 'var(--global-palette-grey-36)',
+  brandForegroundLink: 'var(--global-palette-brand-tint10)',
+  brandForegroundLinkHover: 'var(--global-palette-brand-tint30)',
+  brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)',
+  brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)',
+  compoundBrandForeground1: 'var(--global-palette-brand-tint10)',
+  compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)',
+  compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)',
+  brandForeground1: 'var(--global-palette-brand-tint20)',
+  brandForeground2: 'var(--global-palette-brand-tint30)',
+  neutralForegroundInverted: 'var(--global-palette-grey-14)',
+  neutralForegroundOnBrand: 'var(--global-color-white)',
+  neutralForegroundInvertedLink: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
+  neutralBackground1: 'var(--global-palette-grey-16)',
+  neutralBackground1Hover: 'var(--global-palette-grey-24)',
+  neutralBackground1Pressed: 'var(--global-palette-grey-12)',
+  neutralBackground1Selected: 'var(--global-palette-grey-22)',
+  neutralBackground2: 'var(--global-palette-grey-12)',
+  neutralBackground2Hover: 'var(--global-palette-grey-20)',
+  neutralBackground2Pressed: 'var(--global-palette-grey-8)',
+  neutralBackground2Selected: 'var(--global-palette-grey-18)',
+  neutralBackground3: 'var(--global-palette-grey-8)',
+  neutralBackground3Hover: 'var(--global-palette-grey-16)',
+  neutralBackground3Pressed: 'var(--global-palette-grey-4)',
+  neutralBackground3Selected: 'var(--global-palette-grey-14)',
+  neutralBackground4: 'var(--global-palette-grey-4)',
+  neutralBackground4Hover: 'var(--global-palette-grey-12)',
+  neutralBackground4Pressed: 'var(--global-color-black)',
+  neutralBackground4Selected: 'var(--global-palette-grey-10)',
+  neutralBackground5: 'var(--global-color-black)',
+  neutralBackground5Hover: 'var(--global-palette-grey-8)',
+  neutralBackground5Pressed: 'var(--global-palette-grey-2)',
+  neutralBackground5Selected: 'var(--global-palette-grey-6)',
+  neutralBackground6: 'var(--global-palette-grey-20)',
+  neutralBackgroundInverted: 'var(--global-color-white)',
+  subtleBackground: 'transparent',
+  subtleBackgroundHover: 'var(--global-palette-grey-22)',
+  subtleBackgroundPressed: 'var(--global-palette-grey-18)',
+  subtleBackgroundSelected: 'var(--global-palette-grey-20)',
+  transparentBackground: 'transparent',
+  transparentBackgroundHover: 'transparent',
+  transparentBackgroundPressed: 'transparent',
+  transparentBackgroundSelected: 'transparent',
+  neutralBackgroundDisabled: 'var(--global-palette-grey-8)',
+  neutralStencil1: 'var(--global-palette-grey-20)',
+  neutralStencil2: 'var(--global-palette-grey-34)',
+  brandBackground: 'var(--global-palette-brand-shade10)',
+  brandBackgroundHover: 'var(--global-palette-brand-primary)',
+  brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
+  brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
+  compoundBrandBackground: 'var(--global-palette-brand-tint10)',
+  compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)',
+  compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)',
+  brandBackgroundStatic: 'var(--global-palette-brand-primary)',
+  brandBackground2: 'var(--global-palette-brand-shade40)',
+  neutralStrokeAccessible: 'var(--global-palette-grey-68)',
+  neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)',
+  neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)',
+  neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)',
+  neutralStroke1: 'var(--global-palette-grey-40)',
+  neutralStroke1Hover: 'var(--global-palette-grey-46)',
+  neutralStroke1Pressed: 'var(--global-palette-grey-42)',
+  neutralStroke1Selected: 'var(--global-palette-grey-44)',
+  neutralStroke2: 'var(--global-palette-grey-32)',
+  neutralStroke3: 'var(--global-palette-grey-24)',
+  brandStroke1: 'var(--global-palette-brand-tint10)',
+  brandStroke2: 'var(--global-palette-brand-shade30)',
+  compoundBrandStroke: 'var(--global-palette-brand-tint10)',
+  compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)',
+  compoundBrandStrokePressed: 'var(--global-palette-brand-primary)',
+  neutralStrokeDisabled: 'var(--global-palette-grey-26)',
+  transparentStroke: 'transparent',
+  transparentStrokeInteractive: 'transparent',
+  transparentStrokeDisabled: 'transparent',
+  strokeFocus1: 'var(--global-color-black)',
+  strokeFocus2: 'var(--global-color-white)',
+  neutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  neutralShadowKey: 'rgba(0,0,0,0.28)',
+  neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  brandShadowAmbient: 'rgba(0,0,0,0.30)',
+  brandShadowKey: 'rgba(0,0,0,0.25)'
+};
+
+var generateSharedColorTokens = function (globalSharedTokens) {
+  return Object.keys(globalSharedTokens).filter(function (sharedColor) {
+    return sharedColor !== 'brand' && sharedColor !== 'grey';
+  }).reduce(function (acc, sharedColor) {
+    acc[sharedColor] = {
+      background1: "var(--global-palette-" + sharedColor + "-shade40)",
+      background2: "var(--global-palette-" + sharedColor + "-shade30)",
+      background3: "var(--global-palette-" + sharedColor + "-primary)",
+      foreground1: "var(--global-palette-" + sharedColor + "-tint30)",
+      foreground2: "var(--global-palette-" + sharedColor + "-tint40)",
+      foreground3: "var(--global-palette-" + sharedColor + "-tint20)",
+      borderActive: "var(--global-palette-" + sharedColor + "-tint30)",
+      border2: "var(--global-palette-" + sharedColor + "-tint20)"
+    };
+    return acc;
+  }, {});
+};
+
+exports.generateSharedColorTokens = generateSharedColorTokens;
+//# sourceMappingURL=dark.js.map

package/lib-commonjs/alias/dark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["alias/dark.ts"],"names":[],"mappings":";;;;;;AAEa,OAAA,CAAA,kBAAA,GAAyC;AACpD,EAAA,kBAAkB,EAAE,2BADgC;AAEpD,EAAA,kBAAkB,EAAE,+BAFgC;AAGpD,EAAA,uBAAuB,EAAE,2BAH2B;AAIpD,EAAA,yBAAyB,EAAE,2BAJyB;AAKpD,EAAA,0BAA0B,EAAE,2BALwB;AAMpD,EAAA,4BAA4B,EAAE,oCANsB;AAOpD,EAAA,8BAA8B,EAAE,oCAPoB;AAQpD,EAAA,+BAA+B,EAAE,oCARmB;AASpD,EAAA,kBAAkB,EAAE,+BATgC;AAUpD,EAAA,uBAAuB,EAAE,+BAV2B;AAWpD,EAAA,yBAAyB,EAAE,+BAXyB;AAYpD,EAAA,0BAA0B,EAAE,+BAZwB;AAapD,EAAA,4BAA4B,EAAE,oCAbsB;AAcpD,EAAA,8BAA8B,EAAE,oCAdoB;AAepD,EAAA,+BAA+B,EAAE,oCAfmB;AAgBpD,EAAA,kBAAkB,EAAE,+BAhBgC;AAiBpD,EAAA,yBAAyB,EAAE,+BAjByB;AAkBpD,EAAA,mBAAmB,EAAE,oCAlB+B;AAmBpD,EAAA,wBAAwB,EAAE,oCAnB0B;AAoBpD,EAAA,0BAA0B,EAAE,oCApBwB;AAqBpD,EAAA,2BAA2B,EAAE,oCArBuB;AAsBpD,EAAA,wBAAwB,EAAE,oCAtB0B;AAuBpD,EAAA,6BAA6B,EAAE,oCAvBqB;AAwBpD,EAAA,+BAA+B,EAAE,qCAxBmB;AAyBpD,EAAA,gBAAgB,EAAE,oCAzBkC;AA0BpD,EAAA,gBAAgB,EAAE,oCA1BkC;AA2BpD,EAAA,yBAAyB,EAAE,+BA3ByB;AA4BpD,EAAA,wBAAwB,EAAE,2BA5B0B;AA6BpD,EAAA,6BAA6B,EAAE,2BA7BqB;AA8BpD,EAAA,kCAAkC,EAAE,2BA9BgB;AA+BpD,EAAA,oCAAoC,EAAE,2BA/Bc;AAgCpD,EAAA,qCAAqC,EAAE,2BAhCa;AAiCpD,EAAA,kBAAkB,EAAE,+BAjCgC;AAkCpD,EAAA,uBAAuB,EAAE,+BAlC2B;AAmCpD,EAAA,yBAAyB,EAAE,+BAnCyB;AAoCpD,EAAA,0BAA0B,EAAE,+BApCwB;AAqCpD,EAAA,kBAAkB,EAAE,+BArCgC;AAsCpD,EAAA,uBAAuB,EAAE,+BAtC2B;AAuCpD,EAAA,yBAAyB,EAAE,8BAvCyB;AAwCpD,EAAA,0BAA0B,EAAE,+BAxCwB;AAyCpD,EAAA,kBAAkB,EAAE,8BAzCgC;AA0CpD,EAAA,uBAAuB,EAAE,+BA1C2B;AA2CpD,EAAA,yBAAyB,EAAE,8BA3CyB;AA4CpD,EAAA,0BAA0B,EAAE,+BA5CwB;AA6CpD,EAAA,kBAAkB,EAAE,8BA7CgC;AA8CpD,EAAA,uBAAuB,EAAE,+BA9C2B;AA+CpD,EAAA,yBAAyB,EAAE,2BA/CyB;AAgDpD,EAAA,0BAA0B,EAAE,+BAhDwB;AAiDpD,EAAA,kBAAkB,EAAE,2BAjDgC;AAkDpD,EAAA,uBAAuB,EAAE,8BAlD2B;AAmDpD,EAAA,yBAAyB,EAAE,8BAnDyB;AAoDpD,EAAA,0BAA0B,EAAE,8BApDwB;AAqDpD,EAAA,kBAAkB,EAAE,+BArDgC;AAsDpD,EAAA,yBAAyB,EAAE,2BAtDyB;AAuDpD,EAAA,gBAAgB,EAAE,aAvDkC;AAwDpD,EAAA,qBAAqB,EAAE,+BAxD6B;AAyDpD,EAAA,uBAAuB,EAAE,+BAzD2B;AA0DpD,EAAA,wBAAwB,EAAE,+BA1D0B;AA2DpD,EAAA,qBAAqB,EAAE,aA3D6B;AA4DpD,EAAA,0BAA0B,EAAE,aA5DwB;AA6DpD,EAAA,4BAA4B,EAAE,aA7DsB;AA8DpD,EAAA,6BAA6B,EAAE,aA9DqB;AA+DpD,EAAA,yBAAyB,EAAE,8BA/DyB;AAgEpD,EAAA,eAAe,EAAE,+BAhEmC;AAiEpD,EAAA,eAAe,EAAE,+BAjEmC;AAkEpD,EAAA,eAAe,EAAE,qCAlEmC;AAmEpD,EAAA,oBAAoB,EAAE,qCAnE8B;AAoEpD,EAAA,sBAAsB,EAAE,qCApE4B;AAqEpD,EAAA,uBAAuB,EAAE,qCArE2B;AAsEpD,EAAA,uBAAuB,EAAE,oCAtE2B;AAuEpD,EAAA,4BAA4B,EAAE,oCAvEsB;AAwEpD,EAAA,8BAA8B,EAAE,qCAxEoB;AAyEpD,EAAA,qBAAqB,EAAE,qCAzE6B;AA0EpD,EAAA,gBAAgB,EAAE,qCA1EkC;AA2EpD,EAAA,uBAAuB,EAAE,+BA3E2B;AA4EpD,EAAA,4BAA4B,EAAE,+BA5EsB;AA6EpD,EAAA,8BAA8B,EAAE,+BA7EoB;AA8EpD,EAAA,+BAA+B,EAAE,oCA9EmB;AA+EpD,EAAA,cAAc,EAAE,+BA/EoC;AAgFpD,EAAA,mBAAmB,EAAE,+BAhF+B;AAiFpD,EAAA,qBAAqB,EAAE,+BAjF6B;AAkFpD,EAAA,sBAAsB,EAAE,+BAlF4B;AAmFpD,EAAA,cAAc,EAAE,+BAnFoC;AAoFpD,EAAA,cAAc,EAAE,+BApFoC;AAqFpD,EAAA,YAAY,EAAE,oCArFsC;AAsFpD,EAAA,YAAY,EAAE,qCAtFsC;AAuFpD,EAAA,mBAAmB,EAAE,oCAvF+B;AAwFpD,EAAA,wBAAwB,EAAE,oCAxF0B;AAyFpD,EAAA,0BAA0B,EAAE,qCAzFwB;AA0FpD,EAAA,qBAAqB,EAAE,+BA1F6B;AA2FpD,EAAA,iBAAiB,EAAE,aA3FiC;AA4FpD,EAAA,4BAA4B,EAAE,aA5FsB;AA6FpD,EAAA,yBAAyB,EAAE,aA7FyB;AA8FpD,EAAA,YAAY,EAAE,2BA9FsC;AA+FpD,EAAA,YAAY,EAAE,2BA/FsC;AAgGpD,EAAA,oBAAoB,EAAE,kBAhG8B;AAiGpD,EAAA,gBAAgB,EAAE,kBAjGkC;AAkGpD,EAAA,2BAA2B,EAAE,kBAlGuB;AAmGpD,EAAA,uBAAuB,EAAE,kBAnG2B;AAoGpD,EAAA,0BAA0B,EAAE,kBApGwB;AAqGpD,EAAA,sBAAsB,EAAE,kBArG4B;AAsGpD,EAAA,kBAAkB,EAAE,kBAtGgC;AAuGpD,EAAA,cAAc,EAAE;AAvGoC,CAAzC;;AA0GN,IAAM,yBAAyB,GAEqB,UAAA,kBAAA,EAAkB;AAC3E,SAAO,MAAM,CAAC,IAAP,CAAY,kBAAZ,EACJ,MADI,CACG,UAAA,WAAA,EAAW;AAAI,WAAA,WAAW,KAAK,OAAhB,IAA2B,WAAW,KAAtC,MAAA;AAAiD,GADnE,EAEJ,MAFI,CAEG,UAAC,GAAD,EAAM,WAAN,EAAiB;AACvB,IAAA,GAAG,CAAC,WAAD,CAAH,GAA+C;AAC7C,MAAA,WAAW,EAAE,0BAAwB,WAAxB,GAAmC,WADH;AAE7C,MAAA,WAAW,EAAE,0BAAwB,WAAxB,GAAmC,WAFH;AAG7C,MAAA,WAAW,EAAE,0BAAwB,WAAxB,GAAmC,WAHH;AAI7C,MAAA,WAAW,EAAE,0BAAwB,WAAxB,GAAmC,UAJH;AAK7C,MAAA,WAAW,EAAE,0BAAwB,WAAxB,GAAmC,UALH;AAM7C,MAAA,WAAW,EAAE,0BAAwB,WAAxB,GAAmC,UANH;AAO7C,MAAA,YAAY,EAAE,0BAAwB,WAAxB,GAAmC,UAPJ;AAQ7C,MAAA,OAAO,EAAE,0BAAwB,WAAxB,GAAmC;AARC,KAA/C;AAUA,WAAO,GAAP;AACD,GAdI,EAcF,EAdE,CAAP;AAeD,CAlBM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n  neutralForeground1: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForeground2: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralForeground2Hover: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForeground2Pressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForeground2Selected: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralForeground3: 'var(--global-palette-grey-68)', // #adadad Global.Color.Grey.68\n  neutralForeground3Hover: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralForeground3Pressed: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralForeground3Selected: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralForeground4: 'var(--global-palette-grey-60)', // #999999 Global.Color.Grey.60\n  neutralForegroundDisabled: 'var(--global-palette-grey-36)', // #5c5c5c Global.Color.Grey.36\n  brandForegroundLink: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  brandForegroundLinkHover: 'var(--global-palette-brand-tint30)', // #6cb8f6 Global.Color.Brand.Tint.30\n  brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  compoundBrandForeground1: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandForeground1: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  brandForeground2: 'var(--global-palette-brand-tint30)', // #6cb8f6 Global.Color.Brand.Tint.30\n  neutralForegroundInverted: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n  neutralForegroundOnBrand: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLink: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkHover: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkPressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkSelected: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralBackground1: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n  neutralBackground1Hover: 'var(--global-palette-grey-24)', // #3d3d3d Global.Color.Grey.24\n  neutralBackground1Pressed: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n  neutralBackground1Selected: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n  neutralBackground2: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n  neutralBackground2Hover: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n  neutralBackground2Pressed: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralBackground2Selected: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n  neutralBackground3: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralBackground3Hover: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n  neutralBackground3Pressed: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n  neutralBackground3Selected: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n  neutralBackground4: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n  neutralBackground4Hover: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n  neutralBackground4Pressed: 'var(--global-color-black)', // #000000 Global.Color.Black\n  neutralBackground4Selected: 'var(--global-palette-grey-10)', // #1a1a1a Global.Color.Grey.10\n  neutralBackground5: 'var(--global-color-black)', // #000000 Global.Color.Black\n  neutralBackground5Hover: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralBackground5Pressed: 'var(--global-palette-grey-2)', // #050505 Global.Color.Grey.2\n  neutralBackground5Selected: 'var(--global-palette-grey-6)', // #0f0f0f Global.Color.Grey.6\n  neutralBackground6: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n  neutralBackgroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n  subtleBackground: 'transparent', // transparent undefined\n  subtleBackgroundHover: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n  subtleBackgroundPressed: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n  subtleBackgroundSelected: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n  transparentBackground: 'transparent', // transparent undefined\n  transparentBackgroundHover: 'transparent', // transparent undefined\n  transparentBackgroundPressed: 'transparent', // transparent undefined\n  transparentBackgroundSelected: 'transparent', // transparent undefined\n  neutralBackgroundDisabled: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralStencil1: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n  neutralStencil2: 'var(--global-palette-grey-34)', // #575757 Global.Color.Grey.34\n  brandBackground: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  brandBackgroundHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandBackgroundPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n  brandBackgroundSelected: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n  compoundBrandBackground: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandBackgroundStatic: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandBackground2: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n  neutralStrokeAccessible: 'var(--global-palette-grey-68)', // #adadad Global.Color.Grey.68\n  neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n  neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)', // #b3b3b3 Global.Color.Grey.70\n  neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralStroke1: 'var(--global-palette-grey-40)', // #666666 Global.Color.Grey.40\n  neutralStroke1Hover: 'var(--global-palette-grey-46)', // #757575 Global.Color.Grey.46\n  neutralStroke1Pressed: 'var(--global-palette-grey-42)', // #6b6b6b Global.Color.Grey.42\n  neutralStroke1Selected: 'var(--global-palette-grey-44)', // #707070 Global.Color.Grey.44\n  neutralStroke2: 'var(--global-palette-grey-32)', // #525252 Global.Color.Grey.32\n  neutralStroke3: 'var(--global-palette-grey-24)', // #3d3d3d Global.Color.Grey.24\n  brandStroke1: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  brandStroke2: 'var(--global-palette-brand-shade30)', // #004c87 Global.Color.Brand.Shade.30\n  compoundBrandStroke: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  compoundBrandStrokePressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  neutralStrokeDisabled: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n  transparentStroke: 'transparent', // transparent undefined\n  transparentStrokeInteractive: 'transparent', // transparent undefined\n  transparentStrokeDisabled: 'transparent', // transparent undefined\n  strokeFocus1: 'var(--global-color-black)', // #000000 Global.Color.Black\n  strokeFocus2: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n  neutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n  neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n  neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n  neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n  neutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n  brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n  brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n  globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n  return Object.keys(globalSharedTokens)\n    .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n    .reduce((acc, sharedColor) => {\n      acc[sharedColor as keyof GlobalSharedColors] = {\n        background1: `var(--global-palette-${sharedColor}-shade40)`,\n        background2: `var(--global-palette-${sharedColor}-shade30)`,\n        background3: `var(--global-palette-${sharedColor}-primary)`,\n        foreground1: `var(--global-palette-${sharedColor}-tint30)`,\n        foreground2: `var(--global-palette-${sharedColor}-tint40)`,\n        foreground3: `var(--global-palette-${sharedColor}-tint20)`,\n        borderActive: `var(--global-palette-${sharedColor}-tint30)`,\n        border2: `var(--global-palette-${sharedColor}-tint20)`,\n      };\n      return acc;\n    }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/alias/highContrast.d.ts

@@ -0,0 +1,3 @@
+import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
+export declare const neutralColorTokens: NeutralColorTokens;
+export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;

package/lib-commonjs/alias/highContrast.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateSharedColorTokens = exports.neutralColorTokens = void 0;
+exports.neutralColorTokens = {
+  neutralForeground1: 'var(--global-color-hcCanvasText)',
+  neutralForeground2: 'var(--global-color-hcCanvasText)',
+  neutralForeground2Hover: 'var(--global-color-hcHighlightText)',
+  neutralForeground2Pressed: 'var(--global-color-hcHighlightText)',
+  neutralForeground2Selected: 'var(--global-color-hcHighlightText)',
+  neutralForeground2BrandHover: 'var(--global-color-hcHighlightText)',
+  neutralForeground2BrandPressed: 'var(--global-color-hcHighlightText)',
+  neutralForeground2BrandSelected: 'var(--global-color-hcHighlightText)',
+  neutralForeground3: 'var(--global-color-hcCanvasText)',
+  neutralForeground3Hover: 'var(--global-color-hcHighlightText)',
+  neutralForeground3Pressed: 'var(--global-color-hcHighlightText)',
+  neutralForeground3Selected: 'var(--global-color-hcHighlightText)',
+  neutralForeground3BrandHover: 'var(--global-color-hcHighlightText)',
+  neutralForeground3BrandPressed: 'var(--global-color-hcHighlightText)',
+  neutralForeground3BrandSelected: 'var(--global-color-hcHighlightText)',
+  neutralForeground4: 'var(--global-color-hcCanvasText)',
+  neutralForegroundDisabled: 'var(--global-color-hcDisabled)',
+  brandForegroundLink: 'var(--global-color-hcHyperlink)',
+  brandForegroundLinkHover: 'var(--global-color-hcHyperlink)',
+  brandForegroundLinkPressed: 'var(--global-color-hcHyperlink)',
+  brandForegroundLinkSelected: 'var(--global-color-hcHyperlink)',
+  compoundBrandForeground1: 'var(--global-color-hcHighlight)',
+  compoundBrandForeground1Hover: 'var(--global-color-hcHighlight)',
+  compoundBrandForeground1Pressed: 'var(--global-color-hcHighlight)',
+  brandForeground1: 'var(--global-color-hcCanvasText)',
+  brandForeground2: 'var(--global-color-hcButtonText)',
+  neutralForegroundInverted: 'var(--global-color-hcCanvas)',
+  neutralForegroundOnBrand: 'var(--global-color-hcButtonText)',
+  neutralForegroundInvertedLink: 'var(--global-color-hcHyperlink)',
+  neutralForegroundInvertedLinkHover: 'var(--global-color-hcHyperlink)',
+  neutralForegroundInvertedLinkPressed: 'var(--global-color-hcHyperlink)',
+  neutralForegroundInvertedLinkSelected: 'var(--global-color-hcHyperlink)',
+  neutralBackground1: 'var(--global-color-hcCanvas)',
+  neutralBackground1Hover: 'var(--global-color-hcHighlight)',
+  neutralBackground1Pressed: 'var(--global-color-hcHighlight)',
+  neutralBackground1Selected: 'var(--global-color-hcHighlight)',
+  neutralBackground2: 'var(--global-color-hcCanvas)',
+  neutralBackground2Hover: 'var(--global-color-hcHighlight)',
+  neutralBackground2Pressed: 'var(--global-color-hcHighlight)',
+  neutralBackground2Selected: 'var(--global-color-hcHighlight)',
+  neutralBackground3: 'var(--global-color-hcCanvas)',
+  neutralBackground3Hover: 'var(--global-color-hcHighlight)',
+  neutralBackground3Pressed: 'var(--global-color-hcHighlight)',
+  neutralBackground3Selected: 'var(--global-color-hcHighlight)',
+  neutralBackground4: 'var(--global-color-hcCanvas)',
+  neutralBackground4Hover: 'var(--global-color-hcHighlight)',
+  neutralBackground4Pressed: 'var(--global-color-hcHighlight)',
+  neutralBackground4Selected: 'var(--global-color-hcHighlight)',
+  neutralBackground5: 'var(--global-color-hcCanvas)',
+  neutralBackground5Hover: 'var(--global-color-hcHighlight)',
+  neutralBackground5Pressed: 'var(--global-color-hcHighlight)',
+  neutralBackground5Selected: 'var(--global-color-hcHighlight)',
+  neutralBackground6: 'var(--global-color-hcCanvas)',
+  neutralBackgroundInverted: 'var(--global-color-hcCanvasText)',
+  subtleBackground: 'transparent',
+  subtleBackgroundHover: 'var(--global-color-hcHighlight)',
+  subtleBackgroundPressed: 'var(--global-color-hcHighlight)',
+  subtleBackgroundSelected: 'var(--global-color-hcHighlight)',
+  transparentBackground: 'transparent',
+  transparentBackgroundHover: 'var(--global-color-hcHighlight)',
+  transparentBackgroundPressed: 'var(--global-color-hcHighlight)',
+  transparentBackgroundSelected: 'var(--global-color-hcHighlight)',
+  neutralBackgroundDisabled: 'var(--global-color-hcCanvas)',
+  neutralStencil1: 'var(--global-palette-grey-8)',
+  neutralStencil2: 'var(--global-palette-grey-52)',
+  brandBackground: 'var(--global-color-hcButtonFace)',
+  brandBackgroundHover: 'var(--global-color-hcHighlight)',
+  brandBackgroundPressed: 'var(--global-color-hcHighlight)',
+  brandBackgroundSelected: 'var(--global-color-hcHighlight)',
+  compoundBrandBackground: 'var(--global-color-hcHighlight)',
+  compoundBrandBackgroundHover: 'var(--global-color-hcHighlight)',
+  compoundBrandBackgroundPressed: 'var(--global-color-hcHighlight)',
+  brandBackgroundStatic: 'var(--global-color-hcCanvas)',
+  brandBackground2: 'var(--global-color-hcButtonFace)',
+  neutralStrokeAccessible: 'var(--global-color-hcCanvasText)',
+  neutralStrokeAccessibleHover: 'var(--global-color-hcHighlight)',
+  neutralStrokeAccessiblePressed: 'var(--global-color-hcHighlight)',
+  neutralStrokeAccessibleSelected: 'var(--global-color-hcHighlight)',
+  neutralStroke1: 'var(--global-color-hcCanvasText)',
+  neutralStroke1Hover: 'var(--global-color-hcHighlight)',
+  neutralStroke1Pressed: 'var(--global-color-hcHighlight)',
+  neutralStroke1Selected: 'var(--global-color-hcHighlight)',
+  neutralStroke2: 'var(--global-color-hcCanvasText)',
+  neutralStroke3: 'var(--global-color-hcCanvasText)',
+  brandStroke1: 'var(--global-color-hcCanvasText)',
+  brandStroke2: 'var(--global-color-hcCanvas)',
+  compoundBrandStroke: 'var(--global-color-hcHighlight)',
+  compoundBrandStrokeHover: 'var(--global-color-hcHighlight)',
+  compoundBrandStrokePressed: 'var(--global-color-hcHighlight)',
+  neutralStrokeDisabled: 'var(--global-color-hcDisabled)',
+  transparentStroke: 'var(--global-color-hcCanvasText)',
+  transparentStrokeInteractive: 'var(--global-color-hcHighlight)',
+  transparentStrokeDisabled: 'var(--global-color-hcDisabled)',
+  strokeFocus1: 'var(--global-color-hcCanvas)',
+  strokeFocus2: 'var(--global-color-hcHighlight)',
+  neutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  neutralShadowKey: 'rgba(0,0,0,0.28)',
+  neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  brandShadowAmbient: 'rgba(0,0,0,0.30)',
+  brandShadowKey: 'rgba(0,0,0,0.25)'
+};
+
+var generateSharedColorTokens = function (globalSharedTokens) {
+  return Object.keys(globalSharedTokens).filter(function (sharedColor) {
+    return sharedColor !== 'brand' && sharedColor !== 'grey';
+  }).reduce(function (acc, sharedColor) {
+    acc[sharedColor] = {
+      background1: "var(--global-color-white)",
+      background2: "var(--global-color-black)",
+      background3: "var(--global-color-white)",
+      foreground1: "var(--global-color-black)",
+      foreground2: "var(--global-color-white)",
+      foreground3: "var(--global-color-white)",
+      borderActive: "var(--global-color-hcHighlight)",
+      border2: "var(--global-color-white)"
+    };
+    return acc;
+  }, {});
+};
+
+exports.generateSharedColorTokens = generateSharedColorTokens;
+//# sourceMappingURL=highContrast.js.map

package/lib-commonjs/alias/highContrast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["alias/highContrast.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n  neutralForeground1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  neutralForeground2: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  neutralForeground2Hover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground2Pressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground2Selected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground2BrandHover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground2BrandPressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground2BrandSelected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground3: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  neutralForeground3Hover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground3Pressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground3Selected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground3BrandHover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground3BrandPressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground3BrandSelected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n  neutralForeground4: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  neutralForegroundDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n  brandForegroundLink: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n  brandForegroundLinkHover: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n  brandForegroundLinkPressed: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n  brandForegroundLinkSelected: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n  compoundBrandForeground1: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  compoundBrandForeground1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  compoundBrandForeground1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  brandForeground1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  brandForeground2: 'var(--global-color-hcButtonText)', // #000000 Global.Color.hcButtonText\n  neutralForegroundInverted: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  neutralForegroundOnBrand: 'var(--global-color-hcButtonText)', // #000000 Global.Color.hcButtonText\n  neutralForegroundInvertedLink: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n  neutralForegroundInvertedLinkHover: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n  neutralForegroundInvertedLinkPressed: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n  neutralForegroundInvertedLinkSelected: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n  neutralBackground1: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  neutralBackground1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground1Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground2: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  neutralBackground2Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground2Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground2Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground3: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  neutralBackground3Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground3Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground3Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground4: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  neutralBackground4Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground4Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground4Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground5: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  neutralBackground5Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground5Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground5Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackground6: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  neutralBackgroundInverted: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  subtleBackground: 'transparent', // transparent undefined\n  subtleBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  subtleBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  subtleBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  transparentBackground: 'transparent', // transparent undefined\n  transparentBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  transparentBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  transparentBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralBackgroundDisabled: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  neutralStencil1: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralStencil2: 'var(--global-palette-grey-52)', // #858585 Global.Color.Grey.52\n  brandBackground: 'var(--global-color-hcButtonFace)', // #ffffff Global.Color.hcButtonFace\n  brandBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  brandBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  brandBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  compoundBrandBackground: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  compoundBrandBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  compoundBrandBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  brandBackgroundStatic: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  brandBackground2: 'var(--global-color-hcButtonFace)', // #ffffff Global.Color.hcButtonFace\n  neutralStrokeAccessible: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  neutralStrokeAccessibleHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralStrokeAccessiblePressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralStrokeAccessibleSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralStroke1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  neutralStroke1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralStroke1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralStroke1Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralStroke2: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  neutralStroke3: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  brandStroke1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  brandStroke2: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  compoundBrandStroke: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  compoundBrandStrokeHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  compoundBrandStrokePressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralStrokeDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n  transparentStroke: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n  transparentStrokeInteractive: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  transparentStrokeDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n  strokeFocus1: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n  strokeFocus2: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n  neutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n  neutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n  neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n  neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n  neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n  neutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n  brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n  brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n  globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n  return Object.keys(globalSharedTokens)\n    .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n    .reduce((acc, sharedColor) => {\n      acc[sharedColor as keyof GlobalSharedColors] = {\n        background1: `var(--global-color-white)`,\n        background2: `var(--global-color-black)`,\n        background3: `var(--global-color-white)`,\n        foreground1: `var(--global-color-black)`,\n        foreground2: `var(--global-color-white)`,\n        foreground3: `var(--global-color-white)`,\n        borderActive: `var(--global-color-hcHighlight)`,\n        border2: `var(--global-color-white)`,\n      };\n      return acc;\n    }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/alias/light.d.ts

@@ -0,0 +1,3 @@
+import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
+export declare const neutralColorTokens: NeutralColorTokens;
+export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;

package/lib-commonjs/alias/light.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateSharedColorTokens = exports.neutralColorTokens = void 0;
+exports.neutralColorTokens = {
+  neutralForeground1: 'var(--global-palette-grey-14)',
+  neutralForeground2: 'var(--global-palette-grey-26)',
+  neutralForeground2Hover: 'var(--global-palette-grey-14)',
+  neutralForeground2Pressed: 'var(--global-palette-grey-14)',
+  neutralForeground2Selected: 'var(--global-palette-grey-14)',
+  neutralForeground2BrandHover: 'var(--global-palette-brand-primary)',
+  neutralForeground2BrandPressed: 'var(--global-palette-brand-shade10)',
+  neutralForeground2BrandSelected: 'var(--global-palette-brand-primary)',
+  neutralForeground3: 'var(--global-palette-grey-38)',
+  neutralForeground3Hover: 'var(--global-palette-grey-26)',
+  neutralForeground3Pressed: 'var(--global-palette-grey-26)',
+  neutralForeground3Selected: 'var(--global-palette-grey-26)',
+  neutralForeground3BrandHover: 'var(--global-palette-brand-primary)',
+  neutralForeground3BrandPressed: 'var(--global-palette-brand-shade10)',
+  neutralForeground3BrandSelected: 'var(--global-palette-brand-primary)',
+  neutralForeground4: 'var(--global-palette-grey-44)',
+  neutralForegroundDisabled: 'var(--global-palette-grey-74)',
+  brandForegroundLink: 'var(--global-palette-brand-shade10)',
+  brandForegroundLinkHover: 'var(--global-palette-brand-shade20)',
+  brandForegroundLinkPressed: 'var(--global-palette-brand-shade40)',
+  brandForegroundLinkSelected: 'var(--global-palette-brand-shade10)',
+  compoundBrandForeground1: 'var(--global-palette-brand-primary)',
+  compoundBrandForeground1Hover: 'var(--global-palette-brand-shade10)',
+  compoundBrandForeground1Pressed: 'var(--global-palette-brand-shade20)',
+  brandForeground1: 'var(--global-palette-brand-primary)',
+  brandForeground2: 'var(--global-palette-brand-shade10)',
+  neutralForegroundInverted: 'var(--global-color-white)',
+  neutralForegroundOnBrand: 'var(--global-color-white)',
+  neutralForegroundInvertedLink: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
+  neutralBackground1: 'var(--global-color-white)',
+  neutralBackground1Hover: 'var(--global-palette-grey-96)',
+  neutralBackground1Pressed: 'var(--global-palette-grey-88)',
+  neutralBackground1Selected: 'var(--global-palette-grey-92)',
+  neutralBackground2: 'var(--global-palette-grey-98)',
+  neutralBackground2Hover: 'var(--global-palette-grey-94)',
+  neutralBackground2Pressed: 'var(--global-palette-grey-86)',
+  neutralBackground2Selected: 'var(--global-palette-grey-90)',
+  neutralBackground3: 'var(--global-palette-grey-96)',
+  neutralBackground3Hover: 'var(--global-palette-grey-92)',
+  neutralBackground3Pressed: 'var(--global-palette-grey-84)',
+  neutralBackground3Selected: 'var(--global-palette-grey-88)',
+  neutralBackground4: 'var(--global-palette-grey-94)',
+  neutralBackground4Hover: 'var(--global-palette-grey-98)',
+  neutralBackground4Pressed: 'var(--global-palette-grey-96)',
+  neutralBackground4Selected: 'var(--global-color-white)',
+  neutralBackground5: 'var(--global-palette-grey-92)',
+  neutralBackground5Hover: 'var(--global-palette-grey-96)',
+  neutralBackground5Pressed: 'var(--global-palette-grey-94)',
+  neutralBackground5Selected: 'var(--global-palette-grey-98)',
+  neutralBackground6: 'var(--global-palette-grey-90)',
+  neutralBackgroundInverted: 'var(--global-palette-grey-38)',
+  subtleBackground: 'transparent',
+  subtleBackgroundHover: 'var(--global-palette-grey-96)',
+  subtleBackgroundPressed: 'var(--global-palette-grey-88)',
+  subtleBackgroundSelected: 'var(--global-palette-grey-92)',
+  transparentBackground: 'transparent',
+  transparentBackgroundHover: 'transparent',
+  transparentBackgroundPressed: 'transparent',
+  transparentBackgroundSelected: 'transparent',
+  neutralBackgroundDisabled: 'var(--global-palette-grey-94)',
+  neutralStencil1: 'var(--global-palette-grey-90)',
+  neutralStencil2: 'var(--global-palette-grey-98)',
+  brandBackground: 'var(--global-palette-brand-primary)',
+  brandBackgroundHover: 'var(--global-palette-brand-shade10)',
+  brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
+  brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
+  compoundBrandBackground: 'var(--global-palette-brand-primary)',
+  compoundBrandBackgroundHover: 'var(--global-palette-brand-shade10)',
+  compoundBrandBackgroundPressed: 'var(--global-palette-brand-shade20)',
+  brandBackgroundStatic: 'var(--global-palette-brand-primary)',
+  brandBackground2: 'var(--global-palette-brand-tint60)',
+  neutralStrokeAccessible: 'var(--global-palette-grey-38)',
+  neutralStrokeAccessibleHover: 'var(--global-palette-grey-34)',
+  neutralStrokeAccessiblePressed: 'var(--global-palette-grey-30)',
+  neutralStrokeAccessibleSelected: 'var(--global-palette-brand-primary)',
+  neutralStroke1: 'var(--global-palette-grey-82)',
+  neutralStroke1Hover: 'var(--global-palette-grey-78)',
+  neutralStroke1Pressed: 'var(--global-palette-grey-70)',
+  neutralStroke1Selected: 'var(--global-palette-grey-74)',
+  neutralStroke2: 'var(--global-palette-grey-88)',
+  neutralStroke3: 'var(--global-palette-grey-94)',
+  brandStroke1: 'var(--global-palette-brand-primary)',
+  brandStroke2: 'var(--global-palette-brand-tint40)',
+  compoundBrandStroke: 'var(--global-palette-brand-primary)',
+  compoundBrandStrokeHover: 'var(--global-palette-brand-shade10)',
+  compoundBrandStrokePressed: 'var(--global-palette-brand-shade20)',
+  neutralStrokeDisabled: 'var(--global-palette-grey-88)',
+  transparentStroke: 'transparent',
+  transparentStrokeInteractive: 'transparent',
+  transparentStrokeDisabled: 'transparent',
+  strokeFocus1: 'var(--global-color-white)',
+  strokeFocus2: 'var(--global-color-black)',
+  neutralShadowAmbient: 'rgba(0,0,0,0.12)',
+  neutralShadowKey: 'rgba(0,0,0,0.14)',
+  neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
+  neutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
+  neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
+  neutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
+  brandShadowAmbient: 'rgba(0,0,0,0.30)',
+  brandShadowKey: 'rgba(0,0,0,0.25)'
+};
+
+var generateSharedColorTokens = function (globalSharedTokens) {
+  return Object.keys(globalSharedTokens).filter(function (sharedColor) {
+    return sharedColor !== 'brand' && sharedColor !== 'grey';
+  }).reduce(function (acc, sharedColor) {
+    acc[sharedColor] = {
+      background1: "var(--global-palette-" + sharedColor + "-tint60)",
+      background2: "var(--global-palette-" + sharedColor + "-tint40)",
+      background3: "var(--global-palette-" + sharedColor + "-primary)",
+      foreground1: "var(--global-palette-" + sharedColor + "-shade10)",
+      foreground2: "var(--global-palette-" + sharedColor + "-shade30)",
+      foreground3: "var(--global-palette-" + sharedColor + "-primary)",
+      borderActive: "var(--global-palette-" + sharedColor + "-primary)",
+      border2: "var(--global-palette-" + sharedColor + "-primary)"
+    };
+    return acc;
+  }, {});
+};
+
+exports.generateSharedColorTokens = generateSharedColorTokens;
+//# sourceMappingURL=light.js.map

package/lib-commonjs/alias/light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["alias/light.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n  neutralForeground1: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n  neutralForeground2: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n  neutralForeground2Hover: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n  neutralForeground2Pressed: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n  neutralForeground2Selected: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n  neutralForeground2BrandHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  neutralForeground2BrandPressed: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  neutralForeground2BrandSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  neutralForeground3: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n  neutralForeground3Hover: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n  neutralForeground3Pressed: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n  neutralForeground3Selected: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n  neutralForeground3BrandHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  neutralForeground3BrandPressed: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  neutralForeground3BrandSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  neutralForeground4: 'var(--global-palette-grey-44)', // #707070 Global.Color.Grey.44\n  neutralForegroundDisabled: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n  brandForegroundLink: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  brandForegroundLinkHover: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n  brandForegroundLinkPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n  brandForegroundLinkSelected: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  compoundBrandForeground1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  compoundBrandForeground1Hover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  compoundBrandForeground1Pressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n  brandForeground1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandForeground2: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  neutralForegroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundOnBrand: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLink: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkHover: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkPressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkSelected: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralBackground1: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralBackground1Hover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n  neutralBackground1Pressed: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n  neutralBackground1Selected: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n  neutralBackground2: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n  neutralBackground2Hover: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n  neutralBackground2Pressed: 'var(--global-palette-grey-86)', // #dbdbdb Global.Color.Grey.86\n  neutralBackground2Selected: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n  neutralBackground3: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n  neutralBackground3Hover: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n  neutralBackground3Pressed: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralBackground3Selected: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n  neutralBackground4: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n  neutralBackground4Hover: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n  neutralBackground4Pressed: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n  neutralBackground4Selected: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralBackground5: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n  neutralBackground5Hover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n  neutralBackground5Pressed: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n  neutralBackground5Selected: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n  neutralBackground6: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n  neutralBackgroundInverted: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n  subtleBackground: 'transparent', // transparent undefined\n  subtleBackgroundHover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n  subtleBackgroundPressed: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n  subtleBackgroundSelected: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n  transparentBackground: 'transparent', // transparent undefined\n  transparentBackgroundHover: 'transparent', // transparent undefined\n  transparentBackgroundPressed: 'transparent', // transparent undefined\n  transparentBackgroundSelected: 'transparent', // transparent undefined\n  neutralBackgroundDisabled: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n  neutralStencil1: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n  neutralStencil2: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n  brandBackground: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandBackgroundHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  brandBackgroundPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n  brandBackgroundSelected: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n  compoundBrandBackground: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  compoundBrandBackgroundHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  compoundBrandBackgroundPressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n  brandBackgroundStatic: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandBackground2: 'var(--global-palette-brand-tint60)', // #eff6fc Global.Color.Brand.Tint.60\n  neutralStrokeAccessible: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n  neutralStrokeAccessibleHover: 'var(--global-palette-grey-34)', // #575757 Global.Color.Grey.34\n  neutralStrokeAccessiblePressed: 'var(--global-palette-grey-30)', // #4d4d4d Global.Color.Grey.30\n  neutralStrokeAccessibleSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  neutralStroke1: 'var(--global-palette-grey-82)', // #d1d1d1 Global.Color.Grey.82\n  neutralStroke1Hover: 'var(--global-palette-grey-78)', // #c7c7c7 Global.Color.Grey.78\n  neutralStroke1Pressed: 'var(--global-palette-grey-70)', // #b3b3b3 Global.Color.Grey.70\n  neutralStroke1Selected: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n  neutralStroke2: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n  neutralStroke3: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n  brandStroke1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandStroke2: 'var(--global-palette-brand-tint40)', // #c7e0f4 Global.Color.Brand.Tint.40\n  compoundBrandStroke: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  compoundBrandStrokeHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  compoundBrandStrokePressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n  neutralStrokeDisabled: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n  transparentStroke: 'transparent', // transparent undefined\n  transparentStrokeInteractive: 'transparent', // transparent undefined\n  transparentStrokeDisabled: 'transparent', // transparent undefined\n  strokeFocus1: 'var(--global-color-white)', // #ffffff Global.Color.White\n  strokeFocus2: 'var(--global-color-black)', // #000000 Global.Color.Black\n  neutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n  neutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n  neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n  neutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n  neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n  neutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n  brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n  brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n  globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n  return Object.keys(globalSharedTokens)\n    .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n    .reduce((acc, sharedColor) => {\n      acc[sharedColor as keyof GlobalSharedColors] = {\n        background1: `var(--global-palette-${sharedColor}-tint60)`,\n        background2: `var(--global-palette-${sharedColor}-tint40)`,\n        background3: `var(--global-palette-${sharedColor}-primary)`,\n        foreground1: `var(--global-palette-${sharedColor}-shade10)`,\n        foreground2: `var(--global-palette-${sharedColor}-shade30)`,\n        foreground3: `var(--global-palette-${sharedColor}-primary)`,\n        borderActive: `var(--global-palette-${sharedColor}-primary)`,\n        border2: `var(--global-palette-${sharedColor}-primary)`,\n      };\n      return acc;\n    }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/alias/teamsDark.d.ts

@@ -0,0 +1,3 @@
+import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
+export declare const neutralColorTokens: NeutralColorTokens;
+export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;