How to use the @artsy/palette.Serif function in @artsy/palette

var InnerForm = function InnerForm(props) {
  var touched = props.touched,
      errors = props.errors,
      isSubmitting = props.isSubmitting,
      values = props.values,
      setFieldValue = props.setFieldValue,
      setFieldTouched = props.setFieldTouched;
  return _react.default.createElement(_formik.Form, null, _react.default.createElement(_palette.Box, {
    mt: 4
  }, _react.default.createElement(_palette.Box, {
    mb: 2
  }, _react.default.createElement(_palette.Serif, {
    size: "3t",
    mb: 0.5
  }, "Credit card"), _react.default.createElement(_CreditCardInput.CreditCardInput, {
    error: {
      message: errors.creditCard
    }
  }))), _react.default.createElement(_palette.Box, {
    mt: 4
  }, _react.default.createElement(_palette.Box, {
    mt: 2
  }, _react.default.createElement(_AddressForm.AddressForm, {
    value: values.address,
    onChange: function onChange(address, _key) {
      setFieldValue("address", address);
    },
    errors: errors.address,

trackConfirmBidSuccess(position.id, bidderId, selectedBid);
      window.location.assign("".concat(_sharify.data.APP_URL, "/artwork/").concat(artwork.id));
    } else {
      actions.setStatus(messageHeader);
      actions.setSubmitting(false);
      trackConfirmBidFailed(bidderId, [messageHeader]);
    }
  }

  return _react.default.createElement(_AppContainer.AppContainer, null, _react.default.createElement(_reactHead.Title, null, "Confirm Bid | Artsy"), _react.default.createElement(_palette.Box, {
    maxWidth: 550,
    px: [2, 0],
    mx: "auto",
    mt: [1, 0],
    mb: [1, 100]
  }, _react.default.createElement(_palette.Serif, {
    size: "8"
  }, "Confirm your bid"), _react.default.createElement(_palette.Separator, null), _react.default.createElement(_LotInfo.LotInfoFragmentContainer, {
    artwork: artwork,
    saleArtwork: artwork.saleArtwork
  }), _react.default.createElement(_palette.Separator, null), _react.default.createElement(_BidForm.BidFormFragmentContainer, {
    initialSelectedBid: getInitialSelectedBid(props.location),
    showPricingTransparency: false,
    saleArtwork: saleArtwork,
    onSubmit: handleSubmit,
    me: me
  })));
};

window.location.assign("".concat(_sharify.data.APP_URL, "/auction/").concat(sale.id, "/confirm-registration"));
      }).catch(function (error) {
        handleMutationError(actions, error);
      });
    }).catch(function (error) {
      handleMutationError(actions, error);
    });
  }

  return _react.default.createElement(_AppContainer.AppContainer, null, _react.default.createElement(_reactHead.Title, null, "Auction Registration"), _react.default.createElement(_palette.Box, {
    maxWidth: 550,
    px: [2, 0],
    mx: "auto",
    mt: [1, 0],
    mb: [1, 100]
  }, _react.default.createElement(_palette.Serif, {
    size: "10"
  }, "Register to Bid on Artsy"), _react.default.createElement(_palette.Separator, {
    mt: 1,
    mb: 2
  }), _react.default.createElement(_RegistrationForm.StripeWrappedRegistrationForm, {
    onSubmit: handleSubmit,
    trackSubmissionErrors: trackRegistrationFailed
  })));
};

render: function render(_ref3) {
      var values = _ref3.values,
          touched = _ref3.touched,
          errors = _ref3.errors,
          isSubmitting = _ref3.isSubmitting,
          setFieldValue = _ref3.setFieldValue,
          setFieldTouched = _ref3.setFieldTouched,
          status = _ref3.status;
      return _react.default.createElement(_formik.Form, null, _react.default.createElement(_palette.Flex, {
        flexDirection: "column"
      }, _react.default.createElement(_palette.Flex, {
        flexDirection: "column",
        py: 4
      }, _react.default.createElement(_palette.Serif, {
        pb: 0.5,
        size: "4t",
        weight: "semibold",
        color: "black100"
      }, "Set your max bid"), _react.default.createElement(_palette.LargeSelect, {
        selected: values.selectedBid,
        onSelect: function onSelect(value) {
          setFieldValue("selectedBid", value);
          setFieldTouched("selectedBid");
        },
        options: displayIncrements
      }), touched.selectedBid && errors.selectedBid && _react.default.createElement(_palette.Sans, {
        mt: 1,
        color: "red100",
        size: "2"
      }, errors.selectedBid), showPricingTransparency && _react.default.createElement(_PricingTransparency.PricingTransparency, null)), _react.default.createElement(_palette.Flex, {