♻️ Extend Box with propTypes

Author: exah

src/box/index.js

@@ -1,5 +1,4 @@
 import styled from '@emotion/styled'
-import PropTypes from 'prop-types'
 
 import {
   combineStyles,
@@ -47,8 +46,7 @@ Box.displayName = 'Box'
 
 Box.propTypes = {
   ...BoxBase.propTypes,
-  ...styles.propTypes,
-  initialCSS: PropTypes.object
+  ...styles.propTypes
 }
 
 export {

src/flex/index.js

@@ -24,7 +24,7 @@ const Flex = styled(Box)(
 )
 
 Flex.displayName = 'Flex'
-Flex.propTypes = { ...styles.propTypes }
+Flex.propTypes = { ...styles.propTypes, ...Box.propTypes }
 Flex.defaultProps = { display: 'flex' }
 
 export {

src/grid/index.js

@@ -31,15 +31,15 @@ const Grid = styled(Box)(
 )
 
 Grid.displayName = 'Grid'
-Grid.propTypes = { ...styles.propTypes }
+Grid.propTypes = { ...styles.propTypes, ...Box.propTypes }
 Grid.defaultProps = { display: 'grid' }
 
 const GridItem = styled(Box)(
   gridItem
 )
 
 GridItem.displayName = 'Grid.Item'
-GridItem.propTypes = { ...gridItem.propTypes }
+GridItem.propTypes = { ...gridItem.propTypes, ...Box.propTypes }
 Grid.Item = GridItem
 
 export {

src/text/index.js

@@ -22,7 +22,7 @@ const Text = styled(TextBase)(
 )
 
 Text.displayName = 'Text'
-Text.propTypes = { ...styles.propTypes }
+Text.propTypes = { ...styles.propTypes, ...Box.propTypes }
 
 export {
   Text