Sizing

<button wr-btn type="button" size="sm">Small</button>
<input wrInput size="md" />
<wr-select size="lg">…</wr-select>

.my-control {
  padding: calc(var(--wr-control-padding-y-md) * var(--wr-density-y, 1))
    calc(var(--wr-control-padding-x-md) * var(--wr-density-x, 1));
  line-height: var(--wr-control-line-height-md);
  font-size: var(--wr-control-font-size-md);
  border: 1px solid var(--wr-border-base);
  border-radius: var(--wr-control-radius-md);
}