@weser/keyframes 0.0.6 → 0.0.8

package/dist/createKeyframe.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, createElement } from 'react';
 type Key = `${number}%` | 'from' | 'to';
-export type Keyframe = Partial<Record<Key, CSSProperties>>;
-export default function createKeyframe(style: Keyframe, nonce?: string): [string, ReturnType<typeof createElement>];
+export type T_Keyframe = Partial<Record<Key, CSSProperties>>;
+export default function createKeyframe(style: T_Keyframe, nonce?: string): [string, ReturnType<typeof createElement>];
 export {};

package/dist/createKeyframe.js

@@ -2,14 +2,6 @@ import { createElement } from 'react';
 import { cssifyObject } from 'css-in-js-utils';
 import hash from './hash.js';
 const cache = new Map();
-function getValueFromCache(animationName, style) {
-    if (!cache.has(animationName)) {
-        const keyframe = Object.entries(style).reduce((keyframe, [key, declaration = {}]) => keyframe + key + '{' + cssifyObject(declaration) + '}', '');
-        const css = `@keyframes ${animationName}{${keyframe}}`;
-        cache.set(animationName, css);
-    }
-    return cache.get(animationName);
-}
 export default function createKeyframe(style, nonce) {
     const animationName = '_' + hash(JSON.stringify(style));
     const css = getValueFromCache(animationName, style);
@@ -21,3 +13,11 @@ export default function createKeyframe(style, nonce) {
     });
     return [animationName, node];
 }
+function getValueFromCache(animationName, style) {
+    if (!cache.has(animationName)) {
+        const keyframe = Object.entries(style).reduce((keyframe, [key, declaration = {}]) => keyframe + key + '{' + cssifyObject(declaration) + '}', '');
+        const css = `@keyframes ${animationName}{${keyframe}}`;
+        cache.set(animationName, css);
+    }
+    return cache.get(animationName);
+}

package/dist/index.d.ts

@@ -1 +1 @@
-export { default as createKeyframe, Keyframe } from './createKeyframe.js';
+export { default as createKeyframe, T_Keyframe } from './createKeyframe.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/keyframes",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Tiny helpers for CSS keyframes in React",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -40,13 +40,18 @@
     "invariant",
     "utils"
   ],
+  "peerDependencies": {
+    "react": ">16.3.0"
+  },
   "dependencies": {
     "css-in-js-utils": "^3.1.0"
   },
   "devDependencies": {
+    "@types/react": "^18.3.3",
     "ava": "^6.1.3",
+    "react": "canary",
     "rimraf": "^3.0.2",
     "typescript": "^5.4.5"
   },
-  "gitHead": "44a3bbb88cf4c563fd606cab6c65ca99d82c00a3"
+  "gitHead": "9dce5f658f08431e80506b022369229dfeff7dd7"
 }