@wistia/ui 0.18.9 → 0.18.10-beta.0eb213f8.db0a3dc

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.9
+ * @license @wistia/ui v0.18.10-beta.0eb213f8.db0a3dc
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -14996,7 +14996,7 @@ import { styled as styled67 } from "styled-components";
 import { isArray as isArray4, isNotNil as isNotNil28, isNotUndefined as isNotUndefined12, isUndefined as isUndefined4 } from "@wistia/type-guards";
 import { Fragment as Fragment9, jsx as jsx288, jsxs as jsxs49 } from "react/jsx-runtime";
 var StyledFormField = styled67.div`
-  --form-field-spacing: var(--wui-space-01);
+  --form-field-spacing: var(--wui-space-02);
   --form-field-spacing-inline: var(--wui-space-02);
   --form-field-error-color: var(--wui-color-text-secondary-error);
 
@@ -17803,7 +17803,7 @@ var StyledThumbnailBadge = styled105.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);
@@ -17811,7 +17811,7 @@ var StyledThumbnailBadge = styled105.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 {
@@ -18173,7 +18173,11 @@ var StyledThumbnail = styled107.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);