@artsy/palette-mobile 11.0.25 → 11.0.26
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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v11.0.26 (Fri May 05 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- fix: mark all reanimated hooks functions as worklets explicitly [#100](https://github.com/artsy/palette-mobile/pull/100) ([@brainbicycle](https://github.com/brainbicycle))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Brian Beckerle ([@brainbicycle](https://github.com/brainbicycle))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v11.0.25 (Thu May 04 2023)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
|
@@ -80,6 +80,7 @@ const Button = ({ children, disabled: disabledProp, haptic, icon, iconPosition =
|
|
|
80
80
|
};
|
|
81
81
|
const colorsForVariantAndState = (0, colors_1.useColorsForVariantAndState)();
|
|
82
82
|
const containerColorsAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
|
|
83
|
+
"worklet";
|
|
83
84
|
const colors = colorsForVariantAndState[variant];
|
|
84
85
|
if (disabled) {
|
|
85
86
|
return {
|
|
@@ -35,6 +35,7 @@ const ProgressBar = ({ animationDuration = 200, backgroundColor = "black30", hei
|
|
|
35
35
|
const width = (0, react_native_reanimated_1.useSharedValue)("0%");
|
|
36
36
|
const progress = clamp(unclampedProgress, 0, 100);
|
|
37
37
|
const progressAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
|
|
38
|
+
"worklet";
|
|
38
39
|
return { width: width.value };
|
|
39
40
|
});
|
|
40
41
|
const [onCompletionCalled, setOnCompletionCalled] = (0, react_1.useState)(false);
|
|
@@ -43,6 +43,7 @@ const Skeleton = ({ children }) => {
|
|
|
43
43
|
const opacity = (0, react_native_reanimated_1.useSharedValue)(0.5);
|
|
44
44
|
opacity.value = (0, react_native_reanimated_1.withRepeat)((0, react_native_reanimated_1.withTiming)(1, { duration: 1000, easing: react_native_reanimated_1.Easing.ease }), -1, true);
|
|
45
45
|
const fadeLoopAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
|
|
46
|
+
"worklet";
|
|
46
47
|
return { opacity: opacity.value };
|
|
47
48
|
}, []);
|
|
48
49
|
return (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: fadeLoopAnim, children: children });
|