fix(dropdown): inline variant has transparent background

carbon-design-system · Feb 17, 2020 · 5680b68 · 5680b68
1 parent 4ec19bd
commit 5680b68
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 29 deletions.
diff --git a/packages/components/src/components/dropdown/_dropdown.scss b/packages/components/src/components/dropdown/_dropdown.scss
@@ -343,15 +343,15 @@
     border-bottom-color: transparent;
     width: auto;
     height: rem(32px);
-    background-color: $ui-background;
+    background-color: transparent;
     transition: background $duration--fast-01 motion(entrance, productive);
 
     &:hover {
       background-color: $hover-ui;
     }
 
     &.#{$prefix}--dropdown--disabled {
-      background-color: $ui-background;
+      background-color: transparent;
     }
 
     .#{$prefix}--dropdown__arrow {
@@ -360,10 +360,6 @@
     }
   }
 
-  .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--light {
-    background-color: $field-01;
-  }
-
   .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--open {
     background-color: transparent;
   }

diff --git a/packages/components/src/components/dropdown/dropdown.config.js b/packages/components/src/components/dropdown/dropdown.config.js
@@ -105,14 +105,5 @@ module.exports = {
         items,
       },
     },
-    {
-      name: 'inline (light)',
-      label: 'Inline (Light)',
-      context: {
-        inline: true,
-        light: true,
-        items,
-      },
-    },
   ],
 };
diff --git a/packages/components/src/components/list-box/_list-box.scss b/packages/components/src/components/list-box/_list-box.scss
@@ -196,18 +196,14 @@ $list-box-menu-width: rem(300px);
 
   // Inline variant for a `list-box`
   .#{$prefix}--list-box.#{$prefix}--list-box--inline {
-    background-color: $ui-background;
+    background-color: transparent;
     border-width: 0;
 
     &:hover {
       background-color: $hover-ui;
     }
   }
 
-  .#{$prefix}--list-box.#{$prefix}--list-box--inline.#{$prefix}--list-box--light {
-    background-color: $field-01;
-  }
-
   .#{$prefix}--list-box.#{$prefix}--list-box--inline.#{$prefix}--list-box--expanded {
     border-bottom-width: 0;
   }

diff --git a/packages/components/src/components/list-box/list-box.config.js b/packages/components/src/components/list-box/list-box.config.js
@@ -62,14 +62,5 @@ module.exports = {
         items,
       },
     },
-    {
-      name: 'inline (light)',
-      label: 'Inline (Light)',
-      context: {
-        inline: true,
-        light: true,
-        items,
-      },
-    },
   ],
 };