fix: v11 overflow styles (#10942)

jnm2377 · Alessandra Davila · kodiakhq[bot] · web-flow · commit deb2f18cda6f · 2022-03-11T17:33:11.000Z
Co-authored-by: Alessandra Davila &lt;aledavila@ibm.com&gt;
Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/packages/styles/scss/components/overflow-menu/_overflow-menu.scss b/packages/styles/scss/components/overflow-menu/_overflow-menu.scss
@@ -78,7 +78,7 @@
   .#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open,
   .#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open
     .#{$prefix}--overflow-menu__trigger {
-    background-color: $field-02;
+    background-color: $layer;
   }
 
   .#{$prefix}--overflow-menu__icon {
@@ -121,15 +121,15 @@
   }
 
   .#{$prefix}--overflow-menu-options--light {
-    background-color: $field-02;
+    background-color: $layer;
 
     &::after {
-      background-color: $field-02;
+      background-color: $layer;
     }
   }
 
   .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open:hover {
-    background-color: $field-02;
+    background-color: $layer;
   }
 
   .#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']:not(.#{$prefix}--breadcrumb-menu-options)::after {
@@ -231,7 +231,7 @@
   }
 
   .#{$prefix}--overflow-menu--light .#{$prefix}--overflow-menu--divider {
-    border-top: 1px solid $border-subtle-02;
+    border-top: 1px solid $border-subtle;
   }
 
   a.#{$prefix}--overflow-menu-options__btn::before {

Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,7 @@`
`78`	`78`	`.#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open,`
`79`	`79`	`.#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open`
`80`	`80`	`.#{$prefix}--overflow-menu__trigger {`
`81`		`- background-color: $field-02;`
	`81`	`+ background-color: $layer;`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`.#{$prefix}--overflow-menu__icon {`
`@@ -121,15 +121,15 @@`
`121`	`121`	`}`
`122`	`122`
`123`	`123`	`.#{$prefix}--overflow-menu-options--light {`
`124`		`- background-color: $field-02;`
	`124`	`+ background-color: $layer;`
`125`	`125`
`126`	`126`	`&::after {`
`127`		`- background-color: $field-02;`
	`127`	`+ background-color: $layer;`
`128`	`128`	`}`
`129`	`129`	`}`
`130`	`130`
`131`	`131`	`.#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open:hover {`
`132`		`- background-color: $field-02;`
	`132`	`+ background-color: $layer;`
`133`	`133`	`}`
`134`	`134`
`135`	`135`	`.#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']:not(.#{$prefix}--breadcrumb-menu-options)::after {`
`@@ -231,7 +231,7 @@`
`231`	`231`	`}`
`232`	`232`
`233`	`233`	`.#{$prefix}--overflow-menu--light .#{$prefix}--overflow-menu--divider {`
`234`		`- border-top: 1px solid $border-subtle-02;`
	`234`	`+ border-top: 1px solid $border-subtle;`
`235`	`235`	`}`
`236`	`236`
`237`	`237`	`a.#{$prefix}--overflow-menu-options__btn::before {`