@app-studio/web 0.7.14 → 0.7.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/web.esm.js
CHANGED
|
@@ -1400,7 +1400,7 @@ var LoaderComponent = function LoaderComponent(props) {
|
|
|
1400
1400
|
*/
|
|
1401
1401
|
var Loader = LoaderComponent;
|
|
1402
1402
|
|
|
1403
|
-
var _excluded$i = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered"];
|
|
1403
|
+
var _excluded$i = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered", "setIsHovered"];
|
|
1404
1404
|
var contrast = /*#__PURE__*/require('contrast');
|
|
1405
1405
|
var ButtonView = function ButtonView(_ref) {
|
|
1406
1406
|
var _props$onClick;
|
|
@@ -1438,9 +1438,14 @@ var ButtonView = function ButtonView(_ref) {
|
|
|
1438
1438
|
_ref$effect = _ref.effect,
|
|
1439
1439
|
effect = _ref$effect === void 0 ? 'default' : _ref$effect,
|
|
1440
1440
|
isHovered = _ref.isHovered,
|
|
1441
|
+
_ref$setIsHovered = _ref.setIsHovered,
|
|
1442
|
+
setIsHovered = _ref$setIsHovered === void 0 ? function () {} : _ref$setIsHovered,
|
|
1441
1443
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
|
|
1442
1444
|
var _useTheme = useTheme(),
|
|
1443
1445
|
getColor = _useTheme.getColor;
|
|
1446
|
+
var handleHover = function handleHover() {
|
|
1447
|
+
return setIsHovered(!isHovered);
|
|
1448
|
+
};
|
|
1444
1449
|
var isActive = !(isDisabled || isLoading);
|
|
1445
1450
|
var defaultNativeProps = {
|
|
1446
1451
|
disabled: !isActive
|
|
@@ -1511,6 +1516,8 @@ var ButtonView = function ButtonView(_ref) {
|
|
|
1511
1516
|
backgroundColor: buttonColor,
|
|
1512
1517
|
borderRadius: ButtonShapes[shape],
|
|
1513
1518
|
onClick: (_props$onClick = props.onClick) != null ? _props$onClick : onClick,
|
|
1519
|
+
onMouseEnter: handleHover,
|
|
1520
|
+
onMouseLeave: handleHover,
|
|
1514
1521
|
cursor: isActive ? 'pointer' : 'default',
|
|
1515
1522
|
filter: hovering ? 'brightness(0.85)' : 'brightness(1)',
|
|
1516
1523
|
transition: hovering && !props.isDisabled ? 'transform 0.3s ease' : '',
|