@motion.page/sdk 1.0.0 → 1.0.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 +0 -4
- package/dist/index.cjs +10 -10
- package/dist/index.cjs.map +3 -3
- package/dist/index.js +10 -10
- package/dist/index.js.map +3 -3
- package/dist/triggers/CursorTrigger.d.ts +8 -4
- package/dist/types/index.d.ts +0 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -770,7 +770,6 @@ Replace the native cursor with a fully animated custom cursor.
|
|
|
770
770
|
|
|
771
771
|
```ts
|
|
772
772
|
interface CursorConfig {
|
|
773
|
-
target?: string | Element;
|
|
774
773
|
type?: 'basic' | 'text' | 'media';
|
|
775
774
|
smooth?: number;
|
|
776
775
|
squeeze?: boolean | { min?: number; max?: number; multiplier?: number };
|
|
@@ -800,7 +799,6 @@ Motion('custom-cursor', 'body', {
|
|
|
800
799
|
to: { opacity: 1 },
|
|
801
800
|
duration: 0,
|
|
802
801
|
}).onCursor({
|
|
803
|
-
target: '#cursor-dot',
|
|
804
802
|
smooth: 0.08,
|
|
805
803
|
hideNative: true,
|
|
806
804
|
default: { width: 12, height: 12, borderRadius: '50%', backgroundColor: '#fff' },
|
|
@@ -818,7 +816,6 @@ Motion('custom-cursor', 'body', {
|
|
|
818
816
|
|
|
819
817
|
```ts
|
|
820
818
|
Motion('cursor', 'body', { to: { opacity: 1 }, duration: 0 }).onCursor({
|
|
821
|
-
target: '#cursor',
|
|
822
819
|
type: 'text',
|
|
823
820
|
hideNative: true,
|
|
824
821
|
default: { width: 12, height: 12, borderRadius: '50%', backgroundColor: '#fff' },
|
|
@@ -836,7 +833,6 @@ Motion('cursor', 'body', { to: { opacity: 1 }, duration: 0 }).onCursor({
|
|
|
836
833
|
|
|
837
834
|
```ts
|
|
838
835
|
Motion('cursor', 'body', { to: { opacity: 1 }, duration: 0 }).onCursor({
|
|
839
|
-
target: '#cursor',
|
|
840
836
|
type: 'media',
|
|
841
837
|
hideNative: true,
|
|
842
838
|
default: { width: 48, height: 48, borderRadius: '50%' },
|