@lightspeed/cirrus-tokens - npm Package Compare versions

Comparing version 3.7.3 to 3.7.4

built-themes/default.js

@@ -279,6 +279,22 @@ // Do not modify directly!
     fill: {
-      primary: { fill: "#fff", color: "#35b858" },
-      secondary: { fill: "#fff", color: "#2875c6" },
-      danger: { fill: "#fff", color: "#ed5153" },
-      neutral: { fill: "#494c4c", color: "#fff" }
+      primary: {
+        fill: "#fff",
+        color: "#35b858",
+        ".cr-icon__details-2": { color: "#35b858", fill: "#35b858" }
+      },
+      secondary: {
+        fill: "#fff",
+        color: "#2875c6",
+        ".cr-icon__details-2": { color: "#2875c6", fill: "#2875c6" }
+      },
+      danger: {
+        fill: "#fff",
+        color: "#ed5153",
+        ".cr-icon__details-2": { color: "#ed5153", fill: "#ed5153" }
+      },
+      neutral: {
+        fill: "#494c4c",
+        color: "#fff",
+        ".cr-icon__details-2": { color: "#fff", fill: "#fff" }
+      }
     },
@@ -285,0 +301,0 @@ outline: {

built-themes/lightspeed.js

@@ -257,6 +257,22 @@ // Do not modify directly!
     fill: {
-      primary: { fill: "#fff", color: "#0EAD30" },
-      secondary: { fill: "#fff", color: "#2E61DE" },
-      danger: { fill: "#fff", color: "#ED5153" },
-      neutral: { fill: "#2F3137", color: "#fff" }
+      primary: {
+        fill: "#fff",
+        color: "#0EAD30",
+        ".cr-icon__details-2": { color: "#0EAD30", fill: "#0EAD30" }
+      },
+      secondary: {
+        fill: "#fff",
+        color: "#2E61DE",
+        ".cr-icon__details-2": { color: "#2E61DE", fill: "#2E61DE" }
+      },
+      danger: {
+        fill: "#fff",
+        color: "#ED5153",
+        ".cr-icon__details-2": { color: "#ED5153", fill: "#ED5153" }
+      },
+      neutral: {
+        fill: "#2F3137",
+        color: "#fff",
+        ".cr-icon__details-2": { color: "#fff", fill: "#fff" }
+      }
     },
@@ -263,0 +279,0 @@ outline: {

built-themes/oldskool.js

@@ -279,6 +279,22 @@ // Do not modify directly!
     fill: {
-      primary: { fill: "#fff", color: "#35b858" },
-      secondary: { fill: "#fff", color: "#2875c6" },
-      danger: { fill: "#fff", color: "#ed5153" },
-      neutral: { fill: "#494c4c", color: "#fff" }
+      primary: {
+        fill: "#fff",
+        color: "#35b858",
+        ".cr-icon__details-2": { color: "#35b858", fill: "#35b858" }
+      },
+      secondary: {
+        fill: "#fff",
+        color: "#2875c6",
+        ".cr-icon__details-2": { color: "#2875c6", fill: "#2875c6" }
+      },
+      danger: {
+        fill: "#fff",
+        color: "#ed5153",
+        ".cr-icon__details-2": { color: "#ed5153", fill: "#ed5153" }
+      },
+      neutral: {
+        fill: "#494c4c",
+        color: "#fff",
+        ".cr-icon__details-2": { color: "#fff", fill: "#fff" }
+      }
     },
@@ -285,0 +301,0 @@ outline: {

CHANGELOG.md

@@ -10,2 +10,8 @@ # Changelog
 
+## 3.7.4 - 2019-07-02
+
+### Fixed
+
+- Added detail colors for button icons with fill variant ([#790](https://github.com/lightspeedretail/cirrus/pull/790))
+
 ## 3.7.3 - 2019-06-25
@@ -12,0 +18,0 @@

dist/theme/default.js

@@ -300,15 +300,31 @@ "use strict";
           fill: "#fff",
-          color: "#35b858"
+          color: "#35b858",
+          ".cr-icon__details-2": {
+            color: "#35b858",
+            fill: "#35b858"
+          }
         },
         secondary: {
           fill: "#fff",
-          color: "#2875c6"
+          color: "#2875c6",
+          ".cr-icon__details-2": {
+            color: "#2875c6",
+            fill: "#2875c6"
+          }
         },
         danger: {
           fill: "#fff",
-          color: "#ed5153"
+          color: "#ed5153",
+          ".cr-icon__details-2": {
+            color: "#ed5153",
+            fill: "#ed5153"
+          }
         },
         neutral: {
           fill: "#494c4c",
-          color: "#fff"
+          color: "#fff",
+          ".cr-icon__details-2": {
+            color: "#fff",
+            fill: "#fff"
+          }
         }
@@ -315,0 +331,0 @@ },

dist/theme/lightspeed.js

@@ -292,15 +292,31 @@ "use strict";
           fill: "#fff",
-          color: "#0EAD30"
+          color: "#0EAD30",
+          ".cr-icon__details-2": {
+            color: "#0EAD30",
+            fill: "#0EAD30"
+          }
         },
         secondary: {
           fill: "#fff",
-          color: "#2E61DE"
+          color: "#2E61DE",
+          ".cr-icon__details-2": {
+            color: "#2E61DE",
+            fill: "#2E61DE"
+          }
         },
         danger: {
           fill: "#fff",
-          color: "#ED5153"
+          color: "#ED5153",
+          ".cr-icon__details-2": {
+            color: "#ED5153",
+            fill: "#ED5153"
+          }
         },
         neutral: {
           fill: "#2F3137",
-          color: "#fff"
+          color: "#fff",
+          ".cr-icon__details-2": {
+            color: "#fff",
+            fill: "#fff"
+          }
         }
@@ -307,0 +323,0 @@ },

dist/theme/oldskool.js

@@ -300,15 +300,31 @@ "use strict";
           fill: "#fff",
-          color: "#35b858"
+          color: "#35b858",
+          ".cr-icon__details-2": {
+            color: "#35b858",
+            fill: "#35b858"
+          }
         },
         secondary: {
           fill: "#fff",
-          color: "#2875c6"
+          color: "#2875c6",
+          ".cr-icon__details-2": {
+            color: "#2875c6",
+            fill: "#2875c6"
+          }
         },
         danger: {
           fill: "#fff",
-          color: "#ed5153"
+          color: "#ed5153",
+          ".cr-icon__details-2": {
+            color: "#ed5153",
+            fill: "#ed5153"
+          }
         },
         neutral: {
           fill: "#494c4c",
-          color: "#fff"
+          color: "#fff",
+          ".cr-icon__details-2": {
+            color: "#fff",
+            fill: "#fff"
+          }
         }
@@ -315,0 +331,0 @@ },

package.json

 {
   "name": "@lightspeed/cirrus-tokens",
-  "version": "3.7.3",
+  "version": "3.7.4",
   "description": "Cirrus's Foundation",
@@ -26,3 +26,3 @@ "main": "index.js",
   },
-  "gitHead": "0685c38c7ba59a106b42d9fe3e4d52ca87a29370"
+  "gitHead": "ce6c0ca4b5371bb863f9d388b36cc1abb3499d65"
 }

themes/lightspeed/components/button.js

@@ -117,2 +117,6 @@ const { rgba } = require('polished');
       color: colors['green-700'],
+      '.cr-icon__details-2': {
+        color: colors['green-700'],
+        fill: colors['green-700'],
+      },
     },
@@ -122,2 +126,6 @@ secondary: {
       color: colors['blue-500'],
+      '.cr-icon__details-2': {
+        color: colors['blue-500'],
+        fill: colors['blue-500'],
+      },
     },
@@ -127,2 +135,6 @@ danger: {
       color: colors['maple-400'],
+      '.cr-icon__details-2': {
+        color: colors['maple-400'],
+        fill: colors['maple-400'],
+      },
     },
@@ -132,2 +144,6 @@ neutral: {
       color: colors.white,
+      '.cr-icon__details-2': {
+        color: colors.white,
+        fill: colors.white,
+      },
     },
@@ -134,0 +150,0 @@ },

themes/oldskool/components/button.js

@@ -147,2 +147,6 @@ const { darken, rgba } = require('polished');
       color: colors.green,
+      '.cr-icon__details-2': {
+        color: colors.green,
+        fill: colors.green,
+      },
     },
@@ -152,2 +156,6 @@ secondary: {
       color: colors.blue,
+      '.cr-icon__details-2': {
+        color: colors.blue,
+        fill: colors.blue,
+      },
     },
@@ -157,2 +165,6 @@ danger: {
       color: colors.maple,
+      '.cr-icon__details-2': {
+        color: colors.maple,
+        fill: colors.maple,
+      },
     },
@@ -162,2 +174,6 @@ neutral: {
       color: colors.snow,
+      '.cr-icon__details-2': {
+        color: colors.snow,
+        fill: colors.snow,
+      },
     },
@@ -164,0 +180,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

197304

increased by1.7%

Lines of code

5687

increased by2.3%

No dependency changes