EditableGrid.js

const Cell = stylesheet.style("div", {
  displayName: "Cell",
  
  baseline: "100%",
  overflow: "hidden",
  boxSizing: "border-box",
  position: "absolute",
  top: 0,
  left: 0,
  right: "2px",
  bottom: "2px",
  borderBottom: "solid 1px #eee",
  borderRight: "solid 1px #eee",
  paddingTop: 2,
  paddingLeft: 3,
  paddingBottom: 3,
  fontSize: "0.9em",
  
  highlighted: {
    background: "#F0F8FF"
  },
  focused: {
    border: "solid 2px #4169E1",
    background: "white",
    paddingBottom: 2
  },
  numeric: {
    paddingRight: 3,
    textAlign: "right"
  }
});