Styles API

[kLabz]

From https://github.com/mui-org/material-ui/blob/master/packages/material-ui-styles/src/index.d.ts

• [ ] export { default as createGenerateClassName } from './createGenerateClassName';
• [ ] export { default as createStyles } from './createStyles';
• [ ] export { default as getThemeProps } from './getThemeProps';
• [ ] export { default as jssPreset } from './jssPreset';
• [ ] export { default as makeStyles } from './makeStyles';
• [ ] export { default as mergeClasses } from './mergeClasses';
• [ ] export { default as ServerStyleSheets } from './ServerStyleSheets';
• [x] export { default as styled } from './styled';
• [x] export { default as StylesProvider } from './StylesProvider';
• [x] export { default as ThemeProvider } from './ThemeProvider';

[kLabz]

Will need proper jss externs See https://github.com/cssinjs/jss/blob/master/packages/jss/src/index.d.ts for types

[kLabz]

• [x] Need to expose fade, etc. from '@material-ui/core/styles' too

Edit:

From @material-ui/core/styles/colorManipulator.d.ts, actually:

export type ColorFormat = 'rgb' | 'rgba' | 'hsl' | 'hsla';
export interface ColorObject {
  type: ColorFormat;
  values: [number, number, number] | [number, number, number, number];
}

export function hexToRgb(hex: string): string;
export function rgbToHex(color: string): string;
export function hslToRgb(color: string): string;
export function decomposeColor(color: string): ColorObject;
export function recomposeColor(color: ColorObject): string;
export function getContrastRatio(foreground: string, background: string): number;
export function getLuminance(color: string): number;
export function emphasize(color: string, coefficient?: number): string;
export function fade(color: string, value: number): string;
export function darken(color: string, coefficient?: number): string;
export function lighten(color: string, coefficient?: number): string;