v0.13.8

What's Changed

• Bump decode-uri-component from 0.2.0 to 0.2.2 by @dependabot in #555
• chore: update devDependencies to latest versions by @davidhu2000 in #556
• Bump json5 from 1.0.1 to 1.0.2 by @dependabot in #559
• Remove Animation Fill Mode by @Lucien950 in #558
• docs: fix radius prop type in storybook to be number instead of object by @davidhu2000 in #561

New Contributors

• @Lucien950 made their first contribution in #558

Full Changelog: v0.13.7...v0.13.8

0.13.7

What's Changed

fix: PacmanLoader container height/width to adjust with size prop

0.13.0

Major Changes

Feature: Removed @emotion/react as a dependency and rewrote all components as functional components. This library now has ZERO dependencies.

This resulted in a huge component size reduction. As compared between 0.12.0 and 0.13.0

0.13.0

0.12.0

Feature: Add support for custom props such as aria-label
Feature: Updated RiseLoader rise amount to be the same as size prop instead of hard coded 30px

Breaking Change: css prop is renamed to cssOverride to avoid conflicts with css-in-js libraries

Storybook is introduced to better demo the components. The demo site is simplified to only allow color changes.

Minor Changes

• replaced enzyme with react testing library
• bugfix: add display: inherit to the default styles to fix the rendering issue
• bugfix: GridLoader's rendering issue

0.12.0

Major Changes

• Feature: output commonjs, es module, and umd file types.
• Feature: add support for react 18 #464

Minor Changes

• bugfix: Update pragma to /** @jsxImportSource @emotion/react */ to fix issue with the new jsx runtime.

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.