synapsefi-ui - npm Package Compare versions

Comparing version 1.5.4 to 1.5.5

dist/components/SvgIcons.js

@@ -11,11 +11,10 @@ 'use strict';
 var _templateObject = _taggedTemplateLiteral(['\n  from { transform: rotate(0deg); }\n  to { transform: rotate(-360deg); }\n'], ['\n  from { transform: rotate(0deg); }\n  to { transform: rotate(-360deg); }\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n  display: block;\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n'], ['\n  display: block;\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n']),
+    _templateObject2 = _taggedTemplateLiteral(['\n  display: block;\n\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n'], ['\n  display: block;\n\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n  ', ';\n']),
     _templateObject3 = _taggedTemplateLiteral(['', ';'], ['', ';']),
-    _templateObject4 = _taggedTemplateLiteral(['cursor: pointer;'], ['cursor: pointer;']),
-    _templateObject5 = _taggedTemplateLiteral(['animation: ', ' 10s linear infinite;'], ['animation: ', ' 10s linear infinite;']),
-    _templateObject6 = _taggedTemplateLiteral(['animation: ', ' 2.5s linear infinite;'], ['animation: ', ' 2.5s linear infinite;']),
-    _templateObject7 = _taggedTemplateLiteral(['animation: ', ' 1s linear infinite;'], ['animation: ', ' 1s linear infinite;']),
-    _templateObject8 = _taggedTemplateLiteral(['transform: rotate(90deg);'], ['transform: rotate(90deg);']),
-    _templateObject9 = _taggedTemplateLiteral(['transform: rotate(180deg);'], ['transform: rotate(180deg);']),
-    _templateObject10 = _taggedTemplateLiteral(['transform: rotate(270deg);'], ['transform: rotate(270deg);']);
+    _templateObject4 = _taggedTemplateLiteral(['animation: ', ' 10s linear infinite;'], ['animation: ', ' 10s linear infinite;']),
+    _templateObject5 = _taggedTemplateLiteral(['animation: ', ' 2.5s linear infinite;'], ['animation: ', ' 2.5s linear infinite;']),
+    _templateObject6 = _taggedTemplateLiteral(['animation: ', ' 1s linear infinite;'], ['animation: ', ' 1s linear infinite;']),
+    _templateObject7 = _taggedTemplateLiteral(['transform: rotate(90deg);'], ['transform: rotate(90deg);']),
+    _templateObject8 = _taggedTemplateLiteral(['transform: rotate(180deg);'], ['transform: rotate(180deg);']),
+    _templateObject9 = _taggedTemplateLiteral(['transform: rotate(270deg);'], ['transform: rotate(270deg);']);
 
@@ -81,5 +80,9 @@ var _react = require('react');
 var changeColorWhenHover = function changeColorWhenHover(hoverColor) {
-  return '\n    &:hover {\n      ' + changeColor(hoverColor) + ';\n    }\n  ';
+  return '\n    &:hover {\n      cursor: pointer;\n      ' + changeColor(hoverColor) + ';\n    }\n  ';
 };
 
+var changeColorWhenActive = function changeColorWhenActive(activeColor) {
+  return '\n    &:hover {\n      cursor: pointer;\n      ' + changeColor(activeColor) + ';\n    }\n  ';
+};
+
 var rotateCounterClockwise = (0, _styledComponents.keyframes)(_templateObject);
@@ -96,15 +99,15 @@
 }, function (props) {
-  return props.cursor && (0, _styledComponents.css)(_templateObject4);
+  return props.activeColor && (0, _styledComponents.css)(_templateObject3, changeColorWhenActive(props.activeColor));
 }, function (props) {
-  return props.rotate_ccw_slow && (0, _styledComponents.css)(_templateObject5, rotateCounterClockwise);
+  return props.rotate_ccw_slow && (0, _styledComponents.css)(_templateObject4, rotateCounterClockwise);
 }, function (props) {
-  return props.rotate_ccw_normal && (0, _styledComponents.css)(_templateObject6, rotateCounterClockwise);
+  return props.rotate_ccw_normal && (0, _styledComponents.css)(_templateObject5, rotateCounterClockwise);
 }, function (props) {
-  return props.rotate_ccw_fast && (0, _styledComponents.css)(_templateObject7, rotateCounterClockwise);
+  return props.rotate_ccw_fast && (0, _styledComponents.css)(_templateObject6, rotateCounterClockwise);
 }, function (props) {
-  return props.right && (0, _styledComponents.css)(_templateObject8);
+  return props.right && (0, _styledComponents.css)(_templateObject7);
 }, function (props) {
-  return props.down && (0, _styledComponents.css)(_templateObject9);
+  return props.down && (0, _styledComponents.css)(_templateObject8);
 }, function (props) {
-  return props.left && (0, _styledComponents.css)(_templateObject10);
+  return props.left && (0, _styledComponents.css)(_templateObject9);
 });
@@ -111,0 +114,0 @@

package.json

 {
   "name": "synapsefi-ui",
   "description": "synapsefi-ui",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "main": "index.js",
@@ -6,0 +6,0 @@ "license": "MIT",

No alert changes

Improved metrics

Total package byte prevSize

188484

increased by0.09%

Number of package files

35

increased by2.94%

Lines of code

3227

increased by0.06%

No dependency changes