From ebbe6c1d6d8e0b2ece1d3f49392bd63ea6c53c15 Mon Sep 17 00:00:00 2001 From: garthdb Date: Tue, 28 Jul 2020 15:42:26 -0600 Subject: [PATCH] fix: removed deprecated tokens in dialog --- components/dialog/index.css | 6 +++--- components/dialog/skin.css | 8 ++++---- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/components/dialog/index.css b/components/dialog/index.css index 425ce08873..9d1e7606ea 100644 --- a/components/dialog/index.css +++ b/components/dialog/index.css @@ -141,17 +141,17 @@ governing permissions and limitations under the License. border-bottom-left-radius: 0; outline: none; /* Hide focus outline around header */ - padding-block-end: calc(var(--spectrum-dialog-rule-margin-top) + var(--spectrum-dialog-rule-margin-bottom) + var(--spectrum-dialog-rule-height)); + padding-block-end: calc(var(--spectrum-dialog-confirm-divider-margin-top) + var(--spectrum-dialog-confirm-divider-margin-bottom) + var(--spectrum-dialog-confirm-divider-height)); /* The rule element */ &::after { position: absolute; - bottom: var(--spectrum-dialog-rule-margin-bottom); + bottom: var(--spectrum-dialog-confirm-divider-margin-bottom); left: 0; right: 0; content: ''; - block-size: var(--spectrum-dialog-rule-height); + block-size: var(--spectrum-dialog-confirm-divider-height); } } diff --git a/components/dialog/skin.css b/components/dialog/skin.css index 5d66d69f34..0dffa60fb4 100644 --- a/components/dialog/skin.css +++ b/components/dialog/skin.css @@ -11,14 +11,14 @@ governing permissions and limitations under the License. */ .spectrum-Dialog { - background: var(--spectrum-dialog-background-color); + background: var(--spectrum-dialog-confirm-background-color); } .spectrum-Dialog-header { - background: var(--spectrum-dialog-background-color); + background: var(--spectrum-dialog-confirm-background-color); &:after { - background: var(--spectrum-dialog-rule-color); + background: var(--spectrum-dialog-confirm-divider-color); } } @@ -35,7 +35,7 @@ governing permissions and limitations under the License. } .spectrum-Dialog-footer { - background: var(--spectrum-dialog-background-color); + background: var(--spectrum-dialog-confirm-background-color); } .spectrum-Dialog--error {