cf-component-icon - npm Package Compare versions

Comparing version 4.5.6 to 5.0.0

CHANGELOG.md

@@ -6,3 +6,27 @@ # Change Log
 
-       <a name="4.5.6"></a>
+ <a name="5.0.0"></a>
+# [5.0.0](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-icon@4.5.6...cf-component-icon@5.0.0) (2018-05-08)
+
+
+### Features
+
+* **all:** UI-585: ([00a5bf1](http://stash.cfops.it:7999/www/cf-ux/commits/00a5bf1))
+* **all:** UI-585: deprecate 'cement' and 'storm' named colors ([0b96755](http://stash.cfops.it:7999/www/cf-ux/commits/0b96755))
+* **all:** UI-585: deprecate old 'blue' named colors ([9684155](http://stash.cfops.it:7999/www/cf-ux/commits/9684155))
+* **all:** UI-585: deprecate old 'gray' named colors, and remove 'colors' references ([fe1d8b5](http://stash.cfops.it:7999/www/cf-ux/commits/fe1d8b5))
+* **all:** UI-585: deprecate old 'green' named colors ([d6958f7](http://stash.cfops.it:7999/www/cf-ux/commits/d6958f7))
+* **all:** UI-585: deprecate old 'orange' named colors ([dea0f4c](http://stash.cfops.it:7999/www/cf-ux/commits/dea0f4c))
+* **all:** UI-585: deprecate old 'red' named colors ([6743d53](http://stash.cfops.it:7999/www/cf-ux/commits/6743d53))
+* **all:** UI-585: update color usage to access theme.colors ([3f76f3b](http://stash.cfops.it:7999/www/cf-ux/commits/3f76f3b))
+* **cf-style-const:** UI-585: remove unnecessary 'color' variables ([99cc542](http://stash.cfops.it:7999/www/cf-ux/commits/99cc542))
+
+
+### BREAKING CHANGES
+
+* **all:** update snapshots
+
+
+
+
+ <a name="4.5.6"></a>
 ## [4.5.6](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-icon@4.5.5...cf-component-icon@4.5.6) (2018-05-04)
@@ -15,3 +39,3 @@
 
-       <a name="4.5.5"></a>
+<a name="4.5.5"></a>
 ## [4.5.5](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-icon@4.5.4...cf-component-icon@4.5.5) (2018-05-02)
@@ -18,0 +42,0 @@

es/Icon.js

@@ -52,24 +52,24 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
     case 'default':
-      fill = theme.colors.cement;
+      fill = theme.colors.gray[4];
       break;
     case 'primary':
-      fill = theme.colors.marine;
+      fill = theme.colors.blue[4];
       break;
     case 'success':
-      fill = theme.colors.grass;
+      fill = theme.colors.green[6];
       break;
     case 'warning':
-      fill = theme.colors.carrot;
+      fill = theme.colors.orange[5];
       break;
     case 'danger':
-      fill = theme.colors.apple;
+      fill = theme.colors.red[3];
       break;
     case 'black':
-      fill = theme.colorBlack;
+      fill = theme.colors.black;
       break;
     case 'white':
-      fill = theme.colorWhite;
+      fill = theme.colors.white;
       break;
     default:
-      fill = theme.colorBlack;
+      fill = theme.colors.black;
   }
@@ -85,3 +85,3 @@ return fill;
     height: size ? getHeight(size) : DEFAULT_HEIGHT,
-    fill: color ? getFill(color, theme) : theme.colorBlack
+    fill: color ? getFill(color, theme) : theme.colors.black
   };
@@ -88,0 +88,0 @@ };

lib/Icon.js

@@ -63,24 +63,24 @@ 'use strict';
     case 'default':
-      fill = theme.colors.cement;
+      fill = theme.colors.gray[4];
       break;
     case 'primary':
-      fill = theme.colors.marine;
+      fill = theme.colors.blue[4];
       break;
     case 'success':
-      fill = theme.colors.grass;
+      fill = theme.colors.green[6];
       break;
     case 'warning':
-      fill = theme.colors.carrot;
+      fill = theme.colors.orange[5];
       break;
     case 'danger':
-      fill = theme.colors.apple;
+      fill = theme.colors.red[3];
       break;
     case 'black':
-      fill = theme.colorBlack;
+      fill = theme.colors.black;
       break;
     case 'white':
-      fill = theme.colorWhite;
+      fill = theme.colors.white;
       break;
     default:
-      fill = theme.colorBlack;
+      fill = theme.colors.black;
   }
@@ -92,3 +92,3 @@ return fill;
   height: size ? getHeight(size) : DEFAULT_HEIGHT,
-  fill: color ? getFill(color, theme) : theme.colorBlack
+  fill: color ? getFill(color, theme) : theme.colors.black
 });
@@ -95,0 +95,0 @@

package.json

 {
   "name": "cf-component-icon",
   "description": "Cloudflare Icon Component",
-  "version": "4.5.6",
+  "version": "5.0.0",
   "main": "lib/index.js",
@@ -14,3 +14,3 @@ "module": "es/index.js",
   "dependencies": {
-    "cf-style-container": "^8.1.4",
+    "cf-style-container": "^9.0.0",
     "prop-types": "^15.6.0"
@@ -17,0 +17,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

158434

increased by0.85%

Dependency changes

• + Addedcf-style-container@9.0.0(transitive)

• - Removedcf-style-container@8.1.4(transitive)

• - Removedseamless-immutable@7.1.4(transitive)

• Updatedcf-style-container@^9.0.0