fix(Card): consuming props

src/Card/card.spec.js

@@ -1,56 +1,56 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import {
-	Card,
-	CardMedia,
-	CardPrimary,
-	CardTitle,
-	CardSubtitle,
-	CardSupportingText,
-	CardActions,
-	CardAction
+  Card,
+  CardMedia,
+  CardPrimary,
+  CardTitle,
+  CardSubtitle,
+  CardSupportingText,
+  CardActions,
+  CardAction
 } from './';
 
 describe('Card', () => {
-	it('renders', () => {
-		mount(
-			<Card style={{ width: '320px' }}>
-				<CardMedia
-					style={{
-						height: '12.313rem'
-					}}
-				/>
-				<CardPrimary>
-					<CardTitle large>Card Title</CardTitle>
-					<CardSubtitle>Subtitle here</CardSubtitle>
-				</CardPrimary>
-				<CardSupportingText />
-				<CardActions>
-					<CardAction>Action 1</CardAction>
-					<CardAction>Action 2</CardAction>
-				</CardActions>
-			</Card>
-		);
-	});
+  it('renders', () => {
+    mount(
+      <Card style={{ width: '320px' }}>
+        <CardMedia
+          style={{
+            height: '12.313rem'
+          }}
+        />
+        <CardPrimary>
+          <CardTitle large>Card Title</CardTitle>
+          <CardSubtitle>Subtitle here</CardSubtitle>
+        </CardPrimary>
+        <CardSupportingText />
+        <CardActions>
+          <CardAction>Action 1</CardAction>
+          <CardAction>Action 2</CardAction>
+        </CardActions>
+      </Card>
+    );
+  });
 
-	it('can be dark', () => {
-		const card = mount(<Card themeDark />);
-		expect(!!~card.html().search('mdc-card--theme-dark')).toEqual(true);
-	});
+  it('can be dark', () => {
+    const card = mount(<Card themeDark />);
+    expect(!!~card.html().search('mdc-card--theme-dark')).toEqual(true);
+  });
 
-	it('can have custom classes', () => {
-		[
-			Card,
-			CardMedia,
-			CardPrimary,
-			CardTitle,
-			CardSubtitle,
-			CardSupportingText,
-			CardActions,
-			CardAction
-		].forEach(Component => {
-			const el = mount(<Component className={'my-custom-classname'} />);
-			expect(!!~el.html().search('my-custom-classname')).toEqual(true);
-		});
-	});
+  it('can have custom classes', () => {
+    [
+      Card,
+      CardMedia,
+      CardPrimary,
+      CardTitle,
+      CardSubtitle,
+      CardSupportingText,
+      CardActions,
+      CardAction
+    ].forEach(Component => {
+      const el = mount(<Component className={'my-custom-classname'} />);
+      expect(!!~el.html().search('my-custom-classname')).toEqual(true);
+    });
+  });
 });

src/Card/index.js

@@ -76,7 +76,8 @@ export class CardActions extends simpleTag({
   ],
   defaultProps: {
     vertical: undefined
-  }
+  },
+  consumeProps: ['vertical']
 })<CardActionsT> {
   render() {
     return super.render();
@@ -110,7 +111,8 @@ export class CardMediaItem extends simpleTag({
       'mdc-card__media-item--2x': props.twoX,
       'mdc-card__media-item--3x': props.threeX
     }
-  ]
+  ],
+  consumeProps: ['oneDotFiveX', 'twoX', 'threeX']
 })<CardMediaItemT> {
   render() {
     return super.render();