fix: update snapshots

This commit is contained in:
Adrien Lepoutre 2025-06-16 16:17:40 +02:00
parent cb3bd232f2
commit 6e07a4fe5c
9 changed files with 175 additions and 187 deletions

View File

@ -286,8 +286,8 @@ exports[`<ContentTypeBuilderNav /> renders and matches the snapshot 1`] = `
.c32 {
text-decoration: none;
padding-block: 0.25rem;
padding-inline: 0.25rem;
padding-block: 0.2rem;
padding-inline: 0.2rem;
border: 1px solid transparent;
background: transparent;
color: #32324d;

View File

@ -10,13 +10,6 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
position: fixed;
}
.c1 {
gap: 8px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c5 {
padding-block-start: 16px;
padding-inline-end: 20px;
@ -42,6 +35,13 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
cursor: pointer;
}
.c1 {
gap: 8px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c6 {
align-items: center;
justify-content: space-between;

View File

@ -10,13 +10,6 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
position: fixed;
}
.c1 {
gap: 8px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c5 {
padding-block-start: 16px;
padding-inline-end: 20px;
@ -69,6 +62,13 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
cursor: pointer;
}
.c1 {
gap: 8px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c6 {
align-items: center;
justify-content: space-between;

View File

@ -10,13 +10,6 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
position: fixed;
}
.c1 {
gap: 8px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c5 {
padding-block-start: 16px;
padding-inline-end: 20px;
@ -69,6 +62,13 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
cursor: pointer;
}
.c1 {
gap: 8px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c6 {
align-items: center;
justify-content: space-between;

View File

@ -90,6 +90,17 @@ exports[`RemoveAssetDialog snapshots the component 1`] = `
font-weight: 600;
}
.c2 {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.c17 {
height: 3.2rem;
text-decoration: none;
@ -184,17 +195,6 @@ exports[`RemoveAssetDialog snapshots the component 1`] = `
fill: #d02b20;
}
.c2 {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (prefers-reduced-motion: no-preference) {
.c17 {
transition: background-color 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94),color 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

View File

@ -10,13 +10,6 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
position: fixed;
}
.c1 {
gap: 8px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c5 {
padding-block-start: 16px;
padding-inline-end: 20px;
@ -42,6 +35,13 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
cursor: pointer;
}
.c1 {
gap: 8px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c6 {
align-items: center;
justify-content: space-between;

View File

@ -103,8 +103,8 @@ exports[`FolderCard has all required ids set when rendering a start action 1`] =
flex: 0 0 2rem;
}
.c5[data-state='checked'],
.c5[data-state='indeterminate'] {
.c5[data-state='checked']:not([data-disabled]),
.c5[data-state='indeterminate']:not([data-disabled]) {
border: 1px solid #4945ff;
background-color: #4945ff;
}

View File

@ -17,15 +17,48 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
padding-block-end: 8px;
}
.c6 {
cursor: pointer;
}
.c11 {
min-width: 0;
}
.c20 {
.c14 {
padding-inline-start: 16px;
padding-inline-end: 16px;
border-radius: 4px;
cursor: pointer;
}
.c19 {
padding-inline-start: 56px;
padding-inline-end: 56px;
}
.c20 {
padding-block-start: 24px;
padding-block-end: 24px;
padding-inline-start: 32px;
padding-inline-end: 32px;
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33, 33, 52, 0.1);
}
.c27 {
background: #ffffff;
border-radius: 4px;
cursor: default;
position: relative;
overflow: hidden;
}
.c30 {
flex: 1;
}
.c10 {
align-items: center;
justify-content: space-between;
@ -39,56 +72,6 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
display: flex;
}
.c13 {
font-weight: 600;
font-size: 3.2rem;
line-height: 1.25;
color: currentcolor;
}
.c19 {
font-size: 1.6rem;
line-height: 1.5;
color: #666687;
}
.c3:focus-visible {
outline: none;
}
.c6 {
cursor: pointer;
}
.c14 {
padding-inline-start: 16px;
padding-inline-end: 16px;
border-radius: 4px;
cursor: pointer;
}
.c21 {
padding-block-start: 24px;
padding-block-end: 24px;
padding-inline-start: 32px;
padding-inline-end: 32px;
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33, 33, 52, 0.1);
}
.c28 {
background: #ffffff;
border-radius: 4px;
cursor: default;
position: relative;
overflow: hidden;
}
.c31 {
flex: 1;
}
.c15 {
gap: 8px;
align-items: center;
@ -97,26 +80,20 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
display: inline-flex;
}
.c17 {
align-items: center;
flex-direction: row;
display: flex;
}
.c23 {
.c22 {
align-items: stretch;
flex-direction: column;
display: flex;
}
.c25 {
.c24 {
gap: 4px;
align-items: stretch;
flex-direction: column;
display: flex;
}
.c29 {
.c28 {
gap: 16px;
align-items: center;
justify-content: space-between;
@ -124,7 +101,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
display: flex;
}
.c32 {
.c31 {
gap: 12px;
align-items: center;
flex-direction: row;
@ -137,14 +114,27 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
color: #4945ff;
}
.c18 {
.c13 {
font-weight: 600;
font-size: 3.2rem;
line-height: 1.25;
color: currentcolor;
}
.c17 {
font-size: 1.2rem;
line-height: 1.33;
color: currentcolor;
font-weight: 600;
}
.c26 {
.c18 {
font-size: 1.6rem;
line-height: 1.5;
color: #666687;
}
.c25 {
font-size: 1.2rem;
line-height: 1.33;
display: block;
@ -155,7 +145,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
font-weight: 600;
}
.c33 {
.c32 {
font-size: 1.4rem;
line-height: 1.43;
display: block;
@ -165,13 +155,13 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
color: #32324d;
}
.c37 {
.c36 {
font-size: 1.2rem;
line-height: 1.33;
color: #666687;
}
.c38 {
.c37 {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
@ -272,11 +262,11 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
border: 2px solid #4945ff;
}
.c27 {
.c26 {
display: flex;
}
.c30 {
.c29 {
border: 1px solid #dcdce4;
padding-block: 8px;
padding-inline-start: 16px;
@ -288,47 +278,51 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
transition-duration: 0.2s;
}
.c30[aria-disabled='true'] {
.c29[aria-disabled='true'] {
color: #8e8ea9;
}
.c30:focus-visible {
.c29:focus-visible {
outline: none;
}
.c30:focus-within {
.c29:focus-within {
border: 1px solid #4945ff;
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c36 {
.c35 {
display: flex;
}
.c36>svg {
.c35>svg {
fill: #8e8ea9;
}
.c34 {
.c33 {
flex: 1;
font-size: 1.4rem;
line-height: 2.2rem;
min-height: 2.2rem;
}
.c35 {
.c34 {
display: flex;
gap: 4px;
flex-wrap: wrap;
}
.c22 {
.c3:focus-visible {
outline: none;
}
.c21 {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 16px;
}
.c24 {
.c23 {
grid-column: span 12;
max-width: 100%;
}
@ -353,19 +347,19 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
}
@media (min-width: 520px) {
.c24 {
.c23 {
grid-column: span 12;
}
}
@media (min-width: 768px) {
.c24 {
.c23 {
grid-column: span 12;
}
}
@media (min-width: 1080px) {
.c24 {
.c23 {
grid-column: span 6;
}
}
@ -438,7 +432,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
>
<span
aria-hidden="true"
class="c17"
class="c12"
>
<svg
fill="currentColor"
@ -453,36 +447,36 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
</svg>
</span>
<span
class="c18"
class="c17"
>
Save
</span>
</button>
</div>
<p
class="c19"
class="c18"
>
Define the view settings of the media library.
</p>
</div>
</div>
<div
class="c20"
class="c19"
>
<div
class="c21"
class="c20"
>
<div
class="c22"
class="c21"
>
<div
class="c23 c24"
class="c22 c23"
>
<div
class="c25"
class="c24"
>
<label
class="c26 c27"
class="c25 c26"
for=":r0:"
id=":r0:-label"
>
@ -495,7 +489,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
aria-expanded="false"
aria-labelledby=":r0:-label"
aria-required="false"
class="c28 c29 c30"
class="c27 c28 c29"
data-state="closed"
dir="ltr"
name="pageSize"
@ -503,24 +497,24 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
tabindex="0"
>
<span
class="c31 c32"
class="c30 c31"
>
<span
class="c33 c34"
class="c32 c33"
>
<span
class="c35"
class="c34"
>
10
</span>
</span>
</span>
<span
class="c32"
class="c31"
>
<span
aria-hidden="true"
class="c36"
class="c35"
>
<svg
fill="currentColor"
@ -537,7 +531,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
</span>
</div>
<p
class="c37"
class="c36"
id=":r0:-hint"
>
Number of assets displayed by default in the Media Library
@ -545,13 +539,13 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
</div>
</div>
<div
class="c23 c24"
class="c22 c23"
>
<div
class="c25"
class="c24"
>
<label
class="c26 c27"
class="c25 c26"
for=":r3:"
id=":r3:-label"
>
@ -564,7 +558,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
aria-expanded="false"
aria-labelledby=":r3:-label"
aria-required="false"
class="c28 c29 c30"
class="c27 c28 c29"
data-state="closed"
dir="ltr"
name="sort"
@ -572,24 +566,24 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
tabindex="0"
>
<span
class="c31 c32"
class="c30 c31"
>
<span
class="c33 c34"
class="c32 c33"
>
<span
class="c35"
class="c34"
>
createdAt:DESC
</span>
</span>
</span>
<span
class="c32"
class="c31"
>
<span
aria-hidden="true"
class="c36"
class="c35"
>
<svg
fill="currentColor"
@ -606,7 +600,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
</span>
</div>
<p
class="c37"
class="c36"
id=":r3:-hint"
>
Note: You can override this value in the media library.
@ -622,7 +616,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
</div>
</div>
<span
class="c38"
class="c37"
>
<p
aria-live="polite"

View File

@ -13,10 +13,21 @@ exports[`Header renders 1`] = `
padding-block-end: 8px;
}
.c2 {
cursor: pointer;
}
.c7 {
min-width: 0;
}
.c11 {
padding-inline-start: 16px;
padding-inline-end: 16px;
border-radius: 4px;
cursor: pointer;
}
.c6 {
align-items: center;
justify-content: space-between;
@ -30,24 +41,6 @@ exports[`Header renders 1`] = `
display: flex;
}
.c9 {
font-weight: 600;
font-size: 3.2rem;
line-height: 1.25;
color: currentcolor;
}
.c2 {
cursor: pointer;
}
.c11 {
padding-inline-start: 16px;
padding-inline-end: 16px;
border-radius: 4px;
cursor: pointer;
}
.c10 {
gap: 8px;
align-items: center;
@ -63,26 +56,27 @@ exports[`Header renders 1`] = `
display: inline-flex;
}
.c14 {
align-items: center;
flex-direction: row;
display: flex;
}
.c5 {
font-size: 1.4rem;
line-height: 1.43;
color: #4945ff;
}
.c15 {
.c9 {
font-weight: 600;
font-size: 3.2rem;
line-height: 1.25;
color: currentcolor;
}
.c14 {
font-size: 1.2rem;
line-height: 1.33;
color: currentcolor;
font-weight: 600;
}
.c17 {
.c16 {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
@ -126,7 +120,7 @@ exports[`Header renders 1`] = `
cursor: default;
}
.c16 {
.c15 {
height: 3.2rem;
text-decoration: none;
border: 1px solid #4945ff;
@ -134,17 +128,17 @@ exports[`Header renders 1`] = `
color: #ffffff;
}
.c16:hover {
.c15:hover {
border: 1px solid #7b79ff;
background: #7b79ff;
}
.c16:active {
.c15:active {
border: 1px solid #4945ff;
background: #4945ff;
}
.c16[aria-disabled='true'] {
.c15[aria-disabled='true'] {
border: 1px solid #dcdce4;
background: #eaeaef;
color: #666687;
@ -215,7 +209,7 @@ exports[`Header renders 1`] = `
}
@media (prefers-reduced-motion: no-preference) {
.c16 {
.c15 {
transition: background-color 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94),color 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
}
@ -276,7 +270,7 @@ exports[`Header renders 1`] = `
>
<span
aria-hidden="true"
class="c14"
class="c8"
>
<svg
fill="currentColor"
@ -291,18 +285,18 @@ exports[`Header renders 1`] = `
</svg>
</span>
<span
class="c15"
class="c14"
>
Add new folder
</span>
</button>
<button
aria-disabled="false"
class="c11 c12 c16"
class="c11 c12 c15"
>
<span
aria-hidden="true"
class="c14"
class="c8"
>
<svg
fill="currentColor"
@ -317,7 +311,7 @@ exports[`Header renders 1`] = `
</svg>
</span>
<span
class="c15"
class="c14"
>
Add new assets
</span>
@ -327,7 +321,7 @@ exports[`Header renders 1`] = `
</div>
</div>
<span
class="c17"
class="c16"
>
<p
aria-live="polite"