@desynova-digital/components 8.9.0 → 8.9.4

package/atoms/cardV2/cardV2.js

@@ -82,7 +82,7 @@ var CardV2 = function CardV2(props) {
       _react2.default.createElement(_thumbnail2.default, props),
       _react2.default.createElement(_content2.default, props)
     );
-  }, []);
+  }, [props]);
 
   /**
    * based on width will render the card
@@ -98,7 +98,7 @@ var CardV2 = function CardV2(props) {
         content()
       );
     } else return content();
-  }, []);
+  }, [props]);
 
   return _react2.default.createElement(
     CardStyles,

package/atoms/cardV2/thumbnail.js

@@ -111,7 +111,7 @@ var Thumbnail = function Thumbnail(props) {
      * @const
      */
     var index = _tokens.CARD_ASSET_STATUS.findIndex(function (label) {
-      return label.code.includes(upload_status || card_status ? (upload_status || card_status).toLowerCase().split(" ").join("_") : []);
+      return label.code.includes(card_status || upload_status ? (card_status || upload_status).toLowerCase().split(" ").join("_") : []);
     });
     setStatusIndex(index);
   }, [upload_status, card_status]);
@@ -169,7 +169,7 @@ var Thumbnail = function Thumbnail(props) {
         position: "relative",
         zIndex: "2"
       },
-      (upload_status || card_status) && statusIndex && _react2.default.createElement(
+      (card_status || upload_status) && statusIndex && _react2.default.createElement(
         StatusBoxStyles,
         {
           hex: _tokens.CARD_ASSET_STATUS[statusIndex] ? _tokens.CARD_ASSET_STATUS[statusIndex].hex : { background: "#AFB2BA" }
@@ -183,7 +183,7 @@ var Thumbnail = function Thumbnail(props) {
             fontSize: "10px",
             color: "#FFF"
           },
-          upload_status || card_status
+          card_status || upload_status
         )
       ),
       actions && actions.length > 0 && actions.map(function (item, i) {

package/atoms/checkbox/checkbox.js

@@ -114,7 +114,7 @@ var Checkbox = function Checkbox(props) {
       {
         theme: props.theme,
         selected: props.defaultChecked,
-        className: props.isDisabled ? "disabled" : ""
+        className: props.isDisabled && props.access !== 'read' ? "disabled" : ""
       },
       props.children
     ) : null,
@@ -166,7 +166,8 @@ var CheckboxGroup = function CheckboxGroup(props) {
         onChange: child.props.isDisabled ? props.onChange : function () {},
         theme: props.theme,
         type: props.type,
-        fillRule: props.fillRule || ''
+        fillRule: props.fillRule || '',
+        access: child.props.access
       }) : null;
     })
   );
@@ -184,7 +185,8 @@ Checkbox.propTypes = {
   /** Callback function which is called when the user selects an option */
   onChange: _propTypes2.default.func,
   type: _propTypes2.default.oneOf(["default", "label", "switch"]),
-  fillRule: _propTypes2.default.string
+  fillRule: _propTypes2.default.string,
+  access: _propTypes2.default.string
 };
 
 Checkbox.defaultProps = {

package/atoms/icon/icon.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.__ICONNAMES__ = undefined;
 
-var _templateObject = _taggedTemplateLiteral(['\n  display: inline-block;\n  line-height: 1;\n'], ['\n  display: inline-block;\n  line-height: 1;\n']),
+var _templateObject = _taggedTemplateLiteral(['\n  display: inline-block;\n  line-height: 1;\n  user-select: none;\n  -webkit-user-select: none; /* webkit (safari, chrome) browsers */\n  -moz-user-select: none; /* mozilla browsers */\n  -khtml-user-select: none; /* webkit (konqueror) browsers */\n  -ms-user-select: none; /* IE10+ */\n'], ['\n  display: inline-block;\n  line-height: 1;\n  user-select: none;\n  -webkit-user-select: none; /* webkit (safari, chrome) browsers */\n  -moz-user-select: none; /* mozilla browsers */\n  -khtml-user-select: none; /* webkit (konqueror) browsers */\n  -ms-user-select: none; /* IE10+ */\n']),
     _templateObject2 = _taggedTemplateLiteral(['\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1;\n  path {\n    fill: ', ';\n  }\n'], ['\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1;\n  path {\n    fill: ', ';\n  }\n']);
 
 var _react = require('react');

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "8.9.0",
+  "version": "8.9.4",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "8.9.0",
+    "@desynova-digital/tokens": "8.9.4",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },