@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.
- package/CHANGELOG.md +20 -0
- package/dist/definitions/Skeleton/SkeletonContent.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +18 -16
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +18 -16
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +18 -16
- package/dist/index-node-22.17.cjs.js.map +1 -1
- package/dist/index-node-22.17.cjs.web.css +0 -3
- package/dist/index-node-22.17.cjs.web.js +189 -40
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +18 -16
- package/dist/index-node-22.17.es.mjs.map +1 -1
- package/dist/index-node-22.17.es.web.css +0 -3
- package/dist/index-node-22.17.es.web.mjs +190 -42
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +18 -16
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +187 -41
- package/dist/index.es.web.js.map +1 -1
- package/dist/styles.css +0 -3
- package/dist/tsbuildinfo +1 -1
- package/package.json +3 -3
- package/dist/definitions/PageLoader/PageLoader.web.d.ts +0 -3
- package/dist/definitions/PageLoader/PageLoader.web.d.ts.map +0 -1
- package/dist/definitions/Skeleton/SkeletonContent.web.d.ts +0 -7
- package/dist/definitions/Skeleton/SkeletonContent.web.d.ts.map +0 -1
|
@@ -11792,7 +11792,7 @@ function AnimatedLoaderCircle({
|
|
|
11792
11792
|
return {
|
|
11793
11793
|
strokeDashoffset: circlePerimeter - circlePerimeter * progress.value
|
|
11794
11794
|
};
|
|
11795
|
-
});
|
|
11795
|
+
}, [progress, circlePerimeter]);
|
|
11796
11796
|
return /*#__PURE__*/jsxRuntime.jsx(AnimatedCircle, {
|
|
11797
11797
|
"transform-origin": "center center",
|
|
11798
11798
|
strokeWidth: strokeWidth,
|
|
@@ -11863,7 +11863,7 @@ function AnimatedFillCircleContainer({
|
|
|
11863
11863
|
rotate: `${360 * progress.value}deg`
|
|
11864
11864
|
}]
|
|
11865
11865
|
};
|
|
11866
|
-
});
|
|
11866
|
+
}, [progress]);
|
|
11867
11867
|
return /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
|
|
11868
11868
|
style: [reactNative.StyleSheet.absoluteFill, rotationStyles],
|
|
11869
11869
|
children: children
|
|
@@ -12215,7 +12215,6 @@ function SegmentedProgressBar({
|
|
|
12215
12215
|
});
|
|
12216
12216
|
}
|
|
12217
12217
|
|
|
12218
|
-
const AnimatedLinearGradient = Animated__default.createAnimatedComponent(expoLinearGradient.LinearGradient);
|
|
12219
12218
|
function SkeletonContent({
|
|
12220
12219
|
isLoading,
|
|
12221
12220
|
width
|
|
@@ -12236,24 +12235,27 @@ function SkeletonContent({
|
|
|
12236
12235
|
translateX: Animated.interpolate(sharedX.value, [0, 1], [-width, width])
|
|
12237
12236
|
}]
|
|
12238
12237
|
};
|
|
12239
|
-
});
|
|
12238
|
+
}, [sharedX, width]);
|
|
12240
12239
|
return /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
12241
12240
|
height: "100%",
|
|
12242
12241
|
width: "100%",
|
|
12243
12242
|
backgroundColor: "kitt.skeleton.backgroundColor",
|
|
12244
12243
|
borderColor: "kitt.skeleton.flareColor",
|
|
12245
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
12246
|
-
|
|
12247
|
-
|
|
12248
|
-
|
|
12249
|
-
|
|
12250
|
-
|
|
12251
|
-
|
|
12252
|
-
|
|
12253
|
-
|
|
12254
|
-
|
|
12255
|
-
|
|
12256
|
-
|
|
12244
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
|
|
12245
|
+
style: [reactNative.StyleSheet.absoluteFill, linearGradientStyle],
|
|
12246
|
+
children: /*#__PURE__*/jsxRuntime.jsx(expoLinearGradient.LinearGradient, {
|
|
12247
|
+
colors: [theme.kitt.skeleton.backgroundColor, theme.kitt.skeleton.flareColor, theme.kitt.skeleton.backgroundColor],
|
|
12248
|
+
locations: [0.1, 0.5, 0.9],
|
|
12249
|
+
start: {
|
|
12250
|
+
x: 0,
|
|
12251
|
+
y: 0
|
|
12252
|
+
},
|
|
12253
|
+
end: {
|
|
12254
|
+
x: 1,
|
|
12255
|
+
y: 0
|
|
12256
|
+
},
|
|
12257
|
+
style: reactNative.StyleSheet.absoluteFill
|
|
12258
|
+
})
|
|
12257
12259
|
})
|
|
12258
12260
|
});
|
|
12259
12261
|
}
|