@ornikar/kitt-universal 29.1.0 → 29.3.0

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.
@@ -11769,7 +11769,7 @@ function AnimatedLoaderCircle({
11769
11769
  return {
11770
11770
  strokeDashoffset: circlePerimeter - circlePerimeter * progress.value
11771
11771
  };
11772
- });
11772
+ }, [progress, circlePerimeter]);
11773
11773
  return /*#__PURE__*/jsx(AnimatedCircle, {
11774
11774
  "transform-origin": "center center",
11775
11775
  strokeWidth: strokeWidth,
@@ -11840,7 +11840,7 @@ function AnimatedFillCircleContainer({
11840
11840
  rotate: `${360 * progress.value}deg`
11841
11841
  }]
11842
11842
  };
11843
- });
11843
+ }, [progress]);
11844
11844
  return /*#__PURE__*/jsx(Animated.View, {
11845
11845
  style: [StyleSheet.absoluteFill, rotationStyles],
11846
11846
  children: children
@@ -12192,7 +12192,6 @@ function SegmentedProgressBar({
12192
12192
  });
12193
12193
  }
12194
12194
 
12195
- const AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);
12196
12195
  function SkeletonContent({
12197
12196
  isLoading,
12198
12197
  width
@@ -12213,24 +12212,27 @@ function SkeletonContent({
12213
12212
  translateX: interpolate(sharedX.value, [0, 1], [-width, width])
12214
12213
  }]
12215
12214
  };
12216
- });
12215
+ }, [sharedX, width]);
12217
12216
  return /*#__PURE__*/jsx(View, {
12218
12217
  height: "100%",
12219
12218
  width: "100%",
12220
12219
  backgroundColor: "kitt.skeleton.backgroundColor",
12221
12220
  borderColor: "kitt.skeleton.flareColor",
12222
- children: /*#__PURE__*/jsx(AnimatedLinearGradient, {
12223
- colors: [theme.kitt.skeleton.backgroundColor, theme.kitt.skeleton.flareColor, theme.kitt.skeleton.backgroundColor],
12224
- locations: [0.1, 0.5, 0.9],
12225
- start: {
12226
- x: 0,
12227
- y: 0
12228
- },
12229
- end: {
12230
- x: 1,
12231
- y: 0
12232
- },
12233
- style: [StyleSheet.absoluteFill, linearGradientStyle]
12221
+ children: /*#__PURE__*/jsx(Animated.View, {
12222
+ style: [StyleSheet.absoluteFill, linearGradientStyle],
12223
+ children: /*#__PURE__*/jsx(LinearGradient, {
12224
+ colors: [theme.kitt.skeleton.backgroundColor, theme.kitt.skeleton.flareColor, theme.kitt.skeleton.backgroundColor],
12225
+ locations: [0.1, 0.5, 0.9],
12226
+ start: {
12227
+ x: 0,
12228
+ y: 0
12229
+ },
12230
+ end: {
12231
+ x: 1,
12232
+ y: 0
12233
+ },
12234
+ style: StyleSheet.absoluteFill
12235
+ })
12234
12236
  })
12235
12237
  });
12236
12238
  }