message: Flex: removed 'grow' and 'shrink,' prettier styling
diff: import PropTypes from "prop-types";
  import styled from "styled-components";
  import as from "../../enhancers/as";
  -import { bool, value } from "../../utils/styledProps";
  +import { bool } from "../../utils/styledProps";
  import Base from "../Base";
  +const directions = ["row", "column", "rowReverse", "columnReverse"];
  +const wraps = ["nowrap", "wrap", "wrapReverse"];
  +
  const Flex = styled(Base)`
  display: flex;
  -
  &&& {
  - ${bool("flex-direction", ["row", "column", "rowReverse", "columnReverse"])}
  - ${bool("flex-wrap", ["nowrap", "wrap", "wrapReverse"])}
  - ${value("flex-grow", "grow")}
  - ${value("flex-shrink", "shrink")}
  + ${bool("flex-direction", directions)};
  + ${bool("flex-wrap", wraps)};
  }
  `;
  -const valueType = PropTypes.oneOfType([PropTypes.string, PropTypes.number]);
  -
  Flex.propTypes = {
  row: PropTypes.bool,
  column: PropTypes.bool,
  @@ -24,9 +22,7 @@ Flex.propTypes = {
  columnReverse: PropTypes.bool,
  nowrap: PropTypes.bool,
  wrap: PropTypes.bool,
  - wrapReverse: PropTypes.bool,
  - grow: valueType,
  - shrink: valueType
  + wrapReverse: PropTypes.bool
  };
  export default as("div")(Flex);
  