@app-studio/web 0.7.14 → 0.7.15

package/dist/web.cjs.development.js

@@ -1407,7 +1407,7 @@ var LoaderComponent = function LoaderComponent(props) {
  */
 var Loader = LoaderComponent;
 
-var _excluded$i = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered"];
+var _excluded$i = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered", "setIsHovered"];
 var contrast = /*#__PURE__*/require('contrast');
 var ButtonView = function ButtonView(_ref) {
   var _props$onClick;
@@ -1445,9 +1445,14 @@ var ButtonView = function ButtonView(_ref) {
     _ref$effect = _ref.effect,
     effect = _ref$effect === void 0 ? 'default' : _ref$effect,
     isHovered = _ref.isHovered,
+    _ref$setIsHovered = _ref.setIsHovered,
+    setIsHovered = _ref$setIsHovered === void 0 ? function () {} : _ref$setIsHovered,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var _useTheme = appStudio.useTheme(),
     getColor = _useTheme.getColor;
+  var handleHover = function handleHover() {
+    return setIsHovered(!isHovered);
+  };
   var isActive = !(isDisabled || isLoading);
   var defaultNativeProps = {
     disabled: !isActive
@@ -1518,6 +1523,8 @@ var ButtonView = function ButtonView(_ref) {
     backgroundColor: buttonColor,
     borderRadius: ButtonShapes[shape],
     onClick: (_props$onClick = props.onClick) != null ? _props$onClick : onClick,
+    onMouseEnter: handleHover,
+    onMouseLeave: handleHover,
     cursor: isActive ? 'pointer' : 'default',
     filter: hovering ? 'brightness(0.85)' : 'brightness(1)',
     transition: hovering && !props.isDisabled ? 'transform 0.3s ease' : '',