V9 merge 05212018

.gitignore

@@ -14,8 +14,8 @@ dist
 # OSX
 .DS_Store
 
-# Debug
-npm-debug.log
+# Logs
+*.log
 
 # Editors
 project.sublime-project

src/components/button/_button.scss

@@ -123,6 +123,11 @@
       color: $support-01;
       border: $button-border-width solid $support-01;
     }
+
+    &:hover > .#{$prefix}--btn__icon,
+    &:focus > .#{$prefix}--btn__icon {
+      fill: $inverse-01;
+    }
   }
 
   .#{$prefix}--btn--danger--primary {

src/components/button/button.config.js

@@ -72,6 +72,7 @@ module.exports = {
       notes: 'Danger buttons should be used for a negative action (such as Delete) on the page.',
       context: {
         variant: 'danger',
+        danger: true,
       },
     },
     {
@@ -84,6 +85,29 @@ module.exports = {
       `,
       context: {
         variant: 'danger',
+        danger: true,
+        small: true,
+      },
+    },
+    {
+      name: 'danger--primary',
+      label: 'Primary Danger Buttons',
+      context: {
+        variant: 'danger--primary',
+        danger: true,
+      },
+    },
+    {
+      name: 'danger--primary--small',
+      label: 'Primary Danger Buttons (Small)',
+      notes: `
+        Small buttons may be used when there is not enough space for a
+        regular sized button. This issue is most found in tables. Small button should have three words
+        or less.
+      `,
+      context: {
+        variant: 'danger--primary',
+        danger: true,
         small: true,
       },
     },

src/components/button/button.hbs

@@ -1,6 +1,6 @@
-<button class="bx--btn bx--btn--{{variant}}{{#if small}} bx--btn--sm{{/if}}" {{#is variant "danger"}}aria-label="danger"{{/is}} type="button">Button</button>
-<button class="bx--btn bx--btn--{{variant}}{{#if small}} bx--btn--sm{{/if}}" {{#is variant "danger"}}aria-label="danger"{{/is}} type="button" disabled>Button</button>
-<button class="bx--btn bx--btn--{{variant}}{{#if small}} bx--btn--sm{{/if}}" {{#is variant "danger"}}aria-label="danger"{{/is}} type="button">
+<button class="bx--btn bx--btn--{{variant}}{{#if small}} bx--btn--sm{{/if}}" {{#if danger}}aria-label="danger"{{/if}} type="button">Button</button>
+<button class="bx--btn bx--btn--{{variant}}{{#if small}} bx--btn--sm{{/if}}" {{#if danger}}aria-label="danger"{{/if}} type="button" disabled>Button</button>
+<button class="bx--btn bx--btn--{{variant}}{{#if small}} bx--btn--sm{{/if}}" {{#if danger}}aria-label="danger"{{/if}} type="button">
   With icon
   <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" fill-rule="evenodd">
     <path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm4 9H9v3H7V9H4V7h3V4h2v3h3v2z"></path>

src/components/data-table-v2/_data-table-v2-expandable.scss

@@ -7,10 +7,6 @@
       display: none;
     }
 
-    td {
-      background-color: $ui-01;
-    }
-
     > td:first-of-type {
       position: relative;