Function computeTextStyle

src/atoms/text/Text.style.js:7–111

(props, context)

import findBorder from "../../style-functions/findBorder";

const computeTextStyle = (props, context) => {
  const {
    d,
    pos,
    top,
    bottom,
    left,
    right,
    h,
    maxH,
    minH,
    justify,
    align,
    flexDir,
    flexGrow,
    flexWrap,
    order,
    rounded,
    border,
    borderColor,
    m,
    p,
    bg,
    textColor,
    textWeight,
    textAlign,
    textTransform,
    textDecor,
    textSize,
    transition,
    w,
    maxW,
    minW,
    fontFamily,
    opacity,
    hoverBg,
    hoverBorderColor,
    hoverTextColor,
    tag,
    theme,
    cursor,
    transform,
    transformOrigin,
    shadow,
    zIndex,
    overflow,
    hoverShadow,
    ...rest
  } = props;

  const style = [
    findRoundedDirection(rounded, context.rounded),
    findDirection(m, "margin"),
    findDirection(p, "padding"),
    makeResponsive(d, "display"),
    makeResponsive(pos, "position"),
    makeResponsive(top, "top"),
    makeResponsive(bottom, "bottom"),