chore: update legacy styles with icons

launchdarkly · Sep 26, 2024 · 59322b5 · 59322b5
1 parent b8959e8
commit 59322b5
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 16 deletions.
diff --git a/.changeset/fifty-cycles-tap.md b/.changeset/fifty-cycles-tap.md
@@ -0,0 +1,10 @@
+---
+"@launchpad-ui/clipboard": patch
+"@launchpad-ui/banner": patch
+"@launchpad-ui/alert": patch
+"@launchpad-ui/toast": patch
+"@launchpad-ui/modal": patch
+"@launchpad-ui/core": patch
+---
+
+Update legacy styles with icons
diff --git a/packages/alert/src/styles/Alert.module.css b/packages/alert/src/styles/Alert.module.css
@@ -81,19 +81,19 @@
 
 /* Alert kind variants */
 
-.Alert.Alert--info .Alert-icon svg {
+.Alert.Alert--info .Alert-icon {
 	fill: var(--lp-color-fill-feedback-info);
 }
 
-.Alert.Alert--success .Alert-icon svg {
+.Alert.Alert--success .Alert-icon {
 	fill: var(--lp-color-fill-feedback-success);
 }
 
-.Alert.Alert--warning .Alert-icon svg {
+.Alert.Alert--warning .Alert-icon {
 	fill: var(--lp-color-fill-feedback-warning);
 }
 
-.Alert.Alert--error .Alert-icon svg {
+.Alert.Alert--error .Alert-icon {
 	fill: var(--lp-color-fill-feedback-error);
 }
 
@@ -106,7 +106,7 @@
 	color: var(--lp-component-alert-notification-flair-strong-color-text);
 }
 
-.Alert.Alert--notification.Alert--flair-strong .Alert-close svg {
+.Alert.Alert--notification.Alert--flair-strong .Alert-close {
 	fill: var(--lp-component-alert-notification-flair-strong-color-fill);
 }
 

diff --git a/packages/banner/src/styles/Banner.module.css b/packages/banner/src/styles/Banner.module.css
@@ -59,14 +59,14 @@
 	transform: translateY(2px);
 }
 
-.Banner.Banner--info .Banner-icon svg {
+.Banner.Banner--info .Banner-icon {
 	fill: var(--lp-color-fill-feedback-info);
 }
 
-.Banner.Banner--error .Banner-icon svg {
+.Banner.Banner--error .Banner-icon {
 	fill: var(--lp-color-fill-feedback-error);
 }
 
-.Banner.Banner--warning .Banner-icon svg {
+.Banner.Banner--warning .Banner-icon {
 	fill: var(--lp-color-fill-feedback-warning);
 }
diff --git a/packages/clipboard/src/styles/CopyToClipboard.module.css b/packages/clipboard/src/styles/CopyToClipboard.module.css
@@ -2,7 +2,7 @@
 	position: relative;
 }
 
-.Clipboard-checkmark svg {
+.Clipboard-checkmark {
 	fill: var(--lp-color-system-green-500);
 }
 

diff --git a/packages/modal/src/styles/Modal.module.css b/packages/modal/src/styles/Modal.module.css
@@ -63,10 +63,7 @@
 
 .headerIcon {
 	transform: translateY(2px);
-
-	svg {
-		fill: var(--lp-color-fill-feedback-warning);
-	}
+	fill: var(--lp-color-fill-feedback-warning);
 }
 
 .headerMain {

diff --git a/packages/toast/src/styles/Toast.module.css b/packages/toast/src/styles/Toast.module.css
@@ -15,15 +15,15 @@
 	transform: translateY(2px);
 }
 
-.Toast--error .Toast-icon svg {
+.Toast--error .Toast-icon {
 	fill: var(--lp-color-pink-500);
 }
 
-.Toast--warning .Toast-icon svg {
+.Toast--warning .Toast-icon {
 	fill: var(--lp-color-yellow-500);
 }
 
-.Toast--success .Toast-icon svg {
+.Toast--success .Toast-icon {
 	fill: var(--lp-color-system-green-500);
 }