Switch popover and select z-index (#298)

* Switch popover and select z-index

* Update snapshots

Author: felixjung

src/components/Popover/__snapshots__/Popover.spec.js.snap

@@ -19,7 +19,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -60,7 +60,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -101,7 +101,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -142,7 +142,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -183,7 +183,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -224,7 +224,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -265,7 +265,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -306,7 +306,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -347,7 +347,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -388,7 +388,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -429,7 +429,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -470,7 +470,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div
@@ -511,7 +511,7 @@ Array [
     </div>
   </div>,
   .circuit-0 {
-  z-index: 20;
+  z-index: 30;
 }
 
 <div

src/components/Select/__snapshots__/Select.spec.js.snap

@@ -101,7 +101,7 @@ exports[`Select should render with default styles 1`] = `
   padding: 8px 32px 8px 12px;
   position: relative;
   width: 100%;
-  z-index: 30;
+  z-index: 20;
   font-size: 15px;
   line-height: 24px;
 }
@@ -170,7 +170,7 @@ exports[`Select should render with disabled styles when passed the disabled prop
   padding: 8px 32px 8px 12px;
   position: relative;
   width: 100%;
-  z-index: 30;
+  z-index: 20;
   font-size: 15px;
   line-height: 24px;
 }
@@ -249,7 +249,7 @@ exports[`Select should render with inline styles when passed the inline prop 1`]
   padding: 8px 32px 8px 12px;
   position: relative;
   width: 100%;
-  z-index: 30;
+  z-index: 20;
   font-size: 15px;
   line-height: 24px;
 }
@@ -404,7 +404,7 @@ exports[`Select should render with no margin styles when passed the noMargin pro
   padding: 8px 32px 8px 12px;
   position: relative;
   width: 100%;
-  z-index: 30;
+  z-index: 20;
   font-size: 15px;
   line-height: 24px;
 }

src/themes/circuit.js

@@ -231,8 +231,8 @@ export const zIndex = {
   default: 0,
   absolute: 1,
   drawer: 10,
-  popover: 20,
-  select: 30,
+  select: 20,
+  popover: 30,
   tooltip: 31,
   modal: 1000
 };