Notification a11y color contrast (#13810)

* chore(notification): prettier formatter * chore(A11y): fix a11y color contrast * chore(Icon): fix formatter * fix(Icon): fix icon color * fix(color): added new fill color to icon * fix(color): checking for first path to add color * chore(icon): removed unnecessary block --------- Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · May 22, 2023 · 2952a39 · 2952a39
1 parent 21e182a
commit 2952a39
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/packages/styles/scss/components/notification/_actionable-notification.scss b/packages/styles/scss/components/notification/_actionable-notification.scss
@@ -182,7 +182,10 @@
 
   .#{$prefix}--actionable-notification--warning
     .#{$prefix}--toast-notification__icon
-    path[opacity='0'] {
+    path[opacity='0'],
+  .#{$prefix}--actionable-notification--warning-alt
+    .#{$prefix}--toast-notification__icon
+    path:first-of-type {
     fill: $black-100;
     opacity: 1;
   }

diff --git a/packages/styles/scss/components/notification/_inline-notification.scss b/packages/styles/scss/components/notification/_inline-notification.scss
@@ -171,7 +171,10 @@
 
   .#{$prefix}--inline-notification--warning
     .#{$prefix}--inline-notification__icon
-    path[opacity='0'] {
+    path[opacity='0'],
+  .#{$prefix}--inline-notification--warning-alt
+    .#{$prefix}--inline-notification__icon
+    path:first-of-type {
     fill: $black-100;
     opacity: 1;
   }

diff --git a/packages/styles/scss/components/notification/_toast-notification.scss b/packages/styles/scss/components/notification/_toast-notification.scss
@@ -131,7 +131,10 @@
 
   .#{$prefix}--toast-notification--warning
     .#{$prefix}--toast-notification__icon
-    path[opacity='0'] {
+    path[opacity='0'],
+  .#{$prefix}--toast-notification--warning-alt
+    .#{$prefix}--toast-notification__icon
+    path:first-of-type {
     fill: $black-100;
     opacity: 1;
   }