fix(tabs): revert input background changes (#5914)

Co-authored-by: Josh Black <josh@josh.black>
carbon-design-system · Apr 23, 2020 · ccbeadc · ccbeadc
1 parent b3b56c4
commit ccbeadc
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 38 deletions.
diff --git a/packages/components/src/components/tabs/_tabs.scss b/packages/components/src/components/tabs/_tabs.scss
@@ -408,32 +408,6 @@
     padding: $carbon--spacing-05;
   }
 
-  .#{$prefix}--tabs--container
-    ~ .#{$prefix}--tab-content
-    .#{$prefix}--text-input,
-  .#{$prefix}--tabs--container
-    ~ .#{$prefix}--tab-content
-    .#{$prefix}--text-area,
-  .#{$prefix}--tabs--container
-    ~ .#{$prefix}--tab-content
-    .#{$prefix}--search-input,
-  .#{$prefix}--tabs--container
-    ~ .#{$prefix}--tab-content
-    .#{$prefix}--select-input,
-  .#{$prefix}--tabs--container ~ .#{$prefix}--tab-content .#{$prefix}--dropdown,
-  .#{$prefix}--tabs--container
-    ~ .#{$prefix}--tab-content
-    .#{$prefix}--dropdown-list,
-  .#{$prefix}--tabs--container
-    ~ .#{$prefix}--tab-content
-    .#{$prefix}--number
-    input[type='number'],
-  .#{$prefix}--tabs--container
-    ~ .#{$prefix}--tab-content
-    .#{$prefix}--date-picker__input {
-    background-color: $field-02;
-  }
-
   //-----------------------------
   // Skeleton state
   //-----------------------------

diff --git a/packages/components/src/components/tile/_tile.scss b/packages/components/src/components/tile/_tile.scss
@@ -33,17 +33,6 @@
     }
   }
 
-  .#{$prefix}--tile .#{$prefix}--text-input,
-  .#{$prefix}--tile .#{$prefix}--text-area,
-  .#{$prefix}--tile .#{$prefix}--search-input,
-  .#{$prefix}--tile .#{$prefix}--select-input,
-  .#{$prefix}--tile .#{$prefix}--dropdown,
-  .#{$prefix}--tile .#{$prefix}--dropdown-list,
-  .#{$prefix}--tile .#{$prefix}--number input[type='number'],
-  .#{$prefix}--tile .#{$prefix}--date-picker__input {
-    background-color: $field-02;
-  }
-
   .#{$prefix}--tile--light {
     background-color: $ui-02;
   }

diff --git a/packages/react/src/components/Tabs/Tabs-story.js b/packages/react/src/components/Tabs/Tabs-story.js
@@ -200,7 +200,7 @@ storiesOf('Tabs', module)
           label={<CustomLabel text="Custom Label" />}>
           <div className="some-content">
             <p>Content for fourth tab goes here.</p>
-            <TextInput id="sample-input" labelText="text input label" />
+            <TextInput light id="sample-input" labelText="Text Input Label" />
           </div>
         </Tab>
       </Tabs>