feat(Button): allow to pass any valid <button> or <a> HTML attributes

[amje]

This PR introduces an easier way to pass any extra properties to the component and deprecates extraProps prop:

// Before
<Button extraProps={{onKeyDown: () => {}}} />

// After
<Button onKeyDown={() => {}} />

By default, extra properties extend React.ButtonHTMLAttributes and when href property is passed they extend React.AnchorHTMLAttributes.

PR potentially will break types because ButtonProps can no longer be extended in interface declaration:

// Can't extend in interface
interface MyButton extends ButtonProps {
    myProp: string;
}

// This works fine
type MyButton = ButtonProps & {
    myProp: string;
}

[gravity-ui-bot]

Playwright Test Component is ready.

[gravity-ui-bot]

Preview is ready.

[ogonkov]

Why is type cast used?

[amje]

It requires weird type, intersection of HTMLButtonElement and HTMLAnchorElement

[ogonkov]

Why element type changed?

[amje]

To ensure any root tag is valid

[goshander]

@amje aria-label props pass to React component as is, without camelCase converting?

[amje]

@amje aria-label props pass to React component as is, without camelCase converting?

Yes, it's valid