From 4e6cb392db40edd6d005c5404c52ab99045dd16c Mon Sep 17 00:00:00 2001 From: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com> Date: Wed, 28 Jun 2023 14:39:16 -0700 Subject: [PATCH] Convert :not pseudo-class selector list to chained --- polaris-react/src/components/Button/Button.scss | 4 ++-- polaris-react/src/components/DropZone/DropZone.scss | 2 +- polaris-react/src/components/ResourceItem/ResourceItem.scss | 4 +++- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/polaris-react/src/components/Button/Button.scss b/polaris-react/src/components/Button/Button.scss index 81a4de22e47..6c76ae9e6d0 100644 --- a/polaris-react/src/components/Button/Button.scss +++ b/polaris-react/src/components/Button/Button.scss @@ -907,7 +907,7 @@ } #{$se23} &:hover, - #{$se23} &:focus:not(:active, .pressed, .disabled) { + #{$se23} &:focus:not(:active):not(.pressed):not(.disabled) { color: var(--p-color-text-critical-hover-experimental); // stylelint-disable-next-line -- se23 override @@ -1016,7 +1016,7 @@ } } - #{$se23} &:focus:not(:active, .pressed, .disabled) svg { + #{$se23} &:focus:not(:active):not(.pressed):not(.disabled) svg { fill: var(--p-color-icon-critical-strong-experimental); } diff --git a/polaris-react/src/components/DropZone/DropZone.scss b/polaris-react/src/components/DropZone/DropZone.scss index 23e0e042baa..35119b8fb2d 100755 --- a/polaris-react/src/components/DropZone/DropZone.scss +++ b/polaris-react/src/components/DropZone/DropZone.scss @@ -105,7 +105,7 @@ $dropzone-stacking-order: ( } } - #{$se23} &:not(.focused, .isDisabled) { + #{$se23} &:not(.focused):not(.isDisabled) { // the additional .isDisabled argument in this :not invocation is to ensure we don't mess up disabled styles due to specificity. // Won't be necessary post SE23. &::after { diff --git a/polaris-react/src/components/ResourceItem/ResourceItem.scss b/polaris-react/src/components/ResourceItem/ResourceItem.scss index 4d035bb2709..94876f946e6 100644 --- a/polaris-react/src/components/ResourceItem/ResourceItem.scss +++ b/polaris-react/src/components/ResourceItem/ResourceItem.scss @@ -128,11 +128,13 @@ } } - &:not(.hasBulkActions, .selectMode) { + &:not(.hasBulkActions):not(.selectMode) { + // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY &::after { border-radius: var(--p-border-radius-05); } + // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY &:last-of-type { border-bottom-left-radius: var(--p-border-radius-2); border-bottom-right-radius: var(--p-border-radius-2);