diff --git a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js index 73a3730c38..934e41a1d1 100644 --- a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js @@ -62,6 +62,16 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => { }); expect(container.firstChild).toMatchInlineSnapshot(` + .c14 { + background: #ffffff; + padding-top: 24px; + padding-right: 32px; + padding-bottom: 24px; + padding-left: 32px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); + } + .c10 { font-weight: 500; font-size: 0.75rem; @@ -160,6 +170,148 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => { background: #4945ff; } + .c22 { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + background: transparent; + border: none; + } + + .c22:focus { + outline: none; + } + + .c20 { + font-weight: 500; + font-size: 0.75rem; + line-height: 1.33; + color: #32324d; + } + + .c27 { + font-weight: 400; + font-size: 0.875rem; + line-height: 1.43; + color: #32324d; + } + + .c31 { + font-weight: 400; + font-size: 0.75rem; + line-height: 1.33; + color: #666687; + } + + .c26 { + padding-right: 16px; + padding-left: 16px; + } + + .c28 { + padding-left: 12px; + } + + .c23 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c25 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c19 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .c19 > * { + margin-top: 0; + margin-bottom: 0; + } + + .c19 > * + * { + margin-top: 4px; + } + + .c21 { + position: relative; + border: 1px solid #dcdce4; + padding-right: 12px; + border-radius: 4px; + background: #ffffff; + overflow: hidden; + } + + .c21:focus-within { + border: 1px solid #4945ff; + } + + .c29 { + background: transparent; + border: none; + position: relative; + z-index: 1; + } + + .c29 svg { + height: 0.6875rem; + width: 0.6875rem; + } + + .c29 svg path { + fill: #666687; + } + + .c30 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background: none; + border: none; + } + + .c30 svg { + width: 0.375rem; + } + + .c24 { + min-height: 2.5rem; + } + .c15 { display: -webkit-box; display: -webkit-flex; @@ -265,7 +417,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => { opacity: 1; } - .c55:disabled { + .c55[aria-disabled='true'] { background: inherit; color: inherit; } @@ -504,158 +656,6 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => { line-height: 1.5; } - .c14 { - background: #ffffff; - padding-top: 24px; - padding-right: 32px; - padding-bottom: 24px; - padding-left: 32px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); - } - - .c22 { - position: absolute; - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; - background: transparent; - border: none; - } - - .c22:focus { - outline: none; - } - - .c20 { - font-weight: 500; - font-size: 0.75rem; - line-height: 1.33; - color: #32324d; - } - - .c27 { - font-weight: 400; - font-size: 0.875rem; - line-height: 1.43; - color: #32324d; - } - - .c31 { - font-weight: 400; - font-size: 0.75rem; - line-height: 1.33; - color: #666687; - } - - .c26 { - padding-right: 16px; - padding-left: 16px; - } - - .c28 { - padding-left: 12px; - } - - .c23 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - - .c25 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - - .c19 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - - .c19 > * { - margin-top: 0; - margin-bottom: 0; - } - - .c19 > * + * { - margin-top: 4px; - } - - .c21 { - position: relative; - border: 1px solid #dcdce4; - padding-right: 12px; - border-radius: 4px; - background: #ffffff; - overflow: hidden; - } - - .c21:focus-within { - border: 1px solid #4945ff; - } - - .c29 { - background: transparent; - border: none; - position: relative; - z-index: 1; - } - - .c29 svg { - height: 0.6875rem; - width: 0.6875rem; - } - - .c29 svg path { - fill: #666687; - } - - .c30 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background: none; - border: none; - } - - .c30 svg { - width: 0.375rem; - } - - .c24 { - min-height: 2.5rem; - } - .c17 { display: grid; grid-template-columns: repeat(12,1fr); @@ -1045,6 +1045,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => { > { >