[core] Enable module augmentation of CommonColors (mui#20212)

EsoterikStare · Mar 30, 2020 · 61dc90f · 61dc90f
1 parent 82c6e33
commit 61dc90f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/packages/material-ui/src/styles/createPalette.d.ts b/packages/material-ui/src/styles/createPalette.d.ts
@@ -1,8 +1,12 @@
 import { Color, PaletteType } from '..';
-import common from '../colors/common';
 
 export {};
-type CommonColors = Record<keyof typeof common, string>;
+// use standalone interface over typeof colors/commons
+// to enable module augmentation
+export interface CommonColors {
+  black: string;
+  white: string;
+}
 
 export type ColorPartial = Partial<Color>;
 

diff --git a/packages/material-ui/src/styles/createPalette.spec.ts b/packages/material-ui/src/styles/createPalette.spec.ts
@@ -1,9 +1,10 @@
 import { Color } from '@material-ui/core';
-import { blue } from '@material-ui/core/colors';
+import { blue, common } from '@material-ui/core/colors';
 import {
   createPalette,
   PaletteColorOptions,
   SimplePaletteColorOptions,
+  Theme,
 } from '@material-ui/core/styles';
 
 {
@@ -22,3 +23,7 @@ import {
   palette.augmentColor(colorOrOption, 400); // $ExpectError
   const augmentedColor = palette.augmentColor(colorOrOption);
 }
+
+{
+  const themeCommons: Theme['palette']['common'] = common;
+}