New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

buoy-close-icon

Package Overview
Dependencies
Maintainers
17
Versions
54
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

buoy-close-icon - npm Package Compare versions

Comparing version 4.0.14 to 4.0.15

52

dist/index.js

@@ -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"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc