@happeouikit/buttons
Advanced tools
Comparing version 2.0.1 to 2.0.2
# Changelog | ||
## 2.0.2 | ||
- [Fix] Safari Focus issue fixed. | ||
## 2.0.1 | ||
@@ -4,0 +8,0 @@ |
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" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
13390
212