@blockchain-com/components - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

esm/Atoms/Icons/Icon.js

@@ -8,3 +8,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  fill: ", ";\n  width: ", ";\n  height: ", ";\n  cursor: ", ";\n\n  &:hover {\n    fill: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  & > svg {\n    width: ", ";\n    height: ", ";\n    fill: ", ";\n    cursor: ", ";\n\n    &:hover {\n      fill: ", ";\n    }\n  }\n"]);
 
@@ -25,4 +25,2 @@ _templateObject = function _templateObject() {
 var Wrapper = styled.div(_templateObject(), function (props) {
-  return props.theme['iconColor'];
-}, function (props) {
   return props.size;
@@ -32,2 +30,4 @@ }, function (props) {
 }, function (props) {
+  return props.theme['iconColor'];
+}, function (props) {
   return props.selectable === '1' ? 'pointer' : 'default';
@@ -43,7 +43,6 @@ }, function (props) {
 
-  var Svg = IconMap[name];
-  var IconSvg = Wrapper.withComponent(Svg);
-  return React.createElement(IconSvg, _extends({
+  var IconSvg = IconMap[name];
+  return React.createElement(Wrapper, _extends({
     selectable: selectable ? '1' : '0'
-  }, rest));
+  }, rest), React.createElement(IconSvg, null));
 };
@@ -50,0 +49,0 @@

esm/Molecules/SearchBars/SearchBar.js

@@ -43,3 +43,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Input } from '../../Atoms/Inputs';
-import { Icon } from '../../Atoms/Icons';
+import Icon from '../../Atoms/Icons/Icon';
 var Wrapper = styled.div(_templateObject(), function (props) {
@@ -46,0 +46,0 @@ return props.width;

esm/Molecules/SearchBars/SearchBarUnderlined.js

@@ -43,3 +43,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Input } from '../../Atoms/Inputs';
-import { Icon } from '../../Atoms/Icons';
+import Icon from '../../Atoms/Icons/Icon';
 var Wrapper = styled.div(_templateObject(), function (props) {
@@ -46,0 +46,0 @@ return props.width;

esm/Organisms/Navbar/NavbarToggler.js

 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  z-index: 15;\n  fill: ", " !important;\n\n  &:hover {\n    fill: ", " !important;\n  }\n\n  @media (min-width: 48rem) {\n    display: none;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  z-index: 15;\n\n  & > svg {\n    fill: ", " !important;\n\n    &:hover {\n      fill: ", " !important;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    display: none;\n  }\n"]);
 
@@ -16,3 +16,3 @@ _templateObject = function _templateObject() {
 import styled from 'styled-components';
-import { Icon } from '../../Atoms/Icons';
+import Icon from '../../Atoms/Icons/Icon';
 var Toggler = styled(Icon).attrs({
@@ -19,0 +19,0 @@ selectable: true,

lib/Atoms/Icons/Icon.js

@@ -25,3 +25,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  fill: ", ";\n  width: ", ";\n  height: ", ";\n  cursor: ", ";\n\n  &:hover {\n    fill: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  & > svg {\n    width: ", ";\n    height: ", ";\n    fill: ", ";\n    cursor: ", ";\n\n    &:hover {\n      fill: ", ";\n    }\n  }\n"]);
 
@@ -38,4 +38,2 @@ _templateObject = function _templateObject() {
 var Wrapper = _styledComponents.default.div(_templateObject(), function (props) {
-  return props.theme['iconColor'];
-}, function (props) {
   return props.size;
@@ -45,2 +43,4 @@ }, function (props) {
 }, function (props) {
+  return props.theme['iconColor'];
+}, function (props) {
   return props.selectable === '1' ? 'pointer' : 'default';
@@ -56,7 +56,6 @@ }, function (props) {
 
-  var Svg = _IconMap.default[name];
-  var IconSvg = Wrapper.withComponent(Svg);
-  return _react.default.createElement(IconSvg, _extends({
+  var IconSvg = _IconMap.default[name];
+  return _react.default.createElement(Wrapper, _extends({
     selectable: selectable ? '1' : '0'
-  }, rest));
+  }, rest), _react.default.createElement(IconSvg, null));
 };
@@ -63,0 +62,0 @@

lib/Molecules/SearchBars/SearchBar.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _Icons = require("../../Atoms/Icons");
+var _Icon = _interopRequireDefault(require("../../Atoms/Icons/Icon"));
 
@@ -84,3 +84,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
     value: value
-  }, rest)), _react.default.createElement(IconContainer, null, _react.default.createElement(_Icons.Icon, {
+  }, rest)), _react.default.createElement(IconContainer, null, _react.default.createElement(_Icon.default, {
     name: "searchFilled",
@@ -87,0 +87,0 @@ onClick: onClick,

lib/Molecules/SearchBars/SearchBarUnderlined.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _Icons = require("../../Atoms/Icons");
+var _Icon = _interopRequireDefault(require("../../Atoms/Icons/Icon"));
 
@@ -84,3 +84,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
     value: value
-  }, rest)), _react.default.createElement(IconContainer, null, _react.default.createElement(_Icons.Icon, {
+  }, rest)), _react.default.createElement(IconContainer, null, _react.default.createElement(_Icon.default, {
     name: "searchFilled",
@@ -87,0 +87,0 @@ onClick: onClick,

lib/Organisms/Navbar/NavbarToggler.js

@@ -14,3 +14,3 @@ "use strict";
 
-var _Icons = require("../../Atoms/Icons");
+var _Icon = _interopRequireDefault(require("../../Atoms/Icons/Icon"));
 
@@ -20,3 +20,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  z-index: 15;\n  fill: ", " !important;\n\n  &:hover {\n    fill: ", " !important;\n  }\n\n  @media (min-width: 48rem) {\n    display: none;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  z-index: 15;\n\n  & > svg {\n    fill: ", " !important;\n\n    &:hover {\n      fill: ", " !important;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    display: none;\n  }\n"]);
 
@@ -32,3 +32,3 @@ _templateObject = function _templateObject() {
 
-var Toggler = (0, _styledComponents.default)(_Icons.Icon).attrs({
+var Toggler = (0, _styledComponents.default)(_Icon.default).attrs({
   selectable: true,
@@ -35,0 +35,0 @@ size: '20px'

package.json

 {
   "name": "@blockchain-com/components",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Blockchain.com components library",
@@ -33,2 +33,5 @@ "main": "lib/index.js",
   "sideEffects": false,
+  "dependencies": {
+    "react-tooltip": "3.8.4"
+  },
   "devDependencies": {
@@ -83,3 +86,2 @@ "@babel/cli": "7.0.0",
     "react-dom": "16.5.0",
-    "react-tooltip": "3.8.1",
     "rimraf": "2.6.2",
@@ -101,5 +103,4 @@ "standard": "12.0.1",
     "react-dom": "^16.5.0",
-    "react-tooltip": "^3.8.1",
     "styled-components": "^3.4.6"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

1406632

increased by0.01%

Dev dependency count

57

decreased by-1.72%

Worsened metrics

Lines of code

10375

decreased by-0.02%

Dependency changes

• + Addedreact-tooltip@3.8.4

• + Addedclassnames@2.5.1(transitive)

• + Addeddom-serializer@0.2.2(transitive)

• + Addeddomelementtype@1.3.12.3.0(transitive)

• + Addeddomhandler@2.4.2(transitive)

• + Addeddomutils@1.7.0(transitive)

• + Addedentities@1.1.22.2.0(transitive)

• + Addedhtmlparser2@3.10.1(transitive)

• + Addedinherits@2.0.4(transitive)

• + Addedreact-tooltip@3.8.4(transitive)

• + Addedreadable-stream@3.6.2(transitive)

• + Addedregexp-quote@0.0.0(transitive)

• + Addedsafe-buffer@5.2.1(transitive)

• + Addedsanitize-html-react@1.13.0(transitive)

• + Addedstring_decoder@1.3.0(transitive)

• + Addedutil-deprecate@1.0.2(transitive)

• + Addedxtend@4.0.2(transitive)

• - Removedreact-tooltip@3.11.6(transitive)