@fluentui/react-theme 9.0.0-alpha.23

package/lib-amd/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-amd/types.js

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

package/lib-amd/types.js.map

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

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

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

package/lib-amd/utils/createDarkTheme.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "tslib", "./shadows", "../alias/dark", "../global/utils"], function (require, exports, tslib_1, shadows_1, dark_1, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createDarkTheme = void 0;
+    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-amd/utils/createDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDarkTheme.js","sourceRoot":"../src/","sources":["utils/createDarkTheme.ts"],"names":[],"mappings":";;;;IAKO,IAAM,eAAe,GAAoC,UAAA,KAAK;QACnE,IAAM,MAAM,GAAG,yBAAiB,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO;YACL,MAAM,QAAA;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,sCACF,gCAAyB,CAAC,MAAM,CAAC,OAAO,CAAC,KAC5C,OAAO,EAAE,yBAAkB,GACD;gBAC5B,MAAM,EAAE,iCAAuB,CAAC,yBAAkB,CAAC,oBAAoB,EAAE,yBAAkB,CAAC,gBAAgB,CAAC;aAC9G;SACF,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,eAAe,mBAY1B","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"]}

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

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

package/lib-amd/utils/createHighContrastTheme.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "tslib", "./shadows", "../alias/highContrast", "../global/utils"], function (require, exports, tslib_1, shadows_1, highContrast_1, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createHighContrastTheme = void 0;
+    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-amd/utils/createHighContrastTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createHighContrastTheme.js","sourceRoot":"../src/","sources":["utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;IAKO,IAAM,uBAAuB,GAAoC,UAAA,KAAK;QAC3E,IAAM,MAAM,GAAG,yBAAiB,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO;YACL,MAAM,QAAA;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,sCACF,wCAAyB,CAAC,MAAM,CAAC,OAAO,CAAC,KAC5C,OAAO,EAAE,iCAAkB,GACD;gBAC5B,MAAM,EAAE,iCAAuB,CAAC,iCAAkB,CAAC,oBAAoB,EAAE,iCAAkB,CAAC,gBAAgB,CAAC;aAC9G;SACF,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,uBAAuB,2BAYlC","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"]}

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

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

package/lib-amd/utils/createLightTheme.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "tslib", "./shadows", "../alias/light", "../global/utils"], function (require, exports, tslib_1, shadows_1, light_1, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createLightTheme = void 0;
+    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-amd/utils/createLightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLightTheme.js","sourceRoot":"../src/","sources":["utils/createLightTheme.ts"],"names":[],"mappings":";;;;IAKO,IAAM,gBAAgB,GAAoC,UAAA,KAAK;QACpE,IAAM,MAAM,GAAG,yBAAiB,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO;YACL,MAAM,QAAA;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,sCACF,iCAAyB,CAAC,MAAM,CAAC,OAAO,CAAC,KAC5C,OAAO,EAAE,0BAAkB,GACD;gBAC5B,MAAM,EAAE,iCAAuB,CAAC,0BAAkB,CAAC,oBAAoB,EAAE,0BAAkB,CAAC,gBAAgB,CAAC;aAC9G;SACF,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,gBAAgB,oBAY3B","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"]}

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

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

package/lib-amd/utils/createTeamsDarkTheme.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "tslib", "./shadows", "../alias/teamsDark", "../global/utils"], function (require, exports, tslib_1, shadows_1, teamsDark_1, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createTeamsDarkTheme = void 0;
+    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-amd/utils/createTeamsDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTeamsDarkTheme.js","sourceRoot":"../src/","sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;IAKO,IAAM,oBAAoB,GAAoC,UAAA,KAAK;QACxE,IAAM,MAAM,GAAG,yBAAiB,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO;YACL,MAAM,QAAA;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,sCACF,qCAAyB,CAAC,MAAM,CAAC,OAAO,CAAC,KAC5C,OAAO,EAAE,8BAAkB,GACD;gBAC5B,MAAM,EAAE,iCAAuB,CAAC,8BAAkB,CAAC,oBAAoB,EAAE,8BAAkB,CAAC,gBAAgB,CAAC;aAC9G;SACF,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,oBAAoB,wBAY/B","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"]}

package/lib-amd/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-amd/utils/index.js

@@ -0,0 +1,12 @@
+define(["require", "exports", "tslib", "./createLightTheme", "./createDarkTheme", "./createTeamsDarkTheme", "./createHighContrastTheme", "./mergeThemes", "./themeToCSSVariables"], function (require, exports, tslib_1, createLightTheme_1, createDarkTheme_1, createTeamsDarkTheme_1, createHighContrastTheme_1, mergeThemes_1, themeToCSSVariables_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.mergeThemes = void 0;
+    tslib_1.__exportStar(createLightTheme_1, exports);
+    tslib_1.__exportStar(createDarkTheme_1, exports);
+    tslib_1.__exportStar(createTeamsDarkTheme_1, exports);
+    tslib_1.__exportStar(createHighContrastTheme_1, exports);
+    Object.defineProperty(exports, "mergeThemes", { enumerable: true, get: function () { return mergeThemes_1.mergeThemes; } });
+    tslib_1.__exportStar(themeToCSSVariables_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":";;;;IAAA,kDAAmC;IACnC,iDAAkC;IAClC,sDAAuC;IACvC,yDAA0C;IAEjC,0GAAA,WAAW,OAAA;IACpB,qDAAsC","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n\nexport { mergeThemes } from './mergeThemes';\nexport * from './themeToCSSVariables';\n"]}

package/lib-amd/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-amd/utils/mergeThemes.js

@@ -0,0 +1,66 @@
+define(["require", "exports"], function (require, exports) {
+    "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-amd/utils/mergeThemes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeThemes.js","sourceRoot":"../src/","sources":["utils/mergeThemes.ts"],"names":[],"mappings":";;;;IAEA,OAAO;IACP,gGAAgG;IAChG,0CAA0C;IAE1C;;;;OAIG;IACH,SAAgB,KAAK,CAAS,MAAkB;QAAE,cAAkD;aAAlD,UAAkD,EAAlD,qBAAkD,EAAlD,IAAkD;YAAlD,6BAAkD;;QAClG,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE;YAAnB,IAAM,GAAG,aAAA;YACZ,MAAM,CAAC,MAAM,IAAI,EAAE,EAAE,GAAiB,CAAC,CAAC;SACzC;QAED,OAAO,MAAW,CAAC;IACrB,CAAC;IAND,sBAMC;IAED;;;;;OAKG;IACH,8DAA8D;IAC9D,SAAS,MAAM,CAAmB,MAAS,EAAE,MAAS,EAAE,kBAA8B;QAA9B,mCAAA,EAAA,uBAA8B;QACpF,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEhC,KAAK,IAAM,MAAI,IAAI,MAAM,EAAE;YACzB,IAAI,MAAM,CAAC,cAAc,CAAC,MAAI,CAAC,EAAE;gBAC/B,IAAI,MAAI,KAAK,WAAW,IAAI,MAAI,KAAK,aAAa,IAAI,MAAI,KAAK,WAAW,EAAE;oBAC1E,IAAM,KAAK,GAAgC,MAAM,CAAC,MAAI,CAAC,CAAC;oBACxD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;wBACxE,IAAM,mBAAmB,GAAG,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;wBACnE,MAAM,CAAC,MAAI,CAAC,GAAG,CAAC,mBAAmB;4BACjC,CAAC,CAAC,KAAK;4BACP,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAgC,CAAC;qBAC3F;yBAAM;wBACL,MAAM,CAAC,MAAI,CAAC,GAAG,KAAK,CAAC;qBACtB;iBACF;aACF;SACF;QAED,kBAAkB,CAAC,GAAG,EAAE,CAAC;QAEzB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAgB,WAAW,CAAC,CAAoB,EAAE,CAAmC;QACnF,uEAAuE;QACvE,IAAI,CAAC,IAAI,CAAC,EAAE;YACV,OAAO,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;SACjC;QAED,IAAI,CAAC,EAAE;YACL,OAAO,CAAC,CAAC;SACV;QAED,OAAO,CAAU,CAAC;IACpB,CAAC;IAXD,kCAWC","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"]}

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

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

package/lib-amd/utils/shadows.js

@@ -0,0 +1,17 @@
+define(["require", "exports"], function (require, exports) {
+    "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

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"../src/","sources":["utils/shadows.ts"],"names":[],"mappings":";;;;IAEA,SAAgB,uBAAuB,CAAC,YAAoB,EAAE,QAAgB;QAC5E,OAAO;YACL,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,QAAQ,EAAE,aAAW,YAAY,qBAAgB,QAAU;YAC3D,QAAQ,EAAE,aAAW,YAAY,sBAAiB,QAAU;YAC5D,QAAQ,EAAE,aAAW,YAAY,sBAAiB,QAAU;SAC7D,CAAC;IACJ,CAAC;IATD,0DASC","sourcesContent":["import type { ShadowLevelTokens } from '../types';\n\nexport function createShadowLevelTokens(ambientColor: string, keyColor: string): ShadowLevelTokens {\n  return {\n    shadow2: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n    shadow4: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n    shadow8: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n    shadow16: `0 0 2px ${ambientColor}, 0 6px 16px ${keyColor}`,\n    shadow28: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n    shadow64: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n  };\n}\n"]}

package/lib-amd/utils/themeToCSSVariables.d.ts

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

package/lib-amd/utils/themeToCSSVariables.js

@@ -0,0 +1,28 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.themeToCSSVariables = void 0;
+    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;
+                if (typeof themePart[propertyName] === 'object') {
+                    flattenThemeToCSSVariables(themePart[propertyName], variableName, result);
+                }
+                else {
+                    result[variableName] = themePart[propertyName];
+                }
+            }
+        }
+        return result;
+    }
+    function themeToCSSVariables(theme) {
+        return flattenThemeToCSSVariables(theme);
+    }
+    exports.themeToCSSVariables = themeToCSSVariables;
+});
+//# sourceMappingURL=themeToCSSVariables.js.map