Input redesign & cache updates

[benjamincharity]

• input:
  • redesign - closes #377
  • can default datepicker open
  • allow static error message in place of validation
  • allow custom DOM to be passed in for icons etc
  • support small mode
• selection list:
  • redesign
  • allow static error message in place of validation
  • remove FontAwesome - closes #459
  • minimal mode - closes #483
  • support for custom error message
• search:
  • redesign
  • remove FontAwesome - closes #481
• date range:
  • redesign
  • can default datepicker open
  • support for custom error message
• cohort date range
  • redesign
  • can default datepicker open
  • support for custom error message
• button:
  • fix background transition

Migration notes for @terminus/ui-input@3.0.0

No longer supporting:

1. prefix icon
2. suffix icon
3. theme
4. built in validation messages

Prefix and Suffix icons

<ts-input
-  prefixIcon="faHome"
-  suffixIcon="faCancel"
></ts-input>

Designs won't have prefix or suffix icons going forward. The input component still supports the clear icon and the datepicker icon. Any other components (such as Search) will need to add their own prefix/suffix support as needed.

Theme

<ts-input
-  theme="warn"
></ts-input>

Validation messages

Pulling validation messages from the form control was a pain point for some teams; especially as they approach localization. Now the input accepts a string error message:

<ts-input
+  errorMessage="A valid email address is required."
></ts-input>

https://www.chromatic.com/component?appId=5f0ca4e61af3790022cad2fe&name=Components%2FData+Entry%2FInput&buildNumber=263