@spothero/ui 15.10.8 → 15.10.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "15.10.8",
+  "version": "15.10.9",
   "description": "SpotHero's React component UI library.",
   "main": "v2/index.js",
   "repository": "https://github.com/spothero/fe-monorepo",

package/styles/v2/components/Popover/styles/index.js

@@ -12,7 +12,7 @@ const baseStyle = props => ({
     header,
     content: content(props),
     body: body(props),
-    popper: popper(props),
+    popper,
 });
 
 export default merge(chakraDefaultTheme.components.Popover, {

package/styles/v2/components/Popover/styles/popover-content.js

@@ -2,7 +2,15 @@ const popoverContentStyles = ({variant}) => ({
     padding: 4,
     marginBottom: 0,
     maxWidth: '20rem',
+    borderRadius: 'base',
     background: variant === 'dark' ? 'secondary.default' : 'white',
+    boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
+    color: variant === 'dark' ? 'white' : 'black',
+    borderColor: 'gray.100',
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    '--popper-arrow-shadow-color': t => t.colors.gray['100'],
+    zIndex: 'layer10',
 });
 
 export default popoverContentStyles;

package/styles/v2/components/Popover/styles/popper.js

@@ -1,13 +1,5 @@
-const popperStyles = ({variant}) => ({
-    borderRadius: 4,
-    boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
-    color: variant === 'dark' ? 'white' : 'black',
-    background: variant === 'dark' ? 'secondary.default' : 'white',
-    borderColor: 'gray.100',
-    '--popper-arrow-shadow-color': t => t.colors.gray['100'],
-    borderWidth: '1px',
-    borderStyle: 'solid',
-    zIndex: 'layer10',
-});
+const popperStyles = {
+    borderRadius: 'base',
+};
 
 export default popperStyles;