@wistia/ui 0.18.5-beta.52a3d522.c295011 → 0.18.5-beta.8179c5b3.6de4794

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.5-beta.52a3d522.c295011
3
+ * @license @wistia/ui v0.18.5-beta.8179c5b3.6de4794
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -18155,11 +18155,6 @@ var StyledThumbnailContainer = import_styled_components127.styled.div`
18155
18155
  `;
18156
18156
  var StyledThumbnail = import_styled_components127.styled.div`
18157
18157
  --wui-thumbnail-badge-offset: var(--wui-space-01);
18158
- --wui-thumbnail-border-radius: clamp(
18159
- var(--wui-border-radius-01),
18160
- calc(8cqh - var(--wui-thumbnail-collage-padding, 0px)),
18161
- var(--wui-border-radius-05)
18162
- );
18163
18158
 
18164
18159
  background-image: ${({ $backgroundUrl }) => (0, import_type_guards74.isNotNil)($backgroundUrl) ? `url('${$backgroundUrl}')` : void 0};
18165
18160
  ${({ $backgroundUrl, $gradientBackground }) => (
@@ -18172,22 +18167,7 @@ var StyledThumbnail = import_styled_components127.styled.div`
18172
18167
  width: 100%;
18173
18168
  overflow: hidden;
18174
18169
  position: relative;
18175
- border-radius: var(--wui-thumbnail-border-radius);
18176
- box-shadow: inset 0 0 0 1px var(--wui-thumbnail-collage-border-color);
18177
-
18178
- &,
18179
- img,
18180
- &::after {
18181
- border-radius: var(--wui-thumbnail-border-radius);
18182
- }
18183
-
18184
- &::after {
18185
- content: '';
18186
- position: absolute;
18187
- inset: 0;
18188
- box-shadow: inset 0 0 0 1px var(--wui-thumbnail-collage-border-color);
18189
- border-radius: var(--wui-thumbnail-border-radius);
18190
- }
18170
+ border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
18191
18171
 
18192
18172
  @container (min-width: 200px) {
18193
18173
  --wui-thumbnail-badge-offset: var(--wui-space-02);
@@ -18358,17 +18338,11 @@ var ThumbnailCollageContainer = import_styled_components128.styled.div`
18358
18338
  display: flex;
18359
18339
  `;
18360
18340
  var StyledThumbnailCollage = import_styled_components128.styled.div`
18361
- --wui-thumbnail-collage-border-color: rgba(0, 0, 0, 0.1);
18362
- --wui-thumbnail-collage-padding: var(--wui-space-01);
18363
- padding: var(--wui-thumbnail-collage-padding);
18364
- background-color: var(--wui-color-bg-surface-tertiary);
18365
- border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
18366
18341
  display: grid;
18367
- gap: var(--wui-thumbnail-collage-padding);
18342
+ gap: var(--wui-space-01);
18368
18343
  width: 100%;
18369
18344
  grid-template-columns: 3fr 2fr;
18370
18345
  grid-template-rows: 1fr 1fr;
18371
- border: 1px solid var(--wui-thumbnail-collage-border-color);
18372
18346
 
18373
18347
  &:has(:nth-child(1)) {
18374
18348
  grid-template-areas:
@@ -18406,10 +18380,6 @@ var StyledThumbnailCollage = import_styled_components128.styled.div`
18406
18380
  height: 100%;
18407
18381
  width: 100%;
18408
18382
  }
18409
-
18410
- @container (min-width: 200px) {
18411
- --wui-thumbnail-collage-padding: var(--wui-space-02);
18412
- }
18413
18383
  `;
18414
18384
  var ThumbnailCollage = ({
18415
18385
  children = [],