Move to individually versioned packages with Lerna

[lazd]

Todo

• Merge Conventional Commits & Changelogs #279 into this branch

Description

Move to individually versioned packages with Lerna #179

Documentation

• New, responsive site based on individually versioned components with silly fast navigation, lazy loaded deps as docs are viewed
  • Basic accessible search with build-time index generation
• Update README for individual versioning, add legacy README with legacy usage
  • Add documentation for site updating and architecture
  • Add docs for documentation generation, link to docs, remove references to Precursors
  • Add instructions for adding/editing components
  • Add docs to show how to update DNA and icons
  • Add docs for getting DNA variables from @spectrum-css/vars
  • Document issues with npm ci and installing optional dependencies
• IE 11 site support SDS-2082
  • using legacy multi-stop strategy instead of the CSS custom properties strategy.
  • On DOMContentLoaded, we check for custom properties support with CSS.supports() and swap out CSS files if its not supported. This means that index.vars does still get requested by the browser, but is replaced before load.
  • In addition, search and asynchronous fast page load are disabled as they use HTML5 and ES6 features not supported in IE and are not required for testing.
  • Added gulp devHeavy to build multistops for testing in IE

Chores

• Update to DNA 5.18.1
• Update icons to 4.1.0
• Audit DNA status for all components
• Add nvmrc
• Export a experimental tree-shakable DNA variable object from @spectrum-css/vars

Bug fixes

• Update Textarea line-height and min-height, closes Text area line-height and min-height need updating #231
• Fix spinner buttons appearing on Steppers in Firefox, closes Seeing different UIs for Day and Year section on portal on Mozilla Firefox and Google Chrome #214
• Fix search field on iOS, closes Search field is very rounded on iOS #229
• Fix Menu chevron vertical alignment, fixes Menu disclosure chevron is not centered #240
• Fix horizontal alignment of labels in anchor buttons, fixes Button label in a tag is not centered #239
• Remove button outline when focused in Firefox, fixes Buttons have an outline when focused in Firefox #161
• Fix bar loader label in IE 11, fixes Progress bar overlaps label in IE #242
• Fix Radio label margins when labels are below, fixes Radio buttons in FieldGroup Vertical have too much margin #246
• Fix Checkbox icon color when checkbox imported before icons, fixes Checkbox icons appear the wrong color when checkbox imported before icons #219 (Fixed #219 Checkbox icons appear the wrong color when checkbox import... #235)
• Add Adobe Clean UX support, closes Add adobe-clean-ux as fallback font #189 (Font fallbacks #248)
• Fix fallback fonts for ar, he, ja, zh-Hans, zh-Hant, and ko, closes ADOBE font fallback is incorrect for Korean / Chinese fonts.  #232 (Font fallbacks #248)
• Removed float from tags, fixes TagList should use flex, not floats #218 (Removed float from tags #237)
• Make Slider grab handle look right in docs, closes Slider cursor freaks out when grabbing handle in docs #255
• Add missing Asset docs, closes Documentation missing for Asset #256
• Add Menu .is-highlighted so we can indicate highlight without mis-using .is-open, closes Menu items should have an is-highlighted class #258
• Support using links as menu items, closes Menu should support using links as menu items without underline #257
• Fix incorrect height for small BarLoader, fixes Bar loader small height is wrong #259

Testing

Currently in use in React Spectrum master: https://github.com/adobe/react-spectrum/

React Spectrum storybook with 2.14.0-alpha.16: http://lfbuild.corp.adobe.com:8080/job/adobe/job/react-spectrum/job/master/124/Report_20adobe_20public_2fstorybook/

---

Branch in Angular Spectrum: https://git.corp.adobe.com/AMO/ngx-spectrum-components/tree/verify_ivc_spectrum

A diff script is included that diffs the component build files against 2.13. To run it:

npm install -g prettier
npm install
gulp
cd bundles/spectrum-css-compat
gulp
./diff.sh

---

Basic Create React App POC testing implementation in React / JavaScript / HTML5:
https://git.corp.adobe.com/bschmidt/spectrum-css-individual-versioning-poc-SDS-1812
Ticket: SDS-1812

Types of changes

• New feature (non-breaking change which adds functionality)