sparkfx 1.2.1 → 1.2.2
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/README.md +7 -12
- package/dist/{chunk-YLY5N62U.cjs → chunk-3AVUTKJ5.cjs} +8 -8
- package/dist/{chunk-YLY5N62U.cjs.map → chunk-3AVUTKJ5.cjs.map} +1 -1
- package/dist/{chunk-RD5XCTW4.js → chunk-FPJZKZGF.js} +3 -3
- package/dist/{chunk-RD5XCTW4.js.map → chunk-FPJZKZGF.js.map} +1 -1
- package/dist/{chunk-KXPTBR5B.cjs → chunk-GHLFOSXQ.cjs} +3 -3
- package/dist/{chunk-KXPTBR5B.cjs.map → chunk-GHLFOSXQ.cjs.map} +1 -1
- package/dist/{chunk-Y5V7MOLA.cjs → chunk-HB6NE443.cjs} +3 -3
- package/dist/{chunk-Y5V7MOLA.cjs.map → chunk-HB6NE443.cjs.map} +1 -1
- package/dist/{chunk-5YDUWTOY.js → chunk-LPB7JTCR.js} +3 -3
- package/dist/{chunk-5YDUWTOY.js.map → chunk-LPB7JTCR.js.map} +1 -1
- package/dist/{chunk-4BGOBPG6.js → chunk-SJKJ2GZW.js} +8 -8
- package/dist/{chunk-4BGOBPG6.js.map → chunk-SJKJ2GZW.js.map} +1 -1
- package/dist/headless.cjs +1 -1
- package/dist/headless.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +4 -5
- package/dist/index.d.ts +4 -5
- package/dist/index.js +1 -1
- package/dist/next.cjs +2 -2
- package/dist/next.js +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +1 -1
- package/dist/shadcn.cjs +2 -2
- package/dist/shadcn.js +1 -1
- package/dist/svelte.cjs +2 -2
- package/dist/svelte.js +1 -1
- package/dist/tailwind.cjs +1 -1
- package/dist/tailwind.js +1 -1
- package/dist/testing.cjs +2 -2
- package/dist/testing.js +1 -1
- package/dist/vue.cjs +2 -2
- package/dist/vue.js +1 -1
- package/package.json +2 -7
- package/dist/chunk-E3PKCBIJ.cjs +0 -299
- package/dist/chunk-E3PKCBIJ.cjs.map +0 -1
- package/dist/chunk-RMXXT53J.js +0 -299
- package/dist/chunk-RMXXT53J.js.map +0 -1
- package/dist/devtools.cjs +0 -2
- package/dist/devtools.cjs.map +0 -1
- package/dist/devtools.d.cts +0 -65
- package/dist/devtools.d.ts +0 -65
- package/dist/devtools.js +0 -2
- package/dist/devtools.js.map +0 -1
package/README.md
CHANGED
|
@@ -9,12 +9,19 @@
|
|
|
9
9
|
</p>
|
|
10
10
|
|
|
11
11
|
<p align="center">
|
|
12
|
+
<a href="https://sparkfx.vercel.app"><img src="https://img.shields.io/badge/docs-sparkfx.vercel.app-00ffa3?style=flat-square" /></a>
|
|
12
13
|
<a href="https://www.npmjs.com/package/sparkfx"><img src="https://img.shields.io/npm/v/sparkfx?color=00ffa3&style=flat-square" /></a>
|
|
13
14
|
<a href="https://www.npmjs.com/package/sparkfx"><img src="https://img.shields.io/npm/dm/sparkfx?color=00d4ff&style=flat-square" /></a>
|
|
14
15
|
<img src="https://img.shields.io/bundlephobia/minzip/sparkfx?style=flat-square&color=a855f7" />
|
|
15
16
|
<img src="https://img.shields.io/badge/license-MIT-green?style=flat-square" />
|
|
16
17
|
</p>
|
|
17
18
|
|
|
19
|
+
<p align="center">
|
|
20
|
+
<a href="https://sparkfx.vercel.app">📖 Documentation</a> •
|
|
21
|
+
<a href="https://sparkfx.vercel.app/effects">✨ Effects</a> •
|
|
22
|
+
<a href="https://sparkfx.vercel.app/playground">🎮 Playground</a>
|
|
23
|
+
</p>
|
|
24
|
+
|
|
18
25
|
---
|
|
19
26
|
|
|
20
27
|
I got tired of copy-pasting the same CSS animations between projects. So I built sparkfx - a collection of 45+ effects that just work.
|
|
@@ -92,18 +99,6 @@ test('animation timing', () => {
|
|
|
92
99
|
})
|
|
93
100
|
```
|
|
94
101
|
|
|
95
|
-
### Devtools
|
|
96
|
-
|
|
97
|
-
Press `Ctrl+Shift+S` to open the debug panel. Shows active animations, FPS, lets you pause/slow-mo stuff.
|
|
98
|
-
|
|
99
|
-
```js
|
|
100
|
-
import { devtools } from 'sparkfx'
|
|
101
|
-
|
|
102
|
-
devtools.enable()
|
|
103
|
-
devtools.slowMo(0.5) // half speed
|
|
104
|
-
devtools.exportLog() // dump to json
|
|
105
|
-
```
|
|
106
|
-
|
|
107
102
|
## Framework support
|
|
108
103
|
|
|
109
104
|
Works everywhere:
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var $t=require('clsx');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var $t__default=/*#__PURE__*/_interopDefault($t);/* sparkfx v1.2.
|
|
1
|
+
'use strict';var $t=require('clsx');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var $t__default=/*#__PURE__*/_interopDefault($t);/* sparkfx v1.2.2 - Premium micro-interactions with Event Bus & Testing Kit */
|
|
2
2
|
var Ie="sparkfx-styles",je=false,Fe=new Set,_e=`
|
|
3
3
|
/* @lynch/spark base styles */
|
|
4
4
|
.spark-effect {
|
|
@@ -768,16 +768,16 @@ ${e.trigger==="hover"?`
|
|
|
768
768
|
.sparkfx-highlight-active::after {
|
|
769
769
|
width: 100%;
|
|
770
770
|
}
|
|
771
|
-
`,document.head.appendChild(t);}function Ne(t){let e=l(t,fn);if(f(),mn(),!u(e))return {className:"sparkfx-effect sparkfx-reduced-motion"};let r=o=>{o.currentTarget.classList.add("sparkfx-highlight-active");},n=o=>{o.currentTarget.classList.remove("sparkfx-highlight-active");};return {className:$t__default.default("sparkfx-effect","sparkfx-highlight"),style:{...g(e),"--highlight-color":e.color,"--highlight-height":e.height},onMouseEnter:e.trigger==="hover"?r:void 0,onMouseLeave:e.trigger==="hover"?n:void 0}}var dn={bounce:_,pulse:J,lift:Z,scale:ee,shake:te,fade:re,slide:ne,rotate:oe,glow:ae,ripple:se,magnetic:ie,tilt:ce,elastic:le,jelly:pe,rubber:ue,morph:fe,glitch:me,blur:de,neon:ge,glass:ke,shimmer:he,gradient:ye,spotlight:xe,hologram:be,aurora:Se,matrix:ve,rainbow:we,parallax:Oe,float:Ee,flip3d:$e,swing:Me,orbit:Ce,reveal:Re,counter:Te,confetti:I,sparkle:q,firework:Ae,celebrate:Be,typewriter:Le,scramble:Pe,wave:He,highlight:Ne},
|
|
772
|
-
* SparkFX v1.2.
|
|
771
|
+
`,document.head.appendChild(t);}function Ne(t){let e=l(t,fn);if(f(),mn(),!u(e))return {className:"sparkfx-effect sparkfx-reduced-motion"};let r=o=>{o.currentTarget.classList.add("sparkfx-highlight-active");},n=o=>{o.currentTarget.classList.remove("sparkfx-highlight-active");};return {className:$t__default.default("sparkfx-effect","sparkfx-highlight"),style:{...g(e),"--highlight-color":e.color,"--highlight-height":e.height},onMouseEnter:e.trigger==="hover"?r:void 0,onMouseLeave:e.trigger==="hover"?n:void 0}}var dn={bounce:_,pulse:J,lift:Z,scale:ee,shake:te,fade:re,slide:ne,rotate:oe,glow:ae,ripple:se,magnetic:ie,tilt:ce,elastic:le,jelly:pe,rubber:ue,morph:fe,glitch:me,blur:de,neon:ge,glass:ke,shimmer:he,gradient:ye,spotlight:xe,hologram:be,aurora:Se,matrix:ve,rainbow:we,parallax:Oe,float:Ee,flip3d:$e,swing:Me,orbit:Ce,reveal:Re,counter:Te,confetti:I,sparkle:q,firework:Ae,celebrate:Be,typewriter:Le,scramble:Pe,wave:He,highlight:Ne},Gi=dn;/**
|
|
772
|
+
* SparkFX v1.2.2 - Micro-interactions for modern web applications
|
|
773
773
|
* All effects are free and open source
|
|
774
774
|
*
|
|
775
|
-
*
|
|
775
|
+
* Features:
|
|
776
|
+
* - 45+ Effects: Motion, scroll, visual, text animations
|
|
776
777
|
* - Event Bus: Animation communication system
|
|
777
778
|
* - Testing Kit: Jest/Vitest animation testing utilities
|
|
778
|
-
* - Devtools: Browser debugging panel (Ctrl+Shift+S)
|
|
779
779
|
*
|
|
780
|
-
* @version 1.2.
|
|
780
|
+
* @version 1.2.2
|
|
781
781
|
* @license MIT
|
|
782
|
-
*/exports.$=ve;exports.A=bt;exports.B=St;exports.C=_;exports.D=J;exports.E=Z;exports.F=ee;exports.G=te;exports.H=re;exports.I=ne;exports.J=oe;exports.K=ae;exports.L=se;exports.M=ie;exports.N=ce;exports.O=le;exports.P=pe;exports.Q=ue;exports.R=fe;exports.S=me;exports.T=de;exports.U=ge;exports.V=ke;exports.W=he;exports.X=ye;exports.Y=xe;exports.Z=be;exports._=Se;exports.a=f;exports.aa=we;exports.b=V;exports.ba=Oe;exports.c=Ze;exports.ca=Ee;exports.d=et;exports.da=$e;exports.e=tt;exports.ea=Me;exports.f=rt;exports.fa=Ce;exports.g=nt;exports.ga=Re;exports.h=ot;exports.ha=Te;exports.i=at;exports.ia=I;exports.j=st;exports.ja=q;exports.k=Q;exports.ka=Ae;exports.l=lt;exports.la=Be;exports.m=wn;exports.ma=Le;exports.n=w;exports.na=Pe;exports.o=ut;exports.oa=He;exports.p=ft;exports.pa=Ne;exports.q=dt;exports.qa=dn;exports.r=gt;exports.ra=
|
|
783
|
-
//# sourceMappingURL=chunk-
|
|
782
|
+
*/exports.$=ve;exports.A=bt;exports.B=St;exports.C=_;exports.D=J;exports.E=Z;exports.F=ee;exports.G=te;exports.H=re;exports.I=ne;exports.J=oe;exports.K=ae;exports.L=se;exports.M=ie;exports.N=ce;exports.O=le;exports.P=pe;exports.Q=ue;exports.R=fe;exports.S=me;exports.T=de;exports.U=ge;exports.V=ke;exports.W=he;exports.X=ye;exports.Y=xe;exports.Z=be;exports._=Se;exports.a=f;exports.aa=we;exports.b=V;exports.ba=Oe;exports.c=Ze;exports.ca=Ee;exports.d=et;exports.da=$e;exports.e=tt;exports.ea=Me;exports.f=rt;exports.fa=Ce;exports.g=nt;exports.ga=Re;exports.h=ot;exports.ha=Te;exports.i=at;exports.ia=I;exports.j=st;exports.ja=q;exports.k=Q;exports.ka=Ae;exports.l=lt;exports.la=Be;exports.m=wn;exports.ma=Le;exports.n=w;exports.na=Pe;exports.o=ut;exports.oa=He;exports.p=ft;exports.pa=Ne;exports.q=dt;exports.qa=dn;exports.r=gt;exports.ra=Gi;exports.s=kt;exports.t=On;exports.u=En;exports.v=ht;exports.w=$n;exports.x=yt;exports.y=Mn;exports.z=xt;//# sourceMappingURL=chunk-3AVUTKJ5.cjs.map
|
|
783
|
+
//# sourceMappingURL=chunk-3AVUTKJ5.cjs.map
|