cf-component-link - npm Package Compare versions

Comparing version 5.1.36 to 6.0.0

CHANGELOG.md

@@ -6,3 +6,24 @@ # Change Log
 
- <a name="5.1.36"></a>
+       <a name="6.0.0"></a>
+# [6.0.0](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-link@5.1.36...cf-component-link@6.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 'orange' named colors ([dea0f4c](http://stash.cfops.it:7999/www/cf-ux/commits/dea0f4c))
+* **all:** UI-585: update color usage to access theme.colors ([3f76f3b](http://stash.cfops.it:7999/www/cf-ux/commits/3f76f3b))
+
+
+### BREAKING CHANGES
+
+* **all:** update snapshots
+
+
+
+
+       <a name="5.1.36"></a>
 ## [5.1.36](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-link@5.1.35...cf-component-link@5.1.36) (2018-05-04)
@@ -15,3 +36,3 @@
 
- <a name="5.1.35"></a>
+<a name="5.1.35"></a>
 ## [5.1.35](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-link@5.1.34...cf-component-link@5.1.35) (2018-05-02)
@@ -18,0 +39,0 @@

es/Link.js

@@ -22,3 +22,3 @@ 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; }; }();
     display: 'inline-block',
-    color: disabled ? theme.disabledColor : theme.color,
+    color: disabled ? theme.disabledColor : theme.textColor,
     outline: theme.outline,
@@ -33,5 +33,5 @@ textDecoration: theme.textDecoration,
     '&:hover': {
-      color: disabled ? theme['&:hover'].disabledColor : theme['&:hover'].color,
+      color: disabled ? theme['&:hover'].disabledColor : theme['&:hover'].textColor,
       '& svg': {
-        fill: disabled ? theme['&:hover'].disabledColor : theme['&:hover'].color
+        fill: disabled ? theme['&:hover'].disabledColor : theme['&:hover'].textColor
       }
@@ -41,7 +41,7 @@ },
     '&:focus': {
-      color: theme['&:focus'].color,
+      color: theme['&:focus'].textColor,
       outline: theme['&:focus'].outline,
       outlineOffset: theme['&:focus'].outlineOffset,
       '& svg': {
-        fill: theme['&:focus'].color
+        fill: theme['&:focus'].textColor
       }
@@ -51,6 +51,6 @@ },
     '&:active': {
-      color: theme['&:active'].color,
+      color: theme['&:active'].textColor,
       outline: theme['&:active'].outline,
       '& svg': {
-        fill: theme['&:active'].color
+        fill: theme['&:active'].textColor
       }
@@ -57,0 +57,0 @@ }

es/LinkTheme.js

 export default (function (baseTheme) {
   return {
-    color: baseTheme.colors.marine,
-    disabledColor: baseTheme.colors.cement,
+    textColor: baseTheme.colors.blue[4],
+    disabledColor: baseTheme.colors.gray[4],
     outline: 'none',
@@ -12,4 +12,4 @@ textDecoration: 'none',
     '&:hover': {
-      color: baseTheme.colors.tangerine,
-      disabledColor: baseTheme.colors.cement
+      textColor: baseTheme.colors.orange[6],
+      disabledColor: baseTheme.colors.gray[4]
     },
@@ -20,7 +20,7 @@
       outlineOffset: '-1px',
-      color: baseTheme.colors.marine
+      textColor: baseTheme.colors.blue[4]
     },
 
     '&:active': {
-      color: baseTheme.colors.sunrise,
+      textColor: baseTheme.colors.orange[7],
       outline: 'none'
@@ -27,0 +27,0 @@ }

lib/Link.js

@@ -27,3 +27,3 @@ 'use strict';
   display: 'inline-block',
-  color: disabled ? theme.disabledColor : theme.color,
+  color: disabled ? theme.disabledColor : theme.textColor,
   outline: theme.outline,
@@ -38,5 +38,5 @@ textDecoration: theme.textDecoration,
   '&:hover': {
-    color: disabled ? theme['&:hover'].disabledColor : theme['&:hover'].color,
+    color: disabled ? theme['&:hover'].disabledColor : theme['&:hover'].textColor,
     '& svg': {
-      fill: disabled ? theme['&:hover'].disabledColor : theme['&:hover'].color
+      fill: disabled ? theme['&:hover'].disabledColor : theme['&:hover'].textColor
     }
@@ -46,7 +46,7 @@ },
   '&:focus': {
-    color: theme['&:focus'].color,
+    color: theme['&:focus'].textColor,
     outline: theme['&:focus'].outline,
     outlineOffset: theme['&:focus'].outlineOffset,
     '& svg': {
-      fill: theme['&:focus'].color
+      fill: theme['&:focus'].textColor
     }
@@ -56,6 +56,6 @@ },
   '&:active': {
-    color: theme['&:active'].color,
+    color: theme['&:active'].textColor,
     outline: theme['&:active'].outline,
     '& svg': {
-      fill: theme['&:active'].color
+      fill: theme['&:active'].textColor
     }
@@ -62,0 +62,0 @@ }

lib/LinkTheme.js

@@ -8,4 +8,4 @@ 'use strict';
 exports.default = baseTheme => ({
-  color: baseTheme.colors.marine,
-  disabledColor: baseTheme.colors.cement,
+  textColor: baseTheme.colors.blue[4],
+  disabledColor: baseTheme.colors.gray[4],
   outline: 'none',
@@ -18,4 +18,4 @@ textDecoration: 'none',
   '&:hover': {
-    color: baseTheme.colors.tangerine,
-    disabledColor: baseTheme.colors.cement
+    textColor: baseTheme.colors.orange[6],
+    disabledColor: baseTheme.colors.gray[4]
   },
@@ -26,9 +26,9 @@
     outlineOffset: '-1px',
-    color: baseTheme.colors.marine
+    textColor: baseTheme.colors.blue[4]
   },
 
   '&:active': {
-    color: baseTheme.colors.sunrise,
+    textColor: baseTheme.colors.orange[7],
     outline: 'none'
   }
 });

package.json

 {
   "name": "cf-component-link",
   "description": "Cloudflare Link Component",
-  "version": "5.1.36",
+  "version": "6.0.0",
   "main": "lib/index.js",
@@ -17,4 +17,4 @@ "module": "es/index.js",
   "dependencies": {
-    "cf-component-arrow-swivel": "^2.1.33",
-    "cf-style-container": "^8.1.4",
+    "cf-component-arrow-swivel": "^3.0.0",
+    "cf-style-container": "^9.0.0",
     "cf-util-route-handler": "^4.2.5",
@@ -21,0 +21,0 @@ "prop-types": "^15.6.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

24674

increased by4.47%

Dependency changes

• + Addedcf-component-arrow-swivel@3.0.0(transitive)

• + Addedcf-component-icon@5.0.0(transitive)

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

• - Removedcf-component-arrow-swivel@2.1.33(transitive)

• - Removedcf-component-icon@4.5.6(transitive)

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

• - Removedseamless-immutable@7.1.4(transitive)

• Updatedcf-component-arrow-swivel@^3.0.0

• Updatedcf-style-container@^9.0.0