.kuiStatusText {
  display: inline-flex;
  align-items: baseline;
}

.kuiStatusText--info {
  color: $kuiInfoColor;
}

.kuiStatusText--success {
  color: $kuiSuccessColor;
}

.kuiStatusText--warning {
  color: $kuiWarningColor;
}

.kuiStatusText--error {
  color: $kuiDangerColor;
}

/**
 * 1. Set the image to be the same size as a font icon at 14px.
 * 2. We need to cap the height too, in case the icon was designed thin and tall.
 */
.kuiStatusText__icon {
  margin-right: 6px;
  width: $statusTextIconSize; /* 1 */
  max-height: $statusTextIconSize; /* 2 */
}