Add expressive List & Button

[shixiedesign]

Summary

"Carbon expressive theme" was originally conceived based on the assumption that majority of the experience on IBM.com is for long form reading and/or based on a marketing intent. This has proven to be not true over the last 2 years. We need productive experiences in the Homepage (masthead mega menu), IBM.com search, Products catalog, Support forum, MyIBM, Registration (URX), product configuration, Commerce checkout and many more places. The common occurrence of productive experience (14px type size, and compact components such as tabs & checkboxes) is too often for the approach of "expressive theme" to make sense.

The proposal is add a handful of tokens and expressive components to Carbon 10, and deprecate "expressive theme". Moving forward, Carbon for IBM.com would like to depend on Carbon core, and focus on delivering unique components that's needed by IBM.com on top of leveraging the full offering of Carbon Design System.

Add expressive List & Button

(names TBD. List large? You guys decide)

• Expressive list (16px type size, 24px line height, should use $body-long-02)
• Expressive button (16px button label, 48px button height)

Expressive list

Expressive button

• this applies to variant of all types (primary, secondary, tertiary, ghost, danger)