Rename stroked to outlined

material-components · May 29, 2018 · 3a1bc59 · 3a1bc59
1 parent 2248f26
commit 3a1bc59
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/packages/button/README.md b/packages/button/README.md
@@ -32,7 +32,7 @@ Prop Name | Type | Description
 className | String | Classes to be applied to the root element.
 raised | Boolean | Enables raised variant.
 unelevated | Boolean | Enables unelevated variant.
-stroked | Boolean | Enables stroked variant.
+outlined | Boolean | Enables outlined variant.
 icon | Element | Icon to render within root element.
 children | String | Text to be displayed within root element.
 disabled | Boolean | Disables button if true.

diff --git a/packages/button/index.js b/packages/button/index.js
@@ -9,7 +9,7 @@ export class Button extends Component {
       className,
       raised,
       unelevated,
-      stroked,
+      outlined,
       icon,
       children,
       initRipple,
@@ -20,7 +20,7 @@ export class Button extends Component {
     const classes = classnames('mdc-button', className, {
       'mdc-button--raised': raised,
       'mdc-button--unelevated': unelevated,
-      'mdc-button--stroked': stroked,
+      'mdc-button--outlined': outlined,
     });
 
     return (
@@ -51,7 +51,7 @@ export class Button extends Component {
 Button.propTypes = {
   raised: PropTypes.bool,
   unelevated: PropTypes.bool,
-  stroked: PropTypes.bool,
+  outlined: PropTypes.bool,
   disabled: PropTypes.bool,
   unbounded: PropTypes.bool,
   initRipple: PropTypes.func,
@@ -63,7 +63,7 @@ Button.propTypes = {
 Button.defaultProps = {
   raised: false,
   unelevated: false,
-  stroked: false,
+  outlined: false,
   disabled: false,
   unbounded: false,
   initRipple: () => {},

diff --git a/test/screenshot/button/index.js b/test/screenshot/button/index.js
@@ -29,7 +29,7 @@ ReactDOM.render((
       <Button raised>Raised</Button>
     </div>
     <div className='button-container'>
-      <Button stroked>Stroked</Button>
+      <Button outlined>Outlined</Button>
     </div>
     <div className='button-container'>
       <Button unelevated>Unelevated</Button>

diff --git a/test/unit/button/index.test.js b/test/unit/button/index.test.js
@@ -33,9 +33,9 @@ test('renders a unelevated button', () => {
   assert.isTrue(wrapper.hasClass('mdc-button--unelevated'));
 });
 
-test('renders a stroked button', () => {
-  const wrapper = shallow(<Button stroked />);
-  assert.isTrue(wrapper.hasClass('mdc-button--stroked'));
+test('renders a outlined button', () => {
+  const wrapper = shallow(<Button outlined />);
+  assert.isTrue(wrapper.hasClass('mdc-button--outlined'));
 });
 
 test('default initRipple function', () => {