Simplify API by removing unit props

The component API has been simplified. The length prop can now accept number or string.

Major Changes

• all unit props are deprecated, including sizeUnit, heightUnit, widthUnit, and radiusUnit. The size, height, width, and radius props now accepts number and string.
  • If value is number, default to px
  • If value is string with valid css unit, return the input value
  • If value is string with invalid css unit, output warning console log and default to px
• margin prop now works the same way as other length props. Can accept number and string

Minor Changes

• css prop default is now "". No functionality change here.
• fix margin prop functionality on FadeLoader and RotateLoader so it actually expands the spacing between the elements.
• update the README color prop section to include a list of available color words accepted.
• clean up README formatting using the prettier plugin
• add yarn installation instruction to the README.

Rewrite Package in TypeScript

The entire package has been rewritten in TypeScript. The package will now support individual loader imports with types.

Major changes:

• Add support for types for individual loader imports
• Add support for using the basic color name as props instead of only color hashes
• Reduced total package size from around 850kb to 135gb
• Fix main key value in package.json to point to the correct index.js
• Removed prop-types and recompose from dependencies
• Added tests to get to 100% code coverage

Minor changes:

• Update PacmanLoader css top property to respect sizeUnit prop.
• Update README to include radius and radiusUnit.
• Add missing transform key to the RiseLoader animation.
• Setup tslint and prettier to enforce code consistency.
• Add missing " to .babelrc in README.

Emotion upgrade and optimizations

• Update emotion package to emotion 10, this includes a breaking change with replacing className prop with css prop to match convention of the Emotion package.
• update package.json to include wider range of version for recompose
• update how onlyUpdateForKeys is imported from recompose. Reduced import cost from 26kb to 19kb.

More customization with className prop and single load import

• add className prop to allow more customization using emotion module.
• removed loaderStyle prop in favor of the new className prop.
• add functionality to import a single loader without importing the whole package.
• readme updates to include all props and new changes

Add loaderStyle prop for more customization

• added new prop loaderStyle to allow more customization for each loader.

For example,

<Barloader loaderStyle={{ opacity: 0.7 }} />

Rendering fix due to breaking changes in `emotion

Emotion 8 deprecated the composes key in the css method. This causes several loaders to not render properly. Fixed the rendering issue for all the loaders on this release.

Minor: Add unit props to loaders

• added unit props to loaders to allow different css units such as %.
• fixed some string concatenation errors in several loaders that prevented correct rendering.

Patch: update devDependencies and peerDependencies versions

• updated outdated devDependencies
• removed unused npm scripts from package.json
• added v16 for react and react-dom peerDependencies
• minor linting fixes after upgrading devDependencies version

Patch: fix typo in emotion css

• bugfix: change borderRadius to border-radius in RingLoader so the browser will recognize the css.

Patch: Dependency Bug Fix

• moved prop-types to dependencies to fix Package Not Found Error.
• added typings file for TypeScript support.