Popover consolidate se23 styles

Shopify · Aug 18, 2023 · 7f217e1 · 7f217e1
1 parent acee2f6
commit 7f217e1
Showing 1 changed file with 6 additions and 23 deletions.
diff --git a/polaris-react/src/components/Popover/Popover.scss b/polaris-react/src/components/Popover/Popover.scss
@@ -9,17 +9,12 @@ $vertical-motion-offset: -5px;
 .Popover {
   max-width: calc(100vw - var(--p-space-8));
   margin: $visible-portion-of-arrow var(--p-space-2) var(--p-space-4);
-  box-shadow: var(--p-shadow-xl);
-  border-radius: var(--p-border-radius-2);
   will-change: left, top;
-
-  #{$se23} & {
-    @include shadow-bevel(
-      $boxShadow: var(--p-shadow-md),
-      $borderRadius: var(--p-border-radius-3),
-      $zIndex: 2
-    );
-  }
+  @include shadow-bevel(
+    $boxShadow: var(--p-shadow-md),
+    $borderRadius: var(--p-border-radius-3),
+    $zIndex: 2
+  );
 }
 
 .PopoverOverlay {
@@ -64,16 +59,12 @@ $vertical-motion-offset: -5px;
   position: relative;
   overflow: hidden;
   background: var(--p-color-bg);
-  border-radius: var(--p-space-2);
+  border-radius: var(--p-space-3);
 
   /* Prevent Scrollable's box shadows overflowing the rounded corners of this
    * element on Safari prior to tech preview version 156.
    * See: https://bugs.webkit.org/show_bug.cgi?id=68196 */
   isolation: isolate;
-
-  #{$se23} & {
-    border-radius: var(--p-space-3);
-  }
 }
 
 .Content {
@@ -102,14 +93,6 @@ $vertical-motion-offset: -5px;
   flex: 1 1 auto;
   max-width: 100%;
 
-  + .Pane {
-    border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-
-    #{$se23} & {
-      border-top: none;
-    }
-  }
-
   &:focus {
     outline: none;
   }