fix(popover): correct side aligned popovers distance to source

Author: marissahuysentruyt

components/popover/index.css

@@ -144,7 +144,7 @@
 	&.spectrum-Popover--withTip {
 		/* tip size minus where it overlaps with popover border */
 		/* stylelint-disable-next-line csstools/use-logical -- intentional, right stays on the same side even for RTL */
-		margin-left: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
+		margin-left: calc(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
 	}
 
 	/* popover animates towards right ⮕ */
@@ -161,7 +161,7 @@
 	&.spectrum-Popover--withTip {
 		/* tip size minus where it overlaps with popover border */
 		/* stylelint-disable-next-line csstools/use-logical -- intentional, left stays on the same side even for RTL */
-		margin-right: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
+		margin-right: calc(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
 	}
 
 	/* popover animates towards left ⬅ */
@@ -177,7 +177,7 @@
 	/* spacing to include tip in calculation of offset from source */
 	&.spectrum-Popover--withTip {
 		/* tip size minus where it overlaps with popover border */
-		margin-inline-end: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
+		margin-inline-end: calc(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
 	}
 
 	/* LTR read, popover animates towards left ⬅ */
@@ -198,7 +198,7 @@
 	/* spacing to include tip in calculation of offset from source */
 	&.spectrum-Popover--withTip {
 		/* tip size minus where it overlaps with popover border */
-		margin-inline-start: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
+		margin-inline-start: calc(var(--mod-popover-animation-distance, var(--spectrum-popover-animation-distance)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
 	}
 
 	/* LTR read, popover animates towards right ⮕ */