This PR implements the ability to generate keyframe styles that are injected into the stylesheet and adds support for animation-related props. This backfills the last bit of functionality so we can migrate Evergreen off glamor! The API is very similar to the current glamor function. (see example in Toast.js)
This PR implements the ability to generate keyframe styles that are injected into the stylesheet and adds support for animation-related props. This backfills the last bit of functionality so we can migrate Evergreen off
glamor
! The API is very similar to the currentglamor
function. (see example in Toast.js)Results from the
3,696 ops/sec ±3.74% (54 runs sampled) 3,702 ops/sec ±4.95% (54 runs sampled) 3,662 ops/sec ±4.45% (55 runs sampled) 3,794 ops/sec ±4.02% (54 runs sampled) 3,845 ops/sec ±4.43% (54 runs sampled) 3,711 ops/sec ±4.30% (53 runs sampled) 3,841 ops/sec ±4.08% (54 runs sampled) 3,696 ops/sec ±4.06% (55 runs sampled) 3,776 ops/sec ±3.95% (56 runs sampled) 3,716 ops/sec ±3.95% (56 runs sampled) 3743.9 ops/sec avgmaster
branchResults from the
3,651 ops/sec ±4.61% (52 runs sampled) 3,679 ops/sec ±4.54% (52 runs sampled) 3,633 ops/sec ±4.02% (55 runs sampled) 3,703 ops/sec ±3.91% (55 runs sampled) 3,709 ops/sec ±3.75% (55 runs sampled) 3,612 ops/sec ±4.19% (56 runs sampled) 3,666 ops/sec ±3.91% (55 runs sampled) 3,605 ops/sec ±7.42% (52 runs sampled) 3,655 ops/sec ±3.87% (55 runs sampled) 3,660 ops/sec ±4.04% (55 runs sampled) 3657.3 ops/secadd-keyframes
branchDemo of the![ezgif com-gif-maker (1)](https://user-images.githubusercontent.com/11774799/201493724-b5f613b7-dd85-4b0a-ab1d-383e3ecce591.gif)
keyframes
and animation functionality via Storybook: