kuinetic 0.1.1 → 0.1.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/README.md +18 -11
- package/dist/esm/{chunk-QZIJ7WZI.mjs → chunk-5DON3UFQ.mjs} +1305 -237
- package/dist/esm/{chunk-LWS4OSLX.mjs → chunk-JT4PZL3A.mjs} +50 -7
- package/dist/esm/{chunk-R3TGDJKA.mjs → chunk-QUVFODSQ.mjs} +28 -14
- package/dist/esm/core/index.mjs +2 -2
- package/dist/esm/effects/index.mjs +2 -2
- package/dist/esm/index.mjs +3 -3
- package/dist/kuinetic.all.js +1380 -257
- package/dist/kuinetic.css +1457 -80
- package/dist/kuinetic.js +1379 -256
- package/dist/types/core/instances.d.ts +34 -3
- package/dist/types/core/path-morph.d.ts +19 -0
- package/dist/types/core/style-plan.d.ts +6 -1
- package/dist/types/core/types.d.ts +93 -1
- package/dist/types/effects/catalog/index.d.ts +0 -6
- package/dist/types/effects/catalog/media-shared.d.ts +124 -0
- package/dist/types/effects/catalog/media.d.ts +4 -0
- package/dist/types/effects/catalog/numbers-shared.d.ts +5 -1
- package/dist/types/effects/catalog/shared.d.ts +0 -1
- package/dist/types/effects/catalog/subtree-capture.d.ts +23 -0
- package/dist/types/effects/catalog/text-shared.d.ts +5 -2
- package/dist/types/effects/forms/primitives.d.ts +2 -0
- package/dist/types/effects/gestures/index.d.ts +0 -1
- package/dist/types/effects/layout/index.d.ts +0 -2
- package/dist/types/effects/scroll-mechanics/index.d.ts +0 -4
- package/dist/types/effects/scroll-mechanics/scroll-spy.d.ts +26 -0
- package/dist/types/effects/scroll-mechanics/tracker.d.ts +61 -3
- package/dist/types/effects/step-marking.d.ts +99 -0
- package/dist/types/effects/three-d/index.d.ts +0 -7
- package/package.json +10 -3
package/README.md
CHANGED
|
@@ -10,8 +10,8 @@ wherever CSS can do it. Standalone, MIT, npm + CDN, framework-agnostic. No produ
|
|
|
10
10
|
<h1 data-kui="fade-up">Hello.</h1>
|
|
11
11
|
```
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
gesture-driven motion. 100% branch/statement/function/line test coverage,
|
|
13
|
+
252 named effects across scroll reveals, hover/interaction, text, numbers, layout, SVG, 3D, and
|
|
14
|
+
gesture-driven motion. 100% branch/statement/function/line test coverage, over 800 tests.
|
|
15
15
|
|
|
16
16
|
## Install
|
|
17
17
|
|
|
@@ -56,15 +56,22 @@ kuinetic({ observe: true }).start()
|
|
|
56
56
|
|
|
57
57
|
### CDN reference
|
|
58
58
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
npm release. Self-hosted on Cloudflare at **`kuinetic.pages.dev`**:
|
|
59
|
+
Every file is mirrored on jsDelivr and unpkg — both update automatically from every npm release,
|
|
60
|
+
no separate action needed — and additionally self-hosted on Cloudflare at **`kuinetic.pages.dev`**:
|
|
62
61
|
|
|
63
|
-
| File |
|
|
64
|
-
|
|
65
|
-
| `kuinetic.js` | `https://
|
|
66
|
-
| `kuinetic.css` | `https://
|
|
67
|
-
| `kuinetic.all.js` | `https://
|
|
62
|
+
| File | cdn.jsdelivr.net | unpkg.com | kuinetic.pages.dev |
|
|
63
|
+
|---|---|---|---|
|
|
64
|
+
| `kuinetic.js` | [`/npm/kuinetic`](https://cdn.jsdelivr.net/npm/kuinetic) † | [`/kuinetic`](https://unpkg.com/kuinetic) † | [`/kuinetic.js`](https://kuinetic.pages.dev/kuinetic.js) |
|
|
65
|
+
| `kuinetic.css` | [`/npm/kuinetic/dist/kuinetic.css`](https://cdn.jsdelivr.net/npm/kuinetic/dist/kuinetic.css) | [`/kuinetic/dist/kuinetic.css`](https://unpkg.com/kuinetic/dist/kuinetic.css) | [`/kuinetic.css`](https://kuinetic.pages.dev/kuinetic.css) |
|
|
66
|
+
| `kuinetic.all.js` | [`/npm/kuinetic/dist/kuinetic.all.js`](https://cdn.jsdelivr.net/npm/kuinetic/dist/kuinetic.all.js) | [`/kuinetic/dist/kuinetic.all.js`](https://unpkg.com/kuinetic/dist/kuinetic.all.js) | [`/kuinetic.all.js`](https://kuinetic.pages.dev/kuinetic.all.js) |
|
|
67
|
+
|
|
68
|
+
† shorthand — resolves via the `"jsdelivr"`/`"unpkg"` fields in `package.json`; only `kuinetic.js`
|
|
69
|
+
gets one, since a package can only designate a single default file that way.
|
|
70
|
+
|
|
71
|
+
`kuinetic.js` is the split bundle — side-effect-free on load, pair it with `kuinetic.css`, which
|
|
72
|
+
keeps working even if the JS is slow,
|
|
73
|
+
blocked, or fails to load. `kuinetic.all.js` is the one-tag drop-in — CSS embedded, auto-started
|
|
74
|
+
with `observe: true` — trading that CSS-independence guarantee for one less step.
|
|
68
75
|
|
|
69
76
|
## Your first animation
|
|
70
77
|
|
|
@@ -89,7 +96,7 @@ manually:
|
|
|
89
96
|
## Docs
|
|
90
97
|
|
|
91
98
|
- **Getting Started** — install, first animation, timing, composition, common mistakes.
|
|
92
|
-
- **Catalog** — all
|
|
99
|
+
- **Catalog** — all 252 named effects, grouped by category, with renderer and channel metadata.
|
|
93
100
|
- **Architecture** — the attribute grammar, the composition model, and why the library is built
|
|
94
101
|
the way it is (`docs/design.md` in this repo).
|
|
95
102
|
|