[0.24.0] Dividers, Icon enhancements, and Input enhancements

🚨 Breaking Changes

None

👻 Deprecations

All deprecations will be removed in a later release. Migrating your codebase to the new components as you upgrade will help you avoid breaking changes later.

Expect deprecated features to be completely removed from TDS five minor versions after they are deprecated. Therefore, deprecations declared in v0.20.0, will be removed in the next release, v0.25.0. You have been warned.

New deprecations with this release:

• The Icon component.
• All icon classes and Sass variables/mixins. .icon, .icon--primary, .icon--secondary, .icon--error, .icon--disabled, .icon--fw, .icon--large, .icon-core-*, core-icon(), $core-icon-codepoints. Use the new icon components for all iconography.
• The dimple() Sass mixin.
• All creations of the "wave" should be considered deprecated in favor of the WaveDivider component. Use the component instead of custom CSS or an image.

🎁 Features

• Input:
  • The tooltip is a revealable bubble containing extra information that only some users need.
  • The hint is clarifying information that sits directly to the right of the main label. It provides a hint to how they should input data into the form field.
• New icon components: DecorativeIcon and StandaloneIcon
  • The DecorativeIcon should only be used for purely aesthetic icons.
  • The StandaloneIcon should be used for meaningful icons that have a semantic purpose within the page. Often these may be used as interactive elements.
• Divider components: WaveDivider, DimpleDivider, and HairlineDivider.

🔧 Fixes

None

Full details in the changelog.