@popmenu/dashboard 0.50.0 → 0.51.0

package/build/index.es.js

@@ -863,6 +863,24 @@ function SvgTrendDown(props) {
   }))));
 }
 
+var _path$a;
+
+function _extends$G() { _extends$G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
+
+function SvgGitCommit(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
+    viewBox: "0 0 16 16",
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "1em",
+    height: "1em"
+  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+    d: "M8 10.667a2.667 2.667 0 100-5.334 2.667 2.667 0 000 5.334zM.7 8h3.967m6.673 0h3.966",
+    stroke: "currentColor"
+  })));
+}
+
 var useLeaderboardStyles = makeStyles(function (theme) { return ({
     root: {
         '& >:nth-child(even) > li': {
@@ -1027,8 +1045,8 @@ var defaultProps = {
 var KpiMetric = function (props) {
     var KpiIcon = props.Icon, metric = props.metric, value = props.value, trend = props.trend, trendMessage = props.trendMessage, trendStatus = props.trendStatus;
     var classes = useKpiMetricStyles(props);
-    var trendColors = trendStatus === 'natural' ? ['success', 'warning'] : ['warning', 'success'];
-    var trendColorMap = { up: 0, down: 1, level: 1 };
+    var trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
+    var trendColorMap = { up: 0, down: 1, level: 2 };
     return (React__default.createElement(Box, { className: classes.root },
         KpiIcon && (React__default.createElement(Box, { className: classes.iconContainer },
             React__default.createElement(Icon, { icon: KpiIcon, size: "inherit" }))),
@@ -1037,6 +1055,7 @@ var KpiMetric = function (props) {
         trendMessage && (React__default.createElement(Typography, { style: { fontSize: 'inherit' }, variant: "body2", color: trend ? trendColors[trendColorMap[trend]] : 'grey.500' },
             trend === 'up' && React__default.createElement(Icon, { className: classes.trendIcon, icon: SvgTrend, size: "inherit" }),
             trend === 'down' && React__default.createElement(Icon, { className: classes.trendIcon, icon: SvgTrendDown, size: "inherit" }),
+            trend === 'level' && React__default.createElement(Icon, { className: classes.trendIcon, icon: SvgGitCommit, size: "inherit" }),
             trendMessage))));
 };
 KpiMetric.defaultProps = defaultProps;