Icon Cleanup

[Jeremy-Walton]

Task

TR #126

Why?

Icon classes were implemented before some of the scale patterns found in other components were established. Additionally, there were some cases of needing to force an icon style from another component. Rather than duplicate properties, Adding more placeholder selectors allows extending without duplicating.

What Changed

• Refactor icon implementation to match api naming patterns
• Refactor icon to use placeholder selector pattern
• Make placeholder selectors for size and weight properties of icon to allow overriding from a parent component.

Sanity Check

• Have you updated any usage of changed tokens?
• Have you updated the docs with any component changes?
• Have you updated the dependency graph with any component changes?
• Have you run linters?
• Have you run prettier?
• Have you tried building the css?
• Have you tried building storybook?
• Do you need to update the package version?

[Jeremy-Walton]

Icon Revisions

[Jeremy-Walton]

Note: This PR is on hold since it technically introduces breaking changes.

This does clean up icon usage significantly and doesn't change the usage (names of classes), but it does affect anyone who is overriding or customizing their icon classes.