chore: make shadow props (insetShadow) opt-in

Author: WesSouza

src/Cutout/Cutout.js

@@ -55,7 +55,7 @@ const Cutout = React.forwardRef(function Cutout(props, ref) {
 
 Cutout.defaultProps = {
   children: null,
-  shadow: true
+  shadow: false
 };
 
 Cutout.propTypes = {

src/DatePicker/DatePicker.js

@@ -68,7 +68,7 @@ class DatePicker extends Component {
   };
 
   static defaultProps = {
-    shadow: true,
+    shadow: false,
     className: '',
     onAccept: null,
     onCancel: null,

src/List/List.js

@@ -33,7 +33,7 @@ const List = React.forwardRef(function List(props, ref) {
 
 List.defaultProps = {
   fullWidth: false,
-  shadow: true,
+  shadow: false,
   inline: false,
   children: null
 };

src/List/List.mdx

@@ -5,8 +5,8 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import List from './List'
-import ListItem from '../ListItem/ListItem'
+import List from './List';
+import ListItem from '../ListItem/ListItem';
 
 # List
 
@@ -38,10 +38,10 @@ import ListItem from '../ListItem/ListItem'
   </List>
 </Playground>
 
-#### No shadow
+#### With shadow
 
 <Playground>
-  <List shadow={false}>
+  <List shadow>
     <ListItem>Photos</ListItem>
     <ListItem>Videos</ListItem>
     <ListItem>Other</ListItem>

src/NumberField/NumberField.mdx

@@ -40,11 +40,11 @@ import Cutout from '../Cutout/Cutout'
   />
 </Playground>
 
-#### No shadow
+#### With shadow
 
 <Playground>
   <NumberField
-    shadow={false}
+    shadow
     value={1991}
     onChange={value => console.log(value)}
   />
@@ -60,7 +60,6 @@ import Cutout from '../Cutout/Cutout'
       </p>
       <NumberField
         variant='flat'
-        shadow={false}
         value={1991}
         onChange={value => console.log(value)}
       />

src/Progress/Progress.js

@@ -152,7 +152,7 @@ const Progress = forwardRef(function Progress(props, ref) {
 
 Progress.defaultProps = {
   value: 0,
-  shadow: true,
+  shadow: false,
   variant: 'default',
   hideValue: false
 };

src/Select/Select.js

@@ -474,7 +474,7 @@ Select.defaultProps = {
   options: [],
   readOnly: undefined,
   SelectDisplayProps: {},
-  shadow: true,
+  shadow: false,
   style: {},
   value: undefined,
   variant: 'default',

src/Select/Select.mdx

@@ -61,7 +61,7 @@ import Cutout from '../Cutout/Cutout'
   }}
 </Playground>
 
-#### No shadow
+#### With shadow
 
 <Playground>
   {() => {
@@ -76,7 +76,7 @@ import Cutout from '../Cutout/Cutout'
     ];
     return (
       <Select
-        shadow={false}
+        shadow
         items={items}
         onChange={value => console.log(value)}
       />

src/TextField/TextField.js

@@ -102,7 +102,7 @@ TextField.defaultProps = {
   fullWidth: null,
   multiline: false,
   onChange: () => {},
-  shadow: true,
+  shadow: false,
   style: {},
   type: 'text',
   variant: 'default'

src/TextField/TextField.mdx

@@ -18,12 +18,12 @@ import Cutout from '../Cutout/Cutout';
   <TextField defaultValue='' onChange={e => console.log(e.target.value)} />
 </Playground>
 
-#### No shadow
+#### With shadow
 
 <Playground>
   <TextField
     defaultValue='No shadow'
-    shadow={false}
+    shadow
     onChange={e => console.log(e.target.value)}
   />
 </Playground>

src/Window/Window.js

@@ -52,7 +52,7 @@ const Window = React.forwardRef(function Window(props, ref) {
 
 Window.defaultProps = {
   resizable: false,
-  shadow: true,
+  shadow: false,
   children: null
 };