@agilemotion/oui-react-js 1.2.6 → 1.2.8

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

@@ -17,109 +17,107 @@ 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 headerLinksStyle = function headerLinksStyle(theme) {
-  return _objectSpread(_objectSpread({}, (0, _dropdownStyle.default)(theme)), {}, {
-    search: {
-      "& > div": {
-        marginTop: "0"
-      },
-      [theme.breakpoints.down("sm")]: {
-        margin: "10px 15px !important",
-        float: "none !important",
-        paddingTop: "1px",
-        paddingBottom: "1px",
-        padding: "0!important",
-        width: "60%",
-        marginTop: "40px",
-        "& input": {
-          color: _rootStyle.whiteColor
-        }
-      }
+const headerLinksStyle = theme => _objectSpread(_objectSpread({}, (0, _dropdownStyle.default)(theme)), {}, {
+  search: {
+    "& > div": {
+      marginTop: "0"
     },
-    linkText: _objectSpread(_objectSpread({
-      zIndex: "4"
-    }, _rootStyle.defaultFont), {}, {
-      fontSize: "14px",
-      margin: "0px"
-    }),
-    buttonLink: {
-      [theme.breakpoints.down("sm")]: {
-        display: "flex",
-        margin: "10px 15px 0",
-        width: "-webkit-fill-available",
-        "& svg": {
-          width: "24px",
-          height: "30px",
-          marginRight: "15px",
-          marginLeft: "-15px"
-        },
-        "& .fab,& .fas,& .far,& .fal,& .material-icons": {
-          fontSize: "24px",
-          lineHeight: "30px",
-          width: "24px",
-          height: "30px",
-          marginRight: "15px",
-          marginLeft: "-15px"
-        },
-        "& > span": {
-          justifyContent: "flex-start",
-          width: "100%"
-        }
+    [theme.breakpoints.down("sm")]: {
+      margin: "10px 15px !important",
+      float: "none !important",
+      paddingTop: "1px",
+      paddingBottom: "1px",
+      padding: "0!important",
+      width: "60%",
+      marginTop: "40px",
+      "& input": {
+        color: _rootStyle.whiteColor
       }
-    },
-    searchButton: {
-      [theme.breakpoints.down("sm")]: {
-        top: "-50px !important",
-        marginRight: "22px",
-        float: "right"
+    }
+  },
+  linkText: _objectSpread(_objectSpread({
+    zIndex: "4"
+  }, _rootStyle.defaultFont), {}, {
+    fontSize: "14px",
+    margin: "0px"
+  }),
+  buttonLink: {
+    [theme.breakpoints.down("sm")]: {
+      display: "flex",
+      margin: "10px 15px 0",
+      width: "-webkit-fill-available",
+      "& svg": {
+        width: "24px",
+        height: "30px",
+        marginRight: "15px",
+        marginLeft: "-15px"
+      },
+      "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+        fontSize: "24px",
+        lineHeight: "30px",
+        width: "24px",
+        height: "30px",
+        marginRight: "15px",
+        marginLeft: "-15px"
+      },
+      "& > span": {
+        justifyContent: "flex-start",
+        width: "100%"
       }
+    }
+  },
+  searchButton: {
+    [theme.breakpoints.down("sm")]: {
+      top: "-50px !important",
+      marginRight: "22px",
+      float: "right"
+    }
+  },
+  margin: {
+    zIndex: "4",
+    margin: "0"
+  },
+  searchIcon: {
+    width: "17px",
+    zIndex: "4"
+  },
+  notifications: {
+    zIndex: "4",
+    [theme.breakpoints.up("md")]: {
+      position: "absolute",
+      top: "2px",
+      border: "1px solid " + _rootStyle.whiteColor,
+      right: "4px",
+      fontSize: "9px",
+      background: _rootStyle.dangerColor[0],
+      color: _rootStyle.whiteColor,
+      minWidth: "16px",
+      height: "16px",
+      borderRadius: "10px",
+      textAlign: "center",
+      lineHeight: "16px",
+      verticalAlign: "middle",
+      display: "block"
     },
-    margin: {
-      zIndex: "4",
-      margin: "0"
-    },
-    searchIcon: {
-      width: "17px",
-      zIndex: "4"
-    },
-    notifications: {
-      zIndex: "4",
-      [theme.breakpoints.up("md")]: {
-        position: "absolute",
-        top: "2px",
-        border: "1px solid " + _rootStyle.whiteColor,
-        right: "4px",
-        fontSize: "9px",
-        background: _rootStyle.dangerColor[0],
-        color: _rootStyle.whiteColor,
-        minWidth: "16px",
-        height: "16px",
-        borderRadius: "10px",
-        textAlign: "center",
-        lineHeight: "16px",
-        verticalAlign: "middle",
-        display: "block"
-      },
-      [theme.breakpoints.down("sm")]: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
-        fontSize: "14px",
-        marginRight: "8px"
-      })
+    [theme.breakpoints.down("sm")]: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      fontSize: "14px",
+      marginRight: "8px"
+    })
+  },
+  manager: {
+    [theme.breakpoints.down("sm")]: {
+      width: "100%"
     },
-    manager: {
-      [theme.breakpoints.down("sm")]: {
-        width: "100%"
-      },
-      display: "inline-block"
+    display: "inline-block"
+  },
+  searchWrapper: {
+    [theme.breakpoints.down("sm")]: {
+      width: "-webkit-fill-available",
+      margin: "10px 15px 0"
     },
-    searchWrapper: {
-      [theme.breakpoints.down("sm")]: {
-        width: "-webkit-fill-available",
-        margin: "10px 15px 0"
-      },
-      display: "inline-block"
-    }
-  });
-};
+    display: "inline-block"
+  }
+});
 
 var _default = headerLinksStyle;
 exports.default = _default;

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

@@ -13,68 +13,66 @@ 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 headerStyle = function headerStyle() {
-  return {
-    appBar: {
-      backgroundColor: "transparent",
-      boxShadow: "none",
-      borderBottom: "0",
-      marginBottom: "0",
-      position: "absolute",
-      width: "100%",
-      paddingTop: "10px",
-      zIndex: "1029",
-      color: _rootStyle.grayColor[7],
-      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), {}, {
-      letterSpacing: "unset",
-      lineHeight: "30px",
-      fontSize: "18px",
-      borderRadius: "3px",
-      textTransform: "none",
-      color: "inherit",
-      margin: "0",
-      "&:hover,&:focus": {
-        background: "transparent"
-      }
-    }),
-    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)
-  };
-};
+const headerStyle = () => ({
+  appBar: {
+    backgroundColor: "transparent",
+    boxShadow: "none",
+    borderBottom: "0",
+    marginBottom: "0",
+    position: "absolute",
+    width: "100%",
+    paddingTop: "10px",
+    zIndex: "1029",
+    color: _rootStyle.grayColor[7],
+    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), {}, {
+    letterSpacing: "unset",
+    lineHeight: "30px",
+    fontSize: "18px",
+    borderRadius: "3px",
+    textTransform: "none",
+    color: "inherit",
+    margin: "0",
+    "&:hover,&:focus": {
+      background: "transparent"
+    }
+  }),
+  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)
+});
 
 var _default = headerStyle;
 exports.default = _default;

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

@@ -17,151 +17,149 @@ 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 adminNavbarLinksStyle = function adminNavbarLinksStyle(theme) {
-  return _objectSpread(_objectSpread({}, (0, _customDropdownStyle.default)(theme)), {}, {
-    search: {
-      margin: "0",
-      paddingTop: "7px",
-      paddingBottom: "7px",
-      [theme.breakpoints.down("sm")]: {
-        margin: "10px 15px",
-        float: "none !important",
-        paddingTop: "1px",
-        paddingBottom: "1px",
-        padding: "10px 15px",
-        width: "auto"
-      }
-    },
-    searchInput: {
-      paddingTop: "2px"
-    },
-    searchRTL: {
-      [theme.breakpoints.down("sm")]: {
-        marginRight: "18px !important"
-      },
-      [theme.breakpoints.up("md")]: {
-        marginLeft: "12px"
-      }
-    },
-    linkText: _objectSpread(_objectSpread({
-      zIndex: "4"
-    }, _rootStyle.defaultFont), {}, {
-      fontSize: "14px",
-      margin: "0!important",
-      textTransform: "none"
-    }),
-    buttonLink: {
-      [theme.breakpoints.down("sm")]: {
-        display: "flex",
-        margin: "5px 15px 0",
-        width: "auto",
-        height: "auto",
-        "& svg": {
-          width: "30px",
-          height: "24px",
-          marginRight: "19px",
-          marginLeft: "3px"
-        },
-        "& .fab,& .fas,& .far,& .fal,& .material-icons": {
-          width: "30px",
-          fontSize: "24px",
-          lineHeight: "30px",
-          marginRight: "19px",
-          marginLeft: "3px"
-        }
-      }
-    },
-    searchButton: {
-      [theme.breakpoints.down("sm")]: {
-        top: "-50px !important",
-        marginRight: "38px",
-        float: "right"
-      }
-    },
-    top: {
-      zIndex: "4"
-    },
-    searchIcon: {
-      width: "17px",
-      zIndex: "4"
+const adminNavbarLinksStyle = theme => _objectSpread(_objectSpread({}, (0, _customDropdownStyle.default)(theme)), {}, {
+  search: {
+    margin: "0",
+    paddingTop: "7px",
+    paddingBottom: "7px",
+    [theme.breakpoints.down("sm")]: {
+      margin: "10px 15px",
+      float: "none !important",
+      paddingTop: "1px",
+      paddingBottom: "1px",
+      padding: "10px 15px",
+      width: "auto"
+    }
+  },
+  searchInput: {
+    paddingTop: "2px"
+  },
+  searchRTL: {
+    [theme.breakpoints.down("sm")]: {
+      marginRight: "18px !important"
     },
-    links: {
-      width: "20px",
-      height: "20px",
-      zIndex: "4",
-      [theme.breakpoints.down("sm")]: {
-        display: "block",
+    [theme.breakpoints.up("md")]: {
+      marginLeft: "12px"
+    }
+  },
+  linkText: _objectSpread(_objectSpread({
+    zIndex: "4"
+  }, _rootStyle.defaultFont), {}, {
+    fontSize: "14px",
+    margin: "0!important",
+    textTransform: "none"
+  }),
+  buttonLink: {
+    [theme.breakpoints.down("sm")]: {
+      display: "flex",
+      margin: "5px 15px 0",
+      width: "auto",
+      height: "auto",
+      "& svg": {
         width: "30px",
-        height: "30px",
-        color: "inherit",
-        opacity: "0.8",
-        marginRight: "16px",
-        marginLeft: "-5px"
-      }
-    },
-    notifications: {
-      zIndex: "4",
-      [theme.breakpoints.up("md")]: {
-        position: "absolute",
-        top: "5px",
-        border: "1px solid " + _rootStyle.whiteColor,
-        right: "5px",
-        fontSize: "9px",
-        background: _rootStyle.dangerColor[0],
-        color: _rootStyle.whiteColor,
-        minWidth: "16px",
-        height: "16px",
-        borderRadius: "10px",
-        textAlign: "center",
-        lineHeight: "14px",
-        verticalAlign: "middle",
-        display: "block"
+        height: "24px",
+        marginRight: "19px",
+        marginLeft: "3px"
       },
-      [theme.breakpoints.down("sm")]: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
-        fontSize: "14px",
-        marginRight: "8px"
-      })
-    },
-    wrapperRTL: {
-      [theme.breakpoints.up("md")]: {
-        paddingLeft: "16px"
-      }
-    },
-    buttonLinkRTL: {
-      [theme.breakpoints.down("sm")]: {
-        alignItems: "center",
-        justifyContent: "flex-end",
-        width: "-webkit-fill-available",
-        margin: "10px 15px 0",
-        padding: "10px 15px",
-        display: "block",
-        position: "relative"
-      }
-    },
-    labelRTL: {
-      [theme.breakpoints.down("sm")]: {
-        flexDirection: "row-reverse",
-        justifyContent: "initial",
-        display: "flex"
-      }
-    },
-    linksRTL: {
-      [theme.breakpoints.down("sm")]: {
-        marginRight: "-5px !important",
-        marginLeft: "16px !important"
-      }
-    },
-    managerClasses: {
-      [theme.breakpoints.up("md")]: {
-        display: "inline-block"
+      "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+        width: "30px",
+        fontSize: "24px",
+        lineHeight: "30px",
+        marginRight: "19px",
+        marginLeft: "3px"
       }
+    }
+  },
+  searchButton: {
+    [theme.breakpoints.down("sm")]: {
+      top: "-50px !important",
+      marginRight: "38px",
+      float: "right"
+    }
+  },
+  top: {
+    zIndex: "4"
+  },
+  searchIcon: {
+    width: "17px",
+    zIndex: "4"
+  },
+  links: {
+    width: "20px",
+    height: "20px",
+    zIndex: "4",
+    [theme.breakpoints.down("sm")]: {
+      display: "block",
+      width: "30px",
+      height: "30px",
+      color: "inherit",
+      opacity: "0.8",
+      marginRight: "16px",
+      marginLeft: "-5px"
+    }
+  },
+  notifications: {
+    zIndex: "4",
+    [theme.breakpoints.up("md")]: {
+      position: "absolute",
+      top: "5px",
+      border: "1px solid " + _rootStyle.whiteColor,
+      right: "5px",
+      fontSize: "9px",
+      background: _rootStyle.dangerColor[0],
+      color: _rootStyle.whiteColor,
+      minWidth: "16px",
+      height: "16px",
+      borderRadius: "10px",
+      textAlign: "center",
+      lineHeight: "14px",
+      verticalAlign: "middle",
+      display: "block"
     },
-    headerLinksSvg: {
-      width: "20px !important",
-      height: "20px !important"
+    [theme.breakpoints.down("sm")]: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      fontSize: "14px",
+      marginRight: "8px"
+    })
+  },
+  wrapperRTL: {
+    [theme.breakpoints.up("md")]: {
+      paddingLeft: "16px"
+    }
+  },
+  buttonLinkRTL: {
+    [theme.breakpoints.down("sm")]: {
+      alignItems: "center",
+      justifyContent: "flex-end",
+      width: "-webkit-fill-available",
+      margin: "10px 15px 0",
+      padding: "10px 15px",
+      display: "block",
+      position: "relative"
     }
-  });
-};
+  },
+  labelRTL: {
+    [theme.breakpoints.down("sm")]: {
+      flexDirection: "row-reverse",
+      justifyContent: "initial",
+      display: "flex"
+    }
+  },
+  linksRTL: {
+    [theme.breakpoints.down("sm")]: {
+      marginRight: "-5px !important",
+      marginLeft: "16px !important"
+    }
+  },
+  managerClasses: {
+    [theme.breakpoints.up("md")]: {
+      display: "inline-block"
+    }
+  },
+  headerLinksSvg: {
+    width: "20px !important",
+    height: "20px !important"
+  }
+});
 
 var _default = adminNavbarLinksStyle;
 exports.default = _default;