@foundit/micro-animations - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

CHANGELOG.md

 # @foundit/micro-animations
 
+## 0.2.1
+
+### Patch Changes
+
+- Reexport toLinear and easing from easings.net
+
 ## 0.2.0
@@ -4,0 +10,0 @@

dist/index.d.ts

@@ -0,1 +1,3 @@
+export { EasingFactoryProduct, easingFactory, toLinear } from '@foundit/motion-blur';
+
 interface TargetElement extends Element {
@@ -12,3 +14,3 @@ currentAnimation?: Animation;
     /** Optional - CSS easing. Default to 'linear' */
-    easing?: KeyframeAnimationOptions['easing'];
+    easing?: KeyframeAnimationOptions['easing'] | `linear(${string})` | (string & {});
     /** Mandatory - The element to animate. */
@@ -55,2 +57,11 @@ element: TargetElement | TargetElement[];
  *  ...
+ *
+ * Using toLinear for custom easing from easing.net
+ *
+ * microAnimation({
+ *  element: el,
+ *  easing: toLinear(easingFactory().easeInOutBounce),
+ *  duration: 400,
+ *  transformEnd: {translate: '0 200px'},
+ * })
  */
@@ -57,0 +68,0 @@ declare function microAnimation({ composite, debug, duration, easing, element: element, fill, transformEnd, transformInit, pseudoElement, }: MicroAnimationProps): Promise<PromiseSettledResult<AnimationPlaybackEvent>[]>;

dist/index.js

@@ -23,5 +23,8 @@ "use strict";
 __export(foundit_micro_animations_exports, {
-  microAnimation: () => microAnimation
+  easingFactory: () => import_motion_blur.easingFactory,
+  microAnimation: () => microAnimation,
+  toLinear: () => import_motion_blur.toLinear
 });
 module.exports = __toCommonJS(foundit_micro_animations_exports);
+var import_motion_blur = require("@foundit/motion-blur");
 function microAnimation({
@@ -90,3 +93,5 @@ composite,
 0 && (module.exports = {
-  microAnimation
+  easingFactory,
+  microAnimation,
+  toLinear
 });

index.ts

@@ -0,1 +1,7 @@
+import {
+  toLinear,
+  easingFactory,
+  EasingFactoryProduct,
+} from '@foundit/motion-blur'
+
 // =================================================================================================
@@ -20,3 +26,6 @@ // INTERFACE
   /** Optional - CSS easing. Default to 'linear' */
-  easing?: KeyframeAnimationOptions['easing']
+  easing?:
+    | KeyframeAnimationOptions['easing']
+    | `linear(${string})`
+    | (string & {})
 
@@ -73,2 +82,11 @@ /** Mandatory - The element to animate. */
  *  ...
+ *
+ * Using toLinear for custom easing from easing.net
+ *
+ * microAnimation({
+ *  element: el,
+ *  easing: toLinear(easingFactory().easeInOutBounce),
+ *  duration: 400,
+ *  transformEnd: {translate: '0 200px'},
+ * })
  */
@@ -152,15 +170,4 @@ function microAnimation({
 
-export { microAnimation }
+export { microAnimation, toLinear, easingFactory }
 
-export type { MicroAnimationProps, TargetElement }
-
-/*
- * Workflow:
- * pnpm changeset - create a new changeset
- *
- * Release sequence:
- * pnpm run build - builds the package
- * pnpm changeset version - bumps the version in the changeset/package json
- * pnpm changeset publish - publishes the package to npm
- * git push --follow-tags origin main
- */
+export type { MicroAnimationProps, TargetElement, EasingFactoryProduct }

package.json

 {
   "name": "@foundit/micro-animations",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "",
@@ -33,2 +33,5 @@ "main": "dist/index.js",
   },
+  "dependencies": {
+    "@foundit/motion-blur": "^0.0.5"
+  },
   "scripts": {
@@ -35,0 +38,0 @@ "build": "tsup index.ts --format cjs,esm --dts",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

39371

increased by4.24%

Number of package files

15

increased by7.14%

Lines of code

492

increased by6.03%

Worsened metrics

Dependency count

1

increased byInfinity%

Dependency changes

• + Added@foundit/motion-blur@^0.0.5

• + Added@foundit/motion-blur@0.0.5(transitive)