@agilemotion/oui-react-js 1.1.0 → 1.2.1

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

@@ -13,205 +13,207 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 customDropdownStyle = theme => ({
-  popperClose: {
-    pointerEvents: "none",
-    display: "none !important"
-  },
-  popperNav: {
-    [theme.breakpoints.down("sm")]: {
-      position: "static !important",
-      left: "unset !important",
-      top: "unset !important",
-      transform: "none !important",
-      willChange: "unset !important",
-      "& > div": {
-        boxShadow: "none !important",
-        marginLeft: "0rem",
-        marginRight: "0rem",
-        transition: "none !important",
-        marginTop: "0px !important",
-        marginBottom: "0px !important",
-        padding: "0px !important",
-        backgroundColor: "transparent !important",
-        "& ul li": {
-          color: _rootStyle.whiteColor + " !important",
-          margin: "10px 15px 0!important",
-          padding: "10px 15px !important",
-          "&:hover": {
-            backgroundColor: "hsla(0,0%,78%,.2)",
-            boxShadow: "none"
+var customDropdownStyle = function customDropdownStyle(theme) {
+  return {
+    popperClose: {
+      pointerEvents: "none",
+      display: "none !important"
+    },
+    popperNav: {
+      [theme.breakpoints.down("sm")]: {
+        position: "static !important",
+        left: "unset !important",
+        top: "unset !important",
+        transform: "none !important",
+        willChange: "unset !important",
+        "& > div": {
+          boxShadow: "none !important",
+          marginLeft: "0rem",
+          marginRight: "0rem",
+          transition: "none !important",
+          marginTop: "0px !important",
+          marginBottom: "0px !important",
+          padding: "0px !important",
+          backgroundColor: "transparent !important",
+          "& ul li": {
+            color: _rootStyle.whiteColor + " !important",
+            margin: "10px 15px 0!important",
+            padding: "10px 15px !important",
+            "&:hover": {
+              backgroundColor: "hsla(0,0%,78%,.2)",
+              boxShadow: "none"
+            }
           }
         }
       }
-    }
-  },
-  manager: {
-    "& > div > button:first-child > span:first-child, & > div > a:first-child > span:first-child": {
-      width: "100%"
-    }
-  },
-  innerManager: {
-    "& > div > button,& > div > a": {
-      margin: "0px !important",
-      color: "inherit !important",
-      padding: "10px 20px !important",
-      "& > span:first-child": {
-        width: "100%",
-        justifyContent: "flex-start"
+    },
+    manager: {
+      "& > div > button:first-child > span:first-child, & > div > a:first-child > span:first-child": {
+        width: "100%"
       }
-    }
-  },
-  target: {
-    "& > button:first-child > span:first-child, & > a:first-child > span:first-child": {
-      display: "inline-block"
     },
-    "& $caret": {
-      marginLeft: "0px"
-    }
-  },
-  dropdown: {
-    borderRadius: "3px",
-    border: "0",
-    boxShadow: "0 2px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.26)",
-    top: "100%",
-    zIndex: "1000",
-    minWidth: "160px",
-    padding: "5px 0",
-    margin: "2px 0 0",
-    fontSize: "14px",
-    textAlign: "left",
-    listStyle: "none",
-    backgroundColor: _rootStyle.whiteColor,
-    backgroundClip: "padding-box"
-  },
-  menuList: {
-    padding: "0"
-  },
-  popperResponsive: {
-    zIndex: "1200",
-    [theme.breakpoints.down("sm")]: {
-      zIndex: "1640",
-      position: "static",
-      float: "none",
-      width: "auto",
-      marginTop: "0",
-      backgroundColor: "transparent",
+    innerManager: {
+      "& > div > button,& > div > a": {
+        margin: "0px !important",
+        color: "inherit !important",
+        padding: "10px 20px !important",
+        "& > span:first-child": {
+          width: "100%",
+          justifyContent: "flex-start"
+        }
+      }
+    },
+    target: {
+      "& > button:first-child > span:first-child, & > a:first-child > span:first-child": {
+        display: "inline-block"
+      },
+      "& $caret": {
+        marginLeft: "0px"
+      }
+    },
+    dropdown: {
+      borderRadius: "3px",
       border: "0",
-      boxShadow: "none",
-      color: "black"
-    }
-  },
-  dropdownItem: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
-    fontSize: "13px",
-    padding: "10px 20px",
-    margin: "0 5px",
-    borderRadius: "2px",
-    position: "relative",
-    transition: "all 150ms linear",
-    display: "block",
-    clear: "both",
-    fontWeight: "400",
-    height: "100%",
-    color: _rootStyle.grayColor[7],
-    whiteSpace: "nowrap",
-    minHeight: "unset"
-  }),
-  darkHover: {
-    "&:hover": {
-      boxShadow: "0 4px 20px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.14), 0 7px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[16]) + ", 0.4)",
-      backgroundColor: _rootStyle.grayColor[16],
-      color: _rootStyle.whiteColor
-    }
-  },
-  primaryHover: {
-    "&:hover": _objectSpread({
-      backgroundColor: _rootStyle.primaryColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.primaryBoxShadow)
-  },
-  infoHover: {
-    "&:hover": _objectSpread({
-      backgroundColor: _rootStyle.infoColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.infoBoxShadow)
-  },
-  successHover: {
-    "&:hover": _objectSpread({
-      backgroundColor: _rootStyle.successColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.successBoxShadow)
-  },
-  warningHover: {
-    "&:hover": _objectSpread({
-      backgroundColor: _rootStyle.warningColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.warningBoxShadow)
-  },
-  dangerHover: {
-    "&:hover": _objectSpread({
-      backgroundColor: _rootStyle.dangerColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.dangerBoxShadow)
-  },
-  roseHover: {
-    "&:hover": _objectSpread({
-      backgroundColor: _rootStyle.roseColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.roseBoxShadow)
-  },
-  dropdownItemRTL: {
-    textAlign: "right"
-  },
-  dropdownDividerItem: {
-    margin: "5px 0",
-    backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12)",
-    height: "1px",
-    overflow: "hidden"
-  },
-  buttonIcon: {
-    width: "20px",
-    height: "20px"
-  },
-  caret: {
-    transition: "all 150ms ease-in",
-    display: "inline-block",
-    width: "0",
-    height: "0",
-    marginLeft: "4px",
-    verticalAlign: "middle",
-    borderTop: "4px solid",
-    borderRight: "4px solid transparent",
-    borderLeft: "4px solid transparent"
-  },
-  caretActive: {
-    transform: "rotate(-360deg)"
-  },
-  caretDropup: {
-    transform: "rotate(-360deg)"
-  },
-  caretRTL: {
-    marginRight: "4px"
-  },
-  dropdownHeader: {
-    display: "block",
-    padding: "0.1875rem 1.25rem",
-    fontSize: "0.75rem",
-    lineHeight: "1.428571",
-    color: _rootStyle.grayColor[1],
-    whiteSpace: "nowrap",
-    fontWeight: "inherit",
-    marginTop: "10px",
-    minHeight: "unset",
-    "&:hover,&:focus": {
-      backgroundColor: "transparent",
-      cursor: "auto"
+      boxShadow: "0 2px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.26)",
+      top: "100%",
+      zIndex: "1000",
+      minWidth: "160px",
+      padding: "5px 0",
+      margin: "2px 0 0",
+      fontSize: "14px",
+      textAlign: "left",
+      listStyle: "none",
+      backgroundColor: _rootStyle.whiteColor,
+      backgroundClip: "padding-box"
+    },
+    menuList: {
+      padding: "0"
+    },
+    popperResponsive: {
+      zIndex: "1200",
+      [theme.breakpoints.down("sm")]: {
+        zIndex: "1640",
+        position: "static",
+        float: "none",
+        width: "auto",
+        marginTop: "0",
+        backgroundColor: "transparent",
+        border: "0",
+        boxShadow: "none",
+        color: "black"
+      }
+    },
+    dropdownItem: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      fontSize: "13px",
+      padding: "10px 20px",
+      margin: "0 5px",
+      borderRadius: "2px",
+      position: "relative",
+      transition: "all 150ms linear",
+      display: "block",
+      clear: "both",
+      fontWeight: "400",
+      height: "100%",
+      color: _rootStyle.grayColor[7],
+      whiteSpace: "nowrap",
+      minHeight: "unset"
+    }),
+    darkHover: {
+      "&:hover": {
+        boxShadow: "0 4px 20px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.14), 0 7px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[16]) + ", 0.4)",
+        backgroundColor: _rootStyle.grayColor[16],
+        color: _rootStyle.whiteColor
+      }
+    },
+    primaryHover: {
+      "&:hover": _objectSpread({
+        backgroundColor: _rootStyle.primaryColor[0],
+        color: _rootStyle.whiteColor
+      }, _rootStyle.primaryBoxShadow)
+    },
+    infoHover: {
+      "&:hover": _objectSpread({
+        backgroundColor: _rootStyle.infoColor[0],
+        color: _rootStyle.whiteColor
+      }, _rootStyle.infoBoxShadow)
+    },
+    successHover: {
+      "&:hover": _objectSpread({
+        backgroundColor: _rootStyle.successColor[0],
+        color: _rootStyle.whiteColor
+      }, _rootStyle.successBoxShadow)
+    },
+    warningHover: {
+      "&:hover": _objectSpread({
+        backgroundColor: _rootStyle.warningColor[0],
+        color: _rootStyle.whiteColor
+      }, _rootStyle.warningBoxShadow)
+    },
+    dangerHover: {
+      "&:hover": _objectSpread({
+        backgroundColor: _rootStyle.dangerColor[0],
+        color: _rootStyle.whiteColor
+      }, _rootStyle.dangerBoxShadow)
+    },
+    roseHover: {
+      "&:hover": _objectSpread({
+        backgroundColor: _rootStyle.roseColor[0],
+        color: _rootStyle.whiteColor
+      }, _rootStyle.roseBoxShadow)
+    },
+    dropdownItemRTL: {
+      textAlign: "right"
+    },
+    dropdownDividerItem: {
+      margin: "5px 0",
+      backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12)",
+      height: "1px",
+      overflow: "hidden"
+    },
+    buttonIcon: {
+      width: "20px",
+      height: "20px"
+    },
+    caret: {
+      transition: "all 150ms ease-in",
+      display: "inline-block",
+      width: "0",
+      height: "0",
+      marginLeft: "4px",
+      verticalAlign: "middle",
+      borderTop: "4px solid",
+      borderRight: "4px solid transparent",
+      borderLeft: "4px solid transparent"
+    },
+    caretActive: {
+      transform: "rotate(-360deg)"
+    },
+    caretDropup: {
+      transform: "rotate(-360deg)"
+    },
+    caretRTL: {
+      marginRight: "4px"
+    },
+    dropdownHeader: {
+      display: "block",
+      padding: "0.1875rem 1.25rem",
+      fontSize: "0.75rem",
+      lineHeight: "1.428571",
+      color: _rootStyle.grayColor[1],
+      whiteSpace: "nowrap",
+      fontWeight: "inherit",
+      marginTop: "10px",
+      minHeight: "unset",
+      "&:hover,&:focus": {
+        backgroundColor: "transparent",
+        cursor: "auto"
+      }
+    },
+    noLiPadding: {
+      padding: "0"
     }
-  },
-  noLiPadding: {
-    padding: "0"
-  }
-});
+  };
+};
 
 var _default = customDropdownStyle;
 exports.default = _default;

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

@@ -13,7 +13,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 customInputStyle = {
+var customInputStyle = {
   disabled: {
     "&:before": {
       borderColor: "transparent !important"

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

@@ -13,116 +13,118 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 dropdownStyle = theme => ({
-  buttonLink: {
-    [theme.breakpoints.down("md")]: {
-      display: "flex",
-      marginLeft: "30px",
-      width: "auto"
-    }
-  },
-  links: {
-    width: "20px",
-    height: "20px",
-    zIndex: "4",
-    [theme.breakpoints.down("md")]: {
-      display: "block",
-      width: "30px",
-      height: "30px",
-      color: _rootStyle.grayColor[9],
-      marginRight: "15px"
-    }
-  },
-  linkText: _objectSpread(_objectSpread({
-    zIndex: "4"
-  }, _rootStyle.defaultFont), {}, {
-    fontSize: "14px"
-  }),
-  popperClose: {
-    pointerEvents: "none"
-  },
-  popperResponsive: {
-    [theme.breakpoints.down("md")]: {
-      zIndex: "1640",
-      position: "static",
-      float: "none",
-      width: "auto",
-      marginTop: "0",
-      backgroundColor: "transparent",
-      border: "0",
-      WebkitBoxShadow: "none",
-      boxShadow: "none",
-      color: "black"
-    }
-  },
-  popperNav: {
-    [theme.breakpoints.down("sm")]: {
-      position: "static !important",
-      left: "unset !important",
-      top: "unset !important",
-      transform: "none !important",
-      willChange: "unset !important",
-      "& > div": {
-        boxShadow: "none !important",
-        marginLeft: "0rem",
-        marginRight: "0rem",
-        transition: "none !important",
-        marginTop: "0px !important",
-        marginBottom: "0px !important",
-        padding: "0px !important",
-        backgroundColor: "transparent !important",
-        "& ul li": {
-          color: _rootStyle.whiteColor + " !important",
-          margin: "10px 15px 0!important",
-          padding: "10px 15px !important",
-          "&:hover": {
-            backgroundColor: "hsla(0,0%,78%,.2)",
-            boxShadow: "none"
+var dropdownStyle = function dropdownStyle(theme) {
+  return {
+    buttonLink: {
+      [theme.breakpoints.down("md")]: {
+        display: "flex",
+        marginLeft: "30px",
+        width: "auto"
+      }
+    },
+    links: {
+      width: "20px",
+      height: "20px",
+      zIndex: "4",
+      [theme.breakpoints.down("md")]: {
+        display: "block",
+        width: "30px",
+        height: "30px",
+        color: _rootStyle.grayColor[9],
+        marginRight: "15px"
+      }
+    },
+    linkText: _objectSpread(_objectSpread({
+      zIndex: "4"
+    }, _rootStyle.defaultFont), {}, {
+      fontSize: "14px"
+    }),
+    popperClose: {
+      pointerEvents: "none"
+    },
+    popperResponsive: {
+      [theme.breakpoints.down("md")]: {
+        zIndex: "1640",
+        position: "static",
+        float: "none",
+        width: "auto",
+        marginTop: "0",
+        backgroundColor: "transparent",
+        border: "0",
+        WebkitBoxShadow: "none",
+        boxShadow: "none",
+        color: "black"
+      }
+    },
+    popperNav: {
+      [theme.breakpoints.down("sm")]: {
+        position: "static !important",
+        left: "unset !important",
+        top: "unset !important",
+        transform: "none !important",
+        willChange: "unset !important",
+        "& > div": {
+          boxShadow: "none !important",
+          marginLeft: "0rem",
+          marginRight: "0rem",
+          transition: "none !important",
+          marginTop: "0px !important",
+          marginBottom: "0px !important",
+          padding: "0px !important",
+          backgroundColor: "transparent !important",
+          "& ul li": {
+            color: _rootStyle.whiteColor + " !important",
+            margin: "10px 15px 0!important",
+            padding: "10px 15px !important",
+            "&:hover": {
+              backgroundColor: "hsla(0,0%,78%,.2)",
+              boxShadow: "none"
+            }
           }
         }
       }
-    }
-  },
-  dropdown: {
-    borderRadius: "3px",
-    border: "0",
-    boxShadow: "0 2px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.26)",
-    top: "100%",
-    zIndex: "1000",
-    minWidth: "160px",
-    padding: "5px 0",
-    margin: "2px 0 0",
-    fontSize: "14px",
-    textAlign: "left",
-    listStyle: "none",
-    backgroundColor: _rootStyle.whiteColor,
-    WebkitBackgroundClip: "padding-box",
-    backgroundClip: "padding-box"
-  },
-  dropdownItem: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
-    fontSize: "13px",
-    padding: "10px 20px",
-    margin: "0 5px",
-    borderRadius: "2px",
-    WebkitTransition: "all 150ms linear",
-    MozTransition: "all 150ms linear",
-    OTransition: "all 150ms linear",
-    MsTransition: "all 150ms linear",
-    transition: "all 150ms linear",
-    display: "block",
-    clear: "both",
-    fontWeight: "400",
-    lineHeight: "1.42857143",
-    color: _rootStyle.grayColor[8],
-    whiteSpace: "nowrap",
-    height: "unset",
-    minHeight: "unset",
-    "&:hover": _objectSpread({
-      backgroundColor: _rootStyle.primaryColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.primaryBoxShadow)
-  })
-});
+    },
+    dropdown: {
+      borderRadius: "3px",
+      border: "0",
+      boxShadow: "0 2px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.26)",
+      top: "100%",
+      zIndex: "1000",
+      minWidth: "160px",
+      padding: "5px 0",
+      margin: "2px 0 0",
+      fontSize: "14px",
+      textAlign: "left",
+      listStyle: "none",
+      backgroundColor: _rootStyle.whiteColor,
+      WebkitBackgroundClip: "padding-box",
+      backgroundClip: "padding-box"
+    },
+    dropdownItem: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      fontSize: "13px",
+      padding: "10px 20px",
+      margin: "0 5px",
+      borderRadius: "2px",
+      WebkitTransition: "all 150ms linear",
+      MozTransition: "all 150ms linear",
+      OTransition: "all 150ms linear",
+      MsTransition: "all 150ms linear",
+      transition: "all 150ms linear",
+      display: "block",
+      clear: "both",
+      fontWeight: "400",
+      lineHeight: "1.42857143",
+      color: _rootStyle.grayColor[8],
+      whiteSpace: "nowrap",
+      height: "unset",
+      minHeight: "unset",
+      "&:hover": _objectSpread({
+        backgroundColor: _rootStyle.primaryColor[0],
+        color: _rootStyle.whiteColor
+      }, _rootStyle.primaryBoxShadow)
+    })
+  };
+};
 
 var _default = dropdownStyle;
 exports.default = _default;

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

@@ -13,7 +13,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 footerStyle = {
+var footerStyle = {
   block: {},
   left: {
     float: "left!important",