related-ui-components 2.4.6 → 2.4.8
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/lib/module/components/ProgressBar/CircularProgressBar.js +7 -8
- package/lib/module/components/ProgressBar/CircularProgressBar.js.map +1 -1
- package/lib/module/components/Skeleton/Shimmer.js +1 -1
- package/lib/module/components/Skeleton/Shimmer.js.map +1 -1
- package/lib/module/theme/Colors.js +4 -2
- package/lib/module/theme/Colors.js.map +1 -1
- package/lib/typescript/src/components/ProgressBar/CircularProgressBar.d.ts.map +1 -1
- package/lib/typescript/src/theme/Colors.d.ts +1 -0
- package/lib/typescript/src/theme/Colors.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ProgressBar/CircularProgressBar.tsx +9 -11
- package/src/components/Skeleton/Shimmer.tsx +1 -1
- package/src/theme/Colors.ts +5 -2
|
@@ -19,15 +19,14 @@ const CircularProgressBar = ({
|
|
|
19
19
|
textFont
|
|
20
20
|
}) => {
|
|
21
21
|
const animatedProgress = useSharedValue(0);
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
const customFont = useFont(textFont, fontSize);
|
|
23
|
+
const font = textFont ? customFont : matchFont({
|
|
24
|
+
fontFamily: Platform.select({
|
|
25
|
+
ios: "Helvetica",
|
|
26
|
+
default: "serif"
|
|
27
|
+
}),
|
|
28
28
|
fontSize: fontSize
|
|
29
|
-
};
|
|
30
|
-
const font = textFont ? useFont(textFont, fontSize) : matchFont(fontStyle);
|
|
29
|
+
});
|
|
31
30
|
const radius = (size - strokeWidth) / 2;
|
|
32
31
|
const path = Skia.Path.Make();
|
|
33
32
|
path.addCircle(size / 2, size / 2, radius);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Canvas","matchFont","Path","Skia","Text","useFont","useSharedValue","withTiming","useDerivedValue","Easing","Platform","jsx","_jsx","jsxs","_jsxs","CircularProgressBar","size","strokeWidth","progress","duration","backgroundColor","progressColor","lineCap","customText","textColor","fontSize","textFont","animatedProgress","
|
|
1
|
+
{"version":3,"names":["React","useEffect","Canvas","matchFont","Path","Skia","Text","useFont","useSharedValue","withTiming","useDerivedValue","Easing","Platform","jsx","_jsx","jsxs","_jsxs","CircularProgressBar","size","strokeWidth","progress","duration","backgroundColor","progressColor","lineCap","customText","textColor","fontSize","textFont","animatedProgress","customFont","font","fontFamily","select","ios","default","radius","path","Make","addCircle","value","easing","out","cubic","percentageText","Math","round","textToDisplay","undefined","textX","text","textWidth","measureText","width","textY","style","height","children","strokeCap","color","start","end","x","y"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/CircularProgressBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -31,7 +31,7 @@ const Shimmer = ({
|
|
|
31
31
|
inputRange: [0, 1],
|
|
32
32
|
outputRange: [-shimmerWidth, typeof width === "number" ? width + shimmerWidth : 400 + shimmerWidth]
|
|
33
33
|
});
|
|
34
|
-
const shimmerColors = ["transparent",
|
|
34
|
+
const shimmerColors = ["transparent", theme.skeletonShimmer, "transparent"];
|
|
35
35
|
return /*#__PURE__*/_jsxs(View, {
|
|
36
36
|
style: [{
|
|
37
37
|
width,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","Animated","Easing","LinearGradient","useTheme","jsx","_jsx","jsxs","_jsxs","Shimmer","children","width","height","style","duration","shimmerWidth","theme","animatedValue","Value","current","animation","loop","timing","toValue","easing","linear","useNativeDriver","start","stop","translateX","interpolate","inputRange","outputRange","shimmerColors","overflow","backgroundColor","skeletonBackgroundColor","absoluteFillObject","transform","zIndex","colors","flex","x","y","end"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Skeleton/Shimmer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SACEC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,MAAM,QAID,cAAc;AACrB,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWvC,MAAMC,OAA+B,GAAGA,CAAC;EACvCC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAE5B,MAAMa,aAAa,GAAGnB,MAAM,CAAC,IAAIG,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE3DtB,SAAS,CAAC,MAAM;IACd,MAAMuB,SAAS,GAAGnB,QAAQ,CAACoB,IAAI,CAC7BpB,QAAQ,CAACqB,MAAM,CAACL,aAAa,EAAE;MAC7BM,OAAO,EAAE,CAAC;MACVT,QAAQ,EAAEA,QAAQ;MAClBU,MAAM,EAAEtB,MAAM,CAACuB,MAAM;MACrBC,eAAe,EAAE;IACnB,CAAC,CACH,CAAC;IACDN,SAAS,CAACO,KAAK,CAAC,CAAC;IACjB,OAAO,MAAMP,SAAS,CAACQ,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACX,aAAa,EAAEH,QAAQ,CAAC,CAAC;EAE7B,MAAMe,UAAU,GAAGZ,aAAa,CAACa,WAAW,CAAC;IAC3CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAElBC,WAAW,EAAE,CACX,CAACjB,YAAY,EACb,OAAOJ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGI,YAAY,GAAG,GAAG,GAAGA,YAAY;EAEzE,CAAC,CAAC;EAEF,MAAMkB,aAAa,GAAG,CACpB,aAAa,
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","Animated","Easing","LinearGradient","useTheme","jsx","_jsx","jsxs","_jsxs","Shimmer","children","width","height","style","duration","shimmerWidth","theme","animatedValue","Value","current","animation","loop","timing","toValue","easing","linear","useNativeDriver","start","stop","translateX","interpolate","inputRange","outputRange","shimmerColors","skeletonShimmer","overflow","backgroundColor","skeletonBackgroundColor","absoluteFillObject","transform","zIndex","colors","flex","x","y","end"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Skeleton/Shimmer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SACEC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,MAAM,QAID,cAAc;AACrB,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWvC,MAAMC,OAA+B,GAAGA,CAAC;EACvCC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAE5B,MAAMa,aAAa,GAAGnB,MAAM,CAAC,IAAIG,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE3DtB,SAAS,CAAC,MAAM;IACd,MAAMuB,SAAS,GAAGnB,QAAQ,CAACoB,IAAI,CAC7BpB,QAAQ,CAACqB,MAAM,CAACL,aAAa,EAAE;MAC7BM,OAAO,EAAE,CAAC;MACVT,QAAQ,EAAEA,QAAQ;MAClBU,MAAM,EAAEtB,MAAM,CAACuB,MAAM;MACrBC,eAAe,EAAE;IACnB,CAAC,CACH,CAAC;IACDN,SAAS,CAACO,KAAK,CAAC,CAAC;IACjB,OAAO,MAAMP,SAAS,CAACQ,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACX,aAAa,EAAEH,QAAQ,CAAC,CAAC;EAE7B,MAAMe,UAAU,GAAGZ,aAAa,CAACa,WAAW,CAAC;IAC3CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAElBC,WAAW,EAAE,CACX,CAACjB,YAAY,EACb,OAAOJ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGI,YAAY,GAAG,GAAG,GAAGA,YAAY;EAEzE,CAAC,CAAC;EAEF,MAAMkB,aAAa,GAAG,CACpB,aAAa,EACbjB,KAAK,CAACkB,eAAe,EACrB,aAAa,CACd;EAED,oBACE1B,KAAA,CAACT,IAAI;IACHc,KAAK,EAAE,CACL;MAAEF,KAAK;MAAEC,MAAM;MAAEuB,QAAQ,EAAE,QAAQ;MAAEC,eAAe,EAAEpB,KAAK,CAACqB;IAAwB,CAAC,EACrFxB,KAAK,CACL;IAAAH,QAAA,GAEDA,QAAQ,eACTJ,IAAA,CAACL,QAAQ,CAACF,IAAI;MACZc,KAAK,EAAE;QACL,GAAGb,UAAU,CAACsC,kBAAkB;QAChCC,SAAS,EAAE,CAAC;UAAEV;QAAW,CAAC,CAAC;QAC3BW,MAAM,EAAE;MACV,CAAE;MAAA9B,QAAA,eAEFJ,IAAA,CAACH,cAAc;QACbsC,MAAM,EAAER,aAAqB;QAC7BpB,KAAK,EAAE;UAAE6B,IAAI,EAAE,CAAC;UAAE/B,KAAK,EAAEI;QAAa,CAAE;QACxCY,KAAK,EAAE;UAAEgB,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAI,CAAE;QACxBC,GAAG,EAAE;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAI;MAAE,CACvB;IAAC,CACW,CAAC;EAAA,CACZ,CAAC;AAEX,CAAC;AAED,eAAenC,OAAO","ignoreList":[]}
|
|
@@ -79,7 +79,8 @@ export const lightTheme = {
|
|
|
79
79
|
xxl: 64
|
|
80
80
|
},
|
|
81
81
|
skeletonBackgroundColor: "#e0e0e0",
|
|
82
|
-
skeletonItemColor: "#2c2c2c"
|
|
82
|
+
skeletonItemColor: "#2c2c2c",
|
|
83
|
+
skeletonShimmer: "rgba(255, 255, 255, 0.4)"
|
|
83
84
|
};
|
|
84
85
|
|
|
85
86
|
// Updated Dark Theme - True black and white oriented, less muted
|
|
@@ -157,6 +158,7 @@ export const darkTheme = {
|
|
|
157
158
|
xxl: 64
|
|
158
159
|
},
|
|
159
160
|
skeletonBackgroundColor: "#f5f5f5",
|
|
160
|
-
skeletonItemColor: "#444444"
|
|
161
|
+
skeletonItemColor: "#444444",
|
|
162
|
+
skeletonShimmer: "rgba(255, 255, 255, 0.2)"
|
|
161
163
|
};
|
|
162
164
|
//# sourceMappingURL=Colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["lightTheme","background","surface","surfaceVariant","primary","primaryVariant","secondary","secondaryVariant","error","success","warning","info","text","onPrimary","onPrimaryVariant","onSecondary","onSecondaryVariant","onError","onBackground","onBackgroundVariant","onSurface","border","divider","disabled","inputBackground","inputText","labelText","placeholderText","helper","spacing","xs","s","m","l","xl","xxl","skeletonBackgroundColor","skeletonItemColor","darkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/Colors.ts"],"mappings":";;AAAA;;
|
|
1
|
+
{"version":3,"names":["lightTheme","background","surface","surfaceVariant","primary","primaryVariant","secondary","secondaryVariant","error","success","warning","info","text","onPrimary","onPrimaryVariant","onSecondary","onSecondaryVariant","onError","onBackground","onBackgroundVariant","onSurface","border","divider","disabled","inputBackground","inputText","labelText","placeholderText","helper","spacing","xs","s","m","l","xl","xxl","skeletonBackgroundColor","skeletonItemColor","skeletonShimmer","darkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/Colors.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAezC,OAAO,EAAE,kBAAkB,EAAY,MAAM,cAAc,CAAC;AAE5D,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,
|
|
1
|
+
{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAezC,OAAO,EAAE,kBAAkB,EAAY,MAAM,cAAc,CAAC;AAE5D,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmF3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/Colors.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAA;IAED,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;KACrC,CAAC;IACF,uBAAuB,CAAC,EAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/Colors.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAA;IAED,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;KACrC,CAAC;IACF,uBAAuB,CAAC,EAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAGD,eAAO,MAAM,UAAU,EAAE,SAmDxB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,SAmDvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -44,20 +44,18 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
|
|
|
44
44
|
}) => {
|
|
45
45
|
const animatedProgress = useSharedValue(0);
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
const customFont = useFont(textFont, fontSize);
|
|
48
48
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
? useFont(textFont, fontSize)
|
|
56
|
-
: matchFont(fontStyle as any);
|
|
49
|
+
const font = textFont
|
|
50
|
+
? customFont
|
|
51
|
+
: matchFont({
|
|
52
|
+
fontFamily: Platform.select({ ios: "Helvetica", default: "serif" }),
|
|
53
|
+
fontSize: fontSize,
|
|
54
|
+
});
|
|
57
55
|
|
|
58
|
-
|
|
56
|
+
const radius = (size - strokeWidth) / 2;
|
|
59
57
|
|
|
60
|
-
|
|
58
|
+
const path = Skia.Path.Make();
|
|
61
59
|
path.addCircle(size / 2, size / 2, radius);
|
|
62
60
|
|
|
63
61
|
useEffect(() => {
|
package/src/theme/Colors.ts
CHANGED
|
@@ -54,6 +54,7 @@ export interface ThemeType {
|
|
|
54
54
|
};
|
|
55
55
|
skeletonBackgroundColor? : string;
|
|
56
56
|
skeletonItemColor?: string;
|
|
57
|
+
skeletonShimmer?: string;
|
|
57
58
|
}
|
|
58
59
|
|
|
59
60
|
// Updated Light Theme - True black and white oriented, less muted
|
|
@@ -106,7 +107,8 @@ export const lightTheme: ThemeType = {
|
|
|
106
107
|
},
|
|
107
108
|
|
|
108
109
|
skeletonBackgroundColor: "#e0e0e0",
|
|
109
|
-
skeletonItemColor: "#2c2c2c"
|
|
110
|
+
skeletonItemColor: "#2c2c2c",
|
|
111
|
+
skeletonShimmer: "rgba(255, 255, 255, 0.4)"
|
|
110
112
|
};
|
|
111
113
|
|
|
112
114
|
// Updated Dark Theme - True black and white oriented, less muted
|
|
@@ -159,5 +161,6 @@ export const darkTheme: ThemeType = {
|
|
|
159
161
|
},
|
|
160
162
|
|
|
161
163
|
skeletonBackgroundColor: "#f5f5f5",
|
|
162
|
-
skeletonItemColor: "#444444"
|
|
164
|
+
skeletonItemColor: "#444444",
|
|
165
|
+
skeletonShimmer: "rgba(255, 255, 255, 0.2)"
|
|
163
166
|
};
|