gsap-react-marquee 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +48 -48
- package/dist/components/gsap-react-marquee.d.ts +4 -0
- package/dist/components/gsap-react-marquee.type.d.ts +92 -0
- package/dist/components/gsap-reactmarquee.utils.d.ts +121 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.css +1 -0
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -0
- package/dist/types/components/gsap-reactmarquee.utils.d.ts +1 -1
- package/package.json +72 -72
- package/dist/types/components/gsap-react-marquee.styles.d.ts +0 -2
- /package/dist/{gsap-react-marquee.css → index.cjs.css} +0 -0
|
@@ -4,5 +4,5 @@ export declare const cn: (...inputs: ClassValue[]) => string;
|
|
|
4
4
|
export declare const getEffectiveBackgroundColor: (el: HTMLElement) => string;
|
|
5
5
|
export declare const setupContainerStyles: (containerMarquee: HTMLElement, marquees: HTMLElement[], marqueesChildren: HTMLElement[], isVertical: boolean, props: GSAPReactMarqueeProps) => void;
|
|
6
6
|
export declare const calculateDuplicates: (marqueeChildrenWidth: number, containerMarqueeWidth: number, isVertical: boolean, props: GSAPReactMarqueeProps) => number;
|
|
7
|
-
export declare const getMinWidth: (marqueesChildren: HTMLElement[], totalWidth: number, containerMarqueeWidth: number, props: GSAPReactMarqueeProps) => string | number;
|
|
7
|
+
export declare const getMinWidth: (marqueesChildren: HTMLElement[], totalWidth: number, containerMarqueeWidth: number, isVertical: boolean, props: GSAPReactMarqueeProps) => string | number;
|
|
8
8
|
export declare const coreAnimation: (elementsToAnimate: HTMLElement[], startX: number, tl: gsap.core.Timeline, isReverse: boolean, draggableTrigger: HTMLElement | HTMLElement[], isVertical: boolean, props: GSAPReactMarqueeProps) => void;
|
package/package.json
CHANGED
|
@@ -1,72 +1,72 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "gsap-react-marquee",
|
|
3
|
-
"author": "David Domenico Piscopo",
|
|
4
|
-
"description": "A high-performance React marquee component powered by GSAP",
|
|
5
|
-
"license": "MIT",
|
|
6
|
-
"version": "0.2.
|
|
7
|
-
"type": "module",
|
|
8
|
-
"main": "dist/index.cjs.js",
|
|
9
|
-
"module": "dist/index.esm.js",
|
|
10
|
-
"types": "dist/index.d.ts",
|
|
11
|
-
"exports": {
|
|
12
|
-
".": {
|
|
13
|
-
"import": "./dist/index.esm.js",
|
|
14
|
-
"require": "./dist/index.cjs.js",
|
|
15
|
-
"types": "./dist/index.d.ts"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
"files": [
|
|
19
|
-
"dist",
|
|
20
|
-
"README.md",
|
|
21
|
-
"LICENSE"
|
|
22
|
-
],
|
|
23
|
-
"scripts": {
|
|
24
|
-
"build": "rollup -c",
|
|
25
|
-
"build:watch": "rollup -c -w",
|
|
26
|
-
"prepare": "npm run build"
|
|
27
|
-
},
|
|
28
|
-
"keywords": [
|
|
29
|
-
"react",
|
|
30
|
-
"marquee",
|
|
31
|
-
"gsap",
|
|
32
|
-
"animation",
|
|
33
|
-
"scroll",
|
|
34
|
-
"infinite",
|
|
35
|
-
"component",
|
|
36
|
-
"typescript"
|
|
37
|
-
],
|
|
38
|
-
"repository": {
|
|
39
|
-
"type": "git",
|
|
40
|
-
"url": "git+https://github.com/daviddpi/gsap-react-marquee.git"
|
|
41
|
-
},
|
|
42
|
-
"bugs": {
|
|
43
|
-
"url": "https://github.com/daviddpi/gsap-react-marquee/issues"
|
|
44
|
-
},
|
|
45
|
-
"homepage": "https://github.com/daviddpi/gsap-react-marquee#readme",
|
|
46
|
-
"peerDependencies": {
|
|
47
|
-
"@gsap/react": "^2.1.1",
|
|
48
|
-
"clsx": "^2.1.0",
|
|
49
|
-
"gsap": "^3.12.0",
|
|
50
|
-
"react": ">=18",
|
|
51
|
-
"react-dom": ">=18",
|
|
52
|
-
"tailwind-merge": "^2.2.0"
|
|
53
|
-
},
|
|
54
|
-
"devDependencies": {
|
|
55
|
-
"@gsap/react": "^2.1.1",
|
|
56
|
-
"@rollup/plugin-commonjs": "^25.0.7",
|
|
57
|
-
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
58
|
-
"@rollup/plugin-typescript": "^11.1.6",
|
|
59
|
-
"@types/react": "^18.3.3",
|
|
60
|
-
"@types/react-dom": "^18.3.0",
|
|
61
|
-
"clsx": "^2.1.1",
|
|
62
|
-
"rollup": "^4.18.0",
|
|
63
|
-
"rollup-plugin-dts": "^6.1.1",
|
|
64
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
65
|
-
"tailwind-merge": "^2.3.0",
|
|
66
|
-
"tslib": "^2.8.1",
|
|
67
|
-
"typescript": "^5.5.2"
|
|
68
|
-
},
|
|
69
|
-
"dependencies": {
|
|
70
|
-
"@rollup/plugin-terser": "^0.4.4"
|
|
71
|
-
}
|
|
72
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "gsap-react-marquee",
|
|
3
|
+
"author": "David Domenico Piscopo",
|
|
4
|
+
"description": "A high-performance React marquee component powered by GSAP",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"version": "0.2.3",
|
|
7
|
+
"type": "module",
|
|
8
|
+
"main": "dist/index.cjs.js",
|
|
9
|
+
"module": "dist/index.esm.js",
|
|
10
|
+
"types": "dist/index.d.ts",
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"import": "./dist/index.esm.js",
|
|
14
|
+
"require": "./dist/index.cjs.js",
|
|
15
|
+
"types": "./dist/index.d.ts"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"files": [
|
|
19
|
+
"dist",
|
|
20
|
+
"README.md",
|
|
21
|
+
"LICENSE"
|
|
22
|
+
],
|
|
23
|
+
"scripts": {
|
|
24
|
+
"build": "rollup -c",
|
|
25
|
+
"build:watch": "rollup -c -w",
|
|
26
|
+
"prepare": "npm run build"
|
|
27
|
+
},
|
|
28
|
+
"keywords": [
|
|
29
|
+
"react",
|
|
30
|
+
"marquee",
|
|
31
|
+
"gsap",
|
|
32
|
+
"animation",
|
|
33
|
+
"scroll",
|
|
34
|
+
"infinite",
|
|
35
|
+
"component",
|
|
36
|
+
"typescript"
|
|
37
|
+
],
|
|
38
|
+
"repository": {
|
|
39
|
+
"type": "git",
|
|
40
|
+
"url": "git+https://github.com/daviddpi/gsap-react-marquee.git"
|
|
41
|
+
},
|
|
42
|
+
"bugs": {
|
|
43
|
+
"url": "https://github.com/daviddpi/gsap-react-marquee/issues"
|
|
44
|
+
},
|
|
45
|
+
"homepage": "https://github.com/daviddpi/gsap-react-marquee#readme",
|
|
46
|
+
"peerDependencies": {
|
|
47
|
+
"@gsap/react": "^2.1.1",
|
|
48
|
+
"clsx": "^2.1.0",
|
|
49
|
+
"gsap": "^3.12.0",
|
|
50
|
+
"react": ">=18",
|
|
51
|
+
"react-dom": ">=18",
|
|
52
|
+
"tailwind-merge": "^2.2.0"
|
|
53
|
+
},
|
|
54
|
+
"devDependencies": {
|
|
55
|
+
"@gsap/react": "^2.1.1",
|
|
56
|
+
"@rollup/plugin-commonjs": "^25.0.7",
|
|
57
|
+
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
58
|
+
"@rollup/plugin-typescript": "^11.1.6",
|
|
59
|
+
"@types/react": "^18.3.3",
|
|
60
|
+
"@types/react-dom": "^18.3.0",
|
|
61
|
+
"clsx": "^2.1.1",
|
|
62
|
+
"rollup": "^4.18.0",
|
|
63
|
+
"rollup-plugin-dts": "^6.1.1",
|
|
64
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
65
|
+
"tailwind-merge": "^2.3.0",
|
|
66
|
+
"tslib": "^2.8.1",
|
|
67
|
+
"typescript": "^5.5.2"
|
|
68
|
+
},
|
|
69
|
+
"dependencies": {
|
|
70
|
+
"@rollup/plugin-terser": "^0.4.4"
|
|
71
|
+
}
|
|
72
|
+
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const marqueeStyles = "\n.gsap-react-marquee-container::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 15%;\n height: 100%;\n background: linear-gradient(\n 270deg,\n rgba(255, 255, 255, 0) 0%,\n var(--gradient-color) 75%\n );\n z-index: 10;\n pointer-events: none;\n}\n\n.gsap-react-marquee-container::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 15%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0%,\n var(--gradient-color) 75%\n );\n z-index: 10;\n pointer-events: none;\n}\n\n.gsap-react-marquee {\n width: auto;\n height: max-content;\n line-height: 100%;\n white-space: preserve nowrap;\n display: flex;\n flex: 1;\n}\n\n.gsap-react-marquee-content {\n width: max-content;\n line-height: 100%;\n white-space: preserve nowrap;\n display: flex;\n overflow: hidden;\n}\n";
|
|
2
|
-
export declare const injectStyles: () => void;
|
|
File without changes
|