update CaretBox

primer · Aug 6, 2018 · 5c4f885 · 5c4f885
1 parent 0545654
commit 5c4f885
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/CaretBox.js b/src/CaretBox.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import Box from './Box'
+import Block from './Box'
 import Caret from './Caret'
 import {withSystemProps} from './system-props'
 
@@ -14,21 +14,25 @@ function CaretBox(props) {
   }
 
   return (
-    <Box {...rest}>
+    <Block {...rest}}>
       {children}
       <Caret {...caretProps} />
-    </Box>
+    </Block>
   )
 }
 
 CaretBox.propTypes = {
-  ...Box.propTypes,
+  ...Block.propTypes,
   caret: Caret.propTypes.location
 }
 
 CaretBox.defaultProps = {
-  ...Box.defaultProps,
+  ...Block.defaultProps,
+  bg: 1,
+  border: 1,
+  borderColor: 'gray.2',
+  borderRadius: 1,
   position: 'relative'
 }
 
-export default withSystemProps(CaretBox, ['color'])
+export default CaretBox