@agilemotion/oui-react-js 1.2.6 → 1.2.7

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

@@ -1,187 +0,0 @@
-"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; }
-
-var pagesHeaderStyle = function pagesHeaderStyle(theme) {
-  return {
-    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

@@ -1,417 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _rootStyle = require("../rootStyle");
-
-var 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

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _rootStyle = require("../rootStyle");
-
-var 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;