buoy-close-icon - npm Package Compare versions

Comparing version 1.0.10 to 1.0.11

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 }\n\n @media (hover: hover) {\n &:hover:before {\n content: \"\";\n background: rgba(0, 173, 239, 0.1);\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 }\n\n @media (hover: hover) {\n &:hover:before {\n content: \"\";\n background: rgba(0, 173, 239, 0.1);\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 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"]);

		@@ -23,3 +23,7 @@ var _react = require("react");

		var CloseIconWrapper = _styledComponents2.default.div(_templateObject);
		var CloseIconWrapper = _styledComponents2.default.div(_templateObject, function (props) {
		return props.color ? props.theme.colors[props.color] : 'black';
		}, function (props) {
		return props.hoverColor ? props.theme.colors[props.hoverColor] : 'rgba(0, 173, 239, 0.1)';
		});

		@@ -29,3 +33,3 @@ var CloseIcon = function CloseIcon(props) {
		CloseIconWrapper,
		{ onClick: props.onClick, hoverColor: props.hoverColor },
		{ onClick: props.onClick, hoverColor: props.hoverColor, color: props.color },
		_react2.default.createElement(
		@@ -42,3 +46,2 @@ "svg",
		_react2.default.createElement("path", {
		fill: "" + props.color,
		d: "M9.2,8.5l7.1-7.1c0.2-0.2,0.2-0.5,0-0.7s-0.5-0.2-0.7, 0L8.5,7.8L1.4,0.6c-0.2-0.2-0.5-0.2-0.7,0s-0.2,0.5,0, 0.7l7.1,7.1l-7.1,7.1c-0.2,0.2-0.2,0.5,0,0.7c0.1,0.1, 0.2,0.1,0.4,0.1s0.3,0,0.4-0.1l7.1-7.1l7.1,7.1c0.1, 0.1,0.2,0.1,0.4,0.1s0.3,0,0.4-0.1c0.2-0.2,0.2-0.5, 0-0.7L9.2,8.5z"
		@@ -45,0 +48,0 @@ })

package.json

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

src/index.js

		@@ -18,2 +18,3 @@ import React from "react"
		left: 0;
		fill: ${props => props.color ? props.theme.colors[props.color] : 'black'};
		}
		@@ -24,3 +25,3 @@
		content: "";
		background: rgba(0, 173, 239, 0.1);
		background: ${props => props.hoverColor ? props.theme.colors[props.hoverColor] : 'rgba(0, 173, 239, 0.1)'};
		height: 40px;
		@@ -38,3 +39,3 @@ width: 40px;
		const CloseIcon = props => (
		<CloseIconWrapper onClick={props.onClick} hoverColor={props.hoverColor}>
		<CloseIconWrapper onClick={props.onClick} hoverColor={props.hoverColor} color={props.color}>
		<svg
		@@ -49,3 +50,2 @@ version="1.1"
		<path
		fill={`${props.color}`}
		d="M9.2,8.5l7.1-7.1c0.2-0.2,0.2-0.5,0-0.7s-0.5-0.2-0.7,
		@@ -52,0 +52,0 @@ 0L8.5,7.8L1.4,0.6c-0.2-0.2-0.5-0.2-0.7,0s-0.2,0.5,0,

buoy-close-icon - npm Package Compare versions

Improved metrics