cf-component-card - npm Package Compare versions

Comparing version 4.2.20 to 5.0.0

CHANGELOG.md

@@ -6,3 +6,25 @@ # Change Log
 
- <a name="4.2.20"></a>
+       <a name="5.0.0"></a>
+# [5.0.0](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-card@4.2.20...cf-component-card@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 '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 '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.2.20"></a>
 ## [4.2.20](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-card@4.2.19...cf-component-card@4.2.20) (2018-05-04)
@@ -15,3 +37,3 @@
 
- <a name="4.2.19"></a>
+<a name="4.2.19"></a>
 ## [4.2.19](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-card@4.2.18...cf-component-card@4.2.19) (2018-05-02)
@@ -18,0 +40,0 @@

es/Card.js

@@ -19,4 +19,4 @@ 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; }; }();
     padding: 0,
-    border: '1px solid ' + theme.colorGrayLight,
-    backgroundColor: theme.colorWhite,
+    border: '1px solid ' + theme.colors.gray[7],
+    backgroundColor: theme.colors.white,
 
@@ -23,0 +23,0 @@ borderRadius: '2px',

es/CardBlock.js

@@ -17,3 +17,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; }; }();
     padding: '1rem 1.4rem 1.26667rem',
-    borderTop: '1px solid ' + theme.colorGrayLight,
+    borderTop: '1px solid ' + theme.colors.gray[7],
 
@@ -20,0 +20,0 @@ '&:first-child': {

es/CardControl.js

@@ -11,3 +11,3 @@ import React from 'react';
     padding: wide ? 0 : '2rem',
-    border: '0 solid ' + theme.colorGrayLight,
+    border: '0 solid ' + theme.colors.gray[7],
     borderTopWidth: '1px',
@@ -14,0 +14,0 @@ backgroundColor: 'rgba(0, 0, 0, 0.06)',

es/CardDrawer.js

@@ -7,3 +7,3 @@ import { createComponent } from 'cf-style-container';
   return {
-    borderTop: isActive ? '1px solid ' + theme.colorGrayLight : 'initial',
+    borderTop: isActive ? '1px solid ' + theme.colors.gray[7] : 'initial',
     padding: isActive ? '1.5rem' : 'initial'
@@ -10,0 +10,0 @@ };

es/CardFooter.js

@@ -9,3 +9,3 @@ import React from 'react';
     fontSize: theme.fontSize,
-    color: theme.color,
+    color: theme.textColor,
     lineHeight: theme.lineHeight,
@@ -12,0 +12,0 @@ marginTop: theme.marginTop

es/CardFooterTheme.js

 export default (function (baseTheme) {
   return {
     fontSize: '0.8rem',
-    color: baseTheme.colorGray,
+    textColor: baseTheme.colors.gray[4],
     lineHeight: '1.3',
@@ -6,0 +6,0 @@ marginTop: '1.5em'

es/CardSection.js

@@ -12,4 +12,4 @@ import React from 'react';
     width: '100%',
-    borderTop: '1px solid ' + theme.colorGrayLight,
-    borderLeft: status === 'error' ? '3px solid ' + theme.colorRed : 'initial',
+    borderTop: '1px solid ' + theme.colors.gray[7],
+    borderLeft: status === 'error' ? '3px solid ' + theme.colors.red[3] : 'initial',
 
@@ -16,0 +16,0 @@ '&:first-child': {

es/CardToolbar.js

@@ -8,3 +8,3 @@ import React from 'react';
   return {
-    borderTop: '1px solid ' + theme.colorGrayLight,
+    borderTop: '1px solid ' + theme.colors.gray[7],
     minHeight: '2.96666rem',
@@ -11,0 +11,0 @@

lib/Card.js

@@ -23,4 +23,4 @@ 'use strict';
   padding: 0,
-  border: `1px solid ${theme.colorGrayLight}`,
-  backgroundColor: theme.colorWhite,
+  border: `1px solid ${theme.colors.gray[7]}`,
+  backgroundColor: theme.colors.white,
 
@@ -27,0 +27,0 @@ borderRadius: '2px',

lib/CardBlock.js

@@ -21,3 +21,3 @@ 'use strict';
   padding: '1rem 1.4rem 1.26667rem',
-  borderTop: `1px solid ${theme.colorGrayLight}`,
+  borderTop: `1px solid ${theme.colors.gray[7]}`,
 
@@ -24,0 +24,0 @@ '&:first-child': {

lib/CardControl.js

@@ -22,3 +22,3 @@ 'use strict';
   padding: wide ? 0 : '2rem',
-  border: `0 solid ${theme.colorGrayLight}`,
+  border: `0 solid ${theme.colors.gray[7]}`,
   borderTopWidth: '1px',
@@ -25,0 +25,0 @@ backgroundColor: 'rgba(0, 0, 0, 0.06)',

lib/CardDrawer.js

@@ -10,3 +10,3 @@ 'use strict';
 const CardDrawer = (0, _cfStyleContainer.createComponent)(({ theme, isActive }) => ({
-  borderTop: isActive ? `1px solid ${theme.colorGrayLight}` : 'initial',
+  borderTop: isActive ? `1px solid ${theme.colors.gray[7]}` : 'initial',
   padding: isActive ? '1.5rem' : 'initial'
@@ -13,0 +13,0 @@ }));

lib/CardFooter.js

@@ -21,3 +21,3 @@ 'use strict';
   fontSize: theme.fontSize,
-  color: theme.color,
+  color: theme.textColor,
   lineHeight: theme.lineHeight,
@@ -24,0 +24,0 @@ marginTop: theme.marginTop

lib/CardFooterTheme.js

@@ -9,5 +9,5 @@ 'use strict';
   fontSize: '0.8rem',
-  color: baseTheme.colorGray,
+  textColor: baseTheme.colors.gray[4],
   lineHeight: '1.3',
   marginTop: '1.5em'
 });

lib/CardSection.js

@@ -23,4 +23,4 @@ 'use strict';
   width: '100%',
-  borderTop: `1px solid ${theme.colorGrayLight}`,
-  borderLeft: status === 'error' ? `3px solid ${theme.colorRed}` : 'initial',
+  borderTop: `1px solid ${theme.colors.gray[7]}`,
+  borderLeft: status === 'error' ? `3px solid ${theme.colors.red[3]}` : 'initial',
 
@@ -27,0 +27,0 @@ '&:first-child': {

lib/CardToolbar.js

@@ -20,3 +20,3 @@ 'use strict';
 const styles = ({ theme }) => ({
-  borderTop: `1px solid ${theme.colorGrayLight}`,
+  borderTop: `1px solid ${theme.colors.gray[7]}`,
   minHeight: '2.96666rem',
@@ -23,0 +23,0 @@

package.json

 {
   "name": "cf-component-card",
   "description": "Cloudflare Card Component",
-  "version": "4.2.20",
+  "version": "5.0.0",
   "main": "lib/index.js",
@@ -14,4 +14,4 @@ "module": "es/index.js",
   "dependencies": {
-    "cf-component-link": "^5.1.36",
-    "cf-style-container": "^8.1.4",
+    "cf-component-link": "^6.0.0",
+    "cf-style-container": "^9.0.0",
     "prop-types": "^15.6.0"
@@ -18,0 +18,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

72839

increased by1.57%

Dependency changes

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

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

• + Addedcf-component-link@6.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-component-link@5.1.36(transitive)

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

• - Removedseamless-immutable@7.1.4(transitive)

• Updatedcf-component-link@^6.0.0

• Updatedcf-style-container@^9.0.0