fix(notification): fix low-contrast close button focus color (#5793)

tw15egan · web-flow · commit db8d9412ceee · 2020-04-07T07:38:31.000+09:00
diff --git a/packages/components/src/components/notification/_inline-notification.scss b/packages/components/src/components/notification/_inline-notification.scss
@@ -255,6 +255,11 @@
     }
   }
 
+  .#{$prefix}--inline-notification--low-contrast
+    .#{$prefix}--inline-notification__close-button {
+    @include focus-outline('outline');
+  }
+
   .#{$prefix}--inline-notification--low-contrast {
     .#{$prefix}--inline-notification__close-button
       .#{$prefix}--inline-notification__close-icon {
diff --git a/packages/components/src/components/notification/_toast-notification.scss b/packages/components/src/components/notification/_toast-notification.scss
@@ -157,6 +157,11 @@
     }
   }
 
+  .#{$prefix}--toast-notification--low-contrast
+    .#{$prefix}--toast-notification__close-button {
+    @include focus-outline('outline');
+  }
+
   .#{$prefix}--toast-notification--low-contrast
     .#{$prefix}--toast-notification__close-button
     .#{$prefix}--toast-notification__close-icon {

Original file line number	Diff line number	Diff line change
`@@ -255,6 +255,11 @@`
`255`	`255`	`}`
`256`	`256`	`}`
`257`	`257`
	`258`	`+ .#{$prefix}--inline-notification--low-contrast`
	`259`	`+ .#{$prefix}--inline-notification__close-button {`
	`260`	`+ @include focus-outline('outline');`
	`261`	`+ }`
	`262`	`+`
`258`	`263`	`.#{$prefix}--inline-notification--low-contrast {`
`259`	`264`	`.#{$prefix}--inline-notification__close-button`
`260`	`265`	`.#{$prefix}--inline-notification__close-icon {`
Original file line number	Diff line number	Diff line change
`@@ -157,6 +157,11 @@`
`157`	`157`	`}`
`158`	`158`	`}`
`159`	`159`
	`160`	`+ .#{$prefix}--toast-notification--low-contrast`
	`161`	`+ .#{$prefix}--toast-notification__close-button {`
	`162`	`+ @include focus-outline('outline');`
	`163`	`+ }`
	`164`	`+`
`160`	`165`	`.#{$prefix}--toast-notification--low-contrast`
`161`	`166`	`.#{$prefix}--toast-notification__close-button`
`162`	`167`	`.#{$prefix}--toast-notification__close-icon {`