@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 +3 -33
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +3 -33
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.18.5-beta.
|
|
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-
|
|
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-
|
|
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 = [],
|