fix(button): Update missed css styles for buttons (#260)

* fix(button): Update missed css styles for buttons

* fix(button): Remove css font style, fix story for deprecated button

modules/button/css/lib/button.scss

@@ -16,13 +16,14 @@ $_wdc-btn-caret-down-icon-white: svg-load(
   content: '';
   background-image: $_icon;
   background-position: center;
-  background-size: $wdc-spacing-s;
+  background-size: $wdc-spacing-m;
   background-repeat: no-repeat;
 }
 
 @mixin wdc-btn() {
   @include wdc-type-body();
   @include wdc-type-variant-btn();
+  @include wdc-type();
   display: inline-block;
   text-decoration: none;
   min-width: 96px;
@@ -41,6 +42,9 @@ $_wdc-btn-caret-down-icon-white: svg-load(
   vertical-align: middle;
   border: 2px solid transparent;
   font-weight: 700;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 
   &.wdc-btn-hover,
   &:hover {
@@ -73,7 +77,7 @@ $_wdc-btn-caret-down-icon-white: svg-load(
 
   &.wdc-btn-dropdown {
     padding-left: $wdc-spacing-l;
-    padding-right: $wdc-spacing-s;
+    padding-right: $wdc-spacing-l;
     display: inline-flex;
     align-items: center;
 
@@ -114,7 +118,6 @@ $_wdc-btn-caret-down-icon-white: svg-load(
     height: $wdc-spacing-l;
     padding: 0 $wdc-spacing-s;
     min-width: $wdc-spacing-xxxl;
-    -webkit-font-smoothing: subpixel-antialiased;
   }
 
   &.wdc-btn-primary {

modules/button/css/stories.tsx

@@ -177,7 +177,7 @@ storiesOf('CSS/Button/Deprecated', module)
       </button>
       <h3>Small Secondary</h3>
       <button className="wdc-btn-deprecated wdc-btn-size-s">Secondary Button</button>
-      <button disabled={true} className="wdc-btn wdc-btn-size-s">
+      <button disabled={true} className="wdc-btn-deprecated wdc-btn-size-s">
         Secondary Button
       </button>
       <h3>Growing Secondary</h3>