@spothero/ui 15.10.7 → 15.10.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "15.10.7",
+  "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/Alert/Alert.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {
     Alert as ChakraAlert,
     AlertTitle,
@@ -85,7 +86,7 @@ Alert.propTypes = {
     /** Status. One of: success, neutral, warning, or error */
     status: PropTypes.oneOf(['neutral', 'success', 'warning', 'error']),
     /** Title Text. Will not display title if empty */
-    title: PropTypes.string,
+    title: PropTypes.node,
     /** Props to pass to button (like onClick). Will not display button if this or buttonText empty */
     buttonProps: PropTypes.object,
     /** Text of button. Will not display button if this or buttonProps empty */
@@ -99,7 +100,7 @@ Alert.propTypes = {
     /** Whether or not to show the icon */
     showIcon: PropTypes.bool,
     /** Description text. Will not display description if empty */
-    description: PropTypes.string,
+    description: PropTypes.node,
     /** Size of the text */
     size: PropTypes.oneOf(['sm', 'md', 'lg']),
 };

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;