fix: remove light prop (#1126)

* chore: upgrade deps * fix: remove light prop
carbon-design-system · May 17, 2021 · b5da16b · b5da16b · vercel · May 17, 2021
1 parent 93e67ea
commit b5da16b
Show file tree

Hide file tree

Showing 3 changed files with 1,079 additions and 931 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/Tabs/Tabs.js b/packages/gatsby-theme-carbon/src/components/Tabs/Tabs.js
@@ -16,7 +16,7 @@ import { breakpoints } from '@carbon/elements';
 import cx from 'classnames';
 
 import { useId } from '../../util/hooks/useId';
-import styles from './Tabs.module.scss';
+import * as styles from './Tabs.module.scss';
 
 function elementIsNullOrString(child) {
   return !child || typeof child.type === 'string';
@@ -31,12 +31,11 @@ const Select = ({ children, _id }) => {
     index,
   }));
   return (
-    <div style={{ marginLeft: '-1rem', marginRight: '-1rem' }}>
+    <div className={styles.dropdownWrapper}>
       <Dropdown
         size="xl"
         onChange={({ selectedItem }) => setActiveTab(selectedItem.index)}
         initialSelectedItem={items[0]}
-        light
         label="tab selection"
         items={items}
         id={_id}

diff --git a/packages/gatsby-theme-carbon/src/components/Tabs/Tabs.module.scss b/packages/gatsby-theme-carbon/src/components/Tabs/Tabs.module.scss
@@ -11,6 +11,11 @@
   }
 }
 
+.dropdownWrapper {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+
 .panel {
   --space: 0;
   color: $text-01;