@tamagui/config 1.89.0 → 1.89.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.
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { createAnimations as c1 } from "@tamagui/animations-css";
|
|
2
|
+
const smoothBezier = "cubic-bezier(0.215, 0.610, 0.355, 1.000)",
|
|
3
|
+
animationsCSS = c1({
|
|
4
|
+
"75ms": "ease-in 75ms",
|
|
5
|
+
"100ms": "ease-in 100ms",
|
|
6
|
+
"200ms": "ease-in 200ms",
|
|
7
|
+
bouncy: "ease-in 200ms",
|
|
8
|
+
superBouncy: "ease-in 500ms",
|
|
9
|
+
lazy: "ease-in 1000ms",
|
|
10
|
+
medium: "ease-in 300ms",
|
|
11
|
+
slow: "ease-in 500ms",
|
|
12
|
+
quick: `${smoothBezier} 400ms`,
|
|
13
|
+
quicker: `${smoothBezier} 300ms`,
|
|
14
|
+
quickest: `${smoothBezier} 200ms`,
|
|
15
|
+
tooltip: "ease-in 400ms"
|
|
16
|
+
});
|
|
17
|
+
export { animationsCSS };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { createAnimations as c2 } from "@tamagui/animations-react-native";
|
|
2
|
+
const animationsReactNative = c2({
|
|
3
|
+
"75ms": {
|
|
4
|
+
type: "timing",
|
|
5
|
+
duration: 75
|
|
6
|
+
},
|
|
7
|
+
"100ms": {
|
|
8
|
+
type: "timing",
|
|
9
|
+
duration: 100
|
|
10
|
+
},
|
|
11
|
+
"200ms": {
|
|
12
|
+
type: "timing",
|
|
13
|
+
duration: 200
|
|
14
|
+
},
|
|
15
|
+
superBouncy: {
|
|
16
|
+
type: "spring",
|
|
17
|
+
damping: 5,
|
|
18
|
+
mass: 0.7,
|
|
19
|
+
stiffness: 200
|
|
20
|
+
},
|
|
21
|
+
bouncy: {
|
|
22
|
+
type: "spring",
|
|
23
|
+
damping: 9,
|
|
24
|
+
mass: 0.9,
|
|
25
|
+
stiffness: 150
|
|
26
|
+
},
|
|
27
|
+
lazy: {
|
|
28
|
+
type: "spring",
|
|
29
|
+
damping: 18,
|
|
30
|
+
stiffness: 50
|
|
31
|
+
},
|
|
32
|
+
medium: {
|
|
33
|
+
damping: 15,
|
|
34
|
+
stiffness: 120,
|
|
35
|
+
mass: 1
|
|
36
|
+
},
|
|
37
|
+
slowest: {
|
|
38
|
+
type: "spring",
|
|
39
|
+
damping: 15,
|
|
40
|
+
stiffness: 10
|
|
41
|
+
},
|
|
42
|
+
slow: {
|
|
43
|
+
type: "spring",
|
|
44
|
+
damping: 15,
|
|
45
|
+
stiffness: 40
|
|
46
|
+
},
|
|
47
|
+
quick: {
|
|
48
|
+
type: "spring",
|
|
49
|
+
damping: 20,
|
|
50
|
+
mass: 1.2,
|
|
51
|
+
stiffness: 250
|
|
52
|
+
},
|
|
53
|
+
tooltip: {
|
|
54
|
+
type: "spring",
|
|
55
|
+
damping: 10,
|
|
56
|
+
mass: 0.9,
|
|
57
|
+
stiffness: 100
|
|
58
|
+
},
|
|
59
|
+
quicker: {
|
|
60
|
+
type: "spring",
|
|
61
|
+
damping: 20,
|
|
62
|
+
mass: 1,
|
|
63
|
+
stiffness: 250
|
|
64
|
+
},
|
|
65
|
+
quickest: {
|
|
66
|
+
damping: 14,
|
|
67
|
+
mass: 0.1,
|
|
68
|
+
stiffness: 380
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
export { animationsReactNative };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { createAnimations as c3 } from "@tamagui/animations-moti";
|
|
2
|
+
const animationsReanimated = c3({
|
|
3
|
+
"75ms": {
|
|
4
|
+
type: "timing",
|
|
5
|
+
duration: 75
|
|
6
|
+
},
|
|
7
|
+
"100ms": {
|
|
8
|
+
type: "timing",
|
|
9
|
+
duration: 100
|
|
10
|
+
},
|
|
11
|
+
"200ms": {
|
|
12
|
+
type: "timing",
|
|
13
|
+
duration: 200
|
|
14
|
+
},
|
|
15
|
+
superBouncy: {
|
|
16
|
+
damping: 5,
|
|
17
|
+
mass: 0.7,
|
|
18
|
+
stiffness: 200
|
|
19
|
+
},
|
|
20
|
+
bouncy: {
|
|
21
|
+
damping: 9,
|
|
22
|
+
mass: 0.9,
|
|
23
|
+
stiffness: 150
|
|
24
|
+
},
|
|
25
|
+
medium: {
|
|
26
|
+
damping: 15,
|
|
27
|
+
stiffness: 120,
|
|
28
|
+
mass: 1
|
|
29
|
+
},
|
|
30
|
+
lazy: {
|
|
31
|
+
damping: 18,
|
|
32
|
+
stiffness: 50
|
|
33
|
+
},
|
|
34
|
+
slow: {
|
|
35
|
+
damping: 15,
|
|
36
|
+
stiffness: 40
|
|
37
|
+
},
|
|
38
|
+
quick: {
|
|
39
|
+
damping: 20,
|
|
40
|
+
mass: 1.2,
|
|
41
|
+
stiffness: 250
|
|
42
|
+
},
|
|
43
|
+
tooltip: {
|
|
44
|
+
damping: 10,
|
|
45
|
+
mass: 0.9,
|
|
46
|
+
stiffness: 100
|
|
47
|
+
},
|
|
48
|
+
quicker: {
|
|
49
|
+
damping: 20,
|
|
50
|
+
mass: 0.7,
|
|
51
|
+
stiffness: 250
|
|
52
|
+
},
|
|
53
|
+
quickest: {
|
|
54
|
+
damping: 5,
|
|
55
|
+
mass: 0.2,
|
|
56
|
+
stiffness: 300
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
export { animationsReanimated };
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { themes } from "@tamagui/themes";
|
|
2
2
|
import { animations } from "./animations.mjs";
|
|
3
3
|
import { configWithoutAnimations } from "./config.mjs";
|
|
4
|
+
import { configWithoutAnimations as configWithoutAnimations2 } from "./config.mjs";
|
|
4
5
|
export * from "./media.mjs";
|
|
5
6
|
export * from "./createGenericFont.mjs";
|
|
6
7
|
export * from "./animations.mjs";
|
|
@@ -10,4 +11,4 @@ const config = {
|
|
|
10
11
|
themes,
|
|
11
12
|
animations
|
|
12
13
|
};
|
|
13
|
-
export { config };
|
|
14
|
+
export { config, configWithoutAnimations2 as configWithoutAnimations };
|
package/dist/esm/v3.mjs
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { shorthands } from "@tamagui/shorthands/v2";
|
|
2
|
+
import { tokens, themes } from "@tamagui/themes/v3-themes";
|
|
3
|
+
import { animations } from "./animations.mjs";
|
|
4
|
+
import { fonts } from "./fonts.mjs";
|
|
5
|
+
import { media, mediaQueryDefaultActive } from "./media.mjs";
|
|
6
|
+
import { animations as animations2 } from "./animations.mjs";
|
|
7
|
+
import { animationsReanimated } from "./animationsReanimated.mjs";
|
|
8
|
+
import { animationsReactNative } from "./animationsReactNative.mjs";
|
|
9
|
+
import { animationsCSS } from "./animationsCSS.mjs";
|
|
10
|
+
import { tokens as tokens2, themes as themes2 } from "@tamagui/themes/v3-themes";
|
|
11
|
+
import { shorthands as shorthands2 } from "@tamagui/shorthands/v2";
|
|
12
|
+
import { fonts as fonts2 } from "./fonts.mjs";
|
|
13
|
+
import { media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2 } from "./media.mjs";
|
|
14
|
+
const selectionStyles = theme => theme.color5 ? {
|
|
15
|
+
backgroundColor: theme.color5,
|
|
16
|
+
color: theme.color11
|
|
17
|
+
} : null,
|
|
18
|
+
config = {
|
|
19
|
+
animations,
|
|
20
|
+
defaultFont: "body",
|
|
21
|
+
shouldAddPrefersColorThemes: !0,
|
|
22
|
+
themeClassNameOnRoot: !0,
|
|
23
|
+
themes,
|
|
24
|
+
media,
|
|
25
|
+
shorthands,
|
|
26
|
+
tokens,
|
|
27
|
+
fonts,
|
|
28
|
+
mediaQueryDefaultActive,
|
|
29
|
+
selectionStyles
|
|
30
|
+
};
|
|
31
|
+
export { animations2 as animations, animationsCSS, animationsReactNative, animationsReanimated, config, fonts2 as fonts, media2 as media, mediaQueryDefaultActive2 as mediaQueryDefaultActive, selectionStyles, shorthands2 as shorthands, themes2 as themes, tokens2 as tokens };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/config",
|
|
3
|
-
"version": "1.89.
|
|
3
|
+
"version": "1.89.2",
|
|
4
4
|
"types": "./types/index.d.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -64,19 +64,19 @@
|
|
|
64
64
|
}
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@tamagui/animations-css": "1.89.
|
|
68
|
-
"@tamagui/animations-moti": "1.89.
|
|
69
|
-
"@tamagui/animations-react-native": "1.89.
|
|
70
|
-
"@tamagui/colors": "1.89.
|
|
71
|
-
"@tamagui/font-inter": "1.89.
|
|
72
|
-
"@tamagui/font-silkscreen": "1.89.
|
|
73
|
-
"@tamagui/react-native-media-driver": "1.89.
|
|
74
|
-
"@tamagui/shorthands": "1.89.
|
|
75
|
-
"@tamagui/themes": "1.89.
|
|
76
|
-
"@tamagui/web": "1.89.
|
|
67
|
+
"@tamagui/animations-css": "1.89.2",
|
|
68
|
+
"@tamagui/animations-moti": "1.89.2",
|
|
69
|
+
"@tamagui/animations-react-native": "1.89.2",
|
|
70
|
+
"@tamagui/colors": "1.89.2",
|
|
71
|
+
"@tamagui/font-inter": "1.89.2",
|
|
72
|
+
"@tamagui/font-silkscreen": "1.89.2",
|
|
73
|
+
"@tamagui/react-native-media-driver": "1.89.2",
|
|
74
|
+
"@tamagui/shorthands": "1.89.2",
|
|
75
|
+
"@tamagui/themes": "1.89.2",
|
|
76
|
+
"@tamagui/web": "1.89.2"
|
|
77
77
|
},
|
|
78
78
|
"devDependencies": {
|
|
79
|
-
"@tamagui/build": "1.89.
|
|
79
|
+
"@tamagui/build": "1.89.2"
|
|
80
80
|
},
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|