Right block stretch to remaining width, left block width depending on inner text

gistfile1.txt

<div class="wrapper">
  <div class="left">
    here is thevery very very big text
  </div>
  <div class="right">one</div>
</div>

.wrapper{
  background-color: green;
  width: 100%;
  display: flex;
}
.left{
  background-color: red;
  color: white;
  width:auto;
  white-space: nowrap;
  flex-shrink: 0;
}
.right{
  background-color: yellow;
  width:100%;
  flex-grow: 1;
}