@agilemotion/oui-react-js 1.6.1 → 1.6.3

package/dist/assets/jss/components/typographyStyle.js

@@ -7,10 +7,16 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const typographyStyle = {
-  defaultFontStyle: { ..._rootStyle.defaultFont,
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var typographyStyle = {
+  defaultFontStyle: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
     fontSize: "14px"
-  },
+  }),
   defaultHeaderMargins: {
     marginTop: "20px",
     marginBottom: "10px"

package/dist/assets/jss/rootStyle.js

@@ -5,39 +5,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.cardLink = exports.cardSubtitle = exports.cardTitle = exports.title = exports.tooltip = exports.defaultBoxShadow = exports.cardHeader = exports.cardActions = exports.roseCardHeader = exports.primaryCardHeader = exports.infoCardHeader = exports.dangerCardHeader = exports.successCardHeader = exports.warningCardHeader = exports.roseBoxShadow = exports.dangerBoxShadow = exports.warningBoxShadow = exports.successBoxShadow = exports.infoBoxShadow = exports.primaryBoxShadow = exports.redditColor = exports.dribbbleColor = exports.behanceColor = exports.tumblrColor = exports.youtubeColor = exports.pinterestColor = exports.linkedinColor = exports.googleColor = exports.facebookColor = exports.twitterColor = exports.whiteColor = exports.blackColor = exports.grayColor = exports.agilityColor = exports.roseColor = exports.infoColor = exports.successColor = exports.dangerColor = exports.warningColor = exports.primaryColor = exports.defaultFont = exports.card = exports.boxShadow = exports.containerFluid = exports.container = exports.transition = exports.drawerMiniWidth = exports.drawerWidth = exports.hexToRgb = void 0;
 
-const hexToRgb = input => {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var hexToRgb = function hexToRgb(input) {
   input = input + "";
   input = input.replace("#", "");
-  let hexRegex = /[0-9A-Fa-f]/g;
+  var hexRegex = /[0-9A-Fa-f]/g;
 
   if (!hexRegex.test(input) || input.length !== 3 && input.length !== 6) {
     throw new Error("input is not a valid hex color.");
   }
 
   if (input.length === 3) {
-    let first = input[0];
-    let second = input[1];
-    let last = input[2];
-    input = first + first + second + second + last + last;
+    var _first = input[0];
+    var _second = input[1];
+    var _last = input[2];
+    input = _first + _first + _second + _second + _last + _last;
   }
 
   input = input.toUpperCase(input);
-  let first = input[0] + input[1];
-  let second = input[2] + input[3];
-  let last = input[4] + input[5];
+  var first = input[0] + input[1];
+  var second = input[2] + input[3];
+  var last = input[4] + input[5];
   return parseInt(first, 16) + ", " + parseInt(second, 16) + ", " + parseInt(last, 16);
 };
 
 exports.hexToRgb = hexToRgb;
-const drawerWidth = 260;
+var drawerWidth = 260;
 exports.drawerWidth = drawerWidth;
-const drawerMiniWidth = 80;
+var drawerMiniWidth = 80;
 exports.drawerMiniWidth = drawerMiniWidth;
-const transition = {
+var transition = {
   transition: "all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)"
 };
 exports.transition = transition;
-const containerFluid = {
+var containerFluid = {
   paddingRight: "15px",
   paddingLeft: "15px",
   marginRight: "auto",
@@ -51,7 +57,7 @@ const containerFluid = {
   }
 };
 exports.containerFluid = containerFluid;
-const container = {
+var container = {
   paddingRight: "15px",
   paddingLeft: "15px",
   marginRight: "auto",
@@ -74,111 +80,117 @@ const container = {
   }
 };
 exports.container = container;
-const defaultFont = {
+var defaultFont = {
   fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
   fontWeight: "300",
   lineHeight: "1.5em"
 };
 exports.defaultFont = defaultFont;
-const primaryColor = ["#9c27b0", "#ab47bc", "#8e24aa", "#af2cc5", "#7b1fa2"];
+var primaryColor = ["#9c27b0", "#ab47bc", "#8e24aa", "#af2cc5", "#7b1fa2"];
 exports.primaryColor = primaryColor;
-const warningColor = ["#ff9800", "#ffa726", "#fb8c00", "#ffa21a", "#f57c00", "#faf2cc", "#fcf8e3"];
+var warningColor = ["#ff9800", "#ffa726", "#fb8c00", "#ffa21a", "#f57c00", "#faf2cc", "#fcf8e3"];
 exports.warningColor = warningColor;
-const dangerColor = ["#f44336", "#ef5350", "#e53935", "#f55a4e", "#d32f2f", "#ebcccc", "#f2dede"];
+var dangerColor = ["#f44336", "#ef5350", "#e53935", "#f55a4e", "#d32f2f", "#ebcccc", "#f2dede"];
 exports.dangerColor = dangerColor;
-const successColor = ["#4caf50", "#66bb6a", "#43a047", "#5cb860", "#388e3c", "#d0e9c6", "#dff0d8"];
+var successColor = ["#4caf50", "#66bb6a", "#43a047", "#5cb860", "#388e3c", "#d0e9c6", "#dff0d8"];
 exports.successColor = successColor;
-const infoColor = ["#00acc1", "#26c6da", "#00acc1", "#00d3ee", "#0097a7", "#c4e3f3", "#d9edf7"];
+var infoColor = ["#00acc1", "#26c6da", "#00acc1", "#00d3ee", "#0097a7", "#c4e3f3", "#d9edf7"];
 exports.infoColor = infoColor;
-const roseColor = ["#d4a039", "#000000", "#747474", "#7c7474", "#6c7474"];
+var roseColor = ["#d4a039", "#000000", "#747474", "#7c7474", "#6c7474"];
 exports.roseColor = roseColor;
-const agilityColor = ["#d4a039", "#000000", "#747474", "#7c7474", "#6c7474"];
+var agilityColor = ["#d4a039", "#000000", "#747474", "#7c7474", "#6c7474"];
 exports.agilityColor = agilityColor;
-const grayColor = ["#999", "#777", "#3C4858", "#AAAAAA", "#D2D2D2", "#DDD", "#555555", "#333", "#eee", "#ccc", "#e4e4e4", "#E5E5E5", "#f9f9f9", "#f5f5f5", "#495057", "#e7e7e7", "#212121", "#c8c8c8", "#505050"];
+var grayColor = ["#999", "#777", "#3C4858", "#AAAAAA", "#D2D2D2", "#DDD", "#555555", "#333", "#eee", "#ccc", "#e4e4e4", "#E5E5E5", "#f9f9f9", "#f5f5f5", "#495057", "#e7e7e7", "#212121", "#c8c8c8", "#505050"];
 exports.grayColor = grayColor;
-const blackColor = "#000";
+var blackColor = "#000";
 exports.blackColor = blackColor;
-const whiteColor = "#FFF";
+var whiteColor = "#FFF";
 exports.whiteColor = whiteColor;
-const twitterColor = "#55acee";
+var twitterColor = "#55acee";
 exports.twitterColor = twitterColor;
-const facebookColor = "#3b5998";
+var facebookColor = "#3b5998";
 exports.facebookColor = facebookColor;
-const googleColor = "#dd4b39";
+var googleColor = "#dd4b39";
 exports.googleColor = googleColor;
-const linkedinColor = "#0976b4";
+var linkedinColor = "#0976b4";
 exports.linkedinColor = linkedinColor;
-const pinterestColor = "#cc2127";
+var pinterestColor = "#cc2127";
 exports.pinterestColor = pinterestColor;
-const youtubeColor = "#e52d27";
+var youtubeColor = "#e52d27";
 exports.youtubeColor = youtubeColor;
-const tumblrColor = "#35465c";
+var tumblrColor = "#35465c";
 exports.tumblrColor = tumblrColor;
-const behanceColor = "#1769ff";
+var behanceColor = "#1769ff";
 exports.behanceColor = behanceColor;
-const dribbbleColor = "#ea4c89";
+var dribbbleColor = "#ea4c89";
 exports.dribbbleColor = dribbbleColor;
-const redditColor = "#ff4500";
+var redditColor = "#ff4500";
 exports.redditColor = redditColor;
-const boxShadow = {
+var boxShadow = {
   boxShadow: "0 10px 30px -12px rgba(" + hexToRgb(blackColor) + ", 0.42), 0 4px 25px 0px rgba(" + hexToRgb(blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + hexToRgb(blackColor) + ", 0.2)"
 };
 exports.boxShadow = boxShadow;
-const primaryBoxShadow = {
+var primaryBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(primaryColor[0]) + ",.4)"
 };
 exports.primaryBoxShadow = primaryBoxShadow;
-const infoBoxShadow = {
+var infoBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(infoColor[0]) + ",.4)"
 };
 exports.infoBoxShadow = infoBoxShadow;
-const successBoxShadow = {
+var successBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(successColor[0]) + ",.4)"
 };
 exports.successBoxShadow = successBoxShadow;
-const warningBoxShadow = {
+var warningBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(warningColor[0]) + ",.4)"
 };
 exports.warningBoxShadow = warningBoxShadow;
-const dangerBoxShadow = {
+var dangerBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(dangerColor[0]) + ",.4)"
 };
 exports.dangerBoxShadow = dangerBoxShadow;
-const roseBoxShadow = {
+var roseBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(roseColor[0]) + ",.4)"
 };
 exports.roseBoxShadow = roseBoxShadow;
-const warningCardHeader = {
-  background: "linear-gradient(60deg, " + warningColor[1] + ", " + warningColor[2] + ")",
-  ...warningBoxShadow
-};
+
+var warningCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + warningColor[1] + ", " + warningColor[2] + ")"
+}, warningBoxShadow);
+
 exports.warningCardHeader = warningCardHeader;
-const successCardHeader = {
-  background: "linear-gradient(60deg, " + successColor[1] + ", " + successColor[2] + ")",
-  ...successBoxShadow
-};
+
+var successCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + successColor[1] + ", " + successColor[2] + ")"
+}, successBoxShadow);
+
 exports.successCardHeader = successCardHeader;
-const dangerCardHeader = {
-  background: "linear-gradient(60deg, " + dangerColor[1] + ", " + dangerColor[2] + ")",
-  ...dangerBoxShadow
-};
+
+var dangerCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + dangerColor[1] + ", " + dangerColor[2] + ")"
+}, dangerBoxShadow);
+
 exports.dangerCardHeader = dangerCardHeader;
-const infoCardHeader = {
-  background: "linear-gradient(60deg, " + infoColor[1] + ", " + infoColor[2] + ")",
-  ...infoBoxShadow
-};
+
+var infoCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + infoColor[1] + ", " + infoColor[2] + ")"
+}, infoBoxShadow);
+
 exports.infoCardHeader = infoCardHeader;
-const primaryCardHeader = {
-  background: "linear-gradient(60deg, " + primaryColor[1] + ", " + primaryColor[2] + ")",
-  ...primaryBoxShadow
-};
+
+var primaryCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + primaryColor[1] + ", " + primaryColor[2] + ")"
+}, primaryBoxShadow);
+
 exports.primaryCardHeader = primaryCardHeader;
-const roseCardHeader = {
-  background: agilityColor[0],
-  ...roseBoxShadow
-};
+
+var roseCardHeader = _objectSpread({
+  background: agilityColor[0]
+}, roseBoxShadow);
+
 exports.roseCardHeader = roseCardHeader;
-const card = {
+var card = {
   display: "inline-block",
   position: "relative",
   width: "100%",
@@ -189,21 +201,22 @@ const card = {
   background: whiteColor
 };
 exports.card = card;
-const cardActions = {
+
+var cardActions = _objectSpread({
   margin: "0 20px 10px",
   paddingTop: "10px",
   borderTop: "1px solid " + grayColor[8],
-  height: "auto",
-  ...defaultFont
-};
+  height: "auto"
+}, defaultFont);
+
 exports.cardActions = cardActions;
-const cardHeader = {
+var cardHeader = {
   margin: "-20px 15px 0",
   borderRadius: "3px",
   padding: "15px"
 };
 exports.cardHeader = cardHeader;
-const defaultBoxShadow = {
+var defaultBoxShadow = {
   border: "0",
   borderRadius: "3px",
   boxShadow: "0 10px 20px -12px rgba(" + hexToRgb(blackColor) + ", 0.42), 0 3px 20px 0px rgba(" + hexToRgb(blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + hexToRgb(blackColor) + ", 0.2)",
@@ -211,7 +224,7 @@ const defaultBoxShadow = {
   transition: "all 150ms ease 0s"
 };
 exports.defaultBoxShadow = defaultBoxShadow;
-const tooltip = {
+var tooltip = {
   padding: "10px 15px",
   minWidth: "130px",
   color: whiteColor,
@@ -237,7 +250,7 @@ const tooltip = {
   lineBreak: "auto"
 };
 exports.tooltip = tooltip;
-const title = {
+var title = {
   color: grayColor[2],
   textDecoration: "none",
   fontWeight: "300",
@@ -253,22 +266,24 @@ const title = {
   }
 };
 exports.title = title;
-const cardTitle = { ...title,
+
+var cardTitle = _objectSpread(_objectSpread({}, title), {}, {
   marginTop: "0",
   marginBottom: "3px",
   minHeight: "auto",
-  "& a": { ...title,
+  "& a": _objectSpread(_objectSpread({}, title), {}, {
     marginTop: ".625rem",
     marginBottom: "0.75rem",
     minHeight: "auto"
-  }
-};
+  })
+});
+
 exports.cardTitle = cardTitle;
-const cardSubtitle = {
+var cardSubtitle = {
   marginTop: "-.375rem"
 };
 exports.cardSubtitle = cardSubtitle;
-const cardLink = {
+var cardLink = {
   "& + $cardLink": {
     marginLeft: "1.25rem"
   }

package/dist/assets/jss/views/layoutStyle.js

@@ -7,51 +7,54 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const appStyle = theme => ({
-  wrapper: {
-    position: "relative",
-    top: "0",
-    height: "100vh",
-    "&:after": {
-      display: "table",
-      clear: "both",
-      content: '" "'
-    }
-  },
-  mainPanel: {
-    transitionProperty: "top, bottom, width",
-    transitionDuration: ".2s, .2s, .35s",
-    transitionTimingFunction: "linear, linear, ease",
-    [theme.breakpoints.up("md")]: {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var appStyle = function appStyle(theme) {
+  var _objectSpread2;
+
+  return {
+    wrapper: {
+      position: "relative",
+      top: "0",
+      height: "100vh",
+      "&:after": {
+        display: "table",
+        clear: "both",
+        content: '" "'
+      }
+    },
+    mainPanel: _objectSpread(_objectSpread((_objectSpread2 = {
+      transitionProperty: "top, bottom, width",
+      transitionDuration: ".2s, .2s, .35s",
+      transitionTimingFunction: "linear, linear, ease"
+    }, _defineProperty(_objectSpread2, theme.breakpoints.up("md"), {
       width: "calc(100% - ".concat(_rootStyle.drawerWidth, "px)")
+    }), _defineProperty(_objectSpread2, "overflow", "auto"), _defineProperty(_objectSpread2, "position", "relative"), _defineProperty(_objectSpread2, "float", "right"), _objectSpread2), _rootStyle.transition), {}, {
+      maxHeight: "100%",
+      width: "100%",
+      overflowScrolling: "touch"
+    }),
+    content: {
+      marginTop: "70px",
+      padding: "30px 15px",
+      minHeight: "calc(100vh - 123px)"
     },
-    overflow: "auto",
-    position: "relative",
-    float: "right",
-    ..._rootStyle.transition,
-    maxHeight: "100%",
-    width: "100%",
-    overflowScrolling: "touch"
-  },
-  content: {
-    marginTop: "70px",
-    padding: "30px 15px",
-    minHeight: "calc(100vh - 123px)"
-  },
-  container: { ..._rootStyle.containerFluid
-  },
-  map: {
-    marginTop: "70px"
-  },
-  mainPanelSidebarMini: {
-    [theme.breakpoints.up("md")]: {
+    container: _objectSpread({}, _rootStyle.containerFluid),
+    map: {
+      marginTop: "70px"
+    },
+    mainPanelSidebarMini: _defineProperty({}, theme.breakpoints.up("md"), {
       width: "calc(100% - ".concat(_rootStyle.drawerMiniWidth, "px)")
+    }),
+    mainPanelWithPerfectScrollbar: {
+      overflow: "hidden !important"
     }
-  },
-  mainPanelWithPerfectScrollbar: {
-    overflow: "hidden !important"
-  }
-});
+  };
+};
 
 var _default = appStyle;
 exports.default = _default;

package/dist/assets/jss/views/loginBasicStyle.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _colors = require("material-ui/styles/colors");
 
-const styles = {
+var styles = {
   title: {
     minWidth: 320,
     maxWidth: 400,

package/dist/assets/jss/views/loginBusinessPortalStyle.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _colors = require("material-ui/styles/colors");
 
-const styles = {
+var styles = {
   title: {
     minWidth: 320,
     maxWidth: 400,

package/dist/assets/jss/views/loginStyle.js

@@ -7,89 +7,94 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const loginStyle = theme => ({
-  container: { ..._rootStyle.container,
-    zIndex: "4",
-    [theme.breakpoints.down("sm")]: {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var loginStyle = function loginStyle(theme) {
+  var _fullPage;
+
+  return {
+    container: _objectSpread(_objectSpread({}, _rootStyle.container), {}, _defineProperty({
+      zIndex: "4"
+    }, theme.breakpoints.down("sm"), {
       paddingBottom: "100px"
-    }
-  },
-  right: {
-    margin: "0",
-    fontSize: "12px",
-    float: "right!important",
-    color: "#d32f2f"
-  },
-  cardTitle: { ..._rootStyle.cardTitle,
-    color: _rootStyle.whiteColor
-  },
-  loader: {
-    width: "100%",
-    height: "100",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  textCenter: {
-    textAlign: "center"
-  },
-  justifyContentCenter: {
-    justifyContent: "center !important"
-  },
-  customButtonClass: {
-    "&,&:focus,&:hover": {
+    })),
+    right: {
+      margin: "0",
+      fontSize: "12px",
+      float: "right!important",
+      color: "#d32f2f"
+    },
+    cardTitle: _objectSpread(_objectSpread({}, _rootStyle.cardTitle), {}, {
       color: _rootStyle.whiteColor
+    }),
+    loader: {
+      width: "100%",
+      height: "100",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
     },
-    marginLeft: "5px",
-    marginRight: "5px"
-  },
-  inputAdornment: {
-    marginRight: "18px"
-  },
-  inputAdornmentIcon: {
-    color: _rootStyle.grayColor[6]
-  },
-  cardHidden: {
-    opacity: "0",
-    transform: "translate3d(0, -60px, 0)"
-  },
-  cardHeader: {
-    marginBottom: "20px"
-  },
-  socialLine: {
-    padding: "0.9375rem 0"
-  },
-  wrapper: {
-    height: "auto",
-    minHeight: "100vh",
-    position: "relative",
-    top: "0"
-  },
-  fullPage: {
-    padding: "120px 0",
-    position: "relative",
-    minHeight: "100vh",
-    display: "flex!important",
-    margin: "0",
-    border: "0",
-    color: _rootStyle.whiteColor,
-    alignItems: "center",
-    backgroundSize: "cover",
-    backgroundPosition: "center center",
-    height: "100%",
-    [theme.breakpoints.down("sm")]: {
-      minHeight: "700px!important"
+    textCenter: {
+      textAlign: "center"
+    },
+    justifyContentCenter: {
+      justifyContent: "center !important"
+    },
+    customButtonClass: {
+      "&,&:focus,&:hover": {
+        color: _rootStyle.whiteColor
+      },
+      marginLeft: "5px",
+      marginRight: "5px"
+    },
+    inputAdornment: {
+      marginRight: "18px"
     },
-    "& footer": {
+    inputAdornmentIcon: {
+      color: _rootStyle.grayColor[6]
+    },
+    cardHidden: {
+      opacity: "0",
+      transform: "translate3d(0, -60px, 0)"
+    },
+    cardHeader: {
+      marginBottom: "20px"
+    },
+    socialLine: {
+      padding: "0.9375rem 0"
+    },
+    wrapper: {
+      height: "auto",
+      minHeight: "100vh",
+      position: "relative",
+      top: "0"
+    },
+    fullPage: (_fullPage = {
+      padding: "120px 0",
+      position: "relative",
+      minHeight: "100vh",
+      display: "flex!important",
+      margin: "0",
+      border: "0",
+      color: _rootStyle.whiteColor,
+      alignItems: "center",
+      backgroundSize: "cover",
+      backgroundPosition: "center center",
+      height: "100%"
+    }, _defineProperty(_fullPage, theme.breakpoints.down("sm"), {
+      minHeight: "700px!important"
+    }), _defineProperty(_fullPage, "& footer", {
       position: "absolute",
       bottom: "0",
       width: "100%",
       border: "none !important"
-    },
-    "&:before": {
+    }), _defineProperty(_fullPage, "&:before", {
       backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.65)"
-    },
-    "&:before,&:after": {
+    }), _defineProperty(_fullPage, "&:before,&:after", {
       display: "block",
       content: '""',
       position: "absolute",
@@ -98,9 +103,9 @@ const loginStyle = theme => ({
       top: "0",
       left: "0",
       zIndex: "2"
-    }
-  }
-});
+    }), _fullPage)
+  };
+};
 
 var _default = loginStyle;
 exports.default = _default;