Add pure css button (group) toggle

[ysds]

This PR add pure CSS toggle button.

The button plugin will be no longer need, but this allows available both JS and pure css.

Button Plugin:

<button type="button" class="btn btn-secondary" data-toggle="button" aria-pressed="false" autocomplete="off">
  Single toggle
</button>

Pure CSS (Required new .btn-group-input class):

<div class="btn-group">
  <input type="checkbox" class="btn-group-input" id="checkbox1">
  <label class="btn btn-primary" for="checkbox1">Single toggle</label>
</div>

Demo: https://codepen.io/fellows3/pen/bQydEm

Fixes #25122
Fixes #27600

[mdo]

Required new .btn-group-input class

That's likely a deal breaker on this being in v4 as an update to the existing button group. We'd have to deprecate the existing one and provide this as a new component. Breaking changes are a no-go heading into stable v4.0.

[ysds]

I added .btn-group-input as a class similar to .custom-control-input, but It can be realized without .btn-group-input by complicating CSS.

.btn-group-input { ... }

to

.btn-group > input[type="radio"],
.btn-group > input[type="checkbox"] { ... }

<div class="btn-group">
  <input type="checkbox" id="checkbox1">
  <label class="btn btn-primary" for="checkbox1">Single toggle</label>
</div>

[patrickhlauke]

i'd like to see this addressed in 4.1 perhaps though. toggle groups are extremely brittle due to their reliance on JS which makes them easily go out of sync with things like keyboard behavior, autofill behavior, etc

[ysds]

x-ref: #25281

[MartijnCuppens]

I like this, but maybe we better move this to v5? Otherwise we'll have 2 implementations of the same component. @mdo, what do you think?

[mdo]

Superseded by #28463.