@agilemotion/oui-react-js 1.2.7 → 1.2.8

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

@@ -0,0 +1,185 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+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; }
+
+const pagesHeaderStyle = theme => ({
+  appBar: {
+    backgroundColor: "transparent",
+    boxShadow: "none",
+    borderBottom: "0",
+    marginBottom: "0",
+    position: "absolute",
+    width: "100%",
+    paddingTop: "10px",
+    zIndex: "1029",
+    color: _rootStyle.grayColor[6],
+    border: "0",
+    borderRadius: "3px",
+    padding: "10px 0",
+    transition: "all 150ms ease 0s",
+    minHeight: "50px",
+    display: "block"
+  },
+  container: _objectSpread(_objectSpread({}, _rootStyle.container), {}, {
+    minHeight: "50px"
+  }),
+  flex: {
+    flex: 1
+  },
+  title: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+    lineHeight: "30px",
+    fontSize: "18px",
+    borderRadius: "3px",
+    textTransform: "none",
+    color: _rootStyle.whiteColor,
+    letterSpacing: "unset",
+    "&:hover,&:focus": {
+      background: "transparent",
+      color: _rootStyle.whiteColor
+    }
+  }),
+  appResponsive: {
+    top: "8px"
+  },
+  primary: _objectSpread({
+    backgroundColor: _rootStyle.primaryColor[0],
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  info: _objectSpread({
+    backgroundColor: _rootStyle.infoColor[0],
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  success: _objectSpread({
+    backgroundColor: _rootStyle.successColor[0],
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  warning: _objectSpread({
+    backgroundColor: _rootStyle.warningColor[0],
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  danger: _objectSpread({
+    backgroundColor: _rootStyle.dangerColor[0],
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  list: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+    fontSize: "14px",
+    margin: 0,
+    marginRight: "-15px",
+    paddingLeft: "0",
+    listStyle: "none",
+    color: _rootStyle.whiteColor,
+    paddingTop: "0",
+    paddingBottom: "0"
+  }),
+  listItem: {
+    float: "left",
+    position: "relative",
+    display: "block",
+    width: "auto",
+    margin: "0",
+    padding: "0",
+    [theme.breakpoints.down("sm")]: {
+      zIndex: "999",
+      width: "100%",
+      paddingRight: "15px"
+    }
+  },
+  navLink: {
+    color: _rootStyle.whiteColor,
+    margin: "0 5px",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    fontWeight: "500",
+    fontSize: "12px",
+    textTransform: "uppercase",
+    borderRadius: "3px",
+    lineHeight: "20px",
+    position: "relative",
+    display: "block",
+    padding: "10px 15px",
+    textDecoration: "none",
+    "&:hover,&:focus": {
+      color: _rootStyle.whiteColor,
+      background: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[17]) + ", 0.2)"
+    }
+  },
+  listItemIcon: {
+    marginTop: "-3px",
+    top: "0px",
+    position: "relative",
+    marginRight: "3px",
+    width: "20px",
+    height: "20px",
+    verticalAlign: "middle",
+    color: "inherit",
+    display: "inline-block"
+  },
+  listItemText: {
+    flex: "none",
+    padding: "0",
+    minWidth: "0",
+    margin: 0,
+    display: "inline-block",
+    position: "relative",
+    whiteSpace: "nowrap"
+  },
+  navLinkActive: {
+    backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.1)"
+  },
+  drawerPaper: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    border: "none",
+    bottom: "0",
+    transitionProperty: "top, bottom, width",
+    transitionDuration: ".2s, .2s, .35s",
+    transitionTimingFunction: "linear, linear, ease"
+  }, _rootStyle.boxShadow), {}, {
+    width: _rootStyle.drawerWidth
+  }, _rootStyle.boxShadow), {}, {
+    position: "fixed",
+    display: "block",
+    top: "0",
+    height: "100vh",
+    right: "0",
+    left: "auto",
+    visibility: "visible",
+    overflowY: "visible",
+    borderTop: "none",
+    textAlign: "left",
+    paddingRight: "0px",
+    paddingLeft: "0"
+  }, _rootStyle.transition), {}, {
+    "&:before,&:after": {
+      position: "absolute",
+      zIndex: "3",
+      width: "100%",
+      height: "100%",
+      content: '""',
+      display: "block",
+      top: "0"
+    },
+    "&:after": {
+      background: _rootStyle.blackColor,
+      opacity: ".8"
+    }
+  }),
+  sidebarButton: {
+    "&,&:hover,&:focus": {
+      color: _rootStyle.whiteColor
+    },
+    top: "-2px"
+  }
+});
+
+var _default = pagesHeaderStyle;
+exports.default = _default;

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

@@ -0,0 +1,417 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+const buttonStyle = {
+  button: {
+    minHeight: "auto",
+    minWidth: "auto",
+    backgroundColor: _rootStyle.grayColor[0],
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[0]) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[0]) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[0]) + ", 0.12)",
+    border: "none",
+    borderRadius: "3px",
+    position: "relative",
+    padding: "12px 30px",
+    margin: ".3125rem 1px",
+    fontSize: "12px",
+    fontWeight: "400",
+    textTransform: "uppercase",
+    letterSpacing: "0",
+    willChange: "box-shadow, transform",
+    transition: "box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
+    lineHeight: "1.42857143",
+    textAlign: "center",
+    whiteSpace: "nowrap",
+    verticalAlign: "middle",
+    touchAction: "manipulation",
+    cursor: "pointer",
+    "&:hover,&:focus": {
+      color: _rootStyle.whiteColor,
+      backgroundColor: _rootStyle.grayColor[0],
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[0]) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[0]) + ", 0.2)"
+    },
+    "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+      position: "relative",
+      display: "inline-block",
+      top: "0",
+      marginTop: "-1em",
+      marginBottom: "-1em",
+      fontSize: "1.1rem",
+      marginRight: "4px",
+      verticalAlign: "middle"
+    },
+    "& svg": {
+      position: "relative",
+      display: "inline-block",
+      top: "0",
+      width: "18px",
+      height: "18px",
+      marginRight: "4px",
+      verticalAlign: "middle"
+    },
+    "&$justIcon": {
+      "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+        marginTop: "0px",
+        position: "absolute",
+        width: "100%",
+        transform: "none",
+        left: "0px",
+        top: "0px",
+        height: "100%",
+        lineHeight: "41px",
+        fontSize: "20px"
+      }
+    }
+  },
+  fullWidth: {
+    width: "100%"
+  },
+  primary: {
+    backgroundColor: _rootStyle.primaryColor[0],
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.primaryColor[0]) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.primaryColor[0]) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.primaryColor[0]) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.primaryColor[0],
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.primaryColor[0]) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.primaryColor[0]) + ", 0.2)"
+    }
+  },
+  info: {
+    backgroundColor: _rootStyle.infoColor[0],
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.infoColor[0]) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.infoColor[0]) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.infoColor[0]) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.infoColor[0],
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.infoColor[0]) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.infoColor[0]) + ", 0.2)"
+    }
+  },
+  success: {
+    backgroundColor: _rootStyle.successColor[0],
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.successColor[0]) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.successColor[0]) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.successColor[0]) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.successColor[0],
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.successColor[0]) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.successColor[0]) + ", 0.2)"
+    }
+  },
+  warning: {
+    backgroundColor: _rootStyle.warningColor[0],
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.warningColor[0]) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.warningColor[0]) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.warningColor[0]) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.warningColor[0],
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.warningColor[0]) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.warningColor[0]) + ", 0.2)"
+    }
+  },
+  danger: {
+    backgroundColor: _rootStyle.dangerColor[0],
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dangerColor[0]) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dangerColor[0]) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dangerColor[0]) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.dangerColor[0],
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dangerColor[0]) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dangerColor[0]) + ", 0.2)"
+    }
+  },
+  rose: {
+    backgroundColor: _rootStyle.agilityColor[0],
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.agilityColor[0]) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.agilityColor[0]) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.agilityColor[0]) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.roseColor[0],
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.agilityColor[0]) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.agilityColor[0]) + ", 0.2)"
+    }
+  },
+  white: {
+    "&,&:focus,&:hover": {
+      backgroundColor: _rootStyle.whiteColor,
+      color: _rootStyle.grayColor[0]
+    }
+  },
+  twitter: {
+    backgroundColor: _rootStyle.twitterColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.twitterColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.twitterColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.twitterColor) + ", 0.12)",
+    "&:hover,&:focus,&:visited": {
+      backgroundColor: _rootStyle.twitterColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.twitterColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.twitterColor) + ", 0.2)"
+    }
+  },
+  facebook: {
+    backgroundColor: _rootStyle.facebookColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.facebookColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.facebookColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.facebookColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.facebookColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.facebookColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.facebookColor) + ", 0.2)"
+    }
+  },
+  google: {
+    backgroundColor: _rootStyle.googleColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.googleColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.googleColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.googleColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.googleColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.googleColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.googleColor) + ", 0.2)"
+    }
+  },
+  linkedin: {
+    backgroundColor: _rootStyle.linkedinColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.linkedinColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.linkedinColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.linkedinColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.linkedinColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.linkedinColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.linkedinColor) + ", 0.2)"
+    }
+  },
+  pinterest: {
+    backgroundColor: _rootStyle.pinterestColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.pinterestColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.pinterestColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.pinterestColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.pinterestColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.pinterestColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.pinterestColor) + ", 0.2)"
+    }
+  },
+  youtube: {
+    backgroundColor: _rootStyle.youtubeColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.youtubeColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.youtubeColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.youtubeColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.youtubeColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.youtubeColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.youtubeColor) + ", 0.2)"
+    }
+  },
+  tumblr: {
+    backgroundColor: _rootStyle.tumblrColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.tumblrColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.tumblrColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.tumblrColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.tumblrColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.tumblrColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.tumblrColor) + ", 0.2)"
+    }
+  },
+  github: {
+    backgroundColor: _rootStyle.grayColor[7],
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[6]) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[6]) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[6]) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.grayColor[7],
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[6]) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[6]) + ", 0.2)"
+    }
+  },
+  behance: {
+    backgroundColor: _rootStyle.behanceColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.behanceColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.behanceColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.behanceColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.behanceColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.behanceColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.behanceColor) + ", 0.2)"
+    }
+  },
+  dribbble: {
+    backgroundColor: _rootStyle.dribbbleColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dribbbleColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dribbbleColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dribbbleColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.dribbbleColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dribbbleColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.dribbbleColor) + ", 0.2)"
+    }
+  },
+  reddit: {
+    backgroundColor: _rootStyle.redditColor,
+    color: _rootStyle.whiteColor,
+    boxShadow: "0 2px 2px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.redditColor) + ", 0.14), 0 3px 1px -2px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.redditColor) + ", 0.2), 0 1px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.redditColor) + ", 0.12)",
+    "&:hover,&:focus": {
+      backgroundColor: _rootStyle.redditColor,
+      color: _rootStyle.whiteColor,
+      boxShadow: "0 14px 26px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.redditColor) + ", 0.42), 0 4px 23px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.redditColor) + ", 0.2)"
+    }
+  },
+  simple: {
+    "&,&:focus,&:hover": {
+      color: _rootStyle.whiteColor,
+      background: "transparent",
+      boxShadow: "none"
+    },
+    "&$primary": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.primaryColor[0]
+      }
+    },
+    "&$info": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.infoColor[0]
+      }
+    },
+    "&$success": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.successColor[0]
+      }
+    },
+    "&$warning": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.warningColor[0]
+      }
+    },
+    "&$rose": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.roseColor[0]
+      }
+    },
+    "&$danger": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.dangerColor[0]
+      }
+    },
+    "&$twitter": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.twitterColor
+      }
+    },
+    "&$facebook": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.facebookColor
+      }
+    },
+    "&$google": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.googleColor
+      }
+    },
+    "&$linkedin": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.linkedinColor
+      }
+    },
+    "&$pinterest": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.pinterestColor
+      }
+    },
+    "&$youtube": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.youtubeColor
+      }
+    },
+    "&$tumblr": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.tumblrColor
+      }
+    },
+    "&$github": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.grayColor[7]
+      }
+    },
+    "&$behance": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.behanceColor
+      }
+    },
+    "&$dribbble": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.dribbbleColor
+      }
+    },
+    "&$reddit": {
+      "&,&:focus,&:hover,&:visited": {
+        color: _rootStyle.redditColor
+      }
+    }
+  },
+  transparent: {
+    "&,&:focus,&:hover": {
+      color: "inherit",
+      background: "transparent",
+      boxShadow: "none"
+    }
+  },
+  disabled: {
+    opacity: "0.65",
+    pointerEvents: "none"
+  },
+  lg: {
+    "&$justIcon": {
+      "& .fab,& .fas,& .far,& .fal,& svg,& .material-icons": {
+        marginTop: "-4px"
+      }
+    },
+    padding: "1.125rem 2.25rem",
+    fontSize: "0.875rem",
+    lineHeight: "1.333333",
+    borderRadius: "0.2rem"
+  },
+  sm: {
+    "&$justIcon": {
+      "& .fab,& .fas,& .far,& .fal,& svg,& .material-icons": {
+        marginTop: "1px"
+      }
+    },
+    padding: "0.40625rem 1.25rem",
+    fontSize: "0.6875rem",
+    lineHeight: "1.5",
+    borderRadius: "0.2rem"
+  },
+  round: {
+    borderRadius: "30px"
+  },
+  block: {
+    width: "100% !important"
+  },
+  link: {
+    "&,&:hover,&:focus": {
+      backgroundColor: "transparent",
+      color: _rootStyle.grayColor[0],
+      boxShadow: "none"
+    }
+  },
+  justIcon: {
+    paddingLeft: "12px",
+    paddingRight: "12px",
+    fontSize: "20px",
+    height: "41px",
+    minWidth: "41px",
+    width: "41px",
+    "& .fab,& .fas,& .far,& .fal,& svg,& .material-icons": {
+      marginRight: "0px"
+    },
+    "&$lg": {
+      height: "57px",
+      minWidth: "57px",
+      width: "57px",
+      lineHeight: "56px",
+      "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+        fontSize: "32px",
+        lineHeight: "56px"
+      },
+      "& svg": {
+        width: "32px",
+        height: "32px"
+      }
+    },
+    "&$sm": {
+      height: "30px",
+      minWidth: "30px",
+      width: "30px",
+      "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+        fontSize: "17px",
+        lineHeight: "29px"
+      },
+      "& svg": {
+        width: "17px",
+        height: "17px"
+      }
+    }
+  }
+};
+var _default = buttonStyle;
+exports.default = _default;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+const cardAvatarStyle = {
+  cardAvatar: {
+    "&$cardAvatarProfile img,&$cardAvatarTestimonial img": {
+      width: "100%",
+      height: "auto"
+    }
+  },
+  cardAvatarProfile: {
+    maxWidth: "130px",
+    maxHeight: "130px",
+    margin: "-50px auto 0",
+    borderRadius: "50%",
+    overflow: "hidden",
+    padding: "0",
+    boxShadow: "0 16px 38px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.56), 0 4px 25px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.2)",
+    "&$cardAvatarPlain": {
+      marginTop: "0"
+    }
+  },
+  cardAvatarPlain: {},
+  cardAvatarTestimonial: {
+    margin: "-50px auto 0",
+    maxWidth: "100px",
+    maxHeight: "100px",
+    borderRadius: "50%",
+    overflow: "hidden",
+    padding: "0",
+    boxShadow: "0 16px 38px -12px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.56), 0 4px 25px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.2)",
+    "&$cardAvatarPlain": {
+      marginTop: "0"
+    }
+  },
+  cardAvatarTestimonialFooter: {
+    marginBottom: "-50px",
+    marginTop: "10px"
+  }
+};
+var _default = cardAvatarStyle;
+exports.default = _default;