@animicons/react-native 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/dist/index.esm.js +277 -47
- package/dist/index.js +323 -93
- package/package.json +15 -6
package/dist/index.js
CHANGED
|
@@ -1,18 +1,223 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var React15 = require('react');
|
|
4
4
|
var reactNativeSvg = require('react-native-svg');
|
|
5
5
|
var Animated4 = require('react-native-reanimated');
|
|
6
|
-
var shared = require('@animicons/shared');
|
|
7
6
|
var reactNative = require('react-native');
|
|
8
7
|
|
|
9
8
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
9
|
|
|
11
|
-
var
|
|
10
|
+
var React15__default = /*#__PURE__*/_interopDefault(React15);
|
|
12
11
|
var Animated4__default = /*#__PURE__*/_interopDefault(Animated4);
|
|
13
12
|
|
|
14
13
|
// src/icons/ui/Pulse.tsx
|
|
15
14
|
|
|
15
|
+
// ../shared/src/tokens/timing.ts
|
|
16
|
+
var DURATION = {
|
|
17
|
+
slow: { short: 800, medium: 2e3, long: 4e3, stagger: 600 },
|
|
18
|
+
normal: { short: 400, medium: 1e3, long: 2e3, stagger: 300 },
|
|
19
|
+
fast: { short: 200, medium: 500, long: 1e3, stagger: 150 }
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
// ../shared/src/paths/ui/Pulse.ts
|
|
23
|
+
var PulsePaths = {
|
|
24
|
+
viewBox: "0 0 48 48",
|
|
25
|
+
defaultColor: "#ef4444",
|
|
26
|
+
defaultStrokeWidth: 2};
|
|
27
|
+
|
|
28
|
+
// ../shared/src/paths/ui/Check.ts
|
|
29
|
+
var CheckPaths = {
|
|
30
|
+
viewBox: "0 0 48 48",
|
|
31
|
+
defaultColor: "#22c55e",
|
|
32
|
+
defaultStrokeWidth: 2.5,
|
|
33
|
+
circle: "M24 4 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40",
|
|
34
|
+
check: "M14 24 l7 7 l13 -13"
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
// ../shared/src/paths/ui/Loader.ts
|
|
38
|
+
var LoaderPaths = {
|
|
39
|
+
viewBox: "0 0 48 48",
|
|
40
|
+
defaultColor: "#6366f1",
|
|
41
|
+
defaultStrokeWidth: 3,
|
|
42
|
+
arc: "M24 6 a18 18 0 0 1 18 18"
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
// ../shared/src/paths/ui/Upload.ts
|
|
46
|
+
var UploadPaths = {
|
|
47
|
+
viewBox: "0 0 48 48",
|
|
48
|
+
defaultColor: "#3b82f6",
|
|
49
|
+
defaultStrokeWidth: 2.5,
|
|
50
|
+
arrow: "M24 32 L24 10 M14 20 L24 10 L34 20",
|
|
51
|
+
bar: "M10 38 L38 38"};
|
|
52
|
+
|
|
53
|
+
// ../shared/src/paths/ui/Wifi.ts
|
|
54
|
+
var WifiPaths = {
|
|
55
|
+
viewBox: "0 0 48 48",
|
|
56
|
+
defaultColor: "#0ea5e9",
|
|
57
|
+
defaultStrokeWidth: 2.5,
|
|
58
|
+
arc1: "M8 22 Q24 8 40 22",
|
|
59
|
+
arc2: "M13 28 Q24 17 35 28",
|
|
60
|
+
arc3: "M18 34 Q24 27 30 34"};
|
|
61
|
+
|
|
62
|
+
// ../shared/src/paths/ui/Bell.ts
|
|
63
|
+
var BellPaths = {
|
|
64
|
+
viewBox: "0 0 48 48",
|
|
65
|
+
defaultColor: "#f59e0b",
|
|
66
|
+
defaultStrokeWidth: 2,
|
|
67
|
+
bell: "M12 32 C12 20 18 12 24 12 C30 12 36 20 36 32 Z",
|
|
68
|
+
clapper: "M20 36 Q24 40 28 36",
|
|
69
|
+
handle: "M24 8 L24 12"};
|
|
70
|
+
|
|
71
|
+
// ../shared/src/paths/ui/Star.ts
|
|
72
|
+
var StarPaths = {
|
|
73
|
+
viewBox: "0 0 48 48",
|
|
74
|
+
defaultColor: "#f59e0b",
|
|
75
|
+
defaultStrokeWidth: 2,
|
|
76
|
+
star: "M24 6 L28.5 18 L42 18 L31.5 26 L35.5 38 L24 30 L12.5 38 L16.5 26 L6 18 L19.5 18 Z",
|
|
77
|
+
sparkle1: "M8 8 L10 6 L12 8 L10 10 Z",
|
|
78
|
+
sparkle2: "M36 6 L38 4 L40 6 L38 8 Z",
|
|
79
|
+
sparkle3: "M40 28 L42 26 L44 28 L42 30 Z"
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
// ../shared/src/paths/ui/Heart.ts
|
|
83
|
+
var HeartPaths = {
|
|
84
|
+
viewBox: "0 0 48 48",
|
|
85
|
+
defaultColor: "#ef4444",
|
|
86
|
+
defaultStrokeWidth: 2,
|
|
87
|
+
heart: "M24 38 C24 38 6 26 6 16 C6 10 11 6 16 6 C19.5 6 22.5 8 24 11 C25.5 8 28.5 6 32 6 C37 6 42 10 42 16 C42 26 24 38 24 38 Z",
|
|
88
|
+
glow: "M24 40 C24 40 4 27 4 15 C4 8 9 4 15 4 C19 4 22 6 24 10 C26 6 29 4 33 4 C39 4 44 8 44 15 C44 27 24 40 24 40 Z"
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
// ../shared/src/paths/healthcare/ECG.ts
|
|
92
|
+
var ECGPaths = {
|
|
93
|
+
viewBox: "0 0 48 48",
|
|
94
|
+
defaultColor: "#ef4444",
|
|
95
|
+
defaultStrokeWidth: 2,
|
|
96
|
+
line: "M4 24 L12 24 L16 12 L20 36 L24 18 L28 30 L32 24 L44 24"
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
// ../shared/src/paths/healthcare/HeartRate.ts
|
|
100
|
+
var HeartRatePaths = {
|
|
101
|
+
viewBox: "0 0 48 48",
|
|
102
|
+
defaultColor: "#ef4444",
|
|
103
|
+
defaultStrokeWidth: 2,
|
|
104
|
+
heart: "M24 38 C24 38 6 26 6 16 C6 10 11 6 16 6 C19.5 6 22.5 8 24 11 C25.5 8 28.5 6 32 6 C37 6 42 10 42 16 C42 26 24 38 24 38 Z"};
|
|
105
|
+
|
|
106
|
+
// ../shared/src/paths/healthcare/Lungs.ts
|
|
107
|
+
var LungsPaths = {
|
|
108
|
+
viewBox: "0 0 48 48",
|
|
109
|
+
defaultColor: "#ec4899",
|
|
110
|
+
defaultStrokeWidth: 2,
|
|
111
|
+
leftLobe: "M24 10 C24 10 10 14 8 26 C6 36 12 42 18 40 C22 38 24 34 24 34",
|
|
112
|
+
rightLobe: "M24 10 C24 10 38 14 40 26 C42 36 36 42 30 40 C26 38 24 34 24 34",
|
|
113
|
+
trunk: "M24 6 L24 18"
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
// ../shared/src/paths/healthcare/Pill.ts
|
|
117
|
+
var PillPaths = {
|
|
118
|
+
viewBox: "0 0 48 48",
|
|
119
|
+
defaultColor: "#8b5cf6",
|
|
120
|
+
defaultStrokeWidth: 2,
|
|
121
|
+
capsule: "M14 20 Q14 10 24 10 Q34 10 34 20 L34 28 Q34 38 24 38 Q14 38 14 28 Z",
|
|
122
|
+
divider: "M14 24 L34 24",
|
|
123
|
+
shine: "M18 14 Q20 12 24 13"
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
// ../shared/src/paths/healthcare/Thermometer.ts
|
|
127
|
+
var ThermometerPaths = {
|
|
128
|
+
viewBox: "0 0 48 48",
|
|
129
|
+
defaultColor: "#ef4444",
|
|
130
|
+
defaultStrokeWidth: 2,
|
|
131
|
+
tube: "M20 8 L20 30 Q20 38 24 38 Q28 38 28 30 L28 8 Q28 6 24 6 Q20 6 20 8 Z",
|
|
132
|
+
mercury: "M22 30 L22 22 L26 22 L26 30"};
|
|
133
|
+
|
|
134
|
+
// ../shared/src/paths/healthcare/DNA.ts
|
|
135
|
+
var DNAPaths = {
|
|
136
|
+
viewBox: "0 0 48 48",
|
|
137
|
+
defaultColor: "#6366f1",
|
|
138
|
+
defaultStrokeWidth: 2,
|
|
139
|
+
strand1: "M16 6 Q32 14 16 22 Q32 30 16 38 Q32 46 16 48",
|
|
140
|
+
strand2: "M32 6 Q16 14 32 22 Q16 30 32 38 Q16 46 32 48",
|
|
141
|
+
rung1: "M19 12 L29 12",
|
|
142
|
+
rung2: "M19 24 L29 24",
|
|
143
|
+
rung3: "M19 36 L29 36"
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
// ../shared/src/paths/healthcare/Syringe.ts
|
|
147
|
+
var SyringePaths = {
|
|
148
|
+
viewBox: "0 0 48 48",
|
|
149
|
+
defaultColor: "#3b82f6",
|
|
150
|
+
defaultStrokeWidth: 2,
|
|
151
|
+
barrel: "M12 16 L36 16 L36 34 L12 34 Z",
|
|
152
|
+
plunger: "M12 22 L6 22 L6 28 L12 28",
|
|
153
|
+
needle: "M36 24 L44 24",
|
|
154
|
+
liquid: "M14 18 L30 18 L30 32 L14 32 Z",
|
|
155
|
+
drop: "M44 26 Q46 28 44 30 Q42 28 44 26 Z"
|
|
156
|
+
};
|
|
157
|
+
|
|
158
|
+
// ../shared/src/paths/healthcare/Brain.ts
|
|
159
|
+
var BrainPaths = {
|
|
160
|
+
viewBox: "0 0 48 48",
|
|
161
|
+
defaultColor: "#ec4899",
|
|
162
|
+
defaultStrokeWidth: 2,
|
|
163
|
+
left: "M24 36 C24 36 8 34 8 22 C8 14 14 8 20 10 C22 10 24 12 24 12",
|
|
164
|
+
right: "M24 36 C24 36 40 34 40 22 C40 14 34 8 28 10 C26 10 24 12 24 12",
|
|
165
|
+
synapse1: "M19 20 L21 16",
|
|
166
|
+
synapse2: "M27 16 L29 20"
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
// ../shared/src/paths/healthcare/BloodDrop.ts
|
|
170
|
+
var BloodDropPaths = {
|
|
171
|
+
viewBox: "0 0 48 48",
|
|
172
|
+
defaultColor: "#ef4444",
|
|
173
|
+
defaultStrokeWidth: 2,
|
|
174
|
+
drop: "M24 8 Q36 20 36 28 Q36 38 24 38 Q12 38 12 28 Q12 20 24 8 Z"};
|
|
175
|
+
|
|
176
|
+
// ../shared/src/paths/healthcare/Steps.ts
|
|
177
|
+
var StepsPaths = {
|
|
178
|
+
viewBox: "0 0 48 48",
|
|
179
|
+
defaultColor: "#10b981",
|
|
180
|
+
defaultStrokeWidth: 2,
|
|
181
|
+
foot1: "M14 28 Q12 24 14 20 Q18 18 20 22 Q22 26 20 30 Q16 32 14 28 Z",
|
|
182
|
+
foot2: "M28 20 Q26 16 28 12 Q32 10 34 14 Q36 18 34 22 Q30 24 28 20 Z",
|
|
183
|
+
toe1a: "M12 20 Q10 18 12 17",
|
|
184
|
+
toe1b: "M14 19 Q13 17 15 16",
|
|
185
|
+
toe2a: "M26 12 Q24 10 26 9",
|
|
186
|
+
toe2b: "M28 11 Q27 9 29 8"
|
|
187
|
+
};
|
|
188
|
+
|
|
189
|
+
// ../shared/src/paths/healthcare/Sleep.ts
|
|
190
|
+
var SleepPaths = {
|
|
191
|
+
viewBox: "0 0 48 48",
|
|
192
|
+
defaultColor: "#6366f1",
|
|
193
|
+
defaultStrokeWidth: 2,
|
|
194
|
+
moon: "M28 8 Q20 12 20 24 Q20 36 28 40 Q16 40 10 30 Q4 20 10 12 Q16 4 28 8 Z",
|
|
195
|
+
star1: "M36 10 L37 8 L38 10 L40 11 L38 12 L37 14 L36 12 L34 11 Z",
|
|
196
|
+
star2: "M40 22 L41 20 L42 22 L44 23 L42 24 L41 26 L40 24 L38 23 Z",
|
|
197
|
+
z1: "M32 26 L38 26 L32 32 L38 32",
|
|
198
|
+
z2: "M36 20 L40 20 L36 24 L40 24"
|
|
199
|
+
};
|
|
200
|
+
|
|
201
|
+
// ../shared/src/paths/healthcare/Oxygen.ts
|
|
202
|
+
var OxygenPaths = {
|
|
203
|
+
viewBox: "0 0 48 48",
|
|
204
|
+
defaultColor: "#3b82f6",
|
|
205
|
+
defaultStrokeWidth: 2,
|
|
206
|
+
orbit: "M24 24 m-16 0 a16 16 0 1 0 32 0 a16 16 0 1 0 -32 0",
|
|
207
|
+
bond: "M22 20 L26 20"
|
|
208
|
+
};
|
|
209
|
+
|
|
210
|
+
// ../shared/src/paths/healthcare/Medkit.ts
|
|
211
|
+
var MedkitPaths = {
|
|
212
|
+
viewBox: "0 0 48 48",
|
|
213
|
+
defaultColor: "#ef4444",
|
|
214
|
+
defaultStrokeWidth: 2,
|
|
215
|
+
box: "M8 16 Q8 12 12 12 L36 12 Q40 12 40 16 L40 38 Q40 42 36 42 L12 42 Q8 42 8 38 Z",
|
|
216
|
+
handle: "M18 12 L18 8 Q18 6 20 6 L28 6 Q30 6 30 8 L30 12",
|
|
217
|
+
crossV: "M24 20 L24 34",
|
|
218
|
+
crossH: "M17 27 L31 27"
|
|
219
|
+
};
|
|
220
|
+
|
|
16
221
|
// src/utils/resolveStyle.ts
|
|
17
222
|
function resolveStyle(props, defaults) {
|
|
18
223
|
const base = props.color ?? defaults.defaultColor;
|
|
@@ -24,8 +229,10 @@ function resolveStyle(props, defaults) {
|
|
|
24
229
|
strokeWidth: props.strokeWidth ?? defaults.defaultStrokeWidth
|
|
25
230
|
};
|
|
26
231
|
}
|
|
232
|
+
|
|
233
|
+
// src/utils/animDuration.ts
|
|
27
234
|
function getAnimDuration(speed = "normal") {
|
|
28
|
-
return
|
|
235
|
+
return DURATION[speed];
|
|
29
236
|
}
|
|
30
237
|
|
|
31
238
|
// src/icons/ui/Pulse.tsx
|
|
@@ -33,7 +240,7 @@ var AnimatedCircle = Animated4__default.default.createAnimatedComponent(reactNat
|
|
|
33
240
|
function usePulseRing(stagger, duration, autoPlay, loop) {
|
|
34
241
|
const r = Animated4.useSharedValue(4);
|
|
35
242
|
const opacity = Animated4.useSharedValue(0.8);
|
|
36
|
-
|
|
243
|
+
React15.useEffect(() => {
|
|
37
244
|
if (autoPlay) {
|
|
38
245
|
r.value = Animated4.withDelay(stagger, Animated4.withRepeat(Animated4.withTiming(20, { duration, easing: Animated4.Easing.out(Animated4.Easing.ease) }), loop ? -1 : 1));
|
|
39
246
|
opacity.value = Animated4.withDelay(stagger, Animated4.withRepeat(Animated4.withTiming(0, { duration, easing: Animated4.Easing.out(Animated4.Easing.ease) }), loop ? -1 : 1));
|
|
@@ -57,14 +264,14 @@ var Pulse = ({
|
|
|
57
264
|
...colorProps
|
|
58
265
|
}) => {
|
|
59
266
|
const d = getAnimDuration(speed);
|
|
60
|
-
const s = resolveStyle(colorProps,
|
|
267
|
+
const s = resolveStyle(colorProps, PulsePaths);
|
|
61
268
|
const ring1 = usePulseRing(0, d.medium, autoPlay, loop);
|
|
62
269
|
const ring2 = usePulseRing(d.stagger, d.medium, autoPlay, loop);
|
|
63
270
|
const ring3 = usePulseRing(d.stagger * 2, d.medium, autoPlay, loop);
|
|
64
271
|
const ap1 = Animated4.useAnimatedProps(() => ({ r: ring1.r.value, opacity: ring1.opacity.value }));
|
|
65
272
|
const ap2 = Animated4.useAnimatedProps(() => ({ r: ring2.r.value, opacity: ring2.opacity.value }));
|
|
66
273
|
const ap3 = Animated4.useAnimatedProps(() => ({ r: ring3.r.value, opacity: ring3.opacity.value }));
|
|
67
|
-
return /* @__PURE__ */
|
|
274
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: PulsePaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle, { animatedProps: ap1, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle, { animatedProps: ap2, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle, { animatedProps: ap3, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "24", r: 3, fill: s.stroke, opacity: s.opacity }));
|
|
68
275
|
};
|
|
69
276
|
var AnimatedPath = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
70
277
|
var Check = ({
|
|
@@ -79,8 +286,8 @@ var Check = ({
|
|
|
79
286
|
const circleProgress = Animated4.useSharedValue(126);
|
|
80
287
|
const checkProgress = Animated4.useSharedValue(30);
|
|
81
288
|
const d = getAnimDuration(speed);
|
|
82
|
-
const s = resolveStyle(colorProps,
|
|
83
|
-
|
|
289
|
+
const s = resolveStyle(colorProps, CheckPaths);
|
|
290
|
+
React15.useEffect(() => {
|
|
84
291
|
if (autoPlay) {
|
|
85
292
|
if (loop) {
|
|
86
293
|
circleProgress.value = Animated4.withRepeat(Animated4.withTiming(0, { duration: d.short, easing: Animated4.Easing.ease }), -1);
|
|
@@ -98,7 +305,7 @@ var Check = ({
|
|
|
98
305
|
}, [autoPlay, loop, speed]);
|
|
99
306
|
const circleProps = Animated4.useAnimatedProps(() => ({ strokeDashoffset: circleProgress.value }));
|
|
100
307
|
const checkProps = Animated4.useAnimatedProps(() => ({ strokeDashoffset: checkProgress.value }));
|
|
101
|
-
return /* @__PURE__ */
|
|
308
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: CheckPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath, { animatedProps: circleProps, d: CheckPaths.circle, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeDasharray: 126, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath, { animatedProps: checkProps, d: CheckPaths.check, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeDasharray: 30, strokeLinecap: "round", opacity: s.opacity }));
|
|
102
309
|
};
|
|
103
310
|
var AnimatedPath2 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
104
311
|
var Loader = ({
|
|
@@ -112,8 +319,8 @@ var Loader = ({
|
|
|
112
319
|
}) => {
|
|
113
320
|
const rotation = Animated4.useSharedValue(0);
|
|
114
321
|
const d = getAnimDuration(speed);
|
|
115
|
-
const s = resolveStyle(colorProps,
|
|
116
|
-
|
|
322
|
+
const s = resolveStyle(colorProps, LoaderPaths);
|
|
323
|
+
React15.useEffect(() => {
|
|
117
324
|
if (autoPlay) {
|
|
118
325
|
rotation.value = Animated4.withRepeat(
|
|
119
326
|
Animated4.withTiming(360, { duration: d.medium, easing: Animated4.Easing.linear }),
|
|
@@ -135,11 +342,11 @@ var Loader = ({
|
|
|
135
342
|
originX: 24,
|
|
136
343
|
originY: 24
|
|
137
344
|
}));
|
|
138
|
-
return /* @__PURE__ */
|
|
345
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: LoaderPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(
|
|
139
346
|
AnimatedPath2,
|
|
140
347
|
{
|
|
141
348
|
animatedProps,
|
|
142
|
-
d:
|
|
349
|
+
d: LoaderPaths.arc,
|
|
143
350
|
stroke: s.stroke,
|
|
144
351
|
strokeWidth: s.strokeWidth,
|
|
145
352
|
strokeLinecap: "round",
|
|
@@ -160,8 +367,8 @@ var Upload = ({
|
|
|
160
367
|
const translateY = Animated4.useSharedValue(0);
|
|
161
368
|
const barDash = Animated4.useSharedValue(28);
|
|
162
369
|
const d = getAnimDuration(speed);
|
|
163
|
-
const s = resolveStyle(colorProps,
|
|
164
|
-
|
|
370
|
+
const s = resolveStyle(colorProps, UploadPaths);
|
|
371
|
+
React15.useEffect(() => {
|
|
165
372
|
if (autoPlay) {
|
|
166
373
|
translateY.value = Animated4.withRepeat(
|
|
167
374
|
Animated4.withTiming(-6, { duration: d.short, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }),
|
|
@@ -180,7 +387,7 @@ var Upload = ({
|
|
|
180
387
|
}, [autoPlay, loop, speed]);
|
|
181
388
|
const arrowStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ translateY: translateY.value }] }));
|
|
182
389
|
const barProps = Animated4.useAnimatedProps(() => ({ strokeDashoffset: barDash.value }));
|
|
183
|
-
return /* @__PURE__ */
|
|
390
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: UploadPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(Animated4__default.default.View, { style: arrowStyle }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: UploadPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: UploadPaths.arrow, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", opacity: s.opacity }))), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath3, { animatedProps: barProps, d: UploadPaths.bar, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", strokeDasharray: 28, opacity: s.opacity }));
|
|
184
391
|
};
|
|
185
392
|
var AnimatedPath4 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
186
393
|
var Wifi = ({
|
|
@@ -195,8 +402,8 @@ var Wifi = ({
|
|
|
195
402
|
const op2 = Animated4.useSharedValue(0);
|
|
196
403
|
const op3 = Animated4.useSharedValue(0);
|
|
197
404
|
const d = getAnimDuration(speed);
|
|
198
|
-
const s = resolveStyle(colorProps,
|
|
199
|
-
|
|
405
|
+
const s = resolveStyle(colorProps, WifiPaths);
|
|
406
|
+
React15.useEffect(() => {
|
|
200
407
|
if (autoPlay) {
|
|
201
408
|
const anim = (sv, delay) => {
|
|
202
409
|
sv.value = Animated4.withDelay(delay, Animated4.withRepeat(
|
|
@@ -222,8 +429,10 @@ var Wifi = ({
|
|
|
222
429
|
const ap1 = Animated4.useAnimatedProps(() => ({ opacity: op1.value }));
|
|
223
430
|
const ap2 = Animated4.useAnimatedProps(() => ({ opacity: op2.value }));
|
|
224
431
|
const ap3 = Animated4.useAnimatedProps(() => ({ opacity: op3.value }));
|
|
225
|
-
return /* @__PURE__ */
|
|
432
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: WifiPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath4, { animatedProps: ap1, d: WifiPaths.arc1, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath4, { animatedProps: ap2, d: WifiPaths.arc2, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath4, { animatedProps: ap3, d: WifiPaths.arc3, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "40", r: 2, fill: s.stroke, opacity: s.opacity }));
|
|
226
433
|
};
|
|
434
|
+
var AnimatedPath5 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
435
|
+
var AnimatedCircle2 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
|
|
227
436
|
var Bell = ({
|
|
228
437
|
size = 48,
|
|
229
438
|
autoPlay = true,
|
|
@@ -235,16 +444,17 @@ var Bell = ({
|
|
|
235
444
|
const rotation = Animated4.useSharedValue(0);
|
|
236
445
|
const badgeScale = Animated4.useSharedValue(1);
|
|
237
446
|
const d = getAnimDuration(speed);
|
|
238
|
-
const s = resolveStyle(colorProps,
|
|
239
|
-
|
|
447
|
+
const s = resolveStyle(colorProps, BellPaths);
|
|
448
|
+
React15.useEffect(() => {
|
|
240
449
|
if (autoPlay) {
|
|
241
450
|
rotation.value = Animated4.withRepeat(
|
|
242
451
|
Animated4.withSequence(
|
|
243
|
-
Animated4.withTiming(
|
|
244
|
-
Animated4.withTiming(
|
|
245
|
-
Animated4.withTiming(
|
|
246
|
-
Animated4.withTiming(
|
|
247
|
-
Animated4.withTiming(
|
|
452
|
+
Animated4.withTiming(0, { duration: 0 }),
|
|
453
|
+
Animated4.withTiming(15, { duration: d.long * 0.2, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }),
|
|
454
|
+
Animated4.withTiming(-15, { duration: d.long * 0.2, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }),
|
|
455
|
+
Animated4.withTiming(8, { duration: d.long * 0.2, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }),
|
|
456
|
+
Animated4.withTiming(-8, { duration: d.long * 0.2, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }),
|
|
457
|
+
Animated4.withTiming(0, { duration: d.long * 0.2, easing: Animated4.Easing.inOut(Animated4.Easing.ease) })
|
|
248
458
|
),
|
|
249
459
|
loop ? -1 : 1
|
|
250
460
|
);
|
|
@@ -255,13 +465,33 @@ var Bell = ({
|
|
|
255
465
|
} else {
|
|
256
466
|
Animated4.cancelAnimation(rotation);
|
|
257
467
|
Animated4.cancelAnimation(badgeScale);
|
|
468
|
+
rotation.value = Animated4.withTiming(0, { duration: 150 });
|
|
469
|
+
badgeScale.value = Animated4.withTiming(1, { duration: 150 });
|
|
258
470
|
}
|
|
259
471
|
}, [autoPlay, loop, speed]);
|
|
260
|
-
const
|
|
261
|
-
|
|
262
|
-
|
|
472
|
+
const bellProps = Animated4.useAnimatedProps(() => ({
|
|
473
|
+
transform: [{ rotate: `${rotation.value}deg` }],
|
|
474
|
+
originX: 24,
|
|
475
|
+
originY: 12
|
|
476
|
+
}));
|
|
477
|
+
const clapperProps = Animated4.useAnimatedProps(() => ({
|
|
478
|
+
transform: [{ rotate: `${rotation.value}deg` }],
|
|
479
|
+
originX: 24,
|
|
480
|
+
originY: 12
|
|
481
|
+
}));
|
|
482
|
+
const handleProps = Animated4.useAnimatedProps(() => ({
|
|
483
|
+
transform: [{ rotate: `${rotation.value}deg` }],
|
|
484
|
+
originX: 24,
|
|
485
|
+
originY: 12
|
|
486
|
+
}));
|
|
487
|
+
const badgeProps = Animated4.useAnimatedProps(() => ({
|
|
488
|
+
transform: [{ scale: badgeScale.value }],
|
|
489
|
+
originX: 34,
|
|
490
|
+
originY: 12
|
|
491
|
+
}));
|
|
492
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: BellPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath5, { animatedProps: bellProps, d: BellPaths.bell, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath5, { animatedProps: clapperProps, d: BellPaths.clapper, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath5, { animatedProps: handleProps, d: BellPaths.handle, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle2, { animatedProps: badgeProps, cx: 34, cy: 12, r: 5, fill: s.stroke, opacity: s.opacity }));
|
|
263
493
|
};
|
|
264
|
-
var
|
|
494
|
+
var AnimatedPath6 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
265
495
|
var Star = ({
|
|
266
496
|
size = 48,
|
|
267
497
|
autoPlay = true,
|
|
@@ -273,8 +503,8 @@ var Star = ({
|
|
|
273
503
|
const scaleVal = Animated4.useSharedValue(1);
|
|
274
504
|
const sparkleOp = Animated4.useSharedValue(0);
|
|
275
505
|
const d = getAnimDuration(speed);
|
|
276
|
-
const s = resolveStyle(colorProps,
|
|
277
|
-
const trigger =
|
|
506
|
+
const s = resolveStyle(colorProps, StarPaths);
|
|
507
|
+
const trigger = React15.useCallback(() => {
|
|
278
508
|
scaleVal.value = Animated4.withTiming(1.3, { duration: d.short * 0.5 }, () => {
|
|
279
509
|
scaleVal.value = Animated4.withTiming(1, { duration: d.short * 0.5 }, () => {
|
|
280
510
|
if (onAnimationEnd) Animated4.runOnJS(onAnimationEnd)();
|
|
@@ -284,7 +514,7 @@ var Star = ({
|
|
|
284
514
|
sparkleOp.value = Animated4.withTiming(0, { duration: d.short * 0.5 });
|
|
285
515
|
});
|
|
286
516
|
}, [onAnimationEnd, d.short, scaleVal, sparkleOp]);
|
|
287
|
-
|
|
517
|
+
React15.useEffect(() => {
|
|
288
518
|
if (autoPlay) trigger();
|
|
289
519
|
return () => {
|
|
290
520
|
Animated4.cancelAnimation(scaleVal);
|
|
@@ -293,9 +523,9 @@ var Star = ({
|
|
|
293
523
|
}, [autoPlay, trigger]);
|
|
294
524
|
const starProps = Animated4.useAnimatedProps(() => ({ transform: [{ scale: scaleVal.value }], originX: 24, originY: 24 }));
|
|
295
525
|
const sparkleProps = Animated4.useAnimatedProps(() => ({ opacity: sparkleOp.value }));
|
|
296
|
-
return /* @__PURE__ */
|
|
526
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNative.Pressable, { onPress: trigger, style }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: StarPaths.viewBox }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath6, { animatedProps: starProps, d: StarPaths.star, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath6, { animatedProps: sparkleProps, d: StarPaths.sparkle1, fill: s.stroke, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath6, { animatedProps: sparkleProps, d: StarPaths.sparkle2, fill: s.stroke, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath6, { animatedProps: sparkleProps, d: StarPaths.sparkle3, fill: s.stroke, opacity: s.opacity })));
|
|
297
527
|
};
|
|
298
|
-
var
|
|
528
|
+
var AnimatedPath7 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
299
529
|
var Heart = ({
|
|
300
530
|
size = 48,
|
|
301
531
|
autoPlay = true,
|
|
@@ -307,8 +537,8 @@ var Heart = ({
|
|
|
307
537
|
const scaleVal = Animated4.useSharedValue(1);
|
|
308
538
|
const glowOp = Animated4.useSharedValue(0);
|
|
309
539
|
const d = getAnimDuration(speed);
|
|
310
|
-
const s = resolveStyle(colorProps,
|
|
311
|
-
|
|
540
|
+
const s = resolveStyle(colorProps, HeartPaths);
|
|
541
|
+
React15.useEffect(() => {
|
|
312
542
|
if (autoPlay) {
|
|
313
543
|
const beat = Animated4.withSequence(
|
|
314
544
|
Animated4.withTiming(1.2, { duration: d.short * 0.35, easing: Animated4.Easing.out(Animated4.Easing.ease) }),
|
|
@@ -331,9 +561,9 @@ var Heart = ({
|
|
|
331
561
|
}, [autoPlay, loop, speed]);
|
|
332
562
|
const heartStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ scale: scaleVal.value }] }));
|
|
333
563
|
const glowProps = Animated4.useAnimatedProps(() => ({ opacity: glowOp.value }));
|
|
334
|
-
return /* @__PURE__ */
|
|
564
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: HeartPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath7, { animatedProps: glowProps, d: HeartPaths.glow, fill: s.secondaryColor, stroke: "none" }), /* @__PURE__ */ React15__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, heartStyle] }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: HeartPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: HeartPaths.heart, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }))));
|
|
335
565
|
};
|
|
336
|
-
var
|
|
566
|
+
var AnimatedPath8 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
337
567
|
var ECG = ({
|
|
338
568
|
size = 48,
|
|
339
569
|
autoPlay = true,
|
|
@@ -346,8 +576,8 @@ var ECG = ({
|
|
|
346
576
|
const dashOffset = Animated4.useSharedValue(100);
|
|
347
577
|
const opacity = Animated4.useSharedValue(1);
|
|
348
578
|
const d = getAnimDuration(speed);
|
|
349
|
-
const s = resolveStyle(colorProps,
|
|
350
|
-
|
|
579
|
+
const s = resolveStyle(colorProps, ECGPaths);
|
|
580
|
+
React15.useEffect(() => {
|
|
351
581
|
if (autoPlay) {
|
|
352
582
|
dashOffset.value = Animated4.withRepeat(
|
|
353
583
|
Animated4.withTiming(0, { duration: d.long * 0.7, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }),
|
|
@@ -364,10 +594,10 @@ var ECG = ({
|
|
|
364
594
|
}
|
|
365
595
|
}, [autoPlay, loop, speed, onAnimationEnd]);
|
|
366
596
|
const animProps = Animated4.useAnimatedProps(() => ({ strokeDashoffset: dashOffset.value, opacity: opacity.value }));
|
|
367
|
-
return /* @__PURE__ */
|
|
597
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: ECGPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath8, { animatedProps: animProps, d: ECGPaths.line, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: 100 }));
|
|
368
598
|
};
|
|
369
|
-
var
|
|
370
|
-
var
|
|
599
|
+
var AnimatedPath9 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
600
|
+
var AnimatedCircle3 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
|
|
371
601
|
var HeartRate = ({
|
|
372
602
|
size = 48,
|
|
373
603
|
autoPlay = true,
|
|
@@ -381,8 +611,8 @@ var HeartRate = ({
|
|
|
381
611
|
const glowR = Animated4.useSharedValue(16);
|
|
382
612
|
const glowOp = Animated4.useSharedValue(0);
|
|
383
613
|
const d = getAnimDuration(speed);
|
|
384
|
-
const s = resolveStyle(colorProps,
|
|
385
|
-
|
|
614
|
+
const s = resolveStyle(colorProps, HeartRatePaths);
|
|
615
|
+
React15.useEffect(() => {
|
|
386
616
|
if (autoPlay) {
|
|
387
617
|
scaleVal.value = Animated4.withRepeat(
|
|
388
618
|
Animated4.withSequence(Animated4.withTiming(1.2, { duration: d.medium * 0.2 }), Animated4.withTiming(1, { duration: d.medium * 0.8 })),
|
|
@@ -408,9 +638,9 @@ var HeartRate = ({
|
|
|
408
638
|
}, [autoPlay, loop, speed, onAnimationEnd]);
|
|
409
639
|
const heartProps = Animated4.useAnimatedProps(() => ({ transform: [{ scale: scaleVal.value }], originX: 24, originY: 24 }));
|
|
410
640
|
const glowProps = Animated4.useAnimatedProps(() => ({ r: glowR.value, opacity: glowOp.value }));
|
|
411
|
-
return /* @__PURE__ */
|
|
641
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: HeartRatePaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle3, { animatedProps: glowProps, cx: "24", cy: "24", fill: s.secondaryColor }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath9, { animatedProps: heartProps, d: HeartRatePaths.heart, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }));
|
|
412
642
|
};
|
|
413
|
-
var
|
|
643
|
+
var AnimatedPath10 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
414
644
|
var Lungs = ({
|
|
415
645
|
size = 48,
|
|
416
646
|
autoPlay = true,
|
|
@@ -422,8 +652,8 @@ var Lungs = ({
|
|
|
422
652
|
const scaleL = Animated4.useSharedValue(1);
|
|
423
653
|
const scaleR = Animated4.useSharedValue(1);
|
|
424
654
|
const d = getAnimDuration(speed);
|
|
425
|
-
const s = resolveStyle(colorProps,
|
|
426
|
-
|
|
655
|
+
const s = resolveStyle(colorProps, LungsPaths);
|
|
656
|
+
React15.useEffect(() => {
|
|
427
657
|
if (autoPlay) {
|
|
428
658
|
scaleL.value = Animated4.withRepeat(Animated4.withTiming(1.08, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
429
659
|
scaleR.value = Animated4.withRepeat(Animated4.withTiming(1.08, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
@@ -434,9 +664,9 @@ var Lungs = ({
|
|
|
434
664
|
}, [autoPlay, loop, speed]);
|
|
435
665
|
const leftProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleX: scaleL.value }, { scaleY: scaleL.value }], originX: 16, originY: 26 }));
|
|
436
666
|
const rightProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleX: scaleR.value }, { scaleY: scaleR.value }], originX: 32, originY: 26 }));
|
|
437
|
-
return /* @__PURE__ */
|
|
667
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: LungsPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath10, { animatedProps: leftProps, d: LungsPaths.leftLobe, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath10, { animatedProps: rightProps, d: LungsPaths.rightLobe, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: LungsPaths.trunk, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }));
|
|
438
668
|
};
|
|
439
|
-
var
|
|
669
|
+
var AnimatedPath11 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
440
670
|
var Pill = ({
|
|
441
671
|
size = 48,
|
|
442
672
|
autoPlay = true,
|
|
@@ -448,8 +678,8 @@ var Pill = ({
|
|
|
448
678
|
const translateY = Animated4.useSharedValue(0);
|
|
449
679
|
const shineOp = Animated4.useSharedValue(0);
|
|
450
680
|
const d = getAnimDuration(speed);
|
|
451
|
-
const s = resolveStyle(colorProps,
|
|
452
|
-
|
|
681
|
+
const s = resolveStyle(colorProps, PillPaths);
|
|
682
|
+
React15.useEffect(() => {
|
|
453
683
|
if (autoPlay) {
|
|
454
684
|
translateY.value = Animated4.withRepeat(Animated4.withTiming(-5, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
455
685
|
shineOp.value = Animated4.withRepeat(Animated4.withTiming(0.8, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
@@ -460,9 +690,9 @@ var Pill = ({
|
|
|
460
690
|
}, [autoPlay, loop, speed]);
|
|
461
691
|
const bodyStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ translateY: translateY.value }] }));
|
|
462
692
|
const shineProps = Animated4.useAnimatedProps(() => ({ opacity: shineOp.value }));
|
|
463
|
-
return /* @__PURE__ */
|
|
693
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: PillPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, bodyStyle] }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: PillPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: PillPaths.capsule, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: PillPaths.divider, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }))), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath11, { animatedProps: shineProps, d: PillPaths.shine, stroke: "white", strokeWidth: 2, fill: "none", strokeLinecap: "round" }));
|
|
464
694
|
};
|
|
465
|
-
var
|
|
695
|
+
var AnimatedPath12 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
466
696
|
var Thermometer = ({
|
|
467
697
|
size = 48,
|
|
468
698
|
autoPlay = true,
|
|
@@ -474,8 +704,8 @@ var Thermometer = ({
|
|
|
474
704
|
const mercuryScale = Animated4.useSharedValue(0.2);
|
|
475
705
|
const tubeRotation = Animated4.useSharedValue(0);
|
|
476
706
|
const d = getAnimDuration(speed);
|
|
477
|
-
const s = resolveStyle(colorProps,
|
|
478
|
-
|
|
707
|
+
const s = resolveStyle(colorProps, ThermometerPaths);
|
|
708
|
+
React15.useEffect(() => {
|
|
479
709
|
if (autoPlay) {
|
|
480
710
|
mercuryScale.value = Animated4.withRepeat(Animated4.withTiming(1, { duration: d.long * 0.7, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
481
711
|
tubeRotation.value = Animated4.withRepeat(
|
|
@@ -495,9 +725,9 @@ var Thermometer = ({
|
|
|
495
725
|
}, [autoPlay, loop, speed]);
|
|
496
726
|
const mercuryProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleY: mercuryScale.value }], originY: 34 }));
|
|
497
727
|
const tubeStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ rotate: `${tubeRotation.value}deg` }] }));
|
|
498
|
-
return /* @__PURE__ */
|
|
728
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: ThermometerPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, tubeStyle] }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: ThermometerPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: ThermometerPaths.tube, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }))), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath12, { animatedProps: mercuryProps, d: ThermometerPaths.mercury, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "40", r: 5, fill: s.fill, opacity: s.opacity }));
|
|
499
729
|
};
|
|
500
|
-
var
|
|
730
|
+
var AnimatedPath13 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
501
731
|
var DNA = ({
|
|
502
732
|
size = 48,
|
|
503
733
|
autoPlay = true,
|
|
@@ -508,8 +738,8 @@ var DNA = ({
|
|
|
508
738
|
}) => {
|
|
509
739
|
const translateY = Animated4.useSharedValue(0);
|
|
510
740
|
const d = getAnimDuration(speed);
|
|
511
|
-
const s = resolveStyle(colorProps,
|
|
512
|
-
|
|
741
|
+
const s = resolveStyle(colorProps, DNAPaths);
|
|
742
|
+
React15.useEffect(() => {
|
|
513
743
|
if (autoPlay) {
|
|
514
744
|
translateY.value = Animated4.withRepeat(Animated4.withTiming(-16, { duration: d.medium, easing: Animated4.Easing.linear }), loop ? -1 : 1, true);
|
|
515
745
|
} else {
|
|
@@ -517,9 +747,9 @@ var DNA = ({
|
|
|
517
747
|
}
|
|
518
748
|
}, [autoPlay, loop, speed]);
|
|
519
749
|
const animProps = Animated4.useAnimatedProps(() => ({ transform: [{ translateY: translateY.value }] }));
|
|
520
|
-
return /* @__PURE__ */
|
|
750
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: DNAPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath13, { animatedProps: animProps, d: DNAPaths.strand1, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath13, { animatedProps: animProps, d: DNAPaths.strand2, stroke: s.secondaryColor, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath13, { animatedProps: animProps, d: `${DNAPaths.rung1} ${DNAPaths.rung2} ${DNAPaths.rung3}`, stroke: s.stroke, strokeWidth: 1.5, fill: "none", strokeLinecap: "round", opacity: s.opacity * 0.6 }));
|
|
521
751
|
};
|
|
522
|
-
var
|
|
752
|
+
var AnimatedPath14 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
523
753
|
var Syringe = ({
|
|
524
754
|
size = 48,
|
|
525
755
|
autoPlay = true,
|
|
@@ -533,8 +763,8 @@ var Syringe = ({
|
|
|
533
763
|
const dropOp = Animated4.useSharedValue(0);
|
|
534
764
|
const dropY = Animated4.useSharedValue(0);
|
|
535
765
|
const d = getAnimDuration(speed);
|
|
536
|
-
const s = resolveStyle(colorProps,
|
|
537
|
-
|
|
766
|
+
const s = resolveStyle(colorProps, SyringePaths);
|
|
767
|
+
React15.useEffect(() => {
|
|
538
768
|
if (autoPlay) {
|
|
539
769
|
plungerX.value = Animated4.withRepeat(Animated4.withSequence(Animated4.withTiming(8, { duration: d.long * 0.5 }), Animated4.withTiming(0, { duration: d.long * 0.5 })), loop ? -1 : 1);
|
|
540
770
|
liquidScale.value = Animated4.withRepeat(Animated4.withSequence(Animated4.withTiming(0.3, { duration: d.long * 0.5 }), Animated4.withTiming(1, { duration: d.long * 0.5 })), loop ? -1 : 1);
|
|
@@ -550,9 +780,9 @@ var Syringe = ({
|
|
|
550
780
|
const plungerStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ translateX: plungerX.value }] }));
|
|
551
781
|
const liquidProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleX: liquidScale.value }], originX: 14 }));
|
|
552
782
|
const dropProps = Animated4.useAnimatedProps(() => ({ opacity: dropOp.value, transform: [{ translateY: dropY.value }] }));
|
|
553
|
-
return /* @__PURE__ */
|
|
783
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: SyringePaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: SyringePaths.barrel, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath14, { animatedProps: liquidProps, d: SyringePaths.liquid, fill: s.fill, opacity: s.opacity * 0.7 }), /* @__PURE__ */ React15__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, plungerStyle] }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: SyringePaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: SyringePaths.plunger, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }))), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: SyringePaths.needle, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath14, { animatedProps: dropProps, d: SyringePaths.drop, fill: s.fill }));
|
|
554
784
|
};
|
|
555
|
-
var
|
|
785
|
+
var AnimatedCircle4 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
|
|
556
786
|
var Brain = ({
|
|
557
787
|
size = 48,
|
|
558
788
|
autoPlay = true,
|
|
@@ -568,8 +798,8 @@ var Brain = ({
|
|
|
568
798
|
const n3r = Animated4.useSharedValue(3);
|
|
569
799
|
const n3op = Animated4.useSharedValue(0.2);
|
|
570
800
|
const d = getAnimDuration(speed);
|
|
571
|
-
const s = resolveStyle(colorProps,
|
|
572
|
-
|
|
801
|
+
const s = resolveStyle(colorProps, BrainPaths);
|
|
802
|
+
React15.useEffect(() => {
|
|
573
803
|
if (autoPlay) {
|
|
574
804
|
const fire = (r, op, delay) => {
|
|
575
805
|
r.value = Animated4.withDelay(delay, Animated4.withRepeat(Animated4.withTiming(4.5, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true));
|
|
@@ -588,10 +818,10 @@ var Brain = ({
|
|
|
588
818
|
const ap1 = Animated4.useAnimatedProps(() => ({ r: n1r.value, opacity: n1op.value }));
|
|
589
819
|
const ap2 = Animated4.useAnimatedProps(() => ({ r: n2r.value, opacity: n2op.value }));
|
|
590
820
|
const ap3 = Animated4.useAnimatedProps(() => ({ r: n3r.value, opacity: n3op.value }));
|
|
591
|
-
return /* @__PURE__ */
|
|
821
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: BrainPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: BrainPaths.left, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: BrainPaths.right, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: `${BrainPaths.synapse1} ${BrainPaths.synapse2}`, stroke: s.stroke, strokeWidth: 1, fill: "none", opacity: s.opacity * 0.5 }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle4, { animatedProps: ap1, cx: "16", cy: "20", fill: s.fill }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle4, { animatedProps: ap2, cx: "24", cy: "16", fill: s.fill }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle4, { animatedProps: ap3, cx: "32", cy: "20", fill: s.fill }));
|
|
592
822
|
};
|
|
593
|
-
var
|
|
594
|
-
var
|
|
823
|
+
var AnimatedPath15 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
824
|
+
var AnimatedCircle5 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
|
|
595
825
|
var BloodDrop = ({
|
|
596
826
|
size = 48,
|
|
597
827
|
autoPlay = true,
|
|
@@ -606,8 +836,8 @@ var BloodDrop = ({
|
|
|
606
836
|
const r2 = Animated4.useSharedValue(6);
|
|
607
837
|
const op2 = Animated4.useSharedValue(0.6);
|
|
608
838
|
const d = getAnimDuration(speed);
|
|
609
|
-
const s = resolveStyle(colorProps,
|
|
610
|
-
|
|
839
|
+
const s = resolveStyle(colorProps, BloodDropPaths);
|
|
840
|
+
React15.useEffect(() => {
|
|
611
841
|
if (autoPlay) {
|
|
612
842
|
scaleY.value = Animated4.withRepeat(Animated4.withTiming(0.85, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
613
843
|
r1.value = Animated4.withRepeat(Animated4.withTiming(10, { duration: d.long, easing: Animated4.Easing.out(Animated4.Easing.ease) }), loop ? -1 : 1);
|
|
@@ -621,9 +851,9 @@ var BloodDrop = ({
|
|
|
621
851
|
const dropProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleY: scaleY.value }], originY: 28 }));
|
|
622
852
|
const rip1Props = Animated4.useAnimatedProps(() => ({ r: r1.value, opacity: op1.value }));
|
|
623
853
|
const rip2Props = Animated4.useAnimatedProps(() => ({ r: r2.value, opacity: op2.value }));
|
|
624
|
-
return /* @__PURE__ */
|
|
854
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: BloodDropPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath15, { animatedProps: dropProps, d: BloodDropPaths.drop, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle5, { animatedProps: rip1Props, cx: "24", cy: "42", stroke: s.stroke, strokeWidth: 1.5, fill: "none" }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle5, { animatedProps: rip2Props, cx: "24", cy: "42", stroke: s.stroke, strokeWidth: 1.5, fill: "none" }));
|
|
625
855
|
};
|
|
626
|
-
var
|
|
856
|
+
var AnimatedPath16 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
627
857
|
var Steps = ({
|
|
628
858
|
size = 48,
|
|
629
859
|
autoPlay = true,
|
|
@@ -635,8 +865,8 @@ var Steps = ({
|
|
|
635
865
|
const op1 = Animated4.useSharedValue(0.3);
|
|
636
866
|
const op2 = Animated4.useSharedValue(1);
|
|
637
867
|
const d = getAnimDuration(speed);
|
|
638
|
-
const s = resolveStyle(colorProps,
|
|
639
|
-
|
|
868
|
+
const s = resolveStyle(colorProps, StepsPaths);
|
|
869
|
+
React15.useEffect(() => {
|
|
640
870
|
if (autoPlay) {
|
|
641
871
|
op1.value = Animated4.withRepeat(Animated4.withTiming(1, { duration: d.medium, easing: Animated4.Easing.ease }), loop ? -1 : 1, true);
|
|
642
872
|
op2.value = Animated4.withRepeat(Animated4.withTiming(0.3, { duration: d.medium, easing: Animated4.Easing.ease }), loop ? -1 : 1, true);
|
|
@@ -647,9 +877,9 @@ var Steps = ({
|
|
|
647
877
|
}, [autoPlay, loop, speed]);
|
|
648
878
|
const f1Props = Animated4.useAnimatedProps(() => ({ opacity: op1.value }));
|
|
649
879
|
const f2Props = Animated4.useAnimatedProps(() => ({ opacity: op2.value }));
|
|
650
|
-
return /* @__PURE__ */
|
|
880
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: StepsPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(AnimatedPath16, { animatedProps: f1Props, d: `${StepsPaths.foot1} ${StepsPaths.toe1a} ${StepsPaths.toe1b}`, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, strokeLinecap: "round" }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath16, { animatedProps: f2Props, d: `${StepsPaths.foot2} ${StepsPaths.toe2a} ${StepsPaths.toe2b}`, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, strokeLinecap: "round" }));
|
|
651
881
|
};
|
|
652
|
-
var
|
|
882
|
+
var AnimatedPath17 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
653
883
|
var Sleep = ({
|
|
654
884
|
size = 48,
|
|
655
885
|
autoPlay = true,
|
|
@@ -666,8 +896,8 @@ var Sleep = ({
|
|
|
666
896
|
const z2Y = Animated4.useSharedValue(0);
|
|
667
897
|
const z2Op = Animated4.useSharedValue(0);
|
|
668
898
|
const d = getAnimDuration(speed);
|
|
669
|
-
const s = resolveStyle(colorProps,
|
|
670
|
-
|
|
899
|
+
const s = resolveStyle(colorProps, SleepPaths);
|
|
900
|
+
React15.useEffect(() => {
|
|
671
901
|
if (autoPlay) {
|
|
672
902
|
moonScale.value = Animated4.withRepeat(Animated4.withTiming(1.05, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
673
903
|
star1Op.value = Animated4.withDelay(d.stagger, Animated4.withRepeat(Animated4.withTiming(1, { duration: d.long }), loop ? -1 : 1, true));
|
|
@@ -685,9 +915,9 @@ var Sleep = ({
|
|
|
685
915
|
const star2Props = Animated4.useAnimatedProps(() => ({ opacity: star2Op.value }));
|
|
686
916
|
const z1Props = Animated4.useAnimatedProps(() => ({ opacity: z1Op.value, transform: [{ translateY: z1Y.value }] }));
|
|
687
917
|
const z2Props = Animated4.useAnimatedProps(() => ({ opacity: z2Op.value, transform: [{ translateY: z2Y.value }] }));
|
|
688
|
-
return /* @__PURE__ */
|
|
918
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: SleepPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, moonStyle] }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: SleepPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: SleepPaths.moon, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }))), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath17, { animatedProps: star1Props, d: SleepPaths.star1, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath17, { animatedProps: star2Props, d: SleepPaths.star2, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath17, { animatedProps: z1Props, d: SleepPaths.z1, stroke: s.stroke, strokeWidth: 2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath17, { animatedProps: z2Props, d: SleepPaths.z2, stroke: s.stroke, strokeWidth: 1.5, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
689
919
|
};
|
|
690
|
-
var
|
|
920
|
+
var AnimatedCircle6 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
|
|
691
921
|
var Oxygen = ({
|
|
692
922
|
size = 48,
|
|
693
923
|
autoPlay = true,
|
|
@@ -698,8 +928,8 @@ var Oxygen = ({
|
|
|
698
928
|
}) => {
|
|
699
929
|
const rotation = Animated4.useSharedValue(0);
|
|
700
930
|
const d = getAnimDuration(speed);
|
|
701
|
-
const s = resolveStyle(colorProps,
|
|
702
|
-
|
|
931
|
+
const s = resolveStyle(colorProps, OxygenPaths);
|
|
932
|
+
React15.useEffect(() => {
|
|
703
933
|
if (autoPlay) {
|
|
704
934
|
rotation.value = Animated4.withRepeat(Animated4.withTiming(360, { duration: d.long, easing: Animated4.Easing.linear }), loop ? -1 : 1);
|
|
705
935
|
} else {
|
|
@@ -714,9 +944,9 @@ var Oxygen = ({
|
|
|
714
944
|
originX: 24,
|
|
715
945
|
originY: 24
|
|
716
946
|
}));
|
|
717
|
-
return /* @__PURE__ */
|
|
947
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: OxygenPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: OxygenPaths.orbit, stroke: s.secondaryColor, strokeWidth: 1, fill: "none", strokeDasharray: "3 3", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Circle, { cx: "18", cy: "20", r: 4, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Circle, { cx: "26", cy: "20", r: 4, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: OxygenPaths.bond, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(AnimatedCircle6, { animatedProps: electronProps, cx: "40", cy: "24", r: 2.5, fill: s.fill, opacity: s.opacity }));
|
|
718
948
|
};
|
|
719
|
-
var
|
|
949
|
+
var AnimatedPath18 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
|
|
720
950
|
var Medkit = ({
|
|
721
951
|
size = 48,
|
|
722
952
|
autoPlay = true,
|
|
@@ -728,8 +958,8 @@ var Medkit = ({
|
|
|
728
958
|
const bodyY = Animated4.useSharedValue(0);
|
|
729
959
|
const crossScale = Animated4.useSharedValue(1);
|
|
730
960
|
const d = getAnimDuration(speed);
|
|
731
|
-
const s = resolveStyle(colorProps,
|
|
732
|
-
|
|
961
|
+
const s = resolveStyle(colorProps, MedkitPaths);
|
|
962
|
+
React15.useEffect(() => {
|
|
733
963
|
if (autoPlay) {
|
|
734
964
|
bodyY.value = Animated4.withRepeat(Animated4.withTiming(-5, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
735
965
|
crossScale.value = Animated4.withRepeat(Animated4.withTiming(1.2, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
|
|
@@ -740,7 +970,7 @@ var Medkit = ({
|
|
|
740
970
|
}, [autoPlay, loop, speed]);
|
|
741
971
|
const bodyStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ translateY: bodyY.value }] }));
|
|
742
972
|
const crossProps = Animated4.useAnimatedProps(() => ({ transform: [{ scale: crossScale.value }], originX: 24, originY: 27 }));
|
|
743
|
-
return /* @__PURE__ */
|
|
973
|
+
return /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: MedkitPaths.viewBox, style }, /* @__PURE__ */ React15__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, bodyStyle] }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: MedkitPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: MedkitPaths.box, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React15__default.default.createElement(reactNativeSvg.Path, { d: MedkitPaths.handle, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }))), /* @__PURE__ */ React15__default.default.createElement(AnimatedPath18, { animatedProps: crossProps, d: `${MedkitPaths.crossV} ${MedkitPaths.crossH}`, stroke: s.fill, strokeWidth: 3, strokeLinecap: "round", fill: "none", opacity: s.opacity }));
|
|
744
974
|
};
|
|
745
975
|
|
|
746
976
|
exports.Bell = Bell;
|