chore: update ds@1.7.3

This commit is contained in:
Josh 2023-05-04 11:45:05 +01:00
parent a169d81090
commit ef9ed92c45
31 changed files with 1785 additions and 1813 deletions

View File

@ -12,7 +12,7 @@
"strapi": "strapi"
},
"dependencies": {
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"@strapi/plugin-color-picker": "4.10.2",
"@strapi/plugin-documentation": "4.10.2",
"@strapi/plugin-graphql": "4.10.2",

View File

@ -60,10 +60,17 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c44 {
.c40 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c45 {
background: transparent;
border-radius: 4px;
cursor: pointer;
@ -109,7 +116,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
color: #32324d;
}
.c41 {
.c42 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -119,7 +126,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
color: #32324d;
}
.c47 {
.c48 {
font-size: 0.75rem;
line-height: 1.33;
color: #666687;
@ -254,22 +261,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
justify-content: space-between;
}
.c40 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c43 {
.c41 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -515,16 +507,16 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
padding: 0;
}
.c45 {
.c46 {
border: none;
}
.c45 svg {
.c46 svg {
height: 0.6875rem;
width: 0.6875rem;
}
.c45 svg path {
.c46 svg path {
fill: #666687;
}
@ -552,15 +544,21 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c46 > svg {
.c47 > svg {
width: 0.375rem;
}
.c46 > svg > path {
.c47 > svg > path {
fill: #666687;
}
.c42 {
.c43 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c44 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -571,7 +569,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
flex-wrap: wrap;
}
.c48[data-state='checked'] .c5 {
.c49[data-state='checked'] .c5 {
font-weight: bold;
color: #4945ff;
}
@ -1159,22 +1157,22 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
tabindex="0"
>
<span
class="c40"
class="c40 c41"
>
<span
class="c5 c41"
class="c5 c42 c43"
>
<span
class="c42"
class="c44"
/>
</span>
</span>
<span
class="c43"
class="c41"
>
<button
aria-label="Clear the interface language selected"
class="c44 c45"
class="c45 c46"
role="button"
tabindex="0"
title="Clear the interface language selected"
@ -1194,7 +1192,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
</button>
<span
aria-hidden="true"
class="c46"
class="c47"
>
<svg
fill="none"
@ -1214,7 +1212,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
</span>
</div>
<p
class="c5 c47"
class="c5 c48"
id="7-hint"
>
This will only display your own interface in the chosen language.
@ -1256,24 +1254,24 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
tabindex="0"
>
<span
class="c40"
class="c40 c41"
>
<span
class="c5 c41"
class="c5 c42 c43"
>
<span
class="c42"
class="c44"
>
Light mode
</span>
</span>
</span>
<span
class="c43"
class="c41"
>
<span
aria-hidden="true"
class="c46"
class="c47"
>
<svg
fill="none"
@ -1293,7 +1291,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
</span>
</div>
<p
class="c5 c47"
class="c5 c48"
id="9-hint"
>
Displays your interface in the chosen mode.

View File

@ -50,9 +50,16 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c35 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c9 {
font-weight: 600;
font-size: 2rem;
@ -91,7 +98,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
color: #d02b20;
}
.c36 {
.c37 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -101,7 +108,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
color: #666687;
}
.c40 {
.c41 {
font-size: 0.75rem;
line-height: 1.33;
color: #666687;
@ -218,22 +225,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
justify-content: space-between;
}
.c35 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c38 {
.c36 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -297,7 +289,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
border: 2px solid #4945ff;
}
.c41 {
.c42 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -454,15 +446,21 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c39 > svg {
.c40 > svg {
width: 0.375rem;
}
.c39 > svg > path {
.c40 > svg > path {
fill: #666687;
}
.c37 {
.c38 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c39 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -473,7 +471,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
flex-wrap: wrap;
}
.c42[data-state='checked'] .c8 {
.c43[data-state='checked'] .c8 {
font-weight: bold;
color: #4945ff;
}
@ -901,13 +899,13 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
tabindex="0"
>
<span
class="c35"
class="c35 c36"
>
<span
class="c8 c36"
class="c8 c37 c38"
>
<span
class="c37"
class="c39"
>
<span>
Select
@ -916,11 +914,11 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
</span>
</span>
<span
class="c38"
class="c36"
>
<span
aria-hidden="true"
class="c39"
class="c40"
>
<svg
fill="none"
@ -942,7 +940,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
</div>
</div>
<span
class="c8 c40"
class="c8 c41"
/>
</div>
</div>
@ -986,13 +984,13 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
tabindex="0"
>
<span
class="c35"
class="c35 c36"
>
<span
class="c8 c36"
class="c8 c37 c38"
>
<span
class="c37"
class="c39"
>
<span>
Select
@ -1001,11 +999,11 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
</span>
</span>
<span
class="c38"
class="c36"
>
<span
aria-hidden="true"
class="c39"
class="c40"
>
<svg
fill="none"
@ -1036,7 +1034,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
</form>
</main>
<div
class="c41"
class="c42"
>
<p
aria-live="polite"
@ -1123,16 +1121,24 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c48 {
.c42 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c49 {
background: #ffffff;
padding-right: 12px;
padding-left: 12px;
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
@ -1187,7 +1193,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
color: #d02b20;
}
.c43 {
.c44 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -1197,7 +1203,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
color: #666687;
}
.c47 {
.c48 {
font-size: 0.75rem;
line-height: 1.33;
color: #666687;
@ -1314,22 +1320,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
justify-content: space-between;
}
.c42 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c45 {
.c43 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -1393,7 +1384,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
border: 2px solid #4945ff;
}
.c49 {
.c50 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -1405,11 +1396,11 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
width: 1px;
}
.c50[aria-disabled='true'] .c8 {
.c51[aria-disabled='true'] .c8 {
color: #666687;
}
.c50[aria-disabled='true']:active .c8 {
.c51[aria-disabled='true']:active .c8 {
color: #666687;
}
@ -1607,15 +1598,21 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c46 > svg {
.c47 > svg {
width: 0.375rem;
}
.c46 > svg > path {
.c47 > svg > path {
fill: #666687;
}
.c44 {
.c45 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c46 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -1626,7 +1623,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
flex-wrap: wrap;
}
.c51[data-state='checked'] .c8 {
.c52[data-state='checked'] .c8 {
font-weight: bold;
color: #4945ff;
}
@ -2138,13 +2135,13 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
role="combobox"
>
<span
class="c42"
class="c42 c43"
>
<span
class="c8 c43"
class="c8 c44 c45"
>
<span
class="c44"
class="c46"
>
<span>
Select
@ -2153,11 +2150,11 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
</span>
</span>
<span
class="c45"
class="c43"
>
<span
aria-hidden="true"
class="c46"
class="c47"
>
<svg
fill="none"
@ -2179,7 +2176,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
</div>
</div>
<span
class="c8 c47"
class="c8 c48"
>
Expiration date: Unlimited
</span>
@ -2216,7 +2213,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
aria-expanded="false"
aria-label="Token type"
aria-required="true"
class="c48 c40 c41"
class="c49 c40 c41"
data-state="closed"
dir="ltr"
id="16"
@ -2225,13 +2222,13 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
tabindex="0"
>
<span
class="c42"
class="c42 c43"
>
<span
class="c8 c43"
class="c8 c44 c45"
>
<span
class="c44"
class="c46"
>
<span>
Select
@ -2240,11 +2237,11 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
</span>
</span>
<span
class="c45"
class="c43"
>
<span
aria-hidden="true"
class="c46"
class="c47"
>
<svg
fill="none"
@ -2275,7 +2272,7 @@ exports[`ADMIN | Pages | TRANSFER TOKENS | EditView renders and matches the snap
</form>
</main>
<div
class="c49"
class="c50"
>
<p
aria-live="polite"

View File

@ -12,10 +12,17 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c15 {
.c10 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c16 {
padding-left: 8px;
}
@ -26,7 +33,7 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
color: #32324d;
}
.c11 {
.c12 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -36,13 +43,13 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
color: #32324d;
}
.c16 {
.c17 {
font-size: 0.875rem;
line-height: 1.43;
color: #666687;
}
.c25 {
.c26 {
font-size: 0.75rem;
line-height: 1.33;
color: #32324d;
@ -114,22 +121,7 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
justify-content: space-between;
}
.c10 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c13 {
.c11 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -144,7 +136,7 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
gap: 12px;
}
.c20 {
.c21 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -191,15 +183,21 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c14 > svg {
.c15 > svg {
width: 0.375rem;
}
.c14 > svg > path {
.c15 > svg > path {
fill: #666687;
}
.c12 {
.c13 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -210,20 +208,20 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
flex-wrap: wrap;
}
.c27[data-state='checked'] .c4 {
.c28[data-state='checked'] .c4 {
font-weight: bold;
color: #4945ff;
}
.c17 > * + * {
.c18 > * + * {
margin-left: 4px;
}
.c23 {
.c24 {
line-height: revert;
}
.c18 {
.c19 {
padding: 12px;
border-radius: 4px;
-webkit-text-decoration: none;
@ -236,7 +234,7 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
outline: none;
}
.c18:after {
.c19:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
@ -251,55 +249,11 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
border: 2px solid transparent;
}
.c18:focus-visible {
.c19:focus-visible {
outline: none;
}
.c18:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 2px solid #4945ff;
}
.c21 {
padding: 12px;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
-webkit-text-decoration: none;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
outline: none;
}
.c21:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 8px;
content: '';
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border: 2px solid transparent;
}
.c21:focus-visible {
outline: none;
}
.c21:focus-visible:after {
.c19:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
@ -311,46 +265,90 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
}
.c22 {
padding: 12px;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
-webkit-text-decoration: none;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
outline: none;
}
.c22:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 8px;
content: '';
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border: 2px solid transparent;
}
.c22:focus-visible {
outline: none;
}
.c22:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 2px solid #4945ff;
}
.c23 {
color: #271fe0;
background: #ffffff;
}
.c22:hover {
.c23:hover {
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
}
.c24 {
.c25 {
color: #32324d;
}
.c24:hover {
.c25:hover {
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
}
.c19 {
.c20 {
font-size: 0.7rem;
pointer-events: none;
}
.c19 svg path {
.c20 svg path {
fill: #c0c0cf;
}
.c19:focus svg path,
.c19:hover svg path {
.c20:focus svg path,
.c20:hover svg path {
fill: #c0c0cf;
}
.c26 {
.c27 {
font-size: 0.7rem;
}
.c26 svg path {
.c27 svg path {
fill: #666687;
}
.c26:focus svg path,
.c26:hover svg path {
.c27:focus svg path,
.c27:hover svg path {
fill: #4a4a6a;
}
@ -388,24 +386,24 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
tabindex="0"
>
<span
class="c10"
class="c10 c11"
>
<span
class="c4 c11"
class="c4 c12 c13"
>
<span
class="c12"
class="c14"
>
10
</span>
</span>
</span>
<span
class="c13"
class="c11"
>
<span
aria-hidden="true"
class="c14"
class="c15"
>
<svg
fill="none"
@ -427,10 +425,10 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
</div>
</div>
<div
class="c15"
class="c16"
>
<label
class="c4 c16"
class="c4 c17"
for="page-size"
>
Entries per page
@ -442,18 +440,18 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
class=""
>
<ul
class="c2 c17"
class="c2 c18"
>
<li>
<a
aria-current="page"
aria-disabled="true"
class="c18 c19 active"
class="c19 c20 active"
href="/settings/user"
tabindex="-1"
>
<div
class="c20"
class="c21"
>
Go to previous page
</div>
@ -475,17 +473,17 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
<li>
<a
aria-current="page"
class="c21 c22 active"
class="c22 c23 active"
href="/settings/user?pageSize=10&page=1&sort=firstname"
>
<div
class="c20"
class="c21"
>
Go to page 1
</div>
<span
aria-hidden="true"
class="c4 c5 c23"
class="c4 c5 c24"
>
1
</span>
@ -494,17 +492,17 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
<li>
<a
aria-current="page"
class="c18 c24 active"
class="c19 c25 active"
href="/settings/user?pageSize=10&page=2&sort=firstname"
>
<div
class="c20"
class="c21"
>
Go to page 2
</div>
<span
aria-hidden="true"
class="c4 c25 c23"
class="c4 c26 c24"
>
2
</span>
@ -514,11 +512,11 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
<a
aria-current="page"
aria-disabled="false"
class="c18 c26 active"
class="c19 c27 active"
href="/settings/user?pageSize=10&page=2&sort=firstname"
>
<div
class="c20"
class="c21"
>
Go to next page
</div>
@ -542,7 +540,7 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
</div>
</div>
<div
class="c20"
class="c21"
>
<p
aria-live="polite"

View File

@ -94,10 +94,17 @@ describe('Admin | UseCasePage', () => {
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c32 {
.c27 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c33 {
background: #4945ff;
padding: 8px;
padding-right: 16px;
@ -109,11 +116,11 @@ describe('Admin | UseCasePage', () => {
cursor: pointer;
}
.c37 {
.c38 {
padding-top: 16px;
}
.c38 {
.c39 {
background: transparent;
}
@ -138,7 +145,7 @@ describe('Admin | UseCasePage', () => {
color: #32324d;
}
.c28 {
.c29 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -148,14 +155,14 @@ describe('Admin | UseCasePage', () => {
color: #666687;
}
.c35 {
.c36 {
font-size: 0.875rem;
line-height: 1.43;
font-weight: 600;
color: #ffffff;
}
.c40 {
.c41 {
font-size: 0.75rem;
line-height: 1.33;
color: #4945ff;
@ -271,22 +278,7 @@ describe('Admin | UseCasePage', () => {
justify-content: space-between;
}
.c27 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c30 {
.c28 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -301,7 +293,7 @@ describe('Admin | UseCasePage', () => {
gap: 12px;
}
.c33 {
.c34 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -320,7 +312,7 @@ describe('Admin | UseCasePage', () => {
justify-content: center;
}
.c36 {
.c37 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -338,25 +330,25 @@ describe('Admin | UseCasePage', () => {
justify-content: center;
}
.c39 {
.c40 {
border: none;
position: relative;
outline: none;
}
.c39[aria-disabled='true'] {
.c40[aria-disabled='true'] {
pointer-events: none;
}
.c39[aria-disabled='true'] svg path {
.c40[aria-disabled='true'] svg path {
fill: #666687;
}
.c39 svg path {
.c40 svg path {
fill: #4945ff;
}
.c39:after {
.c40:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
@ -371,11 +363,11 @@ describe('Admin | UseCasePage', () => {
border: 2px solid transparent;
}
.c39:focus-visible {
.c40:focus-visible {
outline: none;
}
.c39:focus-visible:after {
.c40:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
@ -435,7 +427,7 @@ describe('Admin | UseCasePage', () => {
border: 2px solid #4945ff;
}
.c41 {
.c42 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -497,48 +489,48 @@ describe('Admin | UseCasePage', () => {
fill: #8e8ea9;
}
.c34 {
.c35 {
height: 2.5rem;
}
.c34[aria-disabled='true'] {
.c35[aria-disabled='true'] {
border: 1px solid #dcdce4;
background: #eaeaef;
}
.c34[aria-disabled='true'] .c6 {
.c35[aria-disabled='true'] .c6 {
color: #666687;
}
.c34[aria-disabled='true'] svg > g,.c34[aria-disabled='true'] svg path {
.c35[aria-disabled='true'] svg > g,.c35[aria-disabled='true'] svg path {
fill: #666687;
}
.c34[aria-disabled='true']:active {
.c35[aria-disabled='true']:active {
border: 1px solid #dcdce4;
background: #eaeaef;
}
.c34[aria-disabled='true']:active .c6 {
.c35[aria-disabled='true']:active .c6 {
color: #666687;
}
.c34[aria-disabled='true']:active svg > g,.c34[aria-disabled='true']:active svg path {
.c35[aria-disabled='true']:active svg > g,.c35[aria-disabled='true']:active svg path {
fill: #666687;
}
.c34:hover {
.c35:hover {
border: 1px solid #7b79ff;
background: #7b79ff;
}
.c34:active {
.c35:active {
border: 1px solid #4945ff;
background: #4945ff;
}
.c34 svg > g,
.c34 svg path {
.c35 svg > g,
.c35 svg path {
fill: #ffffff;
}
@ -593,15 +585,21 @@ describe('Admin | UseCasePage', () => {
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c31 > svg {
.c32 > svg {
width: 0.375rem;
}
.c31 > svg > path {
.c32 > svg > path {
fill: #666687;
}
.c29 {
.c30 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c31 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -612,7 +610,7 @@ describe('Admin | UseCasePage', () => {
flex-wrap: wrap;
}
.c42[data-state='checked'] .c6 {
.c43[data-state='checked'] .c6 {
font-weight: bold;
color: #4945ff;
}
@ -748,22 +746,22 @@ describe('Admin | UseCasePage', () => {
tabindex="0"
>
<span
class="c27"
class="c27 c28"
>
<span
class="c6 c28"
class="c6 c29 c30"
>
<span
class="c29"
class="c31"
/>
</span>
</span>
<span
class="c30"
class="c28"
>
<span
aria-hidden="true"
class="c31"
class="c32"
>
<svg
fill="none"
@ -786,12 +784,12 @@ describe('Admin | UseCasePage', () => {
</div>
<button
aria-disabled="true"
class="c32 c33 c4 c34"
class="c33 c34 c4 c35"
disabled=""
type="submit"
>
<span
class="c6 c35"
class="c6 c36"
>
Finish
</span>
@ -800,18 +798,18 @@ describe('Admin | UseCasePage', () => {
</form>
</div>
<div
class="c36"
class="c37"
>
<div
class="c37"
class="c38"
>
<button
aria-disabled="false"
class="c38 c3 c39"
class="c39 c3 c40"
type="button"
>
<span
class="c6 c40"
class="c6 c41"
>
Skip this question
</span>
@ -822,7 +820,7 @@ describe('Admin | UseCasePage', () => {
</div>
</div>
<div
class="c41"
class="c42"
>
<p
aria-live="polite"

View File

@ -66,9 +66,16 @@ exports[`Admin | ee | SettingsPage | SSO renders and matches the snapshot 1`] =
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c41 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c9 {
font-weight: 600;
font-size: 2rem;
@ -125,7 +132,7 @@ exports[`Admin | ee | SettingsPage | SSO renders and matches the snapshot 1`] =
color: #666687;
}
.c42 {
.c43 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -249,22 +256,7 @@ exports[`Admin | ee | SettingsPage | SSO renders and matches the snapshot 1`] =
justify-content: space-between;
}
.c41 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c44 {
.c42 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -420,15 +412,21 @@ exports[`Admin | ee | SettingsPage | SSO renders and matches the snapshot 1`] =
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c45 > svg {
.c46 > svg {
width: 0.375rem;
}
.c45 > svg > path {
.c46 > svg > path {
fill: #666687;
}
.c43 {
.c44 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c45 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -439,7 +437,7 @@ exports[`Admin | ee | SettingsPage | SSO renders and matches the snapshot 1`] =
flex-wrap: wrap;
}
.c46[data-state='checked'] .c8 {
.c47[data-state='checked'] .c8 {
font-weight: bold;
color: #4945ff;
}
@ -747,24 +745,24 @@ exports[`Admin | ee | SettingsPage | SSO renders and matches the snapshot 1`] =
tabindex="0"
>
<span
class="c41"
class="c41 c42"
>
<span
class="c8 c42"
class="c8 c43 c44"
>
<span
class="c43"
class="c45"
>
Editor
</span>
</span>
</span>
<span
class="c44"
class="c42"
>
<span
aria-hidden="true"
class="c45"
class="c46"
>
<svg
fill="none"

View File

@ -50,9 +50,9 @@
"@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
"@strapi/babel-plugin-switch-ee-ce": "4.10.2",
"@strapi/data-transfer": "4.10.2",
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"@strapi/permissions": "4.10.2",
"@strapi/provider-audit-logs-local": "4.10.2",
"@strapi/typescript-utils": "4.10.2",

View File

@ -30,10 +30,10 @@
},
"dependencies": {
"@sindresorhus/slugify": "1.1.0",
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/generators": "4.10.2",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"@strapi/utils": "4.10.2",
"fs-extra": "10.0.0",
"immer": "9.0.19",

View File

@ -80,10 +80,17 @@ describe('Email | Pages | Settings', () => {
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c33 {
.c25 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c34 {
background: #4945ff;
padding: 8px;
padding-right: 16px;
@ -127,7 +134,7 @@ describe('Email | Pages | Settings', () => {
color: #32324d;
}
.c26 {
.c27 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -137,7 +144,7 @@ describe('Email | Pages | Settings', () => {
color: #666687;
}
.c37 {
.c38 {
font-size: 0.75rem;
line-height: 1.33;
font-weight: 600;
@ -240,22 +247,7 @@ describe('Email | Pages | Settings', () => {
justify-content: space-between;
}
.c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c28 {
.c26 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -270,7 +262,7 @@ describe('Email | Pages | Settings', () => {
gap: 12px;
}
.c34 {
.c35 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -285,26 +277,26 @@ describe('Email | Pages | Settings', () => {
gap: 8px;
}
.c35 {
.c36 {
position: relative;
outline: none;
}
.c35 > svg {
.c36 > svg {
height: 12px;
width: 12px;
}
.c35 > svg > g,
.c35 > svg path {
.c36 > svg > g,
.c36 > svg path {
fill: #ffffff;
}
.c35[aria-disabled='true'] {
.c36[aria-disabled='true'] {
pointer-events: none;
}
.c35:after {
.c36:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
@ -319,11 +311,11 @@ describe('Email | Pages | Settings', () => {
border: 2px solid transparent;
}
.c35:focus-visible {
.c36:focus-visible {
outline: none;
}
.c35:focus-visible:after {
.c36:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
@ -334,48 +326,48 @@ describe('Email | Pages | Settings', () => {
border: 2px solid #4945ff;
}
.c36 {
.c37 {
height: 2rem;
}
.c36[aria-disabled='true'] {
.c37[aria-disabled='true'] {
border: 1px solid #dcdce4;
background: #eaeaef;
}
.c36[aria-disabled='true'] .c5 {
.c37[aria-disabled='true'] .c5 {
color: #666687;
}
.c36[aria-disabled='true'] svg > g,.c36[aria-disabled='true'] svg path {
.c37[aria-disabled='true'] svg > g,.c37[aria-disabled='true'] svg path {
fill: #666687;
}
.c36[aria-disabled='true']:active {
.c37[aria-disabled='true']:active {
border: 1px solid #dcdce4;
background: #eaeaef;
}
.c36[aria-disabled='true']:active .c5 {
.c37[aria-disabled='true']:active .c5 {
color: #666687;
}
.c36[aria-disabled='true']:active svg > g,.c36[aria-disabled='true']:active svg path {
.c37[aria-disabled='true']:active svg > g,.c37[aria-disabled='true']:active svg path {
fill: #666687;
}
.c36:hover {
.c37:hover {
border: 1px solid #7b79ff;
background: #7b79ff;
}
.c36:active {
.c37:active {
border: 1px solid #4945ff;
background: #4945ff;
}
.c36 svg > g,
.c36 svg path {
.c37 svg > g,
.c37 svg path {
fill: #ffffff;
}
@ -435,7 +427,7 @@ describe('Email | Pages | Settings', () => {
box-shadow: none;
}
.c31 {
.c32 {
border: none;
border-radius: 4px;
padding-bottom: 0.65625rem;
@ -450,31 +442,31 @@ describe('Email | Pages | Settings', () => {
background: inherit;
}
.c31::-webkit-input-placeholder {
.c32::-webkit-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c31::-moz-placeholder {
.c32::-moz-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c31:-ms-input-placeholder {
.c32:-ms-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c31::placeholder {
.c32::placeholder {
color: #8e8ea9;
opacity: 1;
}
.c31[aria-disabled='true'] {
.c32[aria-disabled='true'] {
color: inherit;
}
.c31:focus {
.c32:focus {
outline: none;
box-shadow: none;
}
@ -498,7 +490,7 @@ describe('Email | Pages | Settings', () => {
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c30 {
.c31 {
border: 1px solid #dcdce4;
border-radius: 4px;
background: #ffffff;
@ -510,7 +502,7 @@ describe('Email | Pages | Settings', () => {
transition-duration: 0.2s;
}
.c30:focus-within {
.c31:focus-within {
border: 1px solid #4945ff;
box-shadow: #4945ff 0px 0px 0px 2px;
}
@ -539,15 +531,21 @@ describe('Email | Pages | Settings', () => {
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c29 > svg {
.c30 > svg {
width: 0.375rem;
}
.c29 > svg > path {
.c30 > svg > path {
fill: #666687;
}
.c27 {
.c28 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c29 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -558,7 +556,7 @@ describe('Email | Pages | Settings', () => {
flex-wrap: wrap;
}
.c38[data-state='checked'] .c5 {
.c39[data-state='checked'] .c5 {
font-weight: bold;
color: #4945ff;
}
@ -574,7 +572,7 @@ describe('Email | Pages | Settings', () => {
max-width: 100%;
}
.c32 {
.c33 {
grid-column: span 7;
max-width: 100%;
}
@ -600,13 +598,13 @@ describe('Email | Pages | Settings', () => {
}
@media (max-width:68.75rem) {
.c32 {
.c33 {
grid-column: span 12;
}
}
@media (max-width:34.375rem) {
.c32 {
.c33 {
grid-column: span;
}
}
@ -801,22 +799,22 @@ describe('Email | Pages | Settings', () => {
role="combobox"
>
<span
class="c25"
class="c25 c26"
>
<span
class="c5 c26"
class="c5 c27 c28"
>
<span
class="c27"
class="c29"
/>
</span>
</span>
<span
class="c28"
class="c26"
>
<span
aria-hidden="true"
class="c29"
class="c30"
>
<svg
fill="none"
@ -876,13 +874,13 @@ describe('Email | Pages | Settings', () => {
Recipient email
</label>
<div
class="c2 c30"
class="c2 c31"
>
<input
aria-disabled="false"
aria-invalid="false"
aria-required="false"
class="c31"
class="c32"
id="test-address-input"
name="test-address"
placeholder="ex: developer@example.com"
@ -895,14 +893,14 @@ describe('Email | Pages | Settings', () => {
</div>
</div>
<div
class="c32"
class="c33"
>
<div
class=""
>
<button
aria-disabled="true"
class="c33 c34 c35 c36"
class="c34 c35 c36 c37"
disabled=""
type="submit"
>
@ -932,7 +930,7 @@ describe('Email | Pages | Settings', () => {
</svg>
</div>
<span
class="c5 c37"
class="c5 c38"
>
Send test email
</span>

View File

@ -27,8 +27,8 @@
"lint": "run -T eslint ."
},
"dependencies": {
"@strapi/design-system": "1.7.2",
"@strapi/icons": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/icons": "1.7.3",
"@strapi/provider-email-sendmail": "4.10.2",
"@strapi/utils": "4.10.2",
"lodash": "4.17.21",

View File

@ -62,8 +62,8 @@
"@storybook/builder-webpack5": "6.5.15",
"@storybook/manager-webpack5": "6.5.15",
"@storybook/react": "^6.5.16",
"@strapi/design-system": "1.7.2",
"@strapi/icons": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/icons": "1.7.3",
"@testing-library/react": "12.1.4",
"@testing-library/react-hooks": "8.0.1",
"@testing-library/user-event": "14.4.3",
@ -81,8 +81,8 @@
"webpack-cli": "^5.0.1"
},
"peerDependencies": {
"@strapi/design-system": "^1.7.2",
"@strapi/icons": "^1.7.2",
"@strapi/design-system": "^1.7.3",
"@strapi/icons": "^1.7.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^5.3.4",

View File

@ -23,10 +23,17 @@ exports[`DateTimePicker snapshots the component 1`] = `
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c26 {
.c20 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c27 {
background: transparent;
border-radius: 4px;
cursor: pointer;
@ -45,7 +52,7 @@ exports[`DateTimePicker snapshots the component 1`] = `
color: #666687;
}
.c23 {
.c24 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -140,21 +147,6 @@ exports[`DateTimePicker snapshots the component 1`] = `
justify-content: space-between;
}
.c20 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c21 {
-webkit-align-items: center;
-webkit-box-align: center;
@ -167,9 +159,10 @@ exports[`DateTimePicker snapshots the component 1`] = `
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 12px;
}
.c25 {
.c22 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -181,7 +174,6 @@ exports[`DateTimePicker snapshots the component 1`] = `
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 12px;
}
.c14 {
@ -286,16 +278,16 @@ exports[`DateTimePicker snapshots the component 1`] = `
fill: #8e8ea9;
}
.c27 {
.c28 {
border: none;
}
.c27 svg {
.c28 svg {
height: 0.6875rem;
width: 0.6875rem;
}
.c27 svg path {
.c28 svg path {
fill: #666687;
}
@ -323,15 +315,21 @@ exports[`DateTimePicker snapshots the component 1`] = `
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c28 > svg {
.c29 > svg {
width: 0.375rem;
}
.c28 > svg > path {
.c29 > svg > path {
fill: #666687;
}
.c24 {
.c25 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c26 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -342,17 +340,17 @@ exports[`DateTimePicker snapshots the component 1`] = `
flex-wrap: wrap;
}
.c29[data-state='checked'] .c1 {
.c30[data-state='checked'] .c1 {
font-weight: bold;
color: #4945ff;
}
.c22 > svg {
.c23 > svg {
height: 1rem;
width: 1rem;
}
.c22 > svg path {
.c23 > svg path {
fill: #8e8ea9;
}
@ -482,14 +480,14 @@ exports[`DateTimePicker snapshots the component 1`] = `
tabindex="0"
>
<span
class="c20"
class="c20 c21"
>
<span
aria-hidden="true"
class=""
>
<span
class="c21 c22"
class="c22 c23"
>
<svg
fill="none"
@ -508,22 +506,22 @@ exports[`DateTimePicker snapshots the component 1`] = `
</span>
</span>
<span
class="c1 c23"
class="c1 c24 c25"
>
<span
class="c24"
class="c26"
>
10:00
</span>
</span>
</span>
<span
class="c25"
class="c21"
>
<button
aria-disabled="false"
aria-label="clear time"
class="c26 c27"
class="c27 c28"
role="button"
tabindex="0"
title="clear time"
@ -543,7 +541,7 @@ exports[`DateTimePicker snapshots the component 1`] = `
</button>
<span
aria-hidden="true"
class="c28"
class="c29"
>
<svg
fill="none"

View File

@ -48,10 +48,17 @@ describe('<PageSizeURLQuery />', () => {
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c13 {
.c8 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c14 {
padding-left: 8px;
}
@ -62,7 +69,7 @@ describe('<PageSizeURLQuery />', () => {
color: #32324d;
}
.c9 {
.c10 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -72,7 +79,7 @@ describe('<PageSizeURLQuery />', () => {
color: #32324d;
}
.c14 {
.c15 {
font-size: 0.875rem;
line-height: 1.43;
color: #666687;
@ -126,22 +133,7 @@ describe('<PageSizeURLQuery />', () => {
justify-content: space-between;
}
.c8 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c11 {
.c9 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -191,15 +183,21 @@ describe('<PageSizeURLQuery />', () => {
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c12 > svg {
.c13 > svg {
width: 0.375rem;
}
.c12 > svg > path {
.c13 > svg > path {
fill: #666687;
}
.c10 {
.c11 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c12 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -210,7 +208,7 @@ describe('<PageSizeURLQuery />', () => {
flex-wrap: wrap;
}
.c15[data-state='checked'] .c2 {
.c16[data-state='checked'] .c2 {
font-weight: bold;
color: #4945ff;
}
@ -242,24 +240,24 @@ describe('<PageSizeURLQuery />', () => {
tabindex="0"
>
<span
class="c8"
class="c8 c9"
>
<span
class="c2 c9"
class="c2 c10 c11"
>
<span
class="c10"
class="c12"
>
10
</span>
</span>
</span>
<span
class="c11"
class="c9"
>
<span
aria-hidden="true"
class="c12"
class="c13"
>
<svg
fill="none"
@ -281,10 +279,10 @@ describe('<PageSizeURLQuery />', () => {
</div>
</div>
<div
class="c13"
class="c14"
>
<label
class="c2 c14"
class="c2 c15"
for="page-size"
>
Entries per page

View File

@ -104,10 +104,17 @@ exports[`BrowseStep renders and match snapshot 1`] = `
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c69 {
.c64 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c70 {
padding-left: 8px;
}
@ -154,7 +161,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
color: #32324d;
}
.c65 {
.c66 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -164,7 +171,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
color: #32324d;
}
.c70 {
.c71 {
font-size: 0.875rem;
line-height: 1.43;
color: #666687;
@ -347,22 +354,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
justify-content: space-between;
}
.c64 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c67 {
.c65 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -552,15 +544,21 @@ exports[`BrowseStep renders and match snapshot 1`] = `
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c68 > svg {
.c69 > svg {
width: 0.375rem;
}
.c68 > svg > path {
.c69 > svg > path {
fill: #666687;
}
.c66 {
.c67 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c68 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -571,7 +569,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
flex-wrap: wrap;
}
.c77[data-state='checked'] .c10 {
.c78[data-state='checked'] .c10 {
font-weight: bold;
color: #4945ff;
}
@ -718,15 +716,15 @@ exports[`BrowseStep renders and match snapshot 1`] = `
outline-offset: -2px;
}
.c71 > * + * {
.c72 > * + * {
margin-left: 4px;
}
.c76 {
.c77 {
line-height: revert;
}
.c72 {
.c73 {
padding: 12px;
border-radius: 4px;
-webkit-text-decoration: none;
@ -739,7 +737,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
outline: none;
}
.c72:after {
.c73:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
@ -754,55 +752,11 @@ exports[`BrowseStep renders and match snapshot 1`] = `
border: 2px solid transparent;
}
.c72:focus-visible {
.c73:focus-visible {
outline: none;
}
.c72:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 2px solid #4945ff;
}
.c74 {
padding: 12px;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
-webkit-text-decoration: none;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
outline: none;
}
.c74:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 8px;
content: '';
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border: 2px solid transparent;
}
.c74:focus-visible {
outline: none;
}
.c74:focus-visible:after {
.c73:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
@ -814,25 +768,69 @@ exports[`BrowseStep renders and match snapshot 1`] = `
}
.c75 {
padding: 12px;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
-webkit-text-decoration: none;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
outline: none;
}
.c75:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 8px;
content: '';
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border: 2px solid transparent;
}
.c75:focus-visible {
outline: none;
}
.c75:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 2px solid #4945ff;
}
.c76 {
color: #271fe0;
background: #ffffff;
}
.c75:hover {
.c76:hover {
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
}
.c73 {
.c74 {
font-size: 0.7rem;
pointer-events: none;
}
.c73 svg path {
.c74 svg path {
fill: #c0c0cf;
}
.c73:focus svg path,
.c73:hover svg path {
.c74:focus svg path,
.c74:hover svg path {
fill: #c0c0cf;
}
@ -1253,24 +1251,24 @@ exports[`BrowseStep renders and match snapshot 1`] = `
tabindex="0"
>
<span
class="c64"
class="c64 c65"
>
<span
class="c10 c65"
class="c10 c66 c67"
>
<span
class="c66"
class="c68"
>
10
</span>
</span>
</span>
<span
class="c67"
class="c65"
>
<span
aria-hidden="true"
class="c68"
class="c69"
>
<svg
fill="none"
@ -1292,10 +1290,10 @@ exports[`BrowseStep renders and match snapshot 1`] = `
</div>
</div>
<div
class="c69"
class="c70"
>
<label
class="c10 c70"
class="c10 c71"
for="page-size"
>
Entries per page
@ -1307,12 +1305,12 @@ exports[`BrowseStep renders and match snapshot 1`] = `
class=""
>
<ul
class="c12 c71"
class="c12 c72"
>
<li>
<button
aria-disabled="true"
class="c72 c73"
class="c73 c74"
tabindex="-1"
type="button"
>
@ -1338,7 +1336,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
</li>
<li>
<button
class="c74 c75"
class="c75 c76"
type="button"
>
<div
@ -1348,7 +1346,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
</div>
<span
aria-hidden="true"
class="c10 c59 c76"
class="c10 c59 c77"
>
1
</span>
@ -1357,7 +1355,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
<li>
<button
aria-disabled="true"
class="c72 c73"
class="c73 c74"
tabindex="-1"
type="button"
>

View File

@ -266,7 +266,7 @@ exports[`Media Library | Breadcrumbs should render and match snapshot 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Get more ascendants folders"
class="c7 c8 c9 c10 c11 sc-hRMWxn c10"
class="c7 c8 c9 c10 c11 sc-fTxOGA c10"
data-state="closed"
id="radix-0"
label="..."

View File

@ -18,9 +18,16 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c10 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c5 {
font-size: 0.75rem;
line-height: 1.33;
@ -28,7 +35,7 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
color: #32324d;
}
.c11 {
.c12 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -38,7 +45,7 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
color: #32324d;
}
.c15 {
.c16 {
font-size: 0.75rem;
line-height: 1.33;
color: #666687;
@ -78,22 +85,7 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
justify-content: space-between;
}
.c10 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c13 {
.c11 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -108,7 +100,7 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
gap: 12px;
}
.c16 {
.c17 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -155,15 +147,21 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c14 > svg {
.c15 > svg {
width: 0.375rem;
}
.c14 > svg > path {
.c15 > svg > path {
fill: #666687;
}
.c12 {
.c13 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -174,7 +172,7 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
flex-wrap: wrap;
}
.c17[data-state='checked'] .c4 {
.c18[data-state='checked'] .c4 {
font-weight: bold;
color: #4945ff;
}
@ -242,24 +240,24 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
tabindex="0"
>
<span
class="c10"
class="c10 c11"
>
<span
class="c4 c11"
class="c4 c12 c13"
>
<span
class="c12"
class="c14"
>
10
</span>
</span>
</span>
<span
class="c13"
class="c11"
>
<span
aria-hidden="true"
class="c14"
class="c15"
>
<svg
fill="none"
@ -279,7 +277,7 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
</span>
</div>
<p
class="c4 c15"
class="c4 c16"
id="1-hint"
>
Number of assets displayed by default in the Media Library
@ -321,24 +319,24 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
tabindex="0"
>
<span
class="c10"
class="c10 c11"
>
<span
class="c4 c11"
class="c4 c12 c13"
>
<span
class="c12"
class="c14"
>
createdAt:DESC
</span>
</span>
</span>
<span
class="c13"
class="c11"
>
<span
aria-hidden="true"
class="c14"
class="c15"
>
<svg
fill="none"
@ -358,7 +356,7 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
</span>
</div>
<p
class="c4 c15"
class="c4 c16"
id="3-hint"
>
Note: You can override this value in the media library.
@ -370,7 +368,7 @@ exports[`Upload - Configure | Settings initial render renders and matches the sn
</div>
</div>
<div
class="c16"
class="c17"
>
<p
aria-live="polite"

View File

@ -54,9 +54,16 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c29 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c12 {
font-weight: 600;
font-size: 2rem;
@ -84,7 +91,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
color: #32324d;
}
.c30 {
.c31 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -94,7 +101,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
color: #32324d;
}
.c34 {
.c35 {
font-size: 0.75rem;
line-height: 1.33;
color: #666687;
@ -181,22 +188,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
justify-content: space-between;
}
.c29 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c32 {
.c30 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -260,7 +252,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
border: 2px solid #4945ff;
}
.c35 {
.c36 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -352,15 +344,21 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c33 > svg {
.c34 > svg {
width: 0.375rem;
}
.c33 > svg > path {
.c34 > svg > path {
fill: #666687;
}
.c31 {
.c32 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c33 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -371,7 +369,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
flex-wrap: wrap;
}
.c36[data-state='checked'] .c11 {
.c37[data-state='checked'] .c11 {
font-weight: bold;
color: #4945ff;
}
@ -619,24 +617,24 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
tabindex="0"
>
<span
class="c29"
class="c29 c30"
>
<span
class="c11 c30"
class="c11 c31 c32"
>
<span
class="c31"
class="c33"
>
10
</span>
</span>
</span>
<span
class="c32"
class="c30"
>
<span
aria-hidden="true"
class="c33"
class="c34"
>
<svg
fill="none"
@ -656,7 +654,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
</span>
</div>
<p
class="c11 c34"
class="c11 c35"
id="1-hint"
>
Number of assets displayed by default in the Media Library
@ -698,24 +696,24 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
tabindex="0"
>
<span
class="c29"
class="c29 c30"
>
<span
class="c11 c30"
class="c11 c31 c32"
>
<span
class="c31"
class="c33"
>
createdAt:DESC
</span>
</span>
</span>
<span
class="c32"
class="c30"
>
<span
aria-hidden="true"
class="c33"
class="c34"
>
<svg
fill="none"
@ -735,7 +733,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
</span>
</div>
<p
class="c11 c34"
class="c11 c35"
id="3-hint"
>
Note: You can override this value in the media library.
@ -752,7 +750,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
</div>
</div>
<div
class="c35"
class="c36"
>
<p
aria-live="polite"

View File

@ -25,9 +25,9 @@
"lint": "run -T eslint ."
},
"dependencies": {
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"@strapi/provider-upload-local": "4.10.2",
"@strapi/utils": "4.10.2",
"axios": "1.3.4",

View File

@ -9,9 +9,9 @@
"displayName": "Color Picker"
},
"dependencies": {
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"prop-types": "^15.7.2",
"react-colorful": "5.6.1",
"react-intl": "6.4.1"

View File

@ -30,9 +30,9 @@
"test:front:watch:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll"
},
"dependencies": {
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"@strapi/utils": "4.10.2",
"bcryptjs": "2.4.3",
"cheerio": "^1.0.0-rc.12",

View File

@ -26,9 +26,9 @@
"dependencies": {
"@graphql-tools/schema": "8.5.1",
"@graphql-tools/utils": "^8.12.0",
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"@strapi/utils": "4.10.2",
"apollo-server-core": "3.11.1",
"apollo-server-koa": "3.10.0",

View File

@ -1,6 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
.c5 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c2 {
font-size: 0.75rem;
line-height: 1.33;
@ -93,7 +99,7 @@ exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c5 {
.c7 {
width: 100%;
font-size: 0.875rem;
color: #32324d;
@ -102,34 +108,24 @@ exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
background-color: transparent;
}
.c5:focus-visible {
.c7:focus-visible {
outline: none;
}
.c5[aria-disabled='true'] {
cursor: inherit;
}
.c7 > svg {
width: 0.375rem;
}
.c7 > svg > path {
fill: #666687;
}
.c7[aria-disabled='true'] {
cursor: inherit;
}
.c8[data-selected] .c1 {
color: #4945ff;
font-weight: bold;
.c8 > svg {
width: 0.375rem;
}
.c8[data-highlighted] .c1 {
color: #4945ff;
font-weight: bold;
.c8 > svg > path {
fill: #666687;
}
.c8[aria-disabled='true'] {
cursor: inherit;
}
.c9[data-selected] .c1 {
@ -142,6 +138,16 @@ exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
font-weight: bold;
}
.c10[data-selected] .c1 {
color: #4945ff;
font-weight: bold;
}
.c10[data-highlighted] .c1 {
color: #4945ff;
font-weight: bold;
}
<div
class=""
>
@ -157,23 +163,27 @@ exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
<div
class="c4"
>
<input
aria-autocomplete="both"
aria-controls="radix-0"
aria-disabled="false"
aria-expanded="false"
aria-invalid="false"
aria-labelledby="1-hint 1-error"
aria-required="false"
class="c5"
data-placeholder=""
data-state="closed"
id="1"
placeholder="Select"
role="combobox"
type="text"
value=""
/>
<span
class="c5 c6"
>
<input
aria-autocomplete="both"
aria-controls="radix-0"
aria-disabled="false"
aria-expanded="false"
aria-invalid="false"
aria-labelledby="1-hint 1-error"
aria-required="false"
class="c7"
data-placeholder=""
data-state="closed"
id="1"
placeholder="Select"
role="combobox"
type="text"
value=""
/>
</span>
<span
class="c6"
>
@ -182,7 +192,7 @@ exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
aria-disabled="false"
aria-expanded="false"
aria-hidden="true"
class="c7"
class="c8"
tabindex="-1"
type="button"
>

View File

@ -30,9 +30,9 @@
"lint": "run -T eslint ."
},
"dependencies": {
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"@strapi/utils": "4.10.2",
"formik": "2.2.9",
"immer": "9.0.19",

View File

@ -27,7 +27,7 @@
},
"dependencies": {
"@sentry/node": "6.19.7",
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.6.5"
},

View File

@ -107,10 +107,17 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
border-radius: 4px;
position: relative;
overflow: hidden;
width: 100%;
cursor: default;
}
.c34 {
.c24 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c35 {
background: #f6f6f9;
padding: 4px;
border-radius: 4px;
@ -123,7 +130,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
display: flex;
}
.c36 {
.c37 {
padding-right: 12px;
padding-left: 12px;
border-radius: 4px;
@ -157,7 +164,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
color: #32324d;
}
.c25 {
.c26 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -167,13 +174,13 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
color: #32324d;
}
.c29 {
.c30 {
font-size: 0.75rem;
line-height: 1.33;
color: #666687;
}
.c39 {
.c40 {
font-size: 0.75rem;
line-height: 1.33;
font-weight: 600;
@ -181,7 +188,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
text-transform: uppercase;
}
.c41 {
.c42 {
font-size: 0.75rem;
line-height: 1.33;
font-weight: 600;
@ -285,22 +292,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
justify-content: space-between;
}
.c24 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.c27 {
.c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -315,7 +307,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
gap: 12px;
}
.c37 {
.c38 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -382,7 +374,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
border: 2px solid #4945ff;
}
.c33 {
.c34 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -450,7 +442,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
align-items: center;
}
.c45 {
.c46 {
border: none;
border-radius: 4px;
padding-bottom: 0.65625rem;
@ -465,36 +457,36 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
background: inherit;
}
.c45::-webkit-input-placeholder {
.c46::-webkit-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c45::-moz-placeholder {
.c46::-moz-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c45:-ms-input-placeholder {
.c46:-ms-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c45::placeholder {
.c46::placeholder {
color: #8e8ea9;
opacity: 1;
}
.c45[aria-disabled='true'] {
.c46[aria-disabled='true'] {
color: inherit;
}
.c45:focus {
.c46:focus {
outline: none;
box-shadow: none;
}
.c47 {
.c48 {
border: none;
border-radius: 4px;
padding-bottom: 0.65625rem;
@ -510,36 +502,36 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
background: inherit;
}
.c47::-webkit-input-placeholder {
.c48::-webkit-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c47::-moz-placeholder {
.c48::-moz-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c47:-ms-input-placeholder {
.c48:-ms-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c47::placeholder {
.c48::placeholder {
color: #8e8ea9;
opacity: 1;
}
.c47[aria-disabled='true'] {
.c48[aria-disabled='true'] {
color: inherit;
}
.c47:focus {
.c48:focus {
outline: none;
box-shadow: none;
}
.c44 {
.c45 {
border: 1px solid #dcdce4;
border-radius: 4px;
background: #ffffff;
@ -551,12 +543,12 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
transition-duration: 0.2s;
}
.c44:focus-within {
.c45:focus-within {
border: 1px solid #4945ff;
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c46 {
.c47 {
border: 1px solid #dcdce4;
border-radius: 4px;
background: #ffffff;
@ -570,7 +562,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
background: #eaeaef;
}
.c46:focus-within {
.c47:focus-within {
border: 1px solid #4945ff;
box-shadow: #4945ff 0px 0px 0px 2px;
}
@ -599,15 +591,21 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c28 > svg {
.c29 > svg {
width: 0.375rem;
}
.c28 > svg > path {
.c29 > svg > path {
fill: #666687;
}
.c26 {
.c27 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c28 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -618,7 +616,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
flex-wrap: wrap;
}
.c48[data-state='checked'] .c5 {
.c49[data-state='checked'] .c5 {
font-weight: bold;
color: #4945ff;
}
@ -634,12 +632,12 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
max-width: 100%;
}
.c30 {
.c31 {
grid-column: span 12;
max-width: 100%;
}
.c43 {
.c44 {
grid-column: span 6;
max-width: 100%;
}
@ -648,14 +646,14 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
outline: none;
}
.c32 {
.c33 {
position: relative;
display: inline-block;
z-index: 0;
width: 100%;
}
.c35 {
.c36 {
overflow: hidden;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
@ -668,12 +666,12 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
transition-duration: 0.2s;
}
.c35:focus-within {
.c36:focus-within {
border: 1px solid #4945ff;
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c38 {
.c39 {
background-color: #ffffff;
border: 1px solid #dcdce4;
position: relative;
@ -689,7 +687,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
padding-bottom: 6px;
}
.c40 {
.c41 {
background-color: transparent;
border: 1px solid #f6f6f9;
position: relative;
@ -705,7 +703,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
padding-bottom: 6px;
}
.c42 {
.c43 {
height: 100%;
left: 0;
opacity: 0;
@ -715,7 +713,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
width: 100%;
}
.c31 {
.c32 {
max-width: 320px;
}
@ -732,25 +730,25 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
}
@media (max-width:68.75rem) {
.c30 {
.c31 {
grid-column: span;
}
}
@media (max-width:34.375rem) {
.c30 {
.c31 {
grid-column: span 12;
}
}
@media (max-width:68.75rem) {
.c43 {
.c44 {
grid-column: span;
}
}
@media (max-width:34.375rem) {
.c43 {
.c44 {
grid-column: span 12;
}
}
@ -866,24 +864,24 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
tabindex="0"
>
<span
class="c24"
class="c24 c25"
>
<span
class="c5 c25"
class="c5 c26 c27"
>
<span
class="c26"
class="c28"
>
Authenticated
</span>
</span>
</span>
<span
class="c27"
class="c25"
>
<span
aria-hidden="true"
class="c28"
class="c29"
>
<svg
fill="none"
@ -903,7 +901,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</span>
</div>
<p
class="c5 c29"
class="c5 c30"
id="1-hint"
>
It will attach the new authenticated user to the selected role.
@ -913,13 +911,13 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</div>
<div
class="c30"
class="c31"
>
<div
class=""
>
<div
class="c31"
class="c32"
>
<div
class="c18"
@ -935,33 +933,33 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</label>
</div>
<label
class="c32"
class="c33"
>
<div
class="c33"
class="c34"
>
One account per email address
</div>
<div
class="c34 c35"
class="c35 c36"
display="flex"
>
<div
aria-hidden="true"
class="c36 c37 c38"
class="c37 c38 c39"
>
<span
class="c5 c39"
class="c5 c40"
>
False
</span>
</div>
<div
aria-hidden="true"
class="c36 c37 c40"
class="c37 c38 c41"
>
<span
class="c5 c41"
class="c5 c42"
>
True
</span>
@ -970,7 +968,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
aria-describedby="3-hint"
aria-disabled="false"
aria-required="false"
class="c42"
class="c43"
id="3"
name="unique_email"
type="checkbox"
@ -978,7 +976,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</label>
<p
class="c5 c29"
class="c5 c30"
id="3-hint"
>
Disallow the user to create multiple accounts using the same email address with different authentication providers.
@ -988,13 +986,13 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</div>
<div
class="c30"
class="c31"
>
<div
class=""
>
<div
class="c31"
class="c32"
>
<div
class="c18"
@ -1010,33 +1008,33 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</label>
</div>
<label
class="c32"
class="c33"
>
<div
class="c33"
class="c34"
>
Enable sign-ups
</div>
<div
class="c34 c35"
class="c35 c36"
display="flex"
>
<div
aria-hidden="true"
class="c36 c37 c38"
class="c37 c38 c39"
>
<span
class="c5 c39"
class="c5 c40"
>
False
</span>
</div>
<div
aria-hidden="true"
class="c36 c37 c40"
class="c37 c38 c41"
>
<span
class="c5 c41"
class="c5 c42"
>
True
</span>
@ -1045,7 +1043,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
aria-describedby="5-hint"
aria-disabled="false"
aria-required="false"
class="c42"
class="c43"
id="5"
name="allow_register"
type="checkbox"
@ -1053,7 +1051,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</label>
<p
class="c5 c29"
class="c5 c30"
id="5-hint"
>
When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider.
@ -1063,7 +1061,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</div>
<div
class="c43"
class="c44"
>
<div
class=""
@ -1082,14 +1080,14 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
Reset password page
</label>
<div
class="c2 c44"
class="c2 c45"
>
<input
aria-describedby="email_reset_password-hint"
aria-disabled="false"
aria-invalid="false"
aria-required="false"
class="c45"
class="c46"
id="email_reset_password"
name="email_reset_password"
placeholder="ex: https://youtfrontend.com/reset-password"
@ -1098,7 +1096,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
/>
</div>
<p
class="c5 c29"
class="c5 c30"
id="email_reset_password-hint"
>
URL of your application's reset password page.
@ -1109,13 +1107,13 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</div>
<div
class="c30"
class="c31"
>
<div
class=""
>
<div
class="c31"
class="c32"
>
<div
class="c18"
@ -1131,33 +1129,33 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</label>
</div>
<label
class="c32"
class="c33"
>
<div
class="c33"
class="c34"
>
Enable email confirmation
</div>
<div
class="c34 c35"
class="c35 c36"
display="flex"
>
<div
aria-hidden="true"
class="c36 c37 c38"
class="c37 c38 c39"
>
<span
class="c5 c39"
class="c5 c40"
>
False
</span>
</div>
<div
aria-hidden="true"
class="c36 c37 c40"
class="c37 c38 c41"
>
<span
class="c5 c41"
class="c5 c42"
>
True
</span>
@ -1166,7 +1164,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
aria-describedby="7-hint"
aria-disabled="false"
aria-required="false"
class="c42"
class="c43"
id="7"
name="email_confirmation"
type="checkbox"
@ -1174,7 +1172,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</label>
<p
class="c5 c29"
class="c5 c30"
id="7-hint"
>
When enabled (ON), new registered users receive a confirmation email.
@ -1184,7 +1182,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</div>
<div
class="c43"
class="c44"
>
<div
class=""
@ -1203,7 +1201,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
Redirection url
</label>
<div
class="c2 c46"
class="c2 c47"
disabled=""
>
<input
@ -1211,7 +1209,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
aria-disabled="true"
aria-invalid="false"
aria-required="false"
class="c47"
class="c48"
data-disabled=""
disabled=""
id="email_confirmation_redirection"
@ -1222,7 +1220,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
/>
</div>
<p
class="c5 c29"
class="c5 c30"
id="email_confirmation_redirection-hint"
>
After you confirmed your email, choose where you will be redirected.

View File

@ -29,9 +29,9 @@
"lint": "run -T eslint ."
},
"dependencies": {
"@strapi/design-system": "1.7.2",
"@strapi/design-system": "1.7.3",
"@strapi/helper-plugin": "4.10.2",
"@strapi/icons": "1.7.2",
"@strapi/icons": "1.7.3",
"@strapi/utils": "4.10.2",
"bcryptjs": "2.4.3",
"formik": "2.2.9",

View File

@ -7713,9 +7713,9 @@ __metadata:
"@pmmmwh/react-refresh-webpack-plugin": 0.5.10
"@strapi/babel-plugin-switch-ee-ce": 4.10.2
"@strapi/data-transfer": 4.10.2
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/permissions": 4.10.2
"@strapi/provider-audit-logs-local": 4.10.2
"@strapi/typescript-utils": 4.10.2
@ -7882,9 +7882,9 @@ __metadata:
languageName: unknown
linkType: soft
"@strapi/design-system@npm:1.7.2":
version: 1.7.2
resolution: "@strapi/design-system@npm:1.7.2"
"@strapi/design-system@npm:1.7.3":
version: 1.7.3
resolution: "@strapi/design-system@npm:1.7.3"
dependencies:
"@codemirror/lang-json": ^6.0.1
"@floating-ui/react-dom": ^1.3.0
@ -7892,7 +7892,7 @@ __metadata:
"@radix-ui/react-dismissable-layer": ^1.0.3
"@radix-ui/react-dropdown-menu": ^2.0.4
"@radix-ui/react-use-callback-ref": ^1.0.0
"@strapi/ui-primitives": ^1.7.2
"@strapi/ui-primitives": ^1.7.3
"@uiw/react-codemirror": ^4.19.16
compute-scroll-into-view: ^3.0.3
prop-types: ^15.8.1
@ -7902,7 +7902,7 @@ __metadata:
react-dom: ^17.0.0 || ^18.0.0
react-router-dom: ^5.2.0
styled-components: ^5.2.1
checksum: 89bd2ca000f3c7574293394ab4837f4efab2f6b7d83e4eaaa05a3eb5eb8e8cf1d34f9f1b139e95dea9d27addf7024c5edb415ef0a0cd2c0ebd47882f9a6333c8
checksum: 10524f110d6d8c7ef13531849b6122450aa58b35e76936dab9257eab2e6a185292fe43de0f70317e2496b7edda83ef8c793ce326ead118dd0958ee15a2edb561
languageName: node
linkType: hard
@ -7979,8 +7979,8 @@ __metadata:
"@storybook/builder-webpack5": 6.5.15
"@storybook/manager-webpack5": 6.5.15
"@storybook/react": ^6.5.16
"@strapi/design-system": 1.7.2
"@strapi/icons": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/icons": 1.7.3
"@testing-library/react": 12.1.4
"@testing-library/react-hooks": 8.0.1
"@testing-library/user-event": 14.4.3
@ -8007,8 +8007,8 @@ __metadata:
webpack: ^5.76.0
webpack-cli: ^5.0.1
peerDependencies:
"@strapi/design-system": ^1.7.2
"@strapi/icons": ^1.7.2
"@strapi/design-system": ^1.7.3
"@strapi/icons": ^1.7.3
react: ^17.0.2
react-dom: ^17.0.2
react-router-dom: ^5.3.4
@ -8026,13 +8026,13 @@ __metadata:
languageName: node
linkType: hard
"@strapi/icons@npm:1.7.2":
version: 1.7.2
resolution: "@strapi/icons@npm:1.7.2"
"@strapi/icons@npm:1.7.3":
version: 1.7.3
resolution: "@strapi/icons@npm:1.7.3"
peerDependencies:
react: ^17.0.0 || ^18.0.0
react-dom: ^17.0.0 || ^18.0.0
checksum: df7aec5cff5ce55ba09cc20d066c6935302ca86fad6e628e86cda3b32fad047be417e0f557234905c4cabe34ab0849100830e0312a221e107c01b639651194c7
checksum: f05d25c6d31a08d247546a0858024a06e0db449201d2c3ffb202514f0bb6a53b189c1a0713db0396f9a46edd055a2f1841f58b5b9c872803430f593791bb7297
languageName: node
linkType: hard
@ -8062,9 +8062,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@strapi/plugin-color-picker@workspace:packages/plugins/color-picker"
dependencies:
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@testing-library/react": 12.1.4
prop-types: ^15.7.2
react: ^17.0.2
@ -8098,10 +8098,10 @@ __metadata:
dependencies:
"@sindresorhus/slugify": 1.1.0
"@strapi/admin": 4.10.2
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/generators": 4.10.2
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/utils": 4.10.2
"@testing-library/react": 12.1.4
"@testing-library/react-hooks": 8.0.1
@ -8135,9 +8135,9 @@ __metadata:
resolution: "@strapi/plugin-documentation@workspace:packages/plugins/documentation"
dependencies:
"@apidevtools/swagger-parser": ^10.1.0
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/utils": 4.10.2
"@testing-library/react": 12.1.4
bcryptjs: 2.4.3
@ -8178,9 +8178,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@strapi/plugin-email@workspace:packages/core/email"
dependencies:
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/provider-email-sendmail": 4.10.2
"@strapi/utils": 4.10.2
"@testing-library/react": 12.1.4
@ -8207,9 +8207,9 @@ __metadata:
dependencies:
"@graphql-tools/schema": 8.5.1
"@graphql-tools/utils": ^8.12.0
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/utils": 4.10.2
apollo-server-core: 3.11.1
apollo-server-koa: 3.10.0
@ -8242,9 +8242,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@strapi/plugin-i18n@workspace:packages/plugins/i18n"
dependencies:
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/utils": 4.10.2
"@testing-library/react": 12.1.4
formik: 2.2.9
@ -8275,7 +8275,7 @@ __metadata:
resolution: "@strapi/plugin-sentry@workspace:packages/plugins/sentry"
dependencies:
"@sentry/node": 6.19.7
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.6.5
react: ^17.0.2
@ -8295,9 +8295,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@strapi/plugin-upload@workspace:packages/core/upload"
dependencies:
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/provider-upload-local": 4.10.2
"@strapi/utils": 4.10.2
"@testing-library/dom": 8.19.0
@ -8344,9 +8344,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@strapi/plugin-users-permissions@workspace:packages/plugins/users-permissions"
dependencies:
"@strapi/design-system": 1.7.2
"@strapi/design-system": 1.7.3
"@strapi/helper-plugin": 4.10.2
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/utils": 4.10.2
"@testing-library/dom": 8.19.0
"@testing-library/react": 12.1.4
@ -8566,9 +8566,9 @@ __metadata:
languageName: unknown
linkType: soft
"@strapi/ui-primitives@npm:^1.7.2":
version: 1.7.2
resolution: "@strapi/ui-primitives@npm:1.7.2"
"@strapi/ui-primitives@npm:^1.7.3":
version: 1.7.3
resolution: "@strapi/ui-primitives@npm:1.7.3"
dependencies:
"@radix-ui/number": ^1.0.0
"@radix-ui/primitive": ^1.0.0
@ -8588,7 +8588,7 @@ __metadata:
peerDependencies:
react: ^17.0.0 || ^18.0.0
react-dom: ^17.0.0 || ^18.0.0
checksum: 25742da8597d23679017d994c7da90c887918d849884125fd89ecef96224fbe6fd521670570c9a5d4f91488b11bd2d0c131049bb20e85dadecc3a814ad3982cc
checksum: b8ea5814f5fc09e3a3fa1750067c735a1e17359cef7c2c2b6e97cbe898cad25d3497edf0e8577ffa0459a6bc9786a1409ad01d5586007438b24557c0f281257a
languageName: node
linkType: hard
@ -18157,7 +18157,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "getstarted@workspace:examples/getstarted"
dependencies:
"@strapi/icons": 1.7.2
"@strapi/icons": 1.7.3
"@strapi/plugin-color-picker": 4.10.2
"@strapi/plugin-documentation": 4.10.2
"@strapi/plugin-graphql": 4.10.2