@fluentui/react-theme 9.0.0-alpha.24 → 9.0.0-alpha.26

package/lib/utils/createDarkTheme.js

@@ -1,19 +1,9 @@
 import { __assign } from "tslib";
-import { createShadowLevelTokens } from './shadows';
-import { generateSharedColorTokens, generateNeutralColorTokens } from '../alias/dark';
-import { createGlobalTheme } from '../global/utils';
-import { sharedColors as globalSharedColors } from '../global/colors';
+import { colorPaletteTokens, generateColorTokens } from '../alias/dark';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
 export var createDarkTheme = function (brand) {
-  var global = createGlobalTheme(brand, globalSharedColors);
-  var neutral = generateNeutralColorTokens(global);
-  return {
-    global: global,
-    alias: {
-      color: __assign(__assign({}, generateSharedColorTokens(globalSharedColors)), {
-        neutral: neutral
-      }),
-      shadow: createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
-    }
-  };
+  var colorTokens = generateColorTokens(brand);
+  return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
 };
 //# sourceMappingURL=createDarkTheme.js.map

package/lib/utils/createDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";AAAA,SAAS,uBAAT,QAAwC,WAAxC;AACA,SAAS,yBAAT,EAAoC,0BAApC,QAAsE,eAAtE;AACA,SAAS,iBAAT,QAAkC,iBAAlC;AACA,SAAS,YAAY,IAAI,kBAAzB,QAAmD,kBAAnD;AAGA,OAAO,IAAM,eAAe,GAAoC,UAAA,KAAA,EAAK;AACnE,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAD,EAAQ,kBAAR,CAAhC;AACA,MAAM,OAAO,GAAG,0BAA0B,CAAC,MAAD,CAA1C;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,QAAA,CAAA,QAAA,CAAA,EAAA,EACF,yBAAyB,CAAC,kBAAD,CADvB,CAAA,EAC2C;AAChD,QAAA,OAAO,EAAA;AADyC,OAD3C,CADF;AAKL,MAAA,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,oBAAT,EAA+B,OAAO,CAAC,gBAAvC;AAL1B;AAFF,GAAP;AAUD,CAbM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,eAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,eAAe,GAAoC,UAAA,KAAA,EAAK;AACnE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}

package/lib/utils/createHighContrastTheme.d.ts

@@ -1,2 +1,2 @@
-import type { BrandVariants, Theme } from '../types';
-export declare const createHighContrastTheme: (brand: BrandVariants) => Theme;
+import type { Theme } from '../types';
+export declare const createHighContrastTheme: () => Theme;

package/lib/utils/createHighContrastTheme.js

@@ -1,19 +1,9 @@
 import { __assign } from "tslib";
-import { createShadowLevelTokens } from './shadows';
-import { generateSharedColorTokens, generateNeutralColorTokens } from '../alias/highContrast';
-import { createGlobalTheme } from '../global/utils';
-import { sharedColors as globalSharedColors } from '../global/colors';
-export var createHighContrastTheme = function (brand) {
-  var global = createGlobalTheme(brand, globalSharedColors);
-  var neutral = generateNeutralColorTokens(global);
-  return {
-    global: global,
-    alias: {
-      color: __assign(__assign({}, generateSharedColorTokens(globalSharedColors, global.color)), {
-        neutral: neutral
-      }),
-      shadow: createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
-    }
-  };
+import { colorPaletteTokens, generateColorTokens } from '../alias/highContrast';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+export var createHighContrastTheme = function () {
+  var colorTokens = generateColorTokens();
+  return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
 };
 //# sourceMappingURL=createHighContrastTheme.js.map

package/lib/utils/createHighContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";AAAA,SAAS,uBAAT,QAAwC,WAAxC;AACA,SAAS,yBAAT,EAAoC,0BAApC,QAAsE,uBAAtE;AACA,SAAS,iBAAT,QAAkC,iBAAlC;AACA,SAAS,YAAY,IAAI,kBAAzB,QAAmD,kBAAnD;AAGA,OAAO,IAAM,uBAAuB,GAAoC,UAAA,KAAA,EAAK;AAC3E,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAD,EAAQ,kBAAR,CAAhC;AACA,MAAM,OAAO,GAAG,0BAA0B,CAAC,MAAD,CAA1C;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,QAAA,CAAA,QAAA,CAAA,EAAA,EACF,yBAAyB,CAAC,kBAAD,EAAqB,MAAM,CAAC,KAA5B,CADvB,CAAA,EACyD;AAC9D,QAAA,OAAO,EAAA;AADuD,OADzD,CADF;AAKL,MAAA,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,oBAAT,EAA+B,OAAO,CAAC,gBAAvC;AAL1B;AAFF,GAAP;AAUD,CAbM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,uBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,uBAAuB,GAAG,YAAA;AACrC,MAAM,WAAW,GAAG,mBAAmB,EAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}

package/lib/utils/createLightTheme.js

@@ -1,19 +1,9 @@
 import { __assign } from "tslib";
-import { createShadowLevelTokens } from './shadows';
-import { generateSharedColorTokens, generateNeutralColorTokens } from '../alias/light';
-import { createGlobalTheme } from '../global/utils';
-import { sharedColors as globalSharedColors } from '../global/colors';
+import { colorPaletteTokens, generateColorTokens } from '../alias/light';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
 export var createLightTheme = function (brand) {
-  var global = createGlobalTheme(brand, globalSharedColors);
-  var neutral = generateNeutralColorTokens(global);
-  return {
-    global: global,
-    alias: {
-      color: __assign(__assign({}, generateSharedColorTokens(globalSharedColors)), {
-        neutral: neutral
-      }),
-      shadow: createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
-    }
-  };
+  var colorTokens = generateColorTokens(brand);
+  return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
 };
 //# sourceMappingURL=createLightTheme.js.map

package/lib/utils/createLightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";AAAA,SAAS,uBAAT,QAAwC,WAAxC;AACA,SAAS,yBAAT,EAAoC,0BAApC,QAAsE,gBAAtE;AACA,SAAS,iBAAT,QAAkC,iBAAlC;AACA,SAAS,YAAY,IAAI,kBAAzB,QAAmD,kBAAnD;AAGA,OAAO,IAAM,gBAAgB,GAAoC,UAAA,KAAA,EAAK;AACpE,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAD,EAAQ,kBAAR,CAAhC;AACA,MAAM,OAAO,GAAG,0BAA0B,CAAC,MAAD,CAA1C;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,QAAA,CAAA,QAAA,CAAA,EAAA,EACF,yBAAyB,CAAC,kBAAD,CADvB,CAAA,EAC2C;AAChD,QAAA,OAAO,EAAA;AADyC,OAD3C,CADF;AAKL,MAAA,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,oBAAT,EAA+B,OAAO,CAAC,gBAAvC;AAL1B;AAFF,GAAP;AAUD,CAbM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,gBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,gBAAgB,GAAoC,UAAA,KAAA,EAAK;AACpE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}

package/lib/utils/createTeamsDarkTheme.js

@@ -1,19 +1,9 @@
 import { __assign } from "tslib";
-import { createShadowLevelTokens } from './shadows';
-import { generateSharedColorTokens, generateNeutralColorTokens } from '../alias/teamsDark';
-import { createGlobalTheme } from '../global/utils';
-import { sharedColors as globalSharedColors } from '../global/colors';
+import { colorPaletteTokens, generateColorTokens } from '../alias/teamsDark';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
 export var createTeamsDarkTheme = function (brand) {
-  var global = createGlobalTheme(brand, globalSharedColors);
-  var neutral = generateNeutralColorTokens(global);
-  return {
-    global: global,
-    alias: {
-      color: __assign(__assign({}, generateSharedColorTokens(globalSharedColors)), {
-        neutral: neutral
-      }),
-      shadow: createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
-    }
-  };
+  var colorTokens = generateColorTokens(brand);
+  return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
 };
 //# sourceMappingURL=createTeamsDarkTheme.js.map

package/lib/utils/createTeamsDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";AAAA,SAAS,uBAAT,QAAwC,WAAxC;AACA,SAAS,yBAAT,EAAoC,0BAApC,QAAsE,oBAAtE;AACA,SAAS,iBAAT,QAAkC,iBAAlC;AACA,SAAS,YAAY,IAAI,kBAAzB,QAAmD,kBAAnD;AAGA,OAAO,IAAM,oBAAoB,GAAoC,UAAA,KAAA,EAAK;AACxE,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAD,EAAQ,kBAAR,CAAhC;AACA,MAAM,OAAO,GAAG,0BAA0B,CAAC,MAAD,CAA1C;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,QAAA,CAAA,QAAA,CAAA,EAAA,EACF,yBAAyB,CAAC,kBAAD,CADvB,CAAA,EAC2C;AAChD,QAAA,OAAO,EAAA;AADyC,OAD3C,CADF;AAKL,MAAA,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,oBAAT,EAA+B,OAAO,CAAC,gBAAvC;AAL1B;AAFF,GAAP;AAUD,CAbM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,oBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,oBAAoB,GAAoC,UAAA,KAAA,EAAK;AACxE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}

package/lib/utils/mergeThemes.d.ts

@@ -1,8 +1,2 @@
 import type { PartialTheme, Theme } from '../types';
-/**
- * Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged
- * together in the order provided. If an object creates a circular reference, it will assign the
- * original reference.
- */
-export declare function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T;
 export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme;

package/lib/utils/mergeThemes.js

@@ -1,65 +1,8 @@
-// TODO
-// We should consider removal merge() function from this file, ideally it should not be required
-// as probably themes will have flat shape
-
-/**
- * Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged
- * together in the order provided. If an object creates a circular reference, it will assign the
- * original reference.
- */
-export function merge(target) {
-  var args = [];
-
-  for (var _i = 1; _i < arguments.length; _i++) {
-    args[_i - 1] = arguments[_i];
-  }
-
-  for (var _a = 0, args_1 = args; _a < args_1.length; _a++) {
-    var arg = args_1[_a];
-
-    _merge(target || {}, arg);
-  }
-
-  return target;
-}
-/**
- * The _merge helper iterates through all props on source and assigns them to target.
- * When the value is an object, we will create a deep clone of the object. However if
- * there is a circular reference, the value will not be deep cloned and will persist
- * the reference.
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-function _merge(target, source, circularReferences) {
-  if (circularReferences === void 0) {
-    circularReferences = [];
-  }
-
-  circularReferences.push(source);
-
-  for (var name_1 in source) {
-    if (source.hasOwnProperty(name_1)) {
-      if (name_1 !== '__proto__' && name_1 !== 'constructor' && name_1 !== 'prototype') {
-        var value = source[name_1];
-
-        if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
-          var isCircularReference = circularReferences.indexOf(value) > -1;
-          target[name_1] = isCircularReference ? value : _merge(target[name_1] || {}, value, circularReferences);
-        } else {
-          target[name_1] = value;
-        }
-      }
-    }
-  }
-
-  circularReferences.pop();
-  return target;
-}
-
+import { __assign } from "tslib";
 export function mergeThemes(a, b) {
-  // Deep merge impacts perf: we should like to avoid it if it's possible
+  // Merge impacts perf: we should like to avoid it if it's possible
   if (a && b) {
-    return merge({}, a, b);
+    return __assign(__assign({}, a), b);
   }
 
   if (a) {

package/lib/utils/mergeThemes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":"AAEA;AACA;AACA;;AAEA;;;;AAIG;AACH,OAAM,SAAU,KAAV,CAAwB,MAAxB,EAA0C;AAAE,MAAA,IAAA,GAAA,EAAA;;OAAA,IAAA,EAAA,GAAA,C,EAAA,EAAA,GAAA,SAAA,CAAA,M,EAAA,EAAA,E,EAAkD;AAAlD,IAAA,IAAA,CAAA,EAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;;AAChD,OAAkB,IAAA,EAAA,GAAA,CAAA,EAAA,MAAA,GAAA,IAAlB,EAAkB,EAAA,GAAA,MAAA,CAAA,MAAlB,EAAkB,EAAA,EAAlB,EAAwB;AAAnB,QAAM,GAAG,GAAA,MAAA,CAAA,EAAA,CAAT;;AACH,IAAA,MAAM,CAAC,MAAM,IAAI,EAAX,EAAe,GAAf,CAAN;AACD;;AAED,SAAO,MAAP;AACD;AAED;;;;;AAKG;AACH;;AACA,SAAS,MAAT,CAAkC,MAAlC,EAA6C,MAA7C,EAAwD,kBAAxD,EAAsF;AAA9B,MAAA,kBAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,kBAAA,GAAA,EAAA;AAA8B;;AACpF,EAAA,kBAAkB,CAAC,IAAnB,CAAwB,MAAxB;;AAEA,OAAK,IAAM,MAAX,IAAmB,MAAnB,EAA2B;AACzB,QAAI,MAAM,CAAC,cAAP,CAAsB,MAAtB,CAAJ,EAAiC;AAC/B,UAAI,MAAI,KAAK,WAAT,IAAwB,MAAI,KAAK,aAAjC,IAAkD,MAAI,KAAK,WAA/D,EAA4E;AAC1E,YAAM,KAAK,GAAgC,MAAM,CAAC,MAAD,CAAjD;;AACA,YAAI,OAAO,KAAP,KAAiB,QAAjB,IAA6B,KAAK,KAAK,IAAvC,IAA+C,CAAC,KAAK,CAAC,OAAN,CAAc,KAAd,CAApD,EAA0E;AACxE,cAAM,mBAAmB,GAAG,kBAAkB,CAAC,OAAnB,CAA2B,KAA3B,IAAoC,CAAC,CAAjE;AACA,UAAA,MAAM,CAAC,MAAD,CAAN,GAAgB,mBAAmB,GAC/B,KAD+B,GAE/B,MAAM,CAAC,MAAM,CAAC,MAAD,CAAN,IAAgB,EAAjB,EAAqB,KAArB,EAA4B,kBAA5B,CAFV;AAGD,SALD,MAKO;AACL,UAAA,MAAM,CAAC,MAAD,CAAN,GAAe,KAAf;AACD;AACF;AACF;AACF;;AAED,EAAA,kBAAkB,CAAC,GAAnB;AAEA,SAAO,MAAP;AACD;;AAED,OAAM,SAAU,WAAV,CAAsB,CAAtB,EAA4C,CAA5C,EAA+E;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAO,KAAK,CAAC,EAAD,EAAK,CAAL,EAAQ,CAAR,CAAZ;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":";AAEA,OAAM,SAAU,WAAV,CAAsB,CAAtB,EAA4C,CAA5C,EAA+E;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAY,CAAZ,CAAA,EAAkB,CAAlB,CAAA;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}

package/lib/utils/shadows.d.ts

@@ -1,2 +1,2 @@
-import type { ShadowLevelTokens } from '../types';
-export declare function createShadowLevelTokens(ambientColor: string, keyColor: string): ShadowLevelTokens;
+import type { ShadowTokens } from '../types';
+export declare function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;

package/lib/utils/shadows.js

@@ -1,4 +1,4 @@
-export function createShadowLevelTokens(ambientColor, keyColor) {
+export function createShadowTokens(ambientColor, keyColor) {
   return {
     shadow2: "0 0 2px " + ambientColor + ", 0 1px 2px " + keyColor,
     shadow4: "0 0 2px " + ambientColor + ", 0 2px 4px " + keyColor,

package/lib/utils/shadows.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/shadows.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,uBAAV,CAAkC,YAAlC,EAAwD,QAAxD,EAAwE;AAC5E,SAAO;AACL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAD1C;AAEL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAF1C;AAGL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAH1C;AAIL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,eAAvB,GAAuC,QAJ5C;AAKL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC,QAL7C;AAML,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC;AAN7C,GAAP;AAQD","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/shadows.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,kBAAV,CAA6B,YAA7B,EAAmD,QAAnD,EAAmE;AACvE,SAAO;AACL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAD1C;AAEL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAF1C;AAGL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAH1C;AAIL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,eAAvB,GAAuC,QAJ5C;AAKL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC,QAL7C;AAML,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC;AAN7C,GAAP;AAQD","sourceRoot":""}

package/lib/utils/themeToCSSVariables.d.ts

@@ -1,2 +1,2 @@
 import type { Theme } from '../types';
-export declare function themeToCSSVariables(theme: Theme): Record<string, string>;
+export declare function themeToCSSVariables(theme: Theme): Record<string, string | number>;

package/lib/utils/themeToCSSVariables.js

@@ -1,29 +1,12 @@
-function flattenThemeToCSSVariables( // eslint-disable-next-line @typescript-eslint/no-explicit-any
-themePart, parentKey, result) {
-  if (parentKey === void 0) {
-    parentKey = '';
-  }
-
-  if (result === void 0) {
-    result = {};
-  }
-
-  for (var propertyName in themePart) {
-    if (Object.prototype.hasOwnProperty.call(themePart, propertyName)) {
-      var variableName = parentKey ? parentKey + '-' + propertyName : "--" + propertyName;
+export function themeToCSSVariables(theme) {
+  var result = {};
 
-      if (typeof themePart[propertyName] === 'object') {
-        flattenThemeToCSSVariables(themePart[propertyName], variableName, result);
-      } else {
-        result[variableName] = themePart[propertyName];
-      }
+  for (var propertyName in theme) {
+    if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
+      result["--" + propertyName] = theme[propertyName];
     }
   }
 
   return result;
 }
-
-export function themeToCSSVariables(theme) {
-  return flattenThemeToCSSVariables(theme);
-}
 //# sourceMappingURL=themeToCSSVariables.js.map

package/lib/utils/themeToCSSVariables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/themeToCSSVariables.ts"],"names":[],"mappings":"AAEA,SAAS,0BAAT,EACE;AACA,SAFF,EAGE,SAHF,EAIE,MAJF,EAIqC;AADnC,MAAA,SAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,SAAA,GAAA,EAAA;AAAsB;;AACtB,MAAA,MAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,MAAA,GAAA,EAAA;AAAmC;;AAEnC,OAAK,IAAM,YAAX,IAA2B,SAA3B,EAAsC;AACpC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,SAArC,EAAgD,YAAhD,CAAJ,EAAmE;AACjE,UAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,GAAZ,GAAkB,YAArB,GAAoC,OAAK,YAAvE;;AAEA,UAAI,OAAO,SAAS,CAAC,YAAD,CAAhB,KAAmC,QAAvC,EAAiD;AAC/C,QAAA,0BAA0B,CAAC,SAAS,CAAC,YAAD,CAAV,EAA0B,YAA1B,EAAwC,MAAxC,CAA1B;AACD,OAFD,MAEO;AACL,QAAA,MAAM,CAAC,YAAD,CAAN,GAAuB,SAAS,CAAC,YAAD,CAAhC;AACD;AACF;AACF;;AACD,SAAO,MAAP;AACD;;AAED,OAAM,SAAU,mBAAV,CAA8B,KAA9B,EAA0C;AAC9C,SAAO,0BAA0B,CAAC,KAAD,CAAjC;AACD","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/themeToCSSVariables.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,mBAAV,CAA8B,KAA9B,EAA0C;AAC9C,MAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,IAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,OAAK,YAAN,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD","sourceRoot":""}

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

@@ -1,3 +1,3 @@
-import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens, Theme } from '../types';
-export declare const generateNeutralColorTokens: (global: Theme['global']) => NeutralColorTokens;
-export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;
+import type { BrandVariants, ColorTokens, ColorPaletteTokens } from '../types';
+export declare const generateColorTokens: (brand: BrandVariants) => ColorTokens;
+export declare const colorPaletteTokens: ColorPaletteTokens;

package/lib-commonjs/alias/dark.js

@@ -3,133 +3,126 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateSharedColorTokens = exports.generateNeutralColorTokens = void 0;
+exports.colorPaletteTokens = exports.generateColorTokens = void 0;
 
-var generateNeutralColorTokens = function (global) {
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var colors_1 = /*#__PURE__*/require("../global/colors");
+
+var generateColorTokens = function (brand) {
   return {
-    neutralForeground1: global.color.white,
-    neutralForeground2: global.palette.grey[84],
-    neutralForeground2Hover: global.color.white,
-    neutralForeground2Pressed: global.color.white,
-    neutralForeground2Selected: global.color.white,
-    neutralForeground2BrandHover: global.palette.brand.tint20,
-    neutralForeground2BrandPressed: global.palette.brand.tint10,
-    neutralForeground2BrandSelected: global.palette.brand.tint20,
-    neutralForeground3: global.palette.grey[68],
-    neutralForeground3Hover: global.palette.grey[84],
-    neutralForeground3Pressed: global.palette.grey[84],
-    neutralForeground3Selected: global.palette.grey[84],
-    neutralForeground3BrandHover: global.palette.brand.tint20,
-    neutralForeground3BrandPressed: global.palette.brand.tint10,
-    neutralForeground3BrandSelected: global.palette.brand.tint20,
-    neutralForeground4: global.palette.grey[60],
-    neutralForegroundDisabled: global.palette.grey[36],
-    brandForegroundLink: global.palette.brand.tint10,
-    brandForegroundLinkHover: global.palette.brand.tint30,
-    brandForegroundLinkPressed: global.palette.brand.tint20,
-    brandForegroundLinkSelected: global.palette.brand.tint10,
-    compoundBrandForeground1: global.palette.brand.tint10,
-    compoundBrandForeground1Hover: global.palette.brand.tint20,
-    compoundBrandForeground1Pressed: global.palette.brand.primary,
-    brandForeground1: global.palette.brand.tint20,
-    brandForeground2: global.palette.brand.tint30,
-    neutralForegroundInverted: global.palette.grey[14],
-    neutralForegroundOnBrand: global.color.white,
-    neutralForegroundInvertedLink: global.color.white,
-    neutralForegroundInvertedLinkHover: global.color.white,
-    neutralForegroundInvertedLinkPressed: global.color.white,
-    neutralForegroundInvertedLinkSelected: global.color.white,
-    neutralBackground1: global.palette.grey[16],
-    neutralBackground1Hover: global.palette.grey[24],
-    neutralBackground1Pressed: global.palette.grey[12],
-    neutralBackground1Selected: global.palette.grey[22],
-    neutralBackground2: global.palette.grey[12],
-    neutralBackground2Hover: global.palette.grey[20],
-    neutralBackground2Pressed: global.palette.grey[8],
-    neutralBackground2Selected: global.palette.grey[18],
-    neutralBackground3: global.palette.grey[8],
-    neutralBackground3Hover: global.palette.grey[16],
-    neutralBackground3Pressed: global.palette.grey[4],
-    neutralBackground3Selected: global.palette.grey[14],
-    neutralBackground4: global.palette.grey[4],
-    neutralBackground4Hover: global.palette.grey[12],
-    neutralBackground4Pressed: global.color.black,
-    neutralBackground4Selected: global.palette.grey[10],
-    neutralBackground5: global.color.black,
-    neutralBackground5Hover: global.palette.grey[8],
-    neutralBackground5Pressed: global.palette.grey[2],
-    neutralBackground5Selected: global.palette.grey[6],
-    neutralBackground6: global.palette.grey[20],
-    neutralBackgroundInverted: global.color.white,
-    subtleBackground: 'transparent',
-    subtleBackgroundHover: global.palette.grey[22],
-    subtleBackgroundPressed: global.palette.grey[18],
-    subtleBackgroundSelected: global.palette.grey[20],
-    transparentBackground: 'transparent',
-    transparentBackgroundHover: 'transparent',
-    transparentBackgroundPressed: 'transparent',
-    transparentBackgroundSelected: 'transparent',
-    neutralBackgroundDisabled: global.palette.grey[8],
-    neutralStencil1: global.palette.grey[20],
-    neutralStencil2: global.palette.grey[34],
-    brandBackground: global.palette.brand.shade10,
-    brandBackgroundHover: global.palette.brand.primary,
-    brandBackgroundPressed: global.palette.brand.shade40,
-    brandBackgroundSelected: global.palette.brand.shade20,
-    compoundBrandBackground: global.palette.brand.tint10,
-    compoundBrandBackgroundHover: global.palette.brand.tint20,
-    compoundBrandBackgroundPressed: global.palette.brand.primary,
-    brandBackgroundStatic: global.palette.brand.primary,
-    brandBackground2: global.palette.brand.shade40,
-    neutralStrokeAccessible: global.palette.grey[68],
-    neutralStrokeAccessibleHover: global.palette.grey[74],
-    neutralStrokeAccessiblePressed: global.palette.grey[70],
-    neutralStrokeAccessibleSelected: global.palette.brand.tint20,
-    neutralStroke1: global.palette.grey[40],
-    neutralStroke1Hover: global.palette.grey[46],
-    neutralStroke1Pressed: global.palette.grey[42],
-    neutralStroke1Selected: global.palette.grey[44],
-    neutralStroke2: global.palette.grey[32],
-    neutralStroke3: global.palette.grey[24],
-    brandStroke1: global.palette.brand.tint10,
-    brandStroke2: global.palette.brand.shade30,
-    compoundBrandStroke: global.palette.brand.tint10,
-    compoundBrandStrokeHover: global.palette.brand.tint20,
-    compoundBrandStrokePressed: global.palette.brand.primary,
-    neutralStrokeDisabled: global.palette.grey[26],
-    transparentStroke: 'transparent',
-    transparentStrokeInteractive: 'transparent',
-    transparentStrokeDisabled: 'transparent',
-    strokeFocus1: global.color.black,
-    strokeFocus2: 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)'
+    colorNeutralForeground1: colors_1.white,
+    colorNeutralForeground2: colors_1.grey[84],
+    colorNeutralForeground2Hover: colors_1.white,
+    colorNeutralForeground2Pressed: colors_1.white,
+    colorNeutralForeground2Selected: colors_1.white,
+    colorNeutralForeground2BrandHover: brand.tint20,
+    colorNeutralForeground2BrandPressed: brand.tint10,
+    colorNeutralForeground2BrandSelected: brand.tint20,
+    colorNeutralForeground3: colors_1.grey[68],
+    colorNeutralForeground3Hover: colors_1.grey[84],
+    colorNeutralForeground3Pressed: colors_1.grey[84],
+    colorNeutralForeground3Selected: colors_1.grey[84],
+    colorNeutralForeground3BrandHover: brand.tint20,
+    colorNeutralForeground3BrandPressed: brand.tint10,
+    colorNeutralForeground3BrandSelected: brand.tint20,
+    colorNeutralForeground4: colors_1.grey[60],
+    colorNeutralForegroundDisabled: colors_1.grey[36],
+    colorBrandForegroundLink: brand.tint10,
+    colorBrandForegroundLinkHover: brand.tint30,
+    colorBrandForegroundLinkPressed: brand.tint20,
+    colorBrandForegroundLinkSelected: brand.tint10,
+    colorCompoundBrandForeground1: brand.tint10,
+    colorCompoundBrandForeground1Hover: brand.tint20,
+    colorCompoundBrandForeground1Pressed: brand.primary,
+    colorBrandForeground1: brand.tint20,
+    colorBrandForeground2: brand.tint30,
+    colorNeutralForegroundInverted: colors_1.grey[14],
+    colorNeutralForegroundOnBrand: colors_1.white,
+    colorNeutralForegroundInvertedLink: colors_1.white,
+    colorNeutralForegroundInvertedLinkHover: colors_1.white,
+    colorNeutralForegroundInvertedLinkPressed: colors_1.white,
+    colorNeutralForegroundInvertedLinkSelected: colors_1.white,
+    colorNeutralBackground1: colors_1.grey[16],
+    colorNeutralBackground1Hover: colors_1.grey[24],
+    colorNeutralBackground1Pressed: colors_1.grey[12],
+    colorNeutralBackground1Selected: colors_1.grey[22],
+    colorNeutralBackground2: colors_1.grey[12],
+    colorNeutralBackground2Hover: colors_1.grey[20],
+    colorNeutralBackground2Pressed: colors_1.grey[8],
+    colorNeutralBackground2Selected: colors_1.grey[18],
+    colorNeutralBackground3: colors_1.grey[8],
+    colorNeutralBackground3Hover: colors_1.grey[16],
+    colorNeutralBackground3Pressed: colors_1.grey[4],
+    colorNeutralBackground3Selected: colors_1.grey[14],
+    colorNeutralBackground4: colors_1.grey[4],
+    colorNeutralBackground4Hover: colors_1.grey[12],
+    colorNeutralBackground4Pressed: colors_1.black,
+    colorNeutralBackground4Selected: colors_1.grey[10],
+    colorNeutralBackground5: colors_1.black,
+    colorNeutralBackground5Hover: colors_1.grey[8],
+    colorNeutralBackground5Pressed: colors_1.grey[2],
+    colorNeutralBackground5Selected: colors_1.grey[6],
+    colorNeutralBackground6: colors_1.grey[20],
+    colorNeutralBackgroundInverted: colors_1.white,
+    colorSubtleBackground: 'transparent',
+    colorSubtleBackgroundHover: colors_1.grey[22],
+    colorSubtleBackgroundPressed: colors_1.grey[18],
+    colorSubtleBackgroundSelected: colors_1.grey[20],
+    colorTransparentBackground: 'transparent',
+    colorTransparentBackgroundHover: 'transparent',
+    colorTransparentBackgroundPressed: 'transparent',
+    colorTransparentBackgroundSelected: 'transparent',
+    colorNeutralBackgroundDisabled: colors_1.grey[8],
+    colorNeutralStencil1: colors_1.grey[20],
+    colorNeutralStencil2: colors_1.grey[34],
+    colorBrandBackground: brand.shade10,
+    colorBrandBackgroundHover: brand.primary,
+    colorBrandBackgroundPressed: brand.shade40,
+    colorBrandBackgroundSelected: brand.shade20,
+    colorCompoundBrandBackground: brand.tint10,
+    colorCompoundBrandBackgroundHover: brand.tint20,
+    colorCompoundBrandBackgroundPressed: brand.primary,
+    colorBrandBackgroundStatic: brand.primary,
+    colorBrandBackground2: brand.shade40,
+    colorNeutralStrokeAccessible: colors_1.grey[68],
+    colorNeutralStrokeAccessibleHover: colors_1.grey[74],
+    colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
+    colorNeutralStrokeAccessibleSelected: brand.tint20,
+    colorNeutralStroke1: colors_1.grey[40],
+    colorNeutralStroke1Hover: colors_1.grey[46],
+    colorNeutralStroke1Pressed: colors_1.grey[42],
+    colorNeutralStroke1Selected: colors_1.grey[44],
+    colorNeutralStroke2: colors_1.grey[32],
+    colorNeutralStroke3: colors_1.grey[24],
+    colorBrandStroke1: brand.tint10,
+    colorBrandStroke2: brand.shade30,
+    colorCompoundBrandStroke: brand.tint10,
+    colorCompoundBrandStrokeHover: brand.tint20,
+    colorCompoundBrandStrokePressed: brand.primary,
+    colorNeutralStrokeDisabled: colors_1.grey[26],
+    colorTransparentStroke: 'transparent',
+    colorTransparentStrokeInteractive: 'transparent',
+    colorTransparentStrokeDisabled: 'transparent',
+    colorStrokeFocus1: colors_1.black,
+    colorStrokeFocus2: colors_1.white,
+    colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+    colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
   };
 };
 
-exports.generateNeutralColorTokens = generateNeutralColorTokens;
-
-var generateSharedColorTokens = function (globalSharedTokens) {
-  return Object.keys(globalSharedTokens).reduce(function (acc, sharedColor) {
-    acc[sharedColor] = {
-      background1: globalSharedTokens[sharedColor].shade40,
-      background2: globalSharedTokens[sharedColor].shade30,
-      background3: globalSharedTokens[sharedColor].primary,
-      foreground1: globalSharedTokens[sharedColor].tint30,
-      foreground2: globalSharedTokens[sharedColor].tint40,
-      foreground3: globalSharedTokens[sharedColor].tint20,
-      borderActive: globalSharedTokens[sharedColor].tint30,
-      border2: globalSharedTokens[sharedColor].tint20
-    };
-    return acc;
-  }, {});
-};
+exports.generateColorTokens = generateColorTokens;
+exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(function (acc, sharedColor) {
+  var _a;
 
-exports.generateSharedColorTokens = generateSharedColorTokens;
+  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = colors_1.sharedColors[sharedColor].shade40, _a["colorPalette" + color + "Background2"] = colors_1.sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Background3"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = colors_1.sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Foreground2"] = colors_1.sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Foreground3"] = colors_1.sharedColors[sharedColor].tint20, _a["colorPalette" + color + "BorderActive"] = colors_1.sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Border2"] = colors_1.sharedColors[sharedColor].tint20, _a);
+  return tslib_1.__assign(tslib_1.__assign({}, acc), sharedColorTokens);
+}, {});
 //# sourceMappingURL=dark.js.map