@app-studio/web 0.7.14 → 0.7.16

package/dist/components/Table/Table.d.ts

@@ -3,11 +3,12 @@ import { TableLayoutProps } from './Table/Table.props';
 export declare const Table: {
     ({ children, styles }: TableLayoutProps): React.JSX.Element;
     Head: React.FC<any>;
+    HeadCell: React.FC<any>;
     Body: React.FC<any>;
     Row: React.FC<any>;
     Cell: React.FC<any>;
     Footer: React.FC<any>;
     Caption: React.FC<any>;
-    TableContainer: React.FC<any>;
+    Container: React.FC<any>;
     Template: React.FC<import("./Table/Table.props").TableViewProps>;
 };

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' : '',
@@ -6197,12 +6204,13 @@ var Table = function Table(_ref) {
   }, children);
 };
 Table.Head = TableHead;
+Table.HeadCell = TableHeadCell;
 Table.Body = TableBody;
 Table.Row = TableRow;
 Table.Cell = TableCell;
 Table.Footer = TableFooter;
 Table.Caption = TableCaption;
-Table.TableContainer = TableContainer;
+Table.Container = TableContainer;
 Table.Template = TableView;
 
 // Initializes a custom hook for managing tab states with an array of 'Tab' objects passed as properties.