From 930e29f1a6d9c35cd1c3e009384db8141193fb8a Mon Sep 17 00:00:00 2001
From: Megan Logsdon <megan@heysparkbox.com>
Date: Mon, 24 Jul 2023 16:13:47 -0400
Subject: [PATCH] fix(popover): add highcontrast variables and additional
 height in docs

add highcontrast variables for tip
make dummy spacing a bit larger to keep from hiding popover tip
---
 components/popover/index.css            | 4 ++--
 components/popover/metadata/popover.yml | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/popover/index.css b/components/popover/index.css
index 50c465158bd..d6ce561840e 100644
--- a/components/popover/index.css
+++ b/components/popover/index.css
@@ -82,8 +82,8 @@ governing permissions and limitations under the License.
       .spectrum-Popover-tip-triangle {
         stroke-linecap: square;
         stroke-linejoin: miter;
-        fill: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
-        stroke: var(--mod-popover-border-color, var(--spectrum-popover-border-color));
+        fill: var(--highcontrast-popover-background-color, var(--mod-popover-background-color, var(--spectrum-popover-background-color)));
+        stroke: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color)));
         stroke-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
       }
     }
diff --git a/components/popover/metadata/popover.yml b/components/popover/metadata/popover.yml
index eb03c90af30..2a8b7642278 100644
--- a/components/popover/metadata/popover.yml
+++ b/components/popover/metadata/popover.yml
@@ -98,7 +98,7 @@ examples:
               <path class="spectrum-Popover-tip-triangle" d="M-1,-1 8,8 17,-1">
             </svg>
           </div>
-          <div class="dummy-spacing" style="position: relative; box-sizing: border-box; height: 224px; min-width: 400px; max-width: 50%;"></div>
+          <div class="dummy-spacing" style="position: relative; box-sizing: border-box; height: 235px; min-width: 400px; max-width: 50%;"></div>
 
           <div class="dummy-source" style="position: relative; display: flex; align-items: center; justify-content: center; width: 100px; height: 50px; background: #E6E6E6; border-radius: 8px; box-sizing: border-box;">
             <span><em>Source 50x100</em></span>