@fluentui/react-theme 9.0.0-alpha.23

package/lib-commonjs/types.d.ts

@@ -0,0 +1,333 @@
+/**
+ * Recursive partial type.
+ */
+declare type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
+};
+/**
+ * Design tokens for neutral colors
+ */
+export declare type NeutralColorTokens = {
+    neutralForeground1: string;
+    neutralForeground2: string;
+    neutralForeground2Hover: string;
+    neutralForeground2Pressed: string;
+    neutralForeground2Selected: string;
+    neutralForeground2BrandHover: string;
+    neutralForeground2BrandPressed: string;
+    neutralForeground2BrandSelected: string;
+    neutralForeground3: string;
+    neutralForeground3Hover: string;
+    neutralForeground3Pressed: string;
+    neutralForeground3Selected: string;
+    neutralForeground3BrandHover: string;
+    neutralForeground3BrandPressed: string;
+    neutralForeground3BrandSelected: string;
+    neutralForeground4: string;
+    neutralForegroundDisabled: string;
+    brandForegroundLink: string;
+    brandForegroundLinkHover: string;
+    brandForegroundLinkPressed: string;
+    brandForegroundLinkSelected: string;
+    compoundBrandForeground1: string;
+    compoundBrandForeground1Hover: string;
+    compoundBrandForeground1Pressed: string;
+    brandForeground1: string;
+    brandForeground2: string;
+    neutralForegroundInverted: string;
+    neutralForegroundOnBrand: string;
+    neutralForegroundInvertedLink: string;
+    neutralForegroundInvertedLinkHover: string;
+    neutralForegroundInvertedLinkPressed: string;
+    neutralForegroundInvertedLinkSelected: string;
+    neutralBackground1: string;
+    neutralBackground1Hover: string;
+    neutralBackground1Pressed: string;
+    neutralBackground1Selected: string;
+    neutralBackground2: string;
+    neutralBackground2Hover: string;
+    neutralBackground2Pressed: string;
+    neutralBackground2Selected: string;
+    neutralBackground3: string;
+    neutralBackground3Hover: string;
+    neutralBackground3Pressed: string;
+    neutralBackground3Selected: string;
+    neutralBackground4: string;
+    neutralBackground4Hover: string;
+    neutralBackground4Pressed: string;
+    neutralBackground4Selected: string;
+    neutralBackground5: string;
+    neutralBackground5Hover: string;
+    neutralBackground5Pressed: string;
+    neutralBackground5Selected: string;
+    neutralBackground6: string;
+    neutralBackgroundInverted: string;
+    subtleBackground: string;
+    subtleBackgroundHover: string;
+    subtleBackgroundPressed: string;
+    subtleBackgroundSelected: string;
+    transparentBackground: string;
+    transparentBackgroundHover: string;
+    transparentBackgroundPressed: string;
+    transparentBackgroundSelected: string;
+    neutralBackgroundDisabled: string;
+    neutralStencil1: string;
+    neutralStencil2: string;
+    brandBackground: string;
+    brandBackgroundHover: string;
+    brandBackgroundPressed: string;
+    brandBackgroundSelected: string;
+    compoundBrandBackground: string;
+    compoundBrandBackgroundHover: string;
+    compoundBrandBackgroundPressed: string;
+    brandBackgroundStatic: string;
+    brandBackground2: string;
+    neutralStrokeAccessible: string;
+    neutralStrokeAccessibleHover: string;
+    neutralStrokeAccessiblePressed: string;
+    neutralStrokeAccessibleSelected: string;
+    neutralStroke1: string;
+    neutralStroke1Hover: string;
+    neutralStroke1Pressed: string;
+    neutralStroke1Selected: string;
+    neutralStroke2: string;
+    neutralStroke3: string;
+    brandStroke1: string;
+    brandStroke2: string;
+    compoundBrandStroke: string;
+    compoundBrandStrokeHover: string;
+    compoundBrandStrokePressed: string;
+    neutralStrokeDisabled: string;
+    transparentStroke: string;
+    transparentStrokeInteractive: string;
+    transparentStrokeDisabled: string;
+    strokeFocus1: string;
+    strokeFocus2: string;
+    neutralShadowAmbient: string;
+    neutralShadowKey: string;
+    neutralShadowAmbientLighter: string;
+    neutralShadowKeyLighter: string;
+    neutralShadowAmbientDarker: string;
+    neutralShadowKeyDarker: string;
+    brandShadowAmbient: string;
+    brandShadowKey: string;
+};
+/**
+ * Design tokens available for shared colors
+ */
+export declare type SharedColorTokens = {
+    background1: string;
+    background2: string;
+    background3: string;
+    foreground1: string;
+    foreground2: string;
+    foreground3: string;
+    borderActive: string;
+    border2: string;
+};
+/**
+ * Possible color variant values
+ */
+export declare type ColorVariants = {
+    shade50: string;
+    shade40: string;
+    shade30: string;
+    shade20: string;
+    shade10: string;
+    primary: string;
+    tint10: string;
+    tint20: string;
+    tint30: string;
+    tint40: string;
+    tint50: string;
+    tint60: string;
+};
+export declare type BrandVariants = ColorVariants & {
+    shade60: string;
+};
+/**
+ * All the global shared colors and their shade/tint variants
+ */
+export declare type GlobalSharedColors = {
+    darkRed: ColorVariants;
+    burgundy: ColorVariants;
+    cranberry: ColorVariants;
+    red: ColorVariants;
+    darkOrange: ColorVariants;
+    bronze: ColorVariants;
+    pumpkin: ColorVariants;
+    orange: ColorVariants;
+    peach: ColorVariants;
+    marigold: ColorVariants;
+    yellow: ColorVariants;
+    gold: ColorVariants;
+    brass: ColorVariants;
+    brown: ColorVariants;
+    darkBrown: ColorVariants;
+    lime: ColorVariants;
+    forest: ColorVariants;
+    seafoam: ColorVariants;
+    lightGreen: ColorVariants;
+    green: ColorVariants;
+    darkGreen: ColorVariants;
+    lightTeal: ColorVariants;
+    teal: ColorVariants;
+    darkTeal: ColorVariants;
+    cyan: ColorVariants;
+    steel: ColorVariants;
+    lightBlue: ColorVariants;
+    blue: ColorVariants;
+    royalBlue: ColorVariants;
+    darkBlue: ColorVariants;
+    cornflower: ColorVariants;
+    navy: ColorVariants;
+    lavender: ColorVariants;
+    purple: ColorVariants;
+    darkPurple: ColorVariants;
+    orchid: ColorVariants;
+    grape: ColorVariants;
+    berry: ColorVariants;
+    lilac: ColorVariants;
+    pink: ColorVariants;
+    hotPink: ColorVariants;
+    magenta: ColorVariants;
+    plum: ColorVariants;
+    beige: ColorVariants;
+    mink: ColorVariants;
+    silver: ColorVariants;
+    platinum: ColorVariants;
+    anchor: ColorVariants;
+    charcoal: ColorVariants;
+};
+/**
+ * Brand color variants by product
+ */
+export declare type ProductBrandColors = {
+    teams: BrandVariants;
+    web: BrandVariants;
+};
+export declare type FontSizes = {
+    base: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+    };
+    hero: {
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+};
+export declare type LineHeights = FontSizes;
+export declare type FontWeights = {
+    regular: number;
+    medium: number;
+    semibold: number;
+};
+export declare type FontFamilies = {
+    base: string;
+    monospace: string;
+    numeric: string;
+};
+export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
+export declare type TextAlignments = {
+    start: TextAlignment;
+    center: TextAlignment;
+    end: TextAlignment;
+    justify: TextAlignment;
+};
+export declare type BorderRadius = {
+    none: string;
+    small: string;
+    medium: string;
+    large: string;
+    xLarge: string;
+    circular: string;
+};
+export declare type StrokeWidths = {
+    thin: string;
+    thick: string;
+    thicker: string;
+    thickest: string;
+};
+/**
+ * Design tokens for shadow levels
+ */
+export declare type ShadowLevelTokens = {
+    shadow2: string;
+    shadow4: string;
+    shadow8: string;
+    shadow16: string;
+    shadow28: string;
+    shadow64: string;
+};
+export declare type GhostColorTokens = {
+    ghostBackground: string;
+    ghostBackgroundHover: string;
+    ghostBackgroundPressed: string;
+    ghostBackgroundSelected: string;
+};
+export declare type TransparentColorTokens = {
+    transparentBackground: string;
+    transparentBackgroundHover: string;
+    transparentBackgroundPressed: string;
+    transparentBackgroundSelected: string;
+};
+export declare type BackgroundColorTokens = {
+    background: string;
+    backgroundHover: string;
+    backgroundPressed: string;
+    backgroundSelected: string;
+};
+export declare type BrandColorTokens = {
+    brandBackground: string;
+    brandBackgroundHover: string;
+    brandBackgroundPressed: string;
+    brandBackgroundSelected: string;
+    brandBackgroundStatic: string;
+};
+export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
+export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
+export declare type Theme = {
+    global: {
+        color: {
+            black: string;
+            white: string;
+            hcHyperlink: string;
+            hcHighlight: string;
+            hcDisabled: string;
+            hcCanvas: string;
+            hcCanvasText: string;
+            hcHighlightText: string;
+            hcButtonText: string;
+            hcButtonFace: string;
+        };
+        palette: GlobalSharedColors & {
+            brand: BrandVariants;
+            grey: Record<Greys, string>;
+            whiteAlpha: Record<AlphaColors, string>;
+            blackAlpha: Record<AlphaColors, string>;
+        };
+        type: {
+            fontSizes: FontSizes;
+            fontWeights: FontWeights;
+            fontFamilies: FontFamilies;
+            lineHeights: LineHeights;
+            alignment: TextAlignments;
+        };
+        borderRadius: BorderRadius;
+        strokeWidth: StrokeWidths;
+    };
+    alias: {
+        color: Record<keyof GlobalSharedColors, SharedColorTokens> & {
+            neutral: NeutralColorTokens;
+        };
+        shadow: ShadowLevelTokens;
+    };
+};
+export declare type PartialTheme = RecursivePartial<Theme>;
+export {};

package/lib-commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib-commonjs/types.js.map

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

package/lib-commonjs/utils/createDarkTheme.d.ts

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

package/lib-commonjs/utils/createDarkTheme.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDarkTheme = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var shadows_1 = /*#__PURE__*/require("./shadows");
+
+var dark_1 = /*#__PURE__*/require("../alias/dark");
+
+var utils_1 = /*#__PURE__*/require("../global/utils");
+
+var createDarkTheme = function (brand) {
+  var global = utils_1.createGlobalTheme(brand);
+  return {
+    global: global,
+    alias: {
+      color: tslib_1.__assign(tslib_1.__assign({}, dark_1.generateSharedColorTokens(global.palette)), {
+        neutral: dark_1.neutralColorTokens
+      }),
+      shadow: shadows_1.createShadowLevelTokens(dark_1.neutralColorTokens.neutralShadowAmbient, dark_1.neutralColorTokens.neutralShadowKey)
+    }
+  };
+};
+
+exports.createDarkTheme = createDarkTheme;
+//# sourceMappingURL=createDarkTheme.js.map

package/lib-commonjs/utils/createDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,MAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAGO,IAAM,eAAe,GAAoC,UAAA,KAAA,EAAK;AACnE,MAAM,MAAM,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAf;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACF,MAAA,CAAA,yBAAA,CAA0B,MAAM,CAAC,OAAjC,CADE,CAAA,EACuC;AAC5C,QAAA,OAAO,EAAE,MAAA,CAAA;AADmC,OADvC,CADF;AAKL,MAAA,MAAM,EAAE,SAAA,CAAA,uBAAA,CAAwB,MAAA,CAAA,kBAAA,CAAmB,oBAA3C,EAAiE,MAAA,CAAA,kBAAA,CAAmB,gBAApF;AALH;AAFF,GAAP;AAUD,CAZM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourcesContent":["import { createShadowLevelTokens } from './shadows';\nimport { generateSharedColorTokens, neutralColorTokens } from '../alias/dark';\nimport { createGlobalTheme } from '../global/utils';\nimport type { BrandVariants, Theme } from '../types';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const global = createGlobalTheme(brand);\n  return {\n    global,\n    alias: {\n      color: {\n        ...generateSharedColorTokens(global.palette),\n        neutral: neutralColorTokens,\n      } as Theme['alias']['color'],\n      shadow: createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),\n    },\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/createHighContrastTheme.d.ts

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

package/lib-commonjs/utils/createHighContrastTheme.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createHighContrastTheme = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var shadows_1 = /*#__PURE__*/require("./shadows");
+
+var highContrast_1 = /*#__PURE__*/require("../alias/highContrast");
+
+var utils_1 = /*#__PURE__*/require("../global/utils");
+
+var createHighContrastTheme = function (brand) {
+  var global = utils_1.createGlobalTheme(brand);
+  return {
+    global: global,
+    alias: {
+      color: tslib_1.__assign(tslib_1.__assign({}, highContrast_1.generateSharedColorTokens(global.palette)), {
+        neutral: highContrast_1.neutralColorTokens
+      }),
+      shadow: shadows_1.createShadowLevelTokens(highContrast_1.neutralColorTokens.neutralShadowAmbient, highContrast_1.neutralColorTokens.neutralShadowKey)
+    }
+  };
+};
+
+exports.createHighContrastTheme = createHighContrastTheme;
+//# sourceMappingURL=createHighContrastTheme.js.map

package/lib-commonjs/utils/createHighContrastTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAGO,IAAM,uBAAuB,GAAoC,UAAA,KAAA,EAAK;AAC3E,MAAM,MAAM,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAf;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACF,cAAA,CAAA,yBAAA,CAA0B,MAAM,CAAC,OAAjC,CADE,CAAA,EACuC;AAC5C,QAAA,OAAO,EAAE,cAAA,CAAA;AADmC,OADvC,CADF;AAKL,MAAA,MAAM,EAAE,SAAA,CAAA,uBAAA,CAAwB,cAAA,CAAA,kBAAA,CAAmB,oBAA3C,EAAiE,cAAA,CAAA,kBAAA,CAAmB,gBAApF;AALH;AAFF,GAAP;AAUD,CAZM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourcesContent":["import { createShadowLevelTokens } from './shadows';\nimport { generateSharedColorTokens, neutralColorTokens } from '../alias/highContrast';\nimport { createGlobalTheme } from '../global/utils';\nimport type { BrandVariants, Theme } from '../types';\n\nexport const createHighContrastTheme: (brand: BrandVariants) => Theme = brand => {\n  const global = createGlobalTheme(brand);\n  return {\n    global,\n    alias: {\n      color: {\n        ...generateSharedColorTokens(global.palette),\n        neutral: neutralColorTokens,\n      } as Theme['alias']['color'],\n      shadow: createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),\n    },\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/createLightTheme.d.ts

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

package/lib-commonjs/utils/createLightTheme.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createLightTheme = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var shadows_1 = /*#__PURE__*/require("./shadows");
+
+var light_1 = /*#__PURE__*/require("../alias/light");
+
+var utils_1 = /*#__PURE__*/require("../global/utils");
+
+var createLightTheme = function (brand) {
+  var global = utils_1.createGlobalTheme(brand);
+  return {
+    global: global,
+    alias: {
+      color: tslib_1.__assign(tslib_1.__assign({}, light_1.generateSharedColorTokens(global.palette)), {
+        neutral: light_1.neutralColorTokens
+      }),
+      shadow: shadows_1.createShadowLevelTokens(light_1.neutralColorTokens.neutralShadowAmbient, light_1.neutralColorTokens.neutralShadowKey)
+    }
+  };
+};
+
+exports.createLightTheme = createLightTheme;
+//# sourceMappingURL=createLightTheme.js.map

package/lib-commonjs/utils/createLightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAGO,IAAM,gBAAgB,GAAoC,UAAA,KAAA,EAAK;AACpE,MAAM,MAAM,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAf;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACF,OAAA,CAAA,yBAAA,CAA0B,MAAM,CAAC,OAAjC,CADE,CAAA,EACuC;AAC5C,QAAA,OAAO,EAAE,OAAA,CAAA;AADmC,OADvC,CADF;AAKL,MAAA,MAAM,EAAE,SAAA,CAAA,uBAAA,CAAwB,OAAA,CAAA,kBAAA,CAAmB,oBAA3C,EAAiE,OAAA,CAAA,kBAAA,CAAmB,gBAApF;AALH;AAFF,GAAP;AAUD,CAZM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import { createShadowLevelTokens } from './shadows';\nimport { generateSharedColorTokens, neutralColorTokens } from '../alias/light';\nimport { createGlobalTheme } from '../global/utils';\nimport type { BrandVariants, Theme } from '../types';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n  const global = createGlobalTheme(brand);\n  return {\n    global,\n    alias: {\n      color: {\n        ...generateSharedColorTokens(global.palette),\n        neutral: neutralColorTokens,\n      } as Theme['alias']['color'],\n      shadow: createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),\n    },\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/createTeamsDarkTheme.d.ts

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

package/lib-commonjs/utils/createTeamsDarkTheme.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTeamsDarkTheme = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var shadows_1 = /*#__PURE__*/require("./shadows");
+
+var teamsDark_1 = /*#__PURE__*/require("../alias/teamsDark");
+
+var utils_1 = /*#__PURE__*/require("../global/utils");
+
+var createTeamsDarkTheme = function (brand) {
+  var global = utils_1.createGlobalTheme(brand);
+  return {
+    global: global,
+    alias: {
+      color: tslib_1.__assign(tslib_1.__assign({}, teamsDark_1.generateSharedColorTokens(global.palette)), {
+        neutral: teamsDark_1.neutralColorTokens
+      }),
+      shadow: shadows_1.createShadowLevelTokens(teamsDark_1.neutralColorTokens.neutralShadowAmbient, teamsDark_1.neutralColorTokens.neutralShadowKey)
+    }
+  };
+};
+
+exports.createTeamsDarkTheme = createTeamsDarkTheme;
+//# sourceMappingURL=createTeamsDarkTheme.js.map

package/lib-commonjs/utils/createTeamsDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAGO,IAAM,oBAAoB,GAAoC,UAAA,KAAA,EAAK;AACxE,MAAM,MAAM,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAf;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACF,WAAA,CAAA,yBAAA,CAA0B,MAAM,CAAC,OAAjC,CADE,CAAA,EACuC;AAC5C,QAAA,OAAO,EAAE,WAAA,CAAA;AADmC,OADvC,CADF;AAKL,MAAA,MAAM,EAAE,SAAA,CAAA,uBAAA,CAAwB,WAAA,CAAA,kBAAA,CAAmB,oBAA3C,EAAiE,WAAA,CAAA,kBAAA,CAAmB,gBAApF;AALH;AAFF,GAAP;AAUD,CAZM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import { createShadowLevelTokens } from './shadows';\nimport { generateSharedColorTokens, neutralColorTokens } from '../alias/teamsDark';\nimport { createGlobalTheme } from '../global/utils';\nimport type { BrandVariants, Theme } from '../types';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const global = createGlobalTheme(brand);\n  return {\n    global,\n    alias: {\n      color: {\n        ...generateSharedColorTokens(global.palette),\n        neutral: neutralColorTokens,\n      } as Theme['alias']['color'],\n      shadow: createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),\n    },\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './createLightTheme';
+export * from './createDarkTheme';
+export * from './createTeamsDarkTheme';
+export * from './createHighContrastTheme';
+export { mergeThemes } from './mergeThemes';
+export * from './themeToCSSVariables';

package/lib-commonjs/utils/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeThemes = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./createLightTheme"), exports);
+
+tslib_1.__exportStar(require("./createDarkTheme"), exports);
+
+tslib_1.__exportStar(require("./createTeamsDarkTheme"), exports);
+
+tslib_1.__exportStar(require("./createHighContrastTheme"), exports);
+
+var mergeThemes_1 = /*#__PURE__*/require("./mergeThemes");
+
+Object.defineProperty(exports, "mergeThemes", {
+  enumerable: true,
+  get: function () {
+    return mergeThemes_1.mergeThemes;
+  }
+});
+
+tslib_1.__exportStar(require("./themeToCSSVariables"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA;;AAEA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,aAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,WAAA;AAAW;AAAX,CAAA;;AACT,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n\nexport { mergeThemes } from './mergeThemes';\nexport * from './themeToCSSVariables';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/mergeThemes.d.ts

@@ -0,0 +1,8 @@
+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-commonjs/utils/mergeThemes.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeThemes = exports.merge = void 0; // 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.
+ */
+
+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;
+}
+
+exports.merge = merge;
+/**
+ * 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;
+}
+
+function mergeThemes(a, b) {
+  // Deep merge impacts perf: we should like to avoid it if it's possible
+  if (a && b) {
+    return merge({}, a, b);
+  }
+
+  if (a) {
+    return a;
+  }
+
+  return b;
+}
+
+exports.mergeThemes = mergeThemes;
+//# sourceMappingURL=mergeThemes.js.map

package/lib-commonjs/utils/mergeThemes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/mergeThemes.ts"],"names":[],"mappings":";;;;;8CAEA;AACA;AACA;;AAEA;;;;AAIG;;AACH,SAAgB,KAAhB,CAA8B,MAA9B,EAAgD;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;;AAND,OAAA,CAAA,KAAA,GAAA,KAAA;AAQA;;;;;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,SAAgB,WAAhB,CAA4B,CAA5B,EAAkD,CAAlD,EAAqF;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;;AAXD,OAAA,CAAA,WAAA,GAAA,WAAA","sourcesContent":["import type { PartialTheme, Theme } from '../types';\n\n// TODO\n// We should consider removal merge() function from this file, ideally it should not be required\n// as probably themes will have flat shape\n\n/**\n * Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged\n * together in the order provided. If an object creates a circular reference, it will assign the\n * original reference.\n */\nexport function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T {\n  for (const arg of args) {\n    _merge(target || {}, arg as Partial<T>);\n  }\n\n  return target as T;\n}\n\n/**\n * The _merge helper iterates through all props on source and assigns them to target.\n * When the value is an object, we will create a deep clone of the object. However if\n * there is a circular reference, the value will not be deep cloned and will persist\n * the reference.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction _merge<T extends Object>(target: T, source: T, circularReferences: any[] = []): T {\n  circularReferences.push(source);\n\n  for (const name in source) {\n    if (source.hasOwnProperty(name)) {\n      if (name !== '__proto__' && name !== 'constructor' && name !== 'prototype') {\n        const value: T[Extract<keyof T, string>] = source[name];\n        if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n          const isCircularReference = circularReferences.indexOf(value) > -1;\n          target[name] = (isCircularReference\n            ? value\n            : _merge(target[name] || {}, value, circularReferences)) as T[Extract<keyof T, string>];\n        } else {\n          target[name] = value;\n        }\n      }\n    }\n  }\n\n  circularReferences.pop();\n\n  return target;\n}\n\nexport function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme {\n  // Deep merge impacts perf: we should like to avoid it if it's possible\n  if (a && b) {\n    return merge({}, a, b) as Theme;\n  }\n\n  if (a) {\n    return a;\n  }\n\n  return b as Theme;\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/shadows.d.ts

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

package/lib-commonjs/utils/shadows.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createShadowLevelTokens = void 0;
+
+function createShadowLevelTokens(ambientColor, keyColor) {
+  return {
+    shadow2: "0 0 2px " + ambientColor + ", 0 1px 2px " + keyColor,
+    shadow4: "0 0 2px " + ambientColor + ", 0 2px 4px " + keyColor,
+    shadow8: "0 0 2px " + ambientColor + ", 0 4px 8px " + keyColor,
+    shadow16: "0 0 2px " + ambientColor + ", 0 6px 16px " + keyColor,
+    shadow28: "0 0 8px " + ambientColor + ", 0 14px 28px " + keyColor,
+    shadow64: "0 0 8px " + ambientColor + ", 0 32px 64px " + keyColor
+  };
+}
+
+exports.createShadowLevelTokens = createShadowLevelTokens;
+//# sourceMappingURL=shadows.js.map