fix(core): fix legacy alert styles (#1494)

launchdarkly · Nov 21, 2024 · 2e03be1 · 2e03be1
1 parent 10e69e9
commit 2e03be1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/silent-tools-film.md b/.changeset/silent-tools-film.md
@@ -0,0 +1,6 @@
+---
+"@launchpad-ui/alert": patch
+"@launchpad-ui/core": patch
+---
+
+Fix legacy alert styles
diff --git a/packages/alert/src/Alert.tsx b/packages/alert/src/Alert.tsx
@@ -130,7 +130,6 @@ const Alert = ({
 			role={['info', 'success', 'notification'].includes(kind) ? 'status' : 'alert'}
 		>
 			{!isInline && <div role="presentation" className={styles.bar} />}
-			<div role="presentation" className={styles.bar} />
 			{!noIcon && (
 				<StatusIcon
 					kind={kind}

diff --git a/packages/alert/src/styles/Alert.module.css b/packages/alert/src/styles/Alert.module.css
@@ -41,7 +41,7 @@
 	margin-top: var(--lp-spacing-700);
 }
 
-.Alert.Alert--bordered .Alert-icon {
+.Alert.Alert--bordered:has(.Alert-heading) .Alert-icon {
 	transform: translateY(2px);
 }