@lumx/react 3.11.1-alpha.2 → 3.11.1-alpha.4

package/index.d.ts

@@ -603,8 +603,6 @@ interface BaseButtonProps extends GenericProps, Pick<AriaAttributes, 'aria-expan
     type?: HTMLButtonProps['type'];
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
-    /** Children */
-    children?: React.ReactNode;
 }
 
 /**
@@ -620,14 +618,14 @@ declare const ButtonEmphasis: {
  * Defines the props of the component.
  */
 interface ButtonProps extends BaseButtonProps {
-    /** Button content. */
-    children?: ReactNode;
     /** Left icon (SVG path). */
     leftIcon?: string;
     /** Right icon (SVG path). */
     rightIcon?: string;
     /** When `true`, the button gets as large as possible. */
     fullWidth?: boolean;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Button component.

package/index.js

@@ -4584,19 +4584,10 @@ function usePopoverStyle(_ref5) {
     if (!update || !popperElement || !anchorElement || !(WINDOW !== null && WINDOW !== void 0 && WINDOW.ResizeObserver)) {
       return undefined;
     }
-
-    // Only update once per frame
-    let frame;
-    function limitedUpdate() {
-      if (frame) return;
-      frame = requestAnimationFrame(() => {
-        update === null || update === void 0 ? void 0 : update();
-        frame = undefined;
-      });
-    }
+    update();
 
     // On anchor or popover resize
-    const resizeObserver = new ResizeObserver(limitedUpdate);
+    const resizeObserver = new ResizeObserver(update);
     resizeObserver.observe(anchorElement);
     resizeObserver.observe(popperElement);
     return () => {
@@ -4611,9 +4602,6 @@ function usePopoverStyle(_ref5) {
     if (fitWithinViewportHeight && !newStyles.maxHeight) {
       newStyles.maxHeight = (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.innerHeight) || (DOCUMENT === null || DOCUMENT === void 0 ? void 0 : DOCUMENT.documentElement.clientHeight);
     }
-
-    // Do not show the popover while it's not properly placed
-    if (!newStyles.transform) newStyles.opacity = 0;
     return newStyles;
   }, [style, styles.popper, zIndex, fitWithinViewportHeight]);
   return {
@@ -4664,6 +4652,7 @@ const renderPopover = (children, usePortal) => {
 
 // Inner component (must be wrapped before export)
 const _InnerPopover = forwardRef((props, ref) => {
+  var _styles$popover;
   const {
       anchorRef,
       as: Component = 'div',
@@ -4731,7 +4720,9 @@ const _InnerPopover = forwardRef((props, ref) => {
       theme,
       elevation: Math.min(elevation || 0, 5),
       position
-    })),
+    }),
+    // Do not show the popover while it's not properly placed
+    !((_styles$popover = styles.popover) !== null && _styles$popover !== void 0 && _styles$popover.transform) ? VISUALLY_HIDDEN : undefined),
     style: styles.popover
   }, attributes.popper), unmountSentinel, /*#__PURE__*/React__default.createElement(ClickAwayProvider, {
     callback: closeOnClickAway && onClose,