Socket
Socket
Sign inDemoInstall

@happeouikit/buttons

Package Overview
Dependencies
Maintainers
12
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@happeouikit/buttons - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

4

CHANGELOG.md
# Changelog
## 2.0.2
- [Fix] Safari Focus issue fixed.
## 2.0.1

@@ -4,0 +8,0 @@

32

dist/Buttons.js
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
var _excluded = ["icon", "text", "iconPosition", "size"],
_excluded2 = ["icon", "className", "isActionIcon", "withMenu"];
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

@@ -57,6 +59,6 @@ import React from "react";

size = _ref.size,
props = _objectWithoutProperties(_ref, ["icon", "text", "iconPosition", "size"]);
props = _objectWithoutProperties(_ref, _excluded);
var Text = getTextComponent(size);
return /*#__PURE__*/_jsx("button", _objectSpread({}, props, {
return /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({}, props), {}, {
children: /*#__PURE__*/_jsxs(Wrapper, {

@@ -120,3 +122,3 @@ iconPosition: iconPosition,

displayName: "Buttons__IconStyle",
componentId: "ohujtu-0"
componentId: "sc-ohujtu-0"
})(["display:flex;margin:", ";"], function (_ref2) {

@@ -142,3 +144,3 @@ var iconPosition = _ref2.iconPosition;

displayName: "Buttons__ButtonBase",
componentId: "ohujtu-1"
componentId: "sc-ohujtu-1"
})(["border-radius:6px;padding:", ";white-space:nowrap;height:fit-content;color:", ";cursor:pointer;box-shadow:none;text-shadow:none;border:1px solid transparent;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1);outline:none;:active{transform:none;box-shadow:none;outline:none;}:disabled:hover{cursor:not-allowed;background:", ";}:disabled{background:", ";}:disabled:hover{box-shadow:none;}margin:1px;"], function (_ref3) {

@@ -150,3 +152,3 @@ var size = _ref3.size;

displayName: "Buttons__Wrapper",
componentId: "ohujtu-2"
componentId: "sc-ohujtu-2"
})(["display:flex;align-items:center;justify-content:center;flex-direction:", ";"], function (_ref4) {

@@ -172,3 +174,3 @@ var iconPosition = _ref4.iconPosition;

displayName: "Buttons__ButtonPrimary",
componentId: "ohujtu-3"
componentId: "sc-ohujtu-3"
})(["", ""], function (_ref5) {

@@ -181,3 +183,3 @@ var _ref5$type = _ref5.type,

displayName: "Buttons__ButtonSecondary",
componentId: "ohujtu-4"
componentId: "sc-ohujtu-4"
})(["background:transparent;border:1px solid transparent;", ";"], function (_ref6) {

@@ -190,3 +192,3 @@ var _ref6$type = _ref6.type,

displayName: "Buttons__ButtonTertiary",
componentId: "ohujtu-5"
componentId: "sc-ohujtu-5"
})(["color:", ";fill:", ";"], gray01, gray01);

@@ -198,3 +200,3 @@ export var IconButton = function IconButton(_ref7) {

withMenu = _ref7.withMenu,
rest = _objectWithoutProperties(_ref7, ["icon", "className", "isActionIcon", "withMenu"]);
rest = _objectWithoutProperties(_ref7, _excluded2);

@@ -206,6 +208,6 @@ var Icon = icon;

};
return /*#__PURE__*/_jsxs(IconButtonBase, _objectSpread({
return /*#__PURE__*/_jsxs(IconButtonBase, _objectSpread(_objectSpread({
className: className,
isActionIcon: isActionIcon
}, rest, {
}, rest), {}, {
children: [/*#__PURE__*/_jsx(Icon, _objectSpread({}, iconDimensions)), withMenu && /*#__PURE__*/_jsx(IconArrowDropDown, {})]

@@ -216,4 +218,4 @@ }));

displayName: "Buttons__IconButtonBase",
componentId: "ohujtu-6"
})(["background:transparent;padding:", ";border-radius:6px;border:none;cursor:pointer;svg{vertical-align:top;font-size:20px;}:active{outline:none;border:none !important;box-shadow:none !important;}:focus,:focus-visible{outline:none;}:focus-visible{&&{box-shadow:0 0 0 1px ", ";}}:disabled,:disabled:hover{cursor:not-allowed;}", ""], function (_ref8) {
componentId: "sc-ohujtu-6"
})(["background:transparent;padding:", ";border-radius:6px;border:none;cursor:pointer;svg{vertical-align:top;font-size:20px;}:active{outline:none;border:none !important;box-shadow:none !important;}:focus,:focus-visible{outline:none;}:focus,:focus-visible{&&{box-shadow:0 0 0 1px ", ";}}:disabled,:disabled:hover{cursor:not-allowed;}", ""], function (_ref8) {
var isActionIcon = _ref8.isActionIcon;

@@ -220,0 +222,0 @@ return isActionIcon ? "3px" : "10px";

{
"name": "@happeouikit/buttons",
"version": "2.0.1",
"version": "2.0.2",
"description": "",

@@ -29,3 +29,3 @@ "main": "dist/index.js",

},
"gitHead": "274c77c141f32e13d4e40582fa9cad372a40b46f"
"gitHead": "6242140301d28a1fa0e971bc64af02900dc5a8f2"
}
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