buoy-close-icon - npm Package Compare versions

Comparing version 1.0.12 to 1.0.13

dist/index.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["\n  display: block;\n  width: 15px;\n  height: 15px;\n  cursor: pointer;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    fill: ", ";\n  }\n\n  @media (hover: hover) {\n    &:hover:before {\n      content: \"\";\n      background: ", ";\n      height: 40px;\n      width: 40px;\n      border-radius: 50%;\n      position: absolute;\n      left: -12px;\n      top: -12px;\n      z-index: -1;\n    }\n  }\n"], ["\n  display: block;\n  width: 15px;\n  height: 15px;\n  cursor: pointer;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    fill: ", ";\n  }\n\n  @media (hover: hover) {\n    &:hover:before {\n      content: \"\";\n      background: ", ";\n      height: 40px;\n      width: 40px;\n      border-radius: 50%;\n      position: absolute;\n      left: -12px;\n      top: -12px;\n      z-index: -1;\n    }\n  }\n"]);
+var _templateObject = _taggedTemplateLiteral(["\n  display: block;\n  width: 15px;\n  height: 15px;\n  cursor: pointer;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    fill: ", ";\n  }\n\n  @media (hover: hover) {\n    &:hover:before {\n      content: \"\";\n      background: ", ";\n      ", "\n      height: 40px;\n      width: 40px;\n      border-radius: 50%;\n      position: absolute;\n      left: -12px;\n      top: -12px;\n      z-index: -1;\n    }\n  }\n"], ["\n  display: block;\n  width: 15px;\n  height: 15px;\n  cursor: pointer;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    fill: ", ";\n  }\n\n  @media (hover: hover) {\n    &:hover:before {\n      content: \"\";\n      background: ", ";\n      ", "\n      height: 40px;\n      width: 40px;\n      border-radius: 50%;\n      position: absolute;\n      left: -12px;\n      top: -12px;\n      z-index: -1;\n    }\n  }\n"]);
 
@@ -27,2 +27,4 @@ var _react = require("react");
   return props.hoverColor ? props.theme.colors[props.hoverColor] : 'rgba(0, 173, 239, 0.1)';
+}, function (props) {
+  return props.hoverColor && "opacity: 0.1";
 });
@@ -29,0 +31,0 @@

package.json

 {
   "name": "buoy-close-icon",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "Buoy Close Icon Component",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/index.js

@@ -25,2 +25,3 @@ import React from "react"
       background: ${props => props.hoverColor ? props.theme.colors[props.hoverColor] : 'rgba(0, 173, 239, 0.1)'};
+      ${props => props.hoverColor && `opacity: 0.1`}
       height: 40px;
@@ -27,0 +28,0 @@ width: 40px;

No alert changes

Improved metrics

Total package byte prevSize

4783

increased by3.1%

Lines of code

103

increased by3%

No dependency changes