@agilemotion/oui-react-js 1.2.6 → 1.2.8

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

@@ -13,207 +13,205 @@ 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; }
 
-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"
-            }
+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"
           }
         }
       }
-    },
-    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"
-        }
-      }
-    },
-    target: {
-      "& > button:first-child > span:first-child, & > a:first-child > span:first-child": {
-        display: "inline-block"
-      },
-      "& $caret": {
-        marginLeft: "0px"
+    }
+  },
+  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"
       }
+    }
+  },
+  target: {
+    "& > button:first-child > span:first-child, & > a:first-child > span:first-child": {
+      display: "inline-block"
     },
-    dropdown: {
-      borderRadius: "3px",
+    "& $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",
       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",
-        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"
+      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"
+  }
+});
 
 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; }
 
-var customInputStyle = {
+const customInputStyle = {
   disabled: {
     "&:before": {
       borderColor: "transparent !important"

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

@@ -13,118 +13,116 @@ 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; }
 
-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"
-            }
+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"
           }
         }
       }
-    },
-    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; }
 
-var footerStyle = {
+const footerStyle = {
   block: {},
   left: {
     float: "left!important",