Button styles

[forsbergplustwo]

Button styles need aligning with the new v12 styles. Default and Primary are ok, but we need to check all the other variants.

[kirillplatonov]

@forsbergplustwo some CSS overrides seems to cause the issue. Without them buttons looks the same:

[forsbergplustwo]

Yeah, I'll scope that to Banner, Modal, Card etc. that want the button text larger and bold. But this task is more about the other button styles, like Critical/Destroy etc.

[forsbergplustwo]

EDIT: Just realized I'm seeing the "Mobile" styling of the buttons, because I've got 2 windows side by side on my laptop. So I'll move those parts to a @media query instead 😅

We still need to check on the other button styles though.

[kirillplatonov]

Got it 🙂

[forsbergplustwo]

@kirillplatonov - This one is now done.. see #383 for screenshots 🎉

Note: The new Polaris v12 does not have "outline" buttons, so I've silently dropped the class from being added in the component for now, making them a "normal" button:

polaris_view_components/app/components/polaris/headless_button.rb

Line 86 in b23ec06

# "Polaris-Button--outline": outline,

Not sure if there's a better fallback for these as I don't remember using them anywhere, but let me know if you think it should be done different.