Toasts

<button type="button" class="btn btn-gray" data-toast='{"title":"Saved","text":"Your changes are live.","tone":"success"}'>Saved</button>
<button type="button" class="btn btn-gray" data-toast='{"title":"Heads up","text":"A new version is ready.","tone":"info"}'>Heads up</button>
<button type="button" class="btn btn-gray" data-toast='{"title":"Storage almost full","text":"82% used.","tone":"warning"}'>Storage almost full</button>
<button type="button" class="btn btn-danger-soft" data-toast='{"title":"Could not send","text":"Check your connection.","tone":"danger"}'>Could not send</button>