update sub classname to subheader

Author: kyleturco

docs/app/Examples/elements/Header/Content/HeaderSubheaderExample.js

@@ -6,9 +6,9 @@ export default class HeaderSubheaderExample extends Component {
     return (
       <Header.H2>
         Account Settings
-        <Header.Sub>
+        <Header.Subheader>
           Manage your account settings and set email preferences
-        </Header.Sub>
+        </Header.Subheader>
       </Header.H2>
     );
   }

docs/app/Examples/elements/Header/Types/HeaderSubHeadersExample.js

@@ -4,12 +4,12 @@ import {Header} from 'stardust';
 export default class HeaderSubHeadersExamples extends Component {
   render() {
     return (
-      <div>
-        <Header.H2 className='sub'>
-          Price
-        </Header.H2>
-        <span>$10.99</span>
-      </div>
+      <Header.H2 className='sub'>
+        Price
+        <Header.Subheader>
+          $10.99
+        </Header.Subheader>
+      </Header.H2>
     );
   }
 }

src/elements/Header/Header.js

@@ -7,7 +7,7 @@ import H3 from './H3';
 import H4 from './H4';
 import H5 from './H5';
 import H6 from './H6';
-import Sub from './Sub';
+import Subheader from './Subheader';
 
 export default class Header extends Component {
   static _meta = {
@@ -21,7 +21,7 @@ export default class Header extends Component {
   static H4 = H4;
   static H5 = H5;
   static H6 = H6;
-  static Sub = Sub;
+  static Subheader = Subheader;
   render() {
     return (
       <_Header {...this.props} _headerElement='div'/>

src/elements/Header/Sub.js src/elements/Header/Subheader.jssrc/elements/Header/Sub.js renamed to src/elements/Header/Subheader.js

@@ -2,23 +2,22 @@ import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
 import META from 'src/utils/Meta';
 
-export default class Sub extends Component {
+export default class Subheader extends Component {
   static propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
-  }
-
+  };
   static _meta = {
     library: META.library.semanticUI,
     name: 'Sub',
     type: META.type.element,
   };
-
   render() {
     const classes = classNames(
+      'sd-sub',
       'sub',
       this.props.className,
-      'header'
+      'header',
     );
     return (
       <div className={classes}>