Issue 1:
I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

No Errors

Current Behavior

Throw Error

Type '{ component?: string | ComponentClass<GridProps> | StatelessComponent<GridProps>; container?: boo...' is not assignable to type 'IntrinsicAttributes & PaperProps & { children?: ReactNode; }'.
Type '{ component?: string | ComponentClass<GridProps> | StatelessComponent<GridProps>; container?: boo...' is not assignable to type 'PaperProps'.
Types of property 'component' are incompatible.
Type 'string | ComponentClass<GridProps> | StatelessComponent<GridProps>' is not assignable to type 'string | ComponentClass<PaperProps> | StatelessComponent<PaperProps>'.
Type 'ComponentClass<GridProps>' is not assignable to type 'string | ComponentClass<PaperProps> | StatelessComponent<PaperProps>'.
Type 'ComponentClass<GridProps>' is not assignable to type 'StatelessComponent<PaperProps>'.
Types of property 'propTypes' are incompatible.
Type 'ValidationMap<GridProps>' is not assignable to type 'ValidationMap<PaperProps>'.
Types of property 'component' are incompatible.
Type '(object: GridProps, key: string, componentName: string, ...rest: any[]) => Error' is not assignable to type '(object: PaperProps, key: string, componentName: string, ...rest: any[]) => Error'.
Types of parameters 'object' and 'object' are incompatible.
Type 'PaperProps' is not assignable to type 'GridProps'.
Types of property 'component' are incompatible.
Type 'string | ComponentClass<PaperProps> | StatelessComponent<PaperProps>' is not assignable to type 'string | ComponentClass<GridProps> | StatelessComponent<GridProps>'.
Type 'ComponentClass<PaperProps>' is not assignable to type 'string | ComponentClass<GridProps> | StatelessComponent<GridProps>'.
Type 'ComponentClass<PaperProps>' is not assignable to type 'StatelessComponent<GridProps>'.
Types of property 'propTypes' are incompatible.
Type 'ValidationMap<PaperProps>' is not assignable to type 'ValidationMap<GridProps>'.
Types of property 'component' are incompatible.
Type '(object: PaperProps, key: string, componentName: string, ...rest: any[]) => Error' is not assignable to type '(object: GridProps, key: string, componentName: string, ...rest: any[]) => Error'.
Types of parameters 'object' and 'object' are incompatible.
Type 'GridProps' is not assignable to type 'PaperProps'.
Types of property 'component' are incompatible.
Type 'string | ComponentClass<GridProps> | StatelessComponent<GridProps>' is not assignable to type 'string | ComponentClass<PaperProps> | StatelessComponent<PaperProps>'.
Type 'ComponentClass<GridProps>' is not assignable to type 'string | ComponentClass<PaperProps> | StatelessComponent<PaperProps>'.
Type 'ComponentClass<GridProps>' is not assignable to type 'StatelessComponent<PaperProps>'.

Steps to Reproduce (for bugs)

import * as React from 'react';
import Grid from 'material-ui/Grid';
import Paper from 'material-ui/Paper';

interface IHomeProps {}

export default class Home extends React.Component<IHomeProps> {
public render() {
return (
<Grid component={props => <Paper {...props} />}>
<div>hello</div>
</Grid>
);
}
}

same issue with

<Grid component={Paper}>

Your Environment

Tech
Version

Material-UI
v1.0.0-beta.21

React
16.1.1

Typescript
2.6.1

Issue 2:
In the Docs for Style > Color the display of the actual Color Palette has three (potential) updates:

The font is the browser default (should be according to the theme)

The weight should be 500 (to match material.io)

Color names should have capitalization and spaces in their display (while maintaining the need to lowerCase and remove spaces for theme purposes).

I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Current Behavior

Steps to Reproduce (for bugs)

N/A

Context

Your Environment

Tech
Version

Material-UI
1.0.0-beta.13

React
15.6.2

browser
Chrome

etc