Keep button text visible while in loading state

[fredrik-sogaard]

It would be nice if the button text would be visible while in loading state and place the spinner at the start. That way we can change the text from for example "Submit" to "Submitting..." on the button itself, instead of just showing the spinner.

[claviska]

Making the label visible will cause the button to shift, so I'd prefer that not to be the default behavior. However, it wasn't possible to do this with CSS so I added the label part to <quiet-button> and moved the spinner to the start, allowing you to customize the behavior:

/* Loading button with visible label */
quiet-button {
  &::part(button),
  &::part(label) {
    visibility: visible;
  }
  
  &::part(spinner) {
    position: static;
  }
}

Example: https://codepen.io/claviska/pen/zxraNyL?editors=0100

This is available in 1.4.0.