buoy-close-icon
Advanced tools
Comparing version 4.0.14 to 4.0.15
@@ -6,7 +6,4 @@ "use strict"; | ||
}); | ||
exports.default = undefined; | ||
exports["default"] = undefined; | ||
var _templateObject = _taggedTemplateLiteral(["\n display: block;\n width: ", ";\n height: ", ";\n cursor: pointer;\n position: absolute;\n top: ", ";\n right: ", ";\n z-index: ", ";\n background: none;\n border: none;\n padding: ", ";\n margin: 0;\n\n svg {\n position: absolute;\n top: ", ";\n left: ", ";\n width: ", ";\n height: ", ";\n\n path {\n fill: ", ";\n }\n }\n\n @media (hover: hover) {\n &:hover:before {\n content: \"\";\n background: ", ";\n ", ";\n height: ", ";\n width: ", ";\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 :focus {\n outline: 3px solid #fff;\n background-color: #0042cb;\n box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.3);\n }\n"], ["\n display: block;\n width: ", ";\n height: ", ";\n cursor: pointer;\n position: absolute;\n top: ", ";\n right: ", ";\n z-index: ", ";\n background: none;\n border: none;\n padding: ", ";\n margin: 0;\n\n svg {\n position: absolute;\n top: ", ";\n left: ", ";\n width: ", ";\n height: ", ";\n\n path {\n fill: ", ";\n }\n }\n\n @media (hover: hover) {\n &:hover:before {\n content: \"\";\n background: ", ";\n ", ";\n height: ", ";\n width: ", ";\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 :focus {\n outline: 3px solid #fff;\n background-color: #0042cb;\n box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.3);\n }\n"]), | ||
_templateObject2 = _taggedTemplateLiteral(["\n opacity: 0.1;\n "], ["\n opacity: 0.1;\n "]); | ||
var _react = require("react"); | ||
@@ -20,10 +17,8 @@ | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
var CloseIconWrapper = _styledComponents2.default.button.withConfig({ | ||
var CloseIconWrapper = _styledComponents2["default"].button.withConfig({ | ||
displayName: "src__CloseIconWrapper", | ||
componentId: "sc-74fd81-0" | ||
})(_templateObject, function (props) { | ||
})(["display:block;width:", ";height:", ";cursor:pointer;position:absolute;top:", ";right:", ";z-index:", ";background:none;border:none;padding:", ";margin:0;svg{position:absolute;top:", ";left:", ";width:", ";height:", ";path{fill:", ";}}@media (hover:hover){&:hover:before{content:\"\";background:", ";", ";height:", ";width:", ";border-radius:50%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:-1;}}:focus{outline:3px solid #fff;background-color:#0042cb;box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.3);}"], function (props) { | ||
return props.size ? props.size : "35px"; | ||
@@ -53,3 +48,3 @@ }, function (props) { | ||
}, function (props) { | ||
return props.hoverColor && (0, _styledComponents.css)(_templateObject2); | ||
return props.hoverColor && (0, _styledComponents.css)(["opacity:0.1;"]); | ||
}, function (props) { | ||
@@ -62,28 +57,15 @@ return props.backgroundSize ? props.backgroundSize : "37.5px"; | ||
var CloseIcon = function CloseIcon(props) { | ||
return _react2.default.createElement( | ||
CloseIconWrapper, | ||
props, | ||
_react2.default.createElement( | ||
"svg", | ||
{ | ||
version: "1.1", | ||
id: "Layer_1", | ||
x: "0px", | ||
y: "0px", | ||
viewBox: "0 0 17 17", | ||
enableBackground: "new 0 0 16 16", | ||
"aria-label": "Close" | ||
}, | ||
_react2.default.createElement( | ||
"title", | ||
null, | ||
"Close Icon" | ||
), | ||
_react2.default.createElement("path", { | ||
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" | ||
}) | ||
) | ||
); | ||
return /*#__PURE__*/_react2["default"].createElement(CloseIconWrapper, props, /*#__PURE__*/_react2["default"].createElement("svg", { | ||
version: "1.1", | ||
id: "Layer_1", | ||
x: "0px", | ||
y: "0px", | ||
viewBox: "0 0 17 17", | ||
enableBackground: "new 0 0 16 16", | ||
"aria-label": "Close" | ||
}, /*#__PURE__*/_react2["default"].createElement("title", null, "Close Icon"), /*#__PURE__*/_react2["default"].createElement("path", { | ||
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" | ||
}))); | ||
}; | ||
exports.default = CloseIcon; | ||
exports["default"] = CloseIcon; |
{ | ||
"name": "buoy-close-icon", | ||
"version": "4.0.14", | ||
"version": "4.0.15", | ||
"description": "Buoy Close Icon Component", | ||
@@ -11,6 +11,6 @@ "main": "dist/index.js", | ||
"peerDependencies": { | ||
"react": ">=15.4.2", | ||
"react-dom": ">=15.4.2", | ||
"styled-components": ">=3.2.6" | ||
"react": ">=16.3.1", | ||
"react-dom": ">=16.3.1", | ||
"styled-components": ">=5.2.0" | ||
} | ||
} |
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
0
6815
169