@agilemotion/oui-react-js 1.2.7 → 1.2.9

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+const cardBodyStyle = {
+  cardBody: {
+    padding: "0.9375rem 20px",
+    flex: "1 1 auto",
+    WebkitBoxFlex: "1",
+    position: "relative"
+  },
+  cardBodyBackground: {
+    position: "relative",
+    zIndex: "2",
+    minHeight: "280px",
+    paddingTop: "40px",
+    paddingBottom: "40px",
+    maxWidth: "440px",
+    margin: "0 auto"
+  },
+  cardBodyPlain: {
+    paddingLeft: "5px",
+    paddingRight: "5px"
+  },
+  cardBodyFormHorizontal: {
+    paddingLeft: "15px",
+    paddingRight: "15px",
+    "& form": {
+      margin: "0"
+    }
+  },
+  cardPricing: {
+    padding: "15px!important",
+    margin: "0px!important"
+  },
+  cardSignup: {
+    padding: "0px 30px 0px 30px"
+  },
+  cardBodyColor: {
+    borderRadius: "6px",
+    "& h1,& h2,& h3": {
+      "& small": {
+        color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.8)"
+      }
+    }
+  },
+  cardBodyProfile: {
+    marginTop: "15px"
+  },
+  cardBodyCalendar: {
+    padding: "0px !important"
+  }
+};
+var _default = cardBodyStyle;
+exports.default = _default;

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+const cardFooterStyle = {
+  cardFooter: {
+    padding: "0",
+    paddingTop: "10px",
+    margin: "0 15px 10px",
+    borderRadius: "0",
+    justifyContent: "space-between",
+    alignItems: "center",
+    display: "flex",
+    backgroundColor: "transparent",
+    border: "0"
+  },
+  cardFooterProfile: {
+    marginTop: "-15px"
+  },
+  cardFooterPlain: {
+    paddingLeft: "5px",
+    paddingRight: "5px",
+    backgroundColor: "transparent"
+  },
+  cardFooterPricing: {
+    zIndex: "2"
+  },
+  cardFooterTestimonial: {
+    display: "block"
+  },
+  cardFooterStats: {
+    borderTop: "1px solid" + _rootStyle.grayColor[8],
+    marginTop: "20px",
+    "& svg": {
+      position: "relative",
+      top: "4px",
+      marginRight: "3px",
+      marginLeft: "3px",
+      width: "16px",
+      height: "16px"
+    },
+    "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+      position: "relative",
+      top: "4px",
+      marginRight: "3px",
+      marginLeft: "3px",
+      fontSize: "16px",
+      lineHeight: "16px"
+    }
+  },
+  cardFooterChart: {
+    borderTop: "1px solid" + _rootStyle.grayColor[8]
+  }
+};
+var _default = cardFooterStyle;
+exports.default = _default;

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

@@ -0,0 +1,156 @@
+"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 cardHeaderStyle = {
+  cardHeader: {
+    padding: "0.75rem 1.25rem",
+    marginBottom: "0",
+    borderBottom: "none",
+    background: "transparent",
+    zIndex: "3 !important",
+    "&$cardHeaderPlain,&$cardHeaderImage,&$cardHeaderContact,&$cardHeaderSignup,&$cardHeaderIcon,&$cardHeaderStats,&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader": {
+      margin: "0 15px",
+      padding: "0",
+      position: "relative",
+      color: _rootStyle.whiteColor
+    },
+    "&:first-child": {
+      borderRadius: "calc(.25rem - 1px) calc(.25rem - 1px) 0 0"
+    },
+    "&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader": {
+      "&:not($cardHeaderIcon):not($cardHeaderImage):not($cardHeaderText)": {
+        borderRadius: "3px",
+        marginTop: "-20px",
+        padding: "15px"
+      }
+    },
+    "&$cardHeaderStats svg": {
+      fontSize: "36px",
+      lineHeight: "56px",
+      textAlign: "center",
+      width: "36px",
+      height: "36px",
+      margin: "10px 10px 4px"
+    },
+    "&$cardHeaderStats .fab,&$cardHeaderStats .fas,&$cardHeaderStats .far,&$cardHeaderStats .fal,&$cardHeaderStats .material-icons": {
+      fontSize: "36px",
+      lineHeight: "56px",
+      width: "56px",
+      height: "56px",
+      textAlign: "center",
+      overflow: "unset",
+      marginBottom: "1px"
+    },
+    "&$cardHeaderStats$cardHeaderIcon": {
+      textAlign: "right"
+    },
+    "&$cardHeaderImage": {
+      marginLeft: "15px",
+      marginRight: "15px",
+      marginTop: "-30px",
+      borderRadius: "6px"
+    },
+    "&$cardHeaderText": {
+      display: "inline-block"
+    }
+  },
+  cardHeaderPlain: {
+    marginLeft: "0px",
+    marginRight: "0px",
+    "&$cardHeaderImage": {
+      margin: "0 !important"
+    }
+  },
+  cardHeaderImage: {
+    position: "relative",
+    padding: "0",
+    zIndex: "1",
+    "& img": {
+      width: "100%",
+      borderRadius: "6px",
+      pointerEvents: "none",
+      boxShadow: "0 5px 15px -8px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.24), 0 8px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.2)"
+    },
+    "& a": {
+      display: "block"
+    }
+  },
+  cardHeaderContact: {
+    margin: "0 15px",
+    marginTop: "-20px"
+  },
+  cardHeaderSignup: {
+    marginLeft: "20px",
+    marginRight: "20px",
+    marginTop: "-40px",
+    padding: "20px 0",
+    width: "100%",
+    marginBottom: "15px"
+  },
+  cardHeaderStats: {
+    "& $cardHeaderIcon": {
+      textAlign: "right"
+    },
+    "& h1,& h2,& h3,& h4,& h5,& h6": {
+      margin: "0 !important"
+    }
+  },
+  cardHeaderIcon: {
+    "&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader": {
+      background: "transparent",
+      boxShadow: "none"
+    },
+    "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+      width: "33px",
+      height: "33px",
+      textAlign: "center",
+      lineHeight: "33px"
+    },
+    "& svg": {
+      width: "24px",
+      height: "24px",
+      textAlign: "center",
+      lineHeight: "33px",
+      margin: "5px 4px 0px"
+    }
+  },
+  cardHeaderText: {},
+  warningCardHeader: {
+    color: _rootStyle.whiteColor,
+    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.warningCardHeader)
+  },
+  successCardHeader: {
+    color: _rootStyle.whiteColor,
+    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.successCardHeader)
+  },
+  dangerCardHeader: {
+    color: _rootStyle.whiteColor,
+    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.dangerCardHeader)
+  },
+  infoCardHeader: {
+    color: _rootStyle.whiteColor,
+    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.infoCardHeader)
+  },
+  primaryCardHeader: {
+    color: _rootStyle.whiteColor,
+    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.primaryCardHeader)
+  },
+  roseCardHeader: {
+    color: _rootStyle.whiteColor,
+    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.roseCardHeader)
+  }
+};
+var _default = cardHeaderStyle;
+exports.default = _default;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+const cardIconStyle = {
+  cardIcon: {
+    "&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader": {
+      borderRadius: "3px",
+      backgroundColor: _rootStyle.grayColor[0],
+      padding: "15px",
+      marginTop: "-20px",
+      marginRight: "15px",
+      float: "left"
+    }
+  },
+  warningCardHeader: _rootStyle.warningCardHeader,
+  successCardHeader: _rootStyle.successCardHeader,
+  dangerCardHeader: _rootStyle.dangerCardHeader,
+  infoCardHeader: _rootStyle.infoCardHeader,
+  primaryCardHeader: _rootStyle.primaryCardHeader,
+  roseCardHeader: _rootStyle.roseCardHeader
+};
+var _default = cardIconStyle;
+exports.default = _default;

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

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+const cardStyle = {
+  card: {
+    border: "0",
+    marginBottom: "30px",
+    marginTop: "30px",
+    borderRadius: "6px",
+    color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.87)",
+    background: _rootStyle.whiteColor,
+    width: "100%",
+    boxShadow: "0 1px 4px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.14)",
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    minWidth: "0",
+    wordWrap: "break-word",
+    fontSize: ".875rem"
+  },
+  cardPlain: {
+    background: "transparent",
+    boxShadow: "none"
+  },
+  cardProfile: {
+    marginTop: "30px",
+    textAlign: "center"
+  },
+  cardBlog: {
+    marginTop: "60px"
+  },
+  cardRaised: {
+    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)"
+  },
+  cardBackground: {
+    backgroundPosition: "center center",
+    backgroundSize: "cover",
+    textAlign: "center",
+    "&:after": {
+      position: "absolute",
+      zIndex: "1",
+      width: "100%",
+      height: "100%",
+      display: "block",
+      left: "0",
+      top: "0",
+      content: '""',
+      backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.56)",
+      borderRadius: "6px"
+    },
+    "& small": {
+      color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.7) !important"
+    }
+  },
+  cardPricing: {
+    textAlign: "center",
+    "&:after": {
+      backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.7) !important"
+    },
+    "& ul": {
+      listStyle: "none",
+      padding: 0,
+      maxWidth: "240px",
+      margin: "10px auto"
+    },
+    "& ul li": {
+      color: _rootStyle.grayColor[0],
+      textAlign: "center",
+      padding: "12px 0px",
+      borderBottom: "1px solid rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[0]) + ",0.3)"
+    },
+    "& ul li:last-child": {
+      border: 0
+    },
+    "& ul li b": {
+      color: _rootStyle.grayColor[2]
+    },
+    "& h1": {
+      marginTop: "30px"
+    },
+    "& h1 small": {
+      display: "inline-flex",
+      height: 0,
+      fontSize: "18px"
+    },
+    "& h1 small:first-child": {
+      position: "relative",
+      top: "-17px",
+      fontSize: "26px"
+    },
+    "& ul li svg, & ul li .fab,& ul li .fas,& ul li .far,& ul li .fal,& ul li .material-icons": {
+      position: "relative",
+      top: "7px"
+    }
+  },
+  cardPricingColor: {
+    "& ul li": {
+      color: _rootStyle.whiteColor,
+      borderColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ",0.3)",
+      "& b, & svg,& .fab,& .fas,& .far,& .fal,& .material-icons": {
+        color: _rootStyle.whiteColor,
+        fontWeight: "700"
+      }
+    }
+  },
+  cardProduct: {
+    marginTop: "30px"
+  },
+  primary: {
+    background: "linear-gradient(60deg," + _rootStyle.primaryColor[1] + "," + _rootStyle.primaryColor[4] + ")",
+    "& h1 small": {
+      color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.8)"
+    },
+    color: _rootStyle.whiteColor
+  },
+  info: {
+    background: "linear-gradient(60deg," + _rootStyle.infoColor[1] + "," + _rootStyle.infoColor[4] + ")",
+    "& h1 small": {
+      color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.8)"
+    },
+    color: _rootStyle.whiteColor
+  },
+  success: {
+    background: "linear-gradient(60deg," + _rootStyle.successColor[1] + "," + _rootStyle.successColor[4] + ")",
+    "& h1 small": {
+      color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.8)"
+    },
+    color: _rootStyle.whiteColor
+  },
+  warning: {
+    background: "linear-gradient(60deg," + _rootStyle.warningColor[1] + "," + _rootStyle.warningColor[4] + ")",
+    "& h1 small": {
+      color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.8)"
+    },
+    color: _rootStyle.whiteColor
+  },
+  danger: {
+    background: "linear-gradient(60deg," + _rootStyle.dangerColor[1] + "," + _rootStyle.dangerColor[4] + ")",
+    "& h1 small": {
+      color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.8)"
+    },
+    color: _rootStyle.whiteColor
+  },
+  rose: {
+    background: "linear-gradient(60deg," + _rootStyle.roseColor[1] + "," + _rootStyle.roseColor[4] + ")",
+    "& h1 small": {
+      color: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.8)"
+    },
+    color: _rootStyle.whiteColor
+  },
+  cardChart: {
+    "& p": {
+      marginTop: "0px",
+      paddingTop: "0px"
+    }
+  },
+  cardLogin: {
+    transform: "translate3d(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ")",
+    transition: "all 300ms linear"
+  }
+};
+var _default = cardStyle;
+exports.default = _default;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+const cardTextStyle = {
+  cardText: {
+    float: "none",
+    display: "inline-block",
+    marginRight: "0",
+    borderRadius: "3px",
+    backgroundColor: _rootStyle.grayColor[0],
+    padding: "15px",
+    marginTop: "-20px"
+  },
+  warningCardHeader: _rootStyle.warningCardHeader,
+  successCardHeader: _rootStyle.successCardHeader,
+  dangerCardHeader: _rootStyle.dangerCardHeader,
+  infoCardHeader: _rootStyle.infoCardHeader,
+  primaryCardHeader: _rootStyle.primaryCardHeader,
+  roseCardHeader: _rootStyle.roseCardHeader
+};
+var _default = cardTextStyle;
+exports.default = _default;