[Card] Fix unknown props warnings

src/Card/CardActions.js

@@ -41,10 +41,18 @@ class CardActions extends Component {
   };
 
   render() {
+    const {
+      actAsExpander, // eslint-disable-line no-unused-vars
+      children,
+      expandable, // eslint-disable-line no-unused-vars
+      style,
+      ...other,
+    } = this.props;
+
     const {prepareStyles} = this.context.muiTheme;
     const styles = getStyles(this.props, this.context);
 
-    const children = React.Children.map(this.props.children, (child) => {
+    const styledChildren = React.Children.map(children, (child) => {
       if (React.isValidElement(child)) {
         return React.cloneElement(child, {
           style: Object.assign({}, styles.action, child.props.style),
@@ -53,8 +61,8 @@ class CardActions extends Component {
     });
 
     return (
-      <div {...this.props} style={prepareStyles(Object.assign(styles.root, this.props.style))}>
-        {children}
+      <div {...other} style={prepareStyles(Object.assign(styles.root, style))}>
+        {styledChildren}
       </div>
     );
   }

src/Card/CardHeader.js

@@ -107,6 +107,7 @@ class CardHeader extends Component {
       actAsExpander, // eslint-disable-line no-unused-vars
       avatar: avatarProp,
       children,
+      expandable, // eslint-disable-line no-unused-vars
       showExpandableButton, // eslint-disable-line no-unused-vars
       style,
       subtitle,

src/Card/CardMedia.js

@@ -82,28 +82,36 @@ class CardMedia extends Component {
 
   render() {
     const {
+      actAsExpander, // eslint-disable-line no-unused-vars
+      children,
+      expandable, // eslint-disable-line no-unused-vars
+      mediaStyle,
       overlay,
+      overlayContainerStyle,
+      overlayContentStyle,
+      overlayStyle,
+      style,
       ...other,
     } = this.props;
 
     const {prepareStyles} = this.context.muiTheme;
     const styles = getStyles(this.props, this.context);
-    const rootStyle = Object.assign(styles.root, this.props.style);
-    const mediaStyle = Object.assign(styles.media, this.props.mediaStyle);
-    const overlayContainerStyle = Object.assign(styles.overlayContainer, this.props.overlayContainerStyle);
-    const overlayContentStyle = Object.assign(styles.overlayContent, this.props.overlayContentStyle);
-    const overlayStyle = Object.assign(styles.overlay, this.props.overlayStyle);
+    const rootStyle = Object.assign(styles.root, style);
+    const extendedMediaStyle = Object.assign(styles.media, mediaStyle);
+    const extendedOverlayContainerStyle = Object.assign(styles.overlayContainer, overlayContainerStyle);
+    const extendedOverlayContentStyle = Object.assign(styles.overlayContent, overlayContentStyle);
+    const extendedOverlayStyle = Object.assign(styles.overlay, overlayStyle);
     const titleColor = this.context.muiTheme.cardMedia.titleColor;
     const subtitleColor = this.context.muiTheme.cardMedia.subtitleColor;
     const color = this.context.muiTheme.cardMedia.color;
 
-    const children = React.Children.map(this.props.children, (child) => {
+    const styledChildren = React.Children.map(children, (child) => {
       return React.cloneElement(child, {
         style: prepareStyles(Object.assign({}, styles.mediaChild, child.props.style)),
       });
     });
 
-    const overlayChildren = React.Children.map(this.props.overlay, (child) => {
+    const overlayChildren = React.Children.map(overlay, (child) => {
       if (child.type.muiName === 'CardHeader' || child.type.muiName === 'CardTitle') {
         return React.cloneElement(child, {
           titleColor: titleColor,
@@ -120,13 +128,13 @@ class CardMedia extends Component {
 
     return (
       <div {...other} style={prepareStyles(rootStyle)}>
-        <div style={prepareStyles(mediaStyle)}>
-          {children}
+        <div style={prepareStyles(extendedMediaStyle)}>
+          {styledChildren}
         </div>
         {overlay ?
-          <div style={prepareStyles(overlayContainerStyle)}>
-            <div style={prepareStyles(overlayStyle)}>
-              <div style={prepareStyles(overlayContentStyle)}>
+          <div style={prepareStyles(extendedOverlayContainerStyle)}>
+            <div style={prepareStyles(extendedOverlayStyle)}>
+              <div style={prepareStyles(extendedOverlayContentStyle)}>
                 {overlayChildren}
               </div>
             </div>

src/Card/CardText.js

@@ -43,13 +43,22 @@ class CardText extends Component {
   };
 
   render() {
+    const {
+      actAsExpander, // eslint-disable-line no-unused-vars
+      children,
+      color, // eslint-disable-line no-unused-vars
+      expandable, // eslint-disable-line no-unused-vars
+      style,
+      ...other,
+    } = this.props;
+
     const {prepareStyles} = this.context.muiTheme;
     const styles = getStyles(this.props, this.context);
-    const rootStyle = Object.assign(styles.root, this.props.style);
+    const rootStyle = Object.assign(styles.root, style);
 
     return (
-      <div {...this.props} style={prepareStyles(rootStyle)}>
-        {this.props.children}
+      <div {...other} style={prepareStyles(rootStyle)}>
+        {children}
       </div>
     );
   }

src/Card/CardTitle.js

@@ -77,29 +77,36 @@ class CardTitle extends Component {
   };
 
   render() {
-    const {prepareStyles} = this.context.muiTheme;
-    const styles = getStyles(this.props, this.context);
-    const rootStyle = Object.assign({}, styles.root, this.props.style);
-    const titleStyle = Object.assign({}, styles.title, this.props.titleStyle);
-    const subtitleStyle = Object.assign({}, styles.subtitle, this.props.subtitleStyle);
-
     const {
+      actAsExpander, // eslint-disable-line no-unused-vars
+      children,
+      expandable, // eslint-disable-line no-unused-vars
+      showExpandableButton, // eslint-disable-line no-unused-vars
+      style,
       subtitle,
       subtitleColor, // eslint-disable-line no-unused-vars
+      subtitleStyle,
       title,
       titleColor, // eslint-disable-line no-unused-vars
+      titleStyle,
       ...other,
     } = this.props;
 
+    const {prepareStyles} = this.context.muiTheme;
+    const styles = getStyles(this.props, this.context);
+    const rootStyle = Object.assign({}, styles.root, style);
+    const extendedTitleStyle = Object.assign({}, styles.title, titleStyle);
+    const extendedSubtitleStyle = Object.assign({}, styles.subtitle, subtitleStyle);
+
     return (
       <div {...other} style={prepareStyles(rootStyle)}>
-        <span style={prepareStyles(titleStyle)}>
+        <span style={prepareStyles(extendedTitleStyle)}>
           {title}
         </span>
-        <span style={prepareStyles(subtitleStyle)}>
+        <span style={prepareStyles(extendedSubtitleStyle)}>
           {subtitle}
         </span>
-        {this.props.children}
+        {children}
       </div>
     );
   }

src/FloatingActionButton/FloatingActionButton.js

@@ -234,6 +234,7 @@ class FloatingActionButton extends Component {
 
   render() {
     const {
+      backgroundColor, // eslint-disable-line no-unused-vars
       className,
       disabled,
       mini,