@tamagui/tamagui-dev-config 1.129.4 → 1.129.5-1751174117974
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/dist/cjs/animations.cjs +4 -93
- package/dist/cjs/animations.js +3 -90
- package/dist/cjs/animations.js.map +1 -1
- package/dist/cjs/animations.motion.cjs +104 -0
- package/dist/cjs/animations.motion.js +99 -0
- package/dist/cjs/animations.motion.js.map +6 -0
- package/dist/cjs/animations.reanimated.cjs +33 -9
- package/dist/cjs/animations.reanimated.js +33 -9
- package/dist/cjs/animations.reanimated.js.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tamagui.dev.config.js.map +1 -1
- package/dist/esm/animations.js +1 -85
- package/dist/esm/animations.js.map +1 -1
- package/dist/esm/animations.mjs +1 -83
- package/dist/esm/animations.mjs.map +1 -1
- package/dist/esm/animations.motion.js +83 -0
- package/dist/esm/animations.motion.js.map +6 -0
- package/dist/esm/animations.motion.mjs +81 -0
- package/dist/esm/animations.motion.mjs.map +1 -0
- package/dist/esm/animations.reanimated.js +33 -9
- package/dist/esm/animations.reanimated.js.map +1 -1
- package/dist/esm/animations.reanimated.mjs +33 -9
- package/dist/esm/animations.reanimated.mjs.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.mjs +1 -1
- package/dist/esm/tamagui.dev.config.js.map +1 -1
- package/dist/esm/tamagui.dev.config.mjs.map +1 -1
- package/package.json +6 -6
- package/src/animations.motion.ts +80 -0
- package/src/animations.reanimated.ts +32 -8
- package/src/animations.ts +1 -83
- package/src/index.ts +1 -1
- package/src/tamagui.dev.config.ts +1 -0
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { createAnimations } from '@tamagui/animations-motion'
|
|
2
|
+
|
|
3
|
+
export const animations = createAnimations({
|
|
4
|
+
'75ms': {
|
|
5
|
+
duration: 75,
|
|
6
|
+
},
|
|
7
|
+
'100ms': {
|
|
8
|
+
duration: 100,
|
|
9
|
+
},
|
|
10
|
+
'200ms': {
|
|
11
|
+
duration: 200,
|
|
12
|
+
},
|
|
13
|
+
superBouncy: {
|
|
14
|
+
type: 'spring',
|
|
15
|
+
damping: 5,
|
|
16
|
+
mass: 0.7,
|
|
17
|
+
stiffness: 200,
|
|
18
|
+
},
|
|
19
|
+
bouncy: {
|
|
20
|
+
type: 'spring',
|
|
21
|
+
damping: 9,
|
|
22
|
+
mass: 0.9,
|
|
23
|
+
stiffness: 150,
|
|
24
|
+
},
|
|
25
|
+
kindaBouncy: {
|
|
26
|
+
type: 'spring',
|
|
27
|
+
damping: 16,
|
|
28
|
+
mass: 1,
|
|
29
|
+
stiffness: 25,
|
|
30
|
+
},
|
|
31
|
+
superLazy: {
|
|
32
|
+
type: 'spring',
|
|
33
|
+
damping: 25,
|
|
34
|
+
mass: 2,
|
|
35
|
+
stiffness: 25,
|
|
36
|
+
},
|
|
37
|
+
lazy: {
|
|
38
|
+
type: 'spring',
|
|
39
|
+
damping: 18,
|
|
40
|
+
stiffness: 50,
|
|
41
|
+
},
|
|
42
|
+
medium: {
|
|
43
|
+
damping: 16,
|
|
44
|
+
stiffness: 120,
|
|
45
|
+
mass: 0.8,
|
|
46
|
+
},
|
|
47
|
+
slowest: {
|
|
48
|
+
type: 'spring',
|
|
49
|
+
damping: 15,
|
|
50
|
+
stiffness: 10,
|
|
51
|
+
},
|
|
52
|
+
slow: {
|
|
53
|
+
type: 'spring',
|
|
54
|
+
damping: 15,
|
|
55
|
+
stiffness: 60,
|
|
56
|
+
},
|
|
57
|
+
quick: {
|
|
58
|
+
type: 'spring',
|
|
59
|
+
damping: 20,
|
|
60
|
+
mass: 1.2,
|
|
61
|
+
stiffness: 250,
|
|
62
|
+
},
|
|
63
|
+
tooltip: {
|
|
64
|
+
type: 'spring',
|
|
65
|
+
damping: 10,
|
|
66
|
+
mass: 0.9,
|
|
67
|
+
stiffness: 100,
|
|
68
|
+
},
|
|
69
|
+
quicker: {
|
|
70
|
+
type: 'spring',
|
|
71
|
+
damping: 20,
|
|
72
|
+
mass: 1,
|
|
73
|
+
stiffness: 250,
|
|
74
|
+
},
|
|
75
|
+
quickest: {
|
|
76
|
+
damping: 14,
|
|
77
|
+
mass: 0.1,
|
|
78
|
+
stiffness: 380,
|
|
79
|
+
},
|
|
80
|
+
})
|
|
@@ -14,46 +14,70 @@ export const animations = createAnimations({
|
|
|
14
14
|
duration: 200,
|
|
15
15
|
},
|
|
16
16
|
superBouncy: {
|
|
17
|
+
type: 'spring',
|
|
17
18
|
damping: 5,
|
|
18
19
|
mass: 0.7,
|
|
19
20
|
stiffness: 200,
|
|
20
21
|
},
|
|
21
22
|
bouncy: {
|
|
23
|
+
type: 'spring',
|
|
22
24
|
damping: 9,
|
|
23
25
|
mass: 0.9,
|
|
24
26
|
stiffness: 150,
|
|
25
27
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
kindaBouncy: {
|
|
29
|
+
type: 'spring',
|
|
30
|
+
damping: 16,
|
|
29
31
|
mass: 1,
|
|
32
|
+
stiffness: 25,
|
|
33
|
+
},
|
|
34
|
+
superLazy: {
|
|
35
|
+
type: 'spring',
|
|
36
|
+
damping: 25,
|
|
37
|
+
mass: 2,
|
|
38
|
+
stiffness: 25,
|
|
30
39
|
},
|
|
31
40
|
lazy: {
|
|
41
|
+
type: 'spring',
|
|
32
42
|
damping: 18,
|
|
33
43
|
stiffness: 50,
|
|
34
44
|
},
|
|
45
|
+
medium: {
|
|
46
|
+
damping: 16,
|
|
47
|
+
stiffness: 120,
|
|
48
|
+
mass: 0.8,
|
|
49
|
+
},
|
|
50
|
+
slowest: {
|
|
51
|
+
type: 'spring',
|
|
52
|
+
damping: 15,
|
|
53
|
+
stiffness: 10,
|
|
54
|
+
},
|
|
35
55
|
slow: {
|
|
56
|
+
type: 'spring',
|
|
36
57
|
damping: 15,
|
|
37
|
-
stiffness:
|
|
58
|
+
stiffness: 60,
|
|
38
59
|
},
|
|
39
60
|
quick: {
|
|
61
|
+
type: 'spring',
|
|
40
62
|
damping: 20,
|
|
41
63
|
mass: 1.2,
|
|
42
64
|
stiffness: 250,
|
|
43
65
|
},
|
|
44
66
|
tooltip: {
|
|
67
|
+
type: 'spring',
|
|
45
68
|
damping: 10,
|
|
46
69
|
mass: 0.9,
|
|
47
70
|
stiffness: 100,
|
|
48
71
|
},
|
|
49
72
|
quicker: {
|
|
73
|
+
type: 'spring',
|
|
50
74
|
damping: 20,
|
|
51
|
-
mass:
|
|
75
|
+
mass: 1,
|
|
52
76
|
stiffness: 250,
|
|
53
77
|
},
|
|
54
78
|
quickest: {
|
|
55
|
-
damping:
|
|
56
|
-
mass: 0.
|
|
57
|
-
stiffness:
|
|
79
|
+
damping: 14,
|
|
80
|
+
mass: 0.1,
|
|
81
|
+
stiffness: 380,
|
|
58
82
|
},
|
|
59
83
|
})
|
package/src/animations.ts
CHANGED
|
@@ -1,83 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export const animations = createAnimations({
|
|
4
|
-
'75ms': {
|
|
5
|
-
type: 'timing',
|
|
6
|
-
duration: 75,
|
|
7
|
-
},
|
|
8
|
-
'100ms': {
|
|
9
|
-
type: 'timing',
|
|
10
|
-
duration: 100,
|
|
11
|
-
},
|
|
12
|
-
'200ms': {
|
|
13
|
-
type: 'timing',
|
|
14
|
-
duration: 200,
|
|
15
|
-
},
|
|
16
|
-
superBouncy: {
|
|
17
|
-
type: 'spring',
|
|
18
|
-
damping: 5,
|
|
19
|
-
mass: 0.7,
|
|
20
|
-
stiffness: 200,
|
|
21
|
-
},
|
|
22
|
-
bouncy: {
|
|
23
|
-
type: 'spring',
|
|
24
|
-
damping: 9,
|
|
25
|
-
mass: 0.9,
|
|
26
|
-
stiffness: 150,
|
|
27
|
-
},
|
|
28
|
-
kindaBouncy: {
|
|
29
|
-
type: 'spring',
|
|
30
|
-
damping: 16,
|
|
31
|
-
mass: 1,
|
|
32
|
-
stiffness: 25,
|
|
33
|
-
},
|
|
34
|
-
superLazy: {
|
|
35
|
-
type: 'spring',
|
|
36
|
-
damping: 25,
|
|
37
|
-
mass: 2,
|
|
38
|
-
stiffness: 25,
|
|
39
|
-
},
|
|
40
|
-
lazy: {
|
|
41
|
-
type: 'spring',
|
|
42
|
-
damping: 18,
|
|
43
|
-
stiffness: 50,
|
|
44
|
-
},
|
|
45
|
-
medium: {
|
|
46
|
-
damping: 16,
|
|
47
|
-
stiffness: 120,
|
|
48
|
-
mass: 0.8,
|
|
49
|
-
},
|
|
50
|
-
slowest: {
|
|
51
|
-
type: 'spring',
|
|
52
|
-
damping: 15,
|
|
53
|
-
stiffness: 10,
|
|
54
|
-
},
|
|
55
|
-
slow: {
|
|
56
|
-
type: 'spring',
|
|
57
|
-
damping: 15,
|
|
58
|
-
stiffness: 60,
|
|
59
|
-
},
|
|
60
|
-
quick: {
|
|
61
|
-
type: 'spring',
|
|
62
|
-
damping: 20,
|
|
63
|
-
mass: 1.2,
|
|
64
|
-
stiffness: 250,
|
|
65
|
-
},
|
|
66
|
-
tooltip: {
|
|
67
|
-
type: 'spring',
|
|
68
|
-
damping: 10,
|
|
69
|
-
mass: 0.9,
|
|
70
|
-
stiffness: 100,
|
|
71
|
-
},
|
|
72
|
-
quicker: {
|
|
73
|
-
type: 'spring',
|
|
74
|
-
damping: 20,
|
|
75
|
-
mass: 1,
|
|
76
|
-
stiffness: 250,
|
|
77
|
-
},
|
|
78
|
-
quickest: {
|
|
79
|
-
damping: 14,
|
|
80
|
-
mass: 0.1,
|
|
81
|
-
stiffness: 380,
|
|
82
|
-
},
|
|
83
|
-
})
|
|
1
|
+
export * from './animations.motion'
|
package/src/index.ts
CHANGED
|
@@ -3,6 +3,7 @@ import type { CreateTamaguiProps } from '@tamagui/core'
|
|
|
3
3
|
import { setupDev } from '@tamagui/core'
|
|
4
4
|
import { shorthands } from '@tamagui/shorthands/v2'
|
|
5
5
|
import { animations } from './animations'
|
|
6
|
+
// import { animations } from './animations.motion'
|
|
6
7
|
import { bodyFont, cherryBombFont, headingFont, monoFont, silkscreenFont } from './fonts'
|
|
7
8
|
import { media, mediaQueryDefaultActive } from './media'
|
|
8
9
|
import { themeDev } from './theme.dev'
|