diff --git a/packages/core/admin/admin/src/pages/SettingsPage/components/Tokens/DeleteTokenDialog/tests/__snapshots__/DeleteTokenDialog.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/components/Tokens/DeleteTokenDialog/tests/__snapshots__/DeleteTokenDialog.test.js.snap index bb0c0c0a07..a141d4419e 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/components/Tokens/DeleteTokenDialog/tests/__snapshots__/DeleteTokenDialog.test.js.snap +++ b/packages/core/admin/admin/src/pages/SettingsPage/components/Tokens/DeleteTokenDialog/tests/__snapshots__/DeleteTokenDialog.test.js.snap @@ -1,16 +1,24 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DeleteTokenDialog renders and matches the snapshot 1`] = ` -.c0 { - border: 0; - -webkit-clip: rect(0 0 0 0); - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; +.c10 { + font-weight: 600; + font-size: 1.125rem; + line-height: 1.22; + color: #32324d; +} + +.c16 { + font-size: 0.875rem; + line-height: 1.43; + color: #32324d; +} + +.c23 { + font-size: 0.75rem; + line-height: 1.33; + font-weight: 600; + color: #32324d; } .c2 { @@ -94,51 +102,6 @@ exports[`DeleteTokenDialog renders and matches the snapshot 1`] = ` flex-direction: row; } -.c10 { - font-weight: 600; - font-size: 1.125rem; - line-height: 1.22; - color: #32324d; -} - -.c16 { - font-size: 0.875rem; - line-height: 1.43; - color: #32324d; -} - -.c23 { - font-size: 0.75rem; - line-height: 1.33; - font-weight: 600; - color: #32324d; -} - -.c3 { - inset: 0; - background: #32324d33; -} - -.c5 { - max-width: 25.75rem; - margin: 0 auto; - overflow: hidden; - margin-top: 10%; -} - -.c8 { - border-bottom: 1px solid #eaeaef; -} - -.c13 svg { - width: 24px; - height: 24px; -} - -.c13 svg path { - fill: #d02b20; -} - .c15 > * { margin-top: 0; margin-bottom: 0; @@ -157,22 +120,6 @@ exports[`DeleteTokenDialog renders and matches the snapshot 1`] = ` margin-left: 8px; } -.c18 { - border-top: 1px solid #eaeaef; -} - -.c18 button { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - .c21 { display: -webkit-box; display: -webkit-flex; @@ -231,6 +178,18 @@ exports[`DeleteTokenDialog renders and matches the snapshot 1`] = ` border: 2px solid #4945ff; } +.c0 { + border: 0; + -webkit-clip: rect(0 0 0 0); + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + .c26 { height: 100%; } @@ -389,6 +348,47 @@ exports[`DeleteTokenDialog renders and matches the snapshot 1`] = ` fill: #b72b1a; } +.c3 { + inset: 0; + background: #32324d33; +} + +.c5 { + max-width: 25.75rem; + margin: 0 auto; + overflow: hidden; + margin-top: 10%; +} + +.c8 { + border-bottom: 1px solid #eaeaef; +} + +.c13 svg { + width: 24px; + height: 24px; +} + +.c13 svg path { + fill: #d02b20; +} + +.c18 { + border-top: 1px solid #eaeaef; +} + +.c18 button { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap index 71244fe533..2e3934ca66 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap @@ -15,7 +15,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot color: #32324d; } -.c25 { +.c24 { font-weight: 500; font-size: 1rem; line-height: 1.25; @@ -61,6 +61,11 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot padding-right: 8px; } +.c19 { + padding-right: 56px; + padding-left: 56px; +} + .c22 { background: #ffffff; padding-top: 24px; @@ -179,7 +184,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot flex-direction: row; } -.c23 { +.c20 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; @@ -311,12 +316,21 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot border: 2px solid #4945ff; } -.c24 > * { +.c21 > * { margin-top: 0; margin-bottom: 0; } -.c24 > * + * { +.c21 > * + * { + margin-top: 24px; +} + +.c23 > * { + margin-top: 0; + margin-bottom: 0; +} + +.c23 > * + * { margin-top: 16px; } @@ -519,7 +533,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot fill: #ffffff; } -.c26 { +.c25 { display: grid; grid-template-columns: repeat(12,1fr); gap: 20px; @@ -530,7 +544,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot grid-template-columns: repeat(12,1fr); } -.c27 { +.c26 { grid-column: span 6; max-width: 100%; } @@ -553,11 +567,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot padding-right: 8px; } -.c19 { - padding-right: 56px; - padding-left: 56px; -} - .c42 { padding-right: 16px; padding-left: 16px; @@ -602,7 +611,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot color: #666687; } -.c20 { +.c27 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; @@ -708,15 +717,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot display: flex; } -.c21 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c21 > * + * { - margin-top: 24px; -} - .c28 > * { margin-top: 0; margin-bottom: 0; @@ -958,13 +958,13 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot } @media (max-width:68.75rem) { - .c27 { + .c26 { grid-column: span; } } @media (max-width:34.375rem) { - .c27 { + .c26 { grid-column: span 12; } } @@ -1091,27 +1091,27 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot

Details