Add padding top and bottom to the Button component

[mrosvik]

When Button has multiple line with text, there should be a top and bottom padding.

[Barsnes]

This is blocked by #1696, or should be done in that PR directly.

[mimarz]

This might break Button used as an "icon button". Make sure to test the stories and judge how it looks.

Most likely a BREAKING CHANGE for our users as it changes current expected behaviour.

[mimarz]

Which spacing token should this padding be @mrosvik ?

Like these?
#1712 (comment)

[mrosvik]

Small
padding top and bottom: spacing-2

Medium
padding top and bottom: spacing-3

Large
padding top and bottom: spacing-3

---

Could this wait until after V1?

[mimarz]

Small padding top and bottom: spacing-2

Medium padding top and bottom: spacing-3

Large padding top and bottom: spacing-3

Could this wait until after V1?

spacing-3 does not work with medium Button as its forces if bigger in combination with text size.

[mimarz]

@mrosvik Reduced it to spacing-2 for medium, you can have a look here: https://storybook-pr-1910.dev.designsystemet.no/

[mrosvik]

LGTM :)

Large

Medium:

Small: