@lumx/react 3.6.5-alpha.2 → 3.6.5-alpha.3

package/package.json

@@ -7,8 +7,8 @@
     },
     "dependencies": {
         "@juggle/resize-observer": "^3.2.0",
-        "@lumx/core": "^3.6.5-alpha.2",
-        "@lumx/icons": "^3.6.5-alpha.2",
+        "@lumx/core": "^3.6.5-alpha.3",
+        "@lumx/icons": "^3.6.5-alpha.3",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.3.2",
@@ -112,5 +112,5 @@
         "build:storybook": "storybook build"
     },
     "sideEffects": false,
-    "version": "3.6.5-alpha.2"
+    "version": "3.6.5-alpha.3"
 }

package/src/components/tooltip/useInjectTooltipRef.tsx

@@ -5,7 +5,7 @@ import { useMergeRefs } from '@lumx/react/utils/mergeRefs';
 /**
  * Add ref and ARIA attribute(s) in tooltip children or wrapped children.
  * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)
- * will be wrapped in a <span>.
+ * will be wrapped.
  *
  * @param  children         Original tooltip anchor.
  * @param  setAnchorElement Set tooltip anchor element.
@@ -43,5 +43,5 @@ export const useInjectTooltipRef = (
                 {children}
             </div>
         );
-    }, [element, children, setAnchorElement, isOpen, id, ref, label]);
+    }, [element, children, isOpen, id, ref, label]);
 };

package/src/utils/isFocusVisible.ts

@@ -1,3 +1,9 @@
 /** Check if the focus is visible on the given element */
-export const isFocusVisible = (element?: HTMLElement) =>
-    element?.matches?.(':focus-visible, [data-focus-visible-added]');
+export const isFocusVisible = (element?: HTMLElement) => {
+    try {
+        return element?.matches?.(':focus-visible, [data-focus-visible-added]');
+    } catch (_ignored) {
+        // Can fail on non browser env
+        return false;
+    }
+};