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, andradiusUnit. Thesize,height,width, andradiusprops now acceptsnumberandstring.- 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
- If value is number, default to
marginprop now works the same way as other length props. Can acceptnumberandstring
Minor Changes
cssprop default is now"". No functionality change here.- fix margin prop functionality on
FadeLoaderandRotateLoaderso it actually expands the spacing between the elements. - update the README
colorprop section to include a list of available color words accepted. - clean up README formatting using the prettier plugin
- add
yarninstallation instruction to the README.
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
mainkey value inpackage.jsonto point to the correctindex.js - Removed
prop-typesandrecomposefrom dependencies - Added tests to get to 100% code coverage
Minor changes:
- Update
PacmanLoadercss top property to respectsizeUnitprop. - Update README to include
radiusandradiusUnit. - Add missing
transformkey to theRiseLoaderanimation. - Setup
tslintandprettierto enforce code consistency. - Add missing
"to.babelrcin README.
- Update emotion package to emotion 10, this includes a breaking change with replacing
classNameprop withcssprop to match convention of the Emotion package. - update package.json to include wider range of version for recompose
- update how
onlyUpdateForKeysis imported fromrecompose. Reduced import cost from 26kb to 19kb.
- add
classNameprop to allow more customization usingemotionmodule. - removed
loaderStyleprop in favor of the newclassNameprop. - add functionality to import a single loader without importing the whole package.
- readme updates to include all props and new changes
- added new prop
loaderStyleto allow more customization for each loader.
For example,
<Barloader loaderStyle={{ opacity: 0.7 }} />
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.
- added unit props to loaders to allow different css units such as
%. - fixed some string concatenation errors in several loaders that prevented correct rendering.
- updated outdated devDependencies
- removed unused npm scripts from
package.json - added
v16forreactandreact-dompeerDependencies - minor linting fixes after upgrading devDependencies version
- bugfix: change
borderRadiustoborder-radiusinRingLoaderso the browser will recognize the css.

