baby-i-am-faded - npm Package Compare versions

Comparing version 3.0.2 to 3.0.3

dist/index.d.ts

@@ -1,2 +0,2 @@
-import { CSSProperties, FC, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, CSSProperties, FC, ReactNode } from 'react';
 export declare type FadedProps = {
@@ -37,3 +37,3 @@ whenInView?: boolean;
     children?: ReactNode | ReactNode[];
-};
+} & ComponentPropsWithoutRef<'div'>;
 export declare const Faded: FC<FadedProps>;
@@ -40,0 +40,0 @@ export declare function getAnimationCss(keyframes: string, delay: number, duration: number, timingFunction: string): {

dist/index.js

@@ -79,5 +79,5 @@ "use strict";
     if (whenInView) {
-        return (react_1.default.createElement(react_intersection_observer_1.InView, __assign({ threshold: threshold, triggerOnce: triggerOnce }, rest), function (_a) {
+        return (react_1.default.createElement(react_intersection_observer_1.InView, { threshold: threshold, triggerOnce: triggerOnce }, function (_a) {
             var inView = _a.inView, ref = _a.ref, entry = _a.entry;
-            return (react_1.default.createElement("div", { ref: ref }, makeAnimated({ inView: inView, nodes: children })));
+            return (react_1.default.createElement("div", __assign({ ref: ref }, rest), makeAnimated({ inView: inView, nodes: children })));
         }));
@@ -84,0 +84,0 @@ }

esm/index.d.ts

@@ -1,2 +0,2 @@
-import { CSSProperties, FC, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, CSSProperties, FC, ReactNode } from 'react';
 export declare type FadedProps = {
@@ -37,3 +37,3 @@ whenInView?: boolean;
     children?: ReactNode | ReactNode[];
-};
+} & ComponentPropsWithoutRef<'div'>;
 export declare const Faded: FC<FadedProps>;
@@ -40,0 +40,0 @@ export declare function getAnimationCss(keyframes: string, delay: number, duration: number, timingFunction: string): {

esm/index.js

@@ -70,5 +70,5 @@ var __assign = (this && this.__assign) || function () {
     if (whenInView) {
-        return (React.createElement(InView, __assign({ threshold: threshold, triggerOnce: triggerOnce }, rest), function (_a) {
+        return (React.createElement(InView, { threshold: threshold, triggerOnce: triggerOnce }, function (_a) {
             var inView = _a.inView, ref = _a.ref, entry = _a.entry;
-            return (React.createElement("div", { ref: ref }, makeAnimated({ inView: inView, nodes: children })));
+            return (React.createElement("div", __assign({ ref: ref }, rest), makeAnimated({ inView: inView, nodes: children })));
         }));
@@ -75,0 +75,0 @@ }

package.json

 {
     "name": "baby-i-am-faded",
     "_": "[bump if baby-i-am-faded]",
-    "version": "3.0.2",
+    "version": "3.0.3",
     "description": "",
@@ -6,0 +6,0 @@ "main": "dist/index.js",

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

20779

increased by0.9%

No dependency changes