sag_components 1.0.131 → 1.0.132

package/dist/stories/components/Button.js

@@ -9,16 +9,25 @@ exports.default = exports.Button = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _styles = require("@mui/material/styles");
 var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
-var _excluded = ["text", "shape", "size", "disabled", "radius", "textColor", "backgroundColor", "onClick"];
+var _excluded = ["text", "fontFamily", "fontSize", "shape", "size", "height", "width", "disabled", "radius", "textColor", "backgroundColor", "borderColor", "hoverTextColor", "hoverBackgroundColor", "hoverBorderColor", "onClick"];
 var Button = function Button(_ref) {
   var text = _ref.text,
+    fontFamily = _ref.fontFamily,
+    fontSize = _ref.fontSize,
     shape = _ref.shape,
     size = _ref.size,
+    height = _ref.height,
+    width = _ref.width,
     disabled = _ref.disabled,
     radius = _ref.radius,
     textColor = _ref.textColor,
     backgroundColor = _ref.backgroundColor,
+    borderColor = _ref.borderColor,
+    hoverTextColor = _ref.hoverTextColor,
+    hoverBackgroundColor = _ref.hoverBackgroundColor,
+    hoverBorderColor = _ref.hoverBorderColor,
     _onClick = _ref.onClick,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var getTextColor = function getTextColor() {
@@ -33,18 +42,48 @@ var Button = function Button(_ref) {
       return textColor;
     }
   };
+  var theme = (0, _styles.createTheme)({
+    typography: {
+      "fontFamily": fontFamily,
+      "fontSize": fontSize
+    },
+    components: {
+      MuiButton: {
+        styleOverrides: {
+          root: function root(_ref2) {
+            var ownerState = _ref2.ownerState;
+            return {
+              "&:hover": {
+                backgroundColor: hoverBackgroundColor,
+                color: hoverTextColor,
+                borderColor: hoverBorderColor
+              }
+            };
+          }
+        }
+      }
+    }
+  });
   return /*#__PURE__*/React.createElement(_Stack.default, {
     direction: "row",
     spacing: 2
+  }, /*#__PURE__*/React.createElement(_styles.ThemeProvider, {
+    theme: theme
   }, /*#__PURE__*/React.createElement(_Button.default, {
     sx: {
+      minHeight: height ? height : null,
+      maxHeight: height ? height : null,
+      minWidth: width ? width : null,
+      maxWidth: width ? width : null,
       textTransform: "none",
       borderRadius: radius * 0.05,
       color: getTextColor(),
       //  shape === "contained" ? "white" : "black",
       backgroundColor: {
         backgroundColor: backgroundColor
-      }
+      },
+      borderColor: borderColor,
+      fontFamily: fontFamily
     },
     variant: shape,
     size: size,
@@ -52,7 +91,7 @@ var Button = function Button(_ref) {
     onClick: function onClick(event) {
       _onClick(event);
     }
-  }, text));
+  }, text)));
 };
 exports.Button = Button;
 var _default = Button;

package/dist/stories/components/TotalBenchmarkAreachart.style.js

@@ -20,7 +20,7 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
 exports.ControlsContainer = ControlsContainer;
 var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  border-radius: 12px;\n  background: #ffffff;\n  justify-content: center;  \n  flex-direction: column;\n  flex-basis: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n"])));
 exports.Controls = Controls;
-var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([" \n  font-weight: 600;\n  font-size: 1rem;  \n  margin-left: 0.5rem;\n  margin-top: 10px;\n"])));
+var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([" \n  font-weight: 600;\n  font-size: 1rem;  \n  margin-left: 0.5rem;\n  margin-top: 15px;\n"])));
 exports.Title = Title;
 var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: baseline;    \n  margin-left: 0.5rem;\n"])));
 exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.131",
+  "version": "1.0.132",
   "description": "",
   "main": "dist/index.js",
   "scripts": {