@lightspeed/cirrus-tokens - npm Package Compare versions

Comparing version 3.7.0 to 3.7.1

built-themes/lightspeed.js

@@ -170,2 +170,3 @@ // Do not modify directly!
         "&:hover": {
+          color: "#fff",
           backgroundColor: "#059118",
@@ -182,2 +183,3 @@ backgroundImage: "linear-gradient(180deg, #059118, #059118)"
         "&:hover": {
+          color: "#fff",
           backgroundColor: "#2E61DE",
@@ -195,2 +197,3 @@ backgroundImage: "linear-gradient(180deg, #2E61DE, #2E61DE)",
         "&:hover": {
+          color: "#fff",
           backgroundColor: "#DE2E37",
@@ -208,2 +211,3 @@ backgroundImage: "linear-gradient(180deg, #DE2E37, #DE2E37)",
         "&:hover": {
+          color: "#2F3137",
           backgroundColor: "#F2F5F8",
@@ -223,3 +227,3 @@ backgroundImage: "linear-gradient(180deg, #F2F5F8, #F2F5F8)",
           backgroundColor: "#F5FFF6",
-          color: "",
+          color: "#059118",
           boxShadow: "none",
@@ -236,3 +240,3 @@ backgroundImage: "none"
           backgroundColor: "#F5F7FF",
-          color: "",
+          color: "#2E61DE",
           boxShadow: "none",
@@ -249,3 +253,3 @@ backgroundImage: "none"
           backgroundColor: "#FFF5F5",
-          color: "",
+          color: "#DE2E37",
           boxShadow: "none",
@@ -252,0 +256,0 @@ backgroundImage: "none"

CHANGELOG.md

@@ -10,2 +10,8 @@ # Changelog
 
+## 3.7.1 - 2019-05-28
+
+### Fixed
+
+- Added back color values for hover pseudo-class on button to avoid specificity issues with anchor elements ([#756](https://github.com/lightspeedretail/cirrus/pull/756))
+
 ## 3.7.0 - 2019-05-13
@@ -12,0 +18,0 @@

dist/theme/lightspeed.js

@@ -189,2 +189,3 @@ "use strict";
           "&:hover": {
+            color: "#fff",
             backgroundColor: "#059118",
@@ -203,2 +204,3 @@ backgroundImage: "linear-gradient(180deg, #059118, #059118)"
           "&:hover": {
+            color: "#fff",
             backgroundColor: "#2E61DE",
@@ -218,2 +220,3 @@ backgroundImage: "linear-gradient(180deg, #2E61DE, #2E61DE)",
           "&:hover": {
+            color: "#fff",
             backgroundColor: "#DE2E37",
@@ -233,2 +236,3 @@ backgroundImage: "linear-gradient(180deg, #DE2E37, #DE2E37)",
           "&:hover": {
+            color: "#2F3137",
             backgroundColor: "#F2F5F8",
@@ -250,3 +254,3 @@ backgroundImage: "linear-gradient(180deg, #F2F5F8, #F2F5F8)",
             backgroundColor: "#F5FFF6",
-            color: "",
+            color: "#059118",
             boxShadow: "none",
@@ -265,3 +269,3 @@ backgroundImage: "none"
             backgroundColor: "#F5F7FF",
-            color: "",
+            color: "#2E61DE",
             boxShadow: "none",
@@ -280,3 +284,3 @@ backgroundImage: "none"
             backgroundColor: "#FFF5F5",
-            color: "",
+            color: "#DE2E37",
             boxShadow: "none",
@@ -283,0 +287,0 @@ backgroundImage: "none"

package.json

 {
   "name": "@lightspeed/cirrus-tokens",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "Cirrus's Foundation",
@@ -26,3 +26,3 @@ "main": "index.js",
   },
-  "gitHead": "49ed679daadc6dafa33db59bc74c948c71d62eb4"
+  "gitHead": "fefb260cac9512d59f1bf18b85aaecafbd931f33"
 }

themes/lightspeed/components/button.js

@@ -12,2 +12,3 @@ const { rgba } = require('polished');
       '&:hover': {
+        color: colors.white,
         backgroundColor: colors['green-800'],
@@ -26,2 +27,3 @@ backgroundImage: `linear-gradient(180deg, ${colors['green-800']}, ${colors['green-800']})`,
       '&:hover': {
+        color: colors.white,
         backgroundColor: colors['blue-500'],
@@ -41,2 +43,3 @@ backgroundImage: `linear-gradient(180deg, ${colors['blue-500']}, ${colors['blue-500']})`,
       '&:hover': {
+        color: colors.white,
         backgroundColor: colors['maple-500'],
@@ -56,2 +59,3 @@ backgroundImage: `linear-gradient(180deg, ${colors['maple-500']}, ${colors['maple-500']})`,
       '&:hover': {
+        color: colors['gray-800'],
         backgroundColor: colors['gray-50'],
@@ -73,3 +77,3 @@ backgroundImage: `linear-gradient(180deg, ${colors['gray-50']}, ${colors['gray-50']})`,
         backgroundColor: colors['green-50'],
-        color: '',
+        color: colors['green-800'],
         boxShadow: 'none',
@@ -88,3 +92,3 @@ backgroundImage: 'none',
         backgroundColor: colors['blue-50'],
-        color: '',
+        color: colors['blue-500'],
         boxShadow: 'none',
@@ -103,3 +107,3 @@ backgroundImage: 'none',
         backgroundColor: colors['maple-50'],
-        color: '',
+        color: colors['maple-500'],
         boxShadow: 'none',
@@ -106,0 +110,0 @@ backgroundImage: 'none',

No alert changes

Improved metrics

Total package byte prevSize

193482

increased by0.33%

Lines of code

5568

increased by0.22%

No dependency changes