buoy-close-icon - npm Package Compare versions

Comparing version 1.0.22 to 1.0.23-beta.0

dist/index.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["\n  display: block;\n  width: ", ";\n  height: ", ";\n  cursor: pointer;\n  position: absolute;\n  top: ", ";\n  right: ", ";\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    path {\n      fill: ", ";\n    }\n  }\n\n  @media (hover: hover) {\n    &:hover:before {\n      content: \"\";\n      background: ", ";\n      ", "\n      height: 250%;\n      width: 250%;\n      border-radius: 50%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translateX(-50%) translateY(-50%);\n      z-index: -1;\n    }\n  }\n"], ["\n  display: block;\n  width: ", ";\n  height: ", ";\n  cursor: pointer;\n  position: absolute;\n  top: ", ";\n  right: ", ";\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    path {\n      fill: ", ";\n    }\n  }\n\n  @media (hover: hover) {\n    &:hover:before {\n      content: \"\";\n      background: ", ";\n      ", "\n      height: 250%;\n      width: 250%;\n      border-radius: 50%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translateX(-50%) translateY(-50%);\n      z-index: -1;\n    }\n  }\n"]);
+var _templateObject = _taggedTemplateLiteral(["\n  display: block;\n  width: ", ";\n  height: ", ";\n  cursor: pointer;\n  position: absolute;\n  top: ", ";\n  right: ", ";\n  z-index: 1;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  \n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    path {\n      fill: ", ";\n    }\n  }\n\n  @media (hover: hover) {\n    &:hover:before {\n      content: \"\";\n      background: ", ";\n      ", "\n      height: 250%;\n      width: 250%;\n      border-radius: 50%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translateX(-50%) translateY(-50%);\n      z-index: -1;\n    }\n  }\n"], ["\n  display: block;\n  width: ", ";\n  height: ", ";\n  cursor: pointer;\n  position: absolute;\n  top: ", ";\n  right: ", ";\n  z-index: 1;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  \n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    path {\n      fill: ", ";\n    }\n  }\n\n  @media (hover: hover) {\n    &:hover:before {\n      content: \"\";\n      background: ", ";\n      ", "\n      height: 250%;\n      width: 250%;\n      border-radius: 50%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translateX(-50%) translateY(-50%);\n      z-index: -1;\n    }\n  }\n"]);
 
@@ -23,3 +23,3 @@ var _react = require("react");
 
-var CloseIconWrapper = _styledComponents2.default.div(_templateObject, function (props) {
+var CloseIconWrapper = _styledComponents2.default.button(_templateObject, function (props) {
   return props.size ? props.size : "15px";
@@ -26,0 +26,0 @@ }, function (props) {

package.json

 {
   "name": "buoy-close-icon",
-  "version": "1.0.22",
+  "version": "1.0.23-beta.0",
   "description": "Buoy Close Icon Component",
@@ -14,3 +14,4 @@ "main": "dist/index.js",
     "styled-components": ">=3.2.6"
-  }
+  },
+  "gitHead": "6d4dcab9670e8d2de62b5efdbc59297723b87b7f"
 }

src/index.js

 import React from "react"
 import styled from "styled-components"
 
-const CloseIconWrapper = styled.div`
+const CloseIconWrapper = styled.button`
   display: block;
@@ -13,3 +13,7 @@ width: ${props => props.size ? props.size : "15px"};
   z-index: 1;
-
+  background: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  
   svg {
@@ -16,0 +20,0 @@ position: absolute;

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5512

increased by5.21%

Lines of code

118

increased by3.51%

Worsened metrics

Number of low quality alerts

3

increased by50%

No dependency changes