fix(popover): no more duplicate class selectors in dist (#2745)

adobe · May 14, 2024 · 2c13cdc · 2c13cdc
1 parent 9652981
commit 2c13cdc
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 32 deletions.
diff --git a/.changeset/tidy-olives-notice.md 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
@@ -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));
 		}
 	}