@wistia/ui 0.18.8 → 0.18.9-beta.75073b24.7ff6cc0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.8
+ * @license @wistia/ui v0.18.9-beta.75073b24.7ff6cc0
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2988,11 +2988,26 @@ var useForceUpdate = () => {
 var import_react11 = require("react");
 var useIsHovered = () => {
   const [isHovered, setIsHovered] = (0, import_react11.useState)(false);
-  const onFocus = () => setIsHovered(true);
-  const onMouseEnter = () => setIsHovered(true);
-  const onMouseMove = () => setIsHovered(true);
-  const onBlur = () => setIsHovered(false);
-  const onMouseLeave = () => setIsHovered(false);
+  const onFocus = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(true);
+  };
+  const onMouseEnter = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(true);
+  };
+  const onMouseMove = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(true);
+  };
+  const onBlur = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(false);
+  };
+  const onMouseLeave = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(false);
+  };
   const hoverProps = {
     onFocus,
     onMouseEnter,
@@ -17925,7 +17940,7 @@ var StyledThumbnailBadge = import_styled_components124.styled.div`
   align-items: center;
   background-color: rgb(0 0 0 / 50%);
   border-radius: var(--wui-border-radius-01);
-  bottom: var(--wui-thumbnail-badge-offset);
+  bottom: var(--wui-thumbnail-badge-offset, var(--wui-space-01));
   color: var(--wui-color-text-on-fill);
   display: flex;
   font-size: var(--wui-typography-body-4-size);
@@ -17933,7 +17948,7 @@ var StyledThumbnailBadge = import_styled_components124.styled.div`
   gap: var(--wui-space-01);
   padding: 0 var(--wui-space-01);
   position: absolute;
-  right: var(--wui-thumbnail-badge-offset);
+  right: var(--wui-thumbnail-badge-offset, var(--wui-space-01));
   z-index: 1;
 
   svg {
@@ -18288,7 +18303,11 @@ var StyledThumbnail = import_styled_components127.styled.div`
   width: 100%;
   overflow: hidden;
   position: relative;
-  border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
+
+  &,
+  img {
+    border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
+  }
 
   @container (min-width: 200px) {
     --wui-thumbnail-badge-offset: var(--wui-space-02);