From 2c13cdc5acdf58fa9622c37cc380abedd596af0f Mon Sep 17 00:00:00 2001
From: Melissa Thompson <mthompson@heysparkbox.com>
Date: Tue, 14 May 2024 12:46:45 -0400
Subject: [PATCH] fix(popover): no more duplicate class selectors in dist
 (#2745)

---
 .changeset/tidy-olives-notice.md |  5 +++
 components/popover/index.css     | 64 ++++++++++++++++----------------
 2 files changed, 37 insertions(+), 32 deletions(-)
 create mode 100644 .changeset/tidy-olives-notice.md

diff --git a/.changeset/tidy-olives-notice.md b/.changeset/tidy-olives-notice.md
new file mode 100644
index 00000000000..8a50f9687a6
--- /dev/null
+++ b/.changeset/tidy-olives-notice.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/popover": patch
+---
+
+fix(popover): Adjust selectors to remove duplicate class selectors in the dist output
diff --git a/components/popover/index.css b/components/popover/index.css
index afe5db7ec27..a23941955d0 100644
--- a/components/popover/index.css
+++ b/components/popover/index.css
@@ -335,46 +335,46 @@ governing permissions and limitations under the License.
 			block-size: var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width));
 			inset-block: 0;
 		}
+	}
 
-		/* left popover with tip pointing right ▷ */
-		&.spectrum-Popover--left,
-		&.spectrum-Popover--left-bottom,
-		&.spectrum-Popover--left-top {
-			.spectrum-Popover-tip {
-				inset-inline: 100% auto;
-			}
+	/* left popover with tip pointing right ▷ */
+	&.spectrum-Popover--left,
+	&.spectrum-Popover--left-bottom,
+	&.spectrum-Popover--left-top {
+		.spectrum-Popover-tip {
+			inset-inline: 100% auto;
 		}
+	}
 
-		/* right popover with tip pointing left ◁ */
-		&.spectrum-Popover--right,
-		&.spectrum-Popover--right-bottom,
-		&.spectrum-Popover--right-top {
-			.spectrum-Popover-tip {
-				inset-inline: auto 100%;
+	/* right popover with tip pointing left ◁ */
+	&.spectrum-Popover--right,
+	&.spectrum-Popover--right-bottom,
+	&.spectrum-Popover--right-top {
+		.spectrum-Popover-tip {
+			inset-inline: auto 100%;
 
-				/* flip tip to point left ◁ */
-				transform: scaleX(-1);
-			}
+			/* flip tip to point left ◁ */
+			transform: scaleX(-1);
 		}
+	}
 
-		/* popover with tip at top */
-		&.spectrum-Popover--right-top,
-		&.spectrum-Popover--left-top,
-		&.spectrum-Popover--start-top,
-		&.spectrum-Popover--end-top {
-			.spectrum-Popover-tip {
-				inset-block: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing)) auto;
-			}
+	/* popover with tip at top */
+	&.spectrum-Popover--right-top,
+	&.spectrum-Popover--left-top,
+	&.spectrum-Popover--start-top,
+	&.spectrum-Popover--end-top {
+		.spectrum-Popover-tip {
+			inset-block: var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing)) auto;
 		}
+	}
 
-		/* popover with tip at bottom */
-		&.spectrum-Popover--right-bottom,
-		&.spectrum-Popover--left-bottom,
-		&.spectrum-Popover--start-bottom,
-		&.spectrum-Popover--end-bottom {
-			.spectrum-Popover-tip {
-				inset-block: auto var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
-			}
+	/* popover with tip at bottom */
+	&.spectrum-Popover--right-bottom,
+	&.spectrum-Popover--left-bottom,
+	&.spectrum-Popover--start-bottom,
+	&.spectrum-Popover--end-bottom {
+		.spectrum-Popover-tip {
+			inset-block: auto var(--mod-popover-pointer-edge-spacing, var(--spectrum-popover-pointer-edge-spacing));
 		}
 	}