Button links with text state colors

Curious about community need / interest in this feature. I often use btn-link buttons and want to be able to color the buttons per the text state colors provided by Bootstrap. I have found it intuitive to try class="btn-link text-danger" for a delete link button, to no avail.

I now accomplish this by adding the below to my Bootstrap override LESS file. I feel something like this should ship with Bootstrap. What do the maintainers and the community think?

.btn-link {
    &.text-success {
        .text-emphasis-variant(@state-success-text);
    }
    &.text-info {
        .text-emphasis-variant(@state-info-text);
    }
    &.text-warning {
        .text-emphasis-variant(@state-warning-text);
    }
    &.text-danger {
        .text-emphasis-variant(@state-danger-text);
    }
    &.text-muted {
        .text-emphasis-variant(@text-muted);
    }
}

[cvrebert]

As mentioned in the docs, just use a wrapper span: <button class="btn btn-link"><span class="text-danger">Your text</span></button>

[roberkules]

just had the same issue, updated example for bootstrap 4 / sass:

.btn-link {
  @each $name, $color in (success: $success, info: $info, warning: $warning, danger: $danger) {
    &.text-#{$name} {
      @include hover-focus {
        color: darken($color, 10%) !important;
      }
    }
  }
}