seed-button - npm Package Compare versions

Comparing version 0.0.4 to 0.1.0

package.json

 {
   "name": "seed-button",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "Button component pack for Seed",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -116,39 +116,46 @@ # seed-button [![Build Status](https://travis-ci.org/helpscout/seed-button.svg?branch=master)](https://travis-ci.org/helpscout/seed-button) [![npm version](https://badge.fury.io/js/seed-button.svg)](https://badge.fury.io/js/seed-button) [![dependencies Status](https://david-dm.org/helpscout/seed-button/status.svg)](https://david-dm.org/helpscout/seed-button)
   ),
-  text: #2b2b2b
+  text: #2b2b2b,
 ) !default;
 
-$seed-button-color-primary: (
-  background: (
-    default: #3197D6,
-    hover: darken(#3197D6, 4),
-    active: darken(#3197D6, 8)
+$seed-button-styles: (
+  primary: (
+    _generate-states: false,
+    background: (
+      default: #3197D6,
+      hover: darken(#3197D6, 4),
+      active: darken(#3197D6, 8)
+    ),
+    border: (
+      default: #237AB3,
+      hover: #237AB3,
+      active: #237AB3,
+      focus: #237AB3
+    ),
+    box-shadow: (
+      focus: 0 0 0 1px rgba(white, 0.4) inset
+    ),
+    text: #fff,
   ),
-  border: (
-    default: #237AB3,
-    hover: #237AB3,
-    active: #237AB3,
-    focus: #237AB3
-  ),
-  box-shadow: (
-    focus: 0 0 0 1px rgba(white, 0.4) inset
-  ),
-  text: #fff
-) !default;
 
-$seed-button-color-link: (
-  background: (
-    default: transparent,
-    hover: transparent,
-    active: transparent
+  link: (
+    _generate-states: true,
+    background: (
+      default: transparent,
+      hover: transparent,
+      active: transparent
+    ),
+    border: (
+      default: transparent,
+      hover: transparent,
+      active: transparent,
+      focus: #237AB3
+    ),
+    box-shadow: (
+      default: none,
+      hover: none,
+      active: none,
+      focus: none
+    ),
+    text: #3197D6
   ),
-  border: (
-    default: transparent,
-    hover: transparent,
-    active: transparent,
-    focus: _get($seed-button-color-primary, border, focus)
-  ),
-  box-shadow: (
-    focus: none
-  ),
-  text: _get($seed-button-color-primary, background, default)
 ) !default;
@@ -155,0 +162,0 @@

No alert changes

Improved metrics

Number of lines in readme file

214

3.38%

Worsened metrics

Total package byte prevSize

53898

-0.35%

Number of package files

30

-6.25%

Lines of code

606

-1.3%

No dependency changes