@wistia/ui 0.18.8 → 0.18.9-beta.1a9d3a8c.f773a5a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.18.8
3
+ * @license @wistia/ui v0.18.9-beta.1a9d3a8c.f773a5a
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -2988,11 +2988,26 @@ var useForceUpdate = () => {
2988
2988
  var import_react11 = require("react");
2989
2989
  var useIsHovered = () => {
2990
2990
  const [isHovered, setIsHovered] = (0, import_react11.useState)(false);
2991
- const onFocus = () => setIsHovered(true);
2992
- const onMouseEnter = () => setIsHovered(true);
2993
- const onMouseMove = () => setIsHovered(true);
2994
- const onBlur = () => setIsHovered(false);
2995
- const onMouseLeave = () => setIsHovered(false);
2991
+ const onFocus = (event) => {
2992
+ if (event.target !== event.currentTarget) return;
2993
+ setIsHovered(true);
2994
+ };
2995
+ const onMouseEnter = (event) => {
2996
+ if (event.target !== event.currentTarget) return;
2997
+ setIsHovered(true);
2998
+ };
2999
+ const onMouseMove = (event) => {
3000
+ if (event.target !== event.currentTarget) return;
3001
+ setIsHovered(true);
3002
+ };
3003
+ const onBlur = (event) => {
3004
+ if (event.target !== event.currentTarget) return;
3005
+ setIsHovered(false);
3006
+ };
3007
+ const onMouseLeave = (event) => {
3008
+ if (event.target !== event.currentTarget) return;
3009
+ setIsHovered(false);
3010
+ };
2996
3011
  const hoverProps = {
2997
3012
  onFocus,
2998
3013
  onMouseEnter,
@@ -17933,7 +17948,7 @@ var StyledThumbnailBadge = import_styled_components124.styled.div`
17933
17948
  gap: var(--wui-space-01);
17934
17949
  padding: 0 var(--wui-space-01);
17935
17950
  position: absolute;
17936
- right: var(--wui-thumbnail-badge-offset);
17951
+ right: var(--wui-thumbnail-badge-offset, var(--wui-space-01));
17937
17952
  z-index: 1;
17938
17953
 
17939
17954
  svg {
@@ -18288,7 +18303,11 @@ var StyledThumbnail = import_styled_components127.styled.div`
18288
18303
  width: 100%;
18289
18304
  overflow: hidden;
18290
18305
  position: relative;
18291
- border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
18306
+
18307
+ &,
18308
+ img {
18309
+ border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
18310
+ }
18292
18311
 
18293
18312
  @container (min-width: 200px) {
18294
18313
  --wui-thumbnail-badge-offset: var(--wui-space-02);