@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`CalendarRowItem renders correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "flexBasis": "14%",
         "height": 48,
@@ -28,7 +28,7 @@ exports[`CalendarRowItem renders correctly 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "borderColor": "#001f23",
@@ -44,8 +44,8 @@ exports[`CalendarRowItem renders correctly 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
@@ -63,8 +63,8 @@ exports[`CalendarRowItem renders correctly 1`] = `
     </Text>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "bottom": "10%",
@@ -85,8 +85,8 @@ exports[`CalendarRowItem renders correctly 1`] = `
 exports[`CalendarRowItem renders correctly 2`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "flexBasis": "14%",
         "height": 48,
@@ -110,7 +110,7 @@ exports[`CalendarRowItem renders correctly 2`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "borderColor": "#001f23",
@@ -126,8 +126,8 @@ exports[`CalendarRowItem renders correctly 2`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#4d6265",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
@@ -145,8 +145,8 @@ exports[`CalendarRowItem renders correctly 2`] = `
     </Text>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "bottom": "10%",
@@ -167,8 +167,8 @@ exports[`CalendarRowItem renders correctly 2`] = `
 exports[`CalendarRowItem renders correctly when is current date 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "flexBasis": "14%",
         "height": 48,
@@ -192,7 +192,7 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": "#401960",
         "borderColor": "#001f23",
@@ -208,8 +208,8 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
@@ -227,8 +227,8 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
     </Text>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "borderRadius": 999,
             "bottom": "10%",
@@ -249,8 +249,8 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
 exports[`CalendarRowItem renders correctly when selected, and is current date equal to $current 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "flexBasis": "14%",
         "height": 48,
@@ -274,7 +274,7 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": "#401960",
         "borderColor": "#001f23",
@@ -290,8 +290,8 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
@@ -309,8 +309,8 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     </Text>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "borderRadius": 999,
             "bottom": "10%",
@@ -331,8 +331,8 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
 exports[`CalendarRowItem renders correctly when selected, and is current date equal to $current 2`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "flexBasis": "14%",
         "height": 48,
@@ -356,7 +356,7 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": "#401960",
         "borderColor": "#001f23",
@@ -372,8 +372,8 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
@@ -391,8 +391,8 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     </Text>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "borderRadius": 999,
             "bottom": "10%",

package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`Indicator renders correctly when intent is archived 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#abacaf",
         "height": "100%",
         "width": 16,
@@ -19,8 +19,8 @@ exports[`Indicator renders correctly when intent is archived 1`] = `
 exports[`Indicator renders correctly when intent is danger 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#f46363",
         "height": "100%",
         "width": 16,
@@ -35,8 +35,8 @@ exports[`Indicator renders correctly when intent is danger 1`] = `
 exports[`Indicator renders correctly when intent is info 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#b5c3fd",
         "height": "100%",
         "width": 16,
@@ -51,8 +51,8 @@ exports[`Indicator renders correctly when intent is info 1`] = `
 exports[`Indicator renders correctly when intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "height": "100%",
         "width": 16,
@@ -67,8 +67,8 @@ exports[`Indicator renders correctly when intent is primary 1`] = `
 exports[`Indicator renders correctly when intent is success 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#5ace7d",
         "height": "100%",
         "width": 16,
@@ -83,8 +83,8 @@ exports[`Indicator renders correctly when intent is success 1`] = `
 exports[`Indicator renders correctly when intent is warning 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffbe71",
         "height": "100%",
         "width": 16,
@@ -99,8 +99,8 @@ exports[`Indicator renders correctly when intent is warning 1`] = `
 exports[`StyledDataCard renders correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 12,
         "flexDirection": "row",
         "overflow": "hidden",

package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`DataCard renders correctly when intent is archived 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 12,
         "flexDirection": "row",
         "overflow": "hidden",
@@ -15,8 +15,8 @@ exports[`DataCard renders correctly when intent is archived 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#abacaf",
           "height": "100%",
           "width": 16,
@@ -33,8 +33,8 @@ exports[`DataCard renders correctly when intent is archived 1`] = `
 exports[`DataCard renders correctly when intent is danger 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 12,
         "flexDirection": "row",
         "overflow": "hidden",
@@ -45,8 +45,8 @@ exports[`DataCard renders correctly when intent is danger 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#f46363",
           "height": "100%",
           "width": 16,
@@ -63,8 +63,8 @@ exports[`DataCard renders correctly when intent is danger 1`] = `
 exports[`DataCard renders correctly when intent is info 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 12,
         "flexDirection": "row",
         "overflow": "hidden",
@@ -75,8 +75,8 @@ exports[`DataCard renders correctly when intent is info 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#b5c3fd",
           "height": "100%",
           "width": 16,
@@ -93,8 +93,8 @@ exports[`DataCard renders correctly when intent is info 1`] = `
 exports[`DataCard renders correctly when intent is success 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 12,
         "flexDirection": "row",
         "overflow": "hidden",
@@ -105,8 +105,8 @@ exports[`DataCard renders correctly when intent is success 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#5ace7d",
           "height": "100%",
           "width": 16,
@@ -123,8 +123,8 @@ exports[`DataCard renders correctly when intent is success 1`] = `
 exports[`DataCard renders correctly when intent is warning 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 12,
         "flexDirection": "row",
         "overflow": "hidden",
@@ -135,8 +135,8 @@ exports[`DataCard renders correctly when intent is warning 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#ffbe71",
           "height": "100%",
           "width": 16,

package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledCard renders correct basic style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 12,
         "overflow": "hidden",
       },

package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`Card renders correctly when intent is archived 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#abacaf",
         "borderRadius": 12,
         "overflow": "hidden",
@@ -17,8 +17,8 @@ exports[`Card renders correctly when intent is archived 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -40,8 +40,8 @@ exports[`Card renders correctly when intent is archived 1`] = `
 exports[`Card renders correctly when intent is danger 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#f46363",
         "borderRadius": 12,
         "overflow": "hidden",
@@ -54,8 +54,8 @@ exports[`Card renders correctly when intent is danger 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -77,8 +77,8 @@ exports[`Card renders correctly when intent is danger 1`] = `
 exports[`Card renders correctly when intent is info 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#b5c3fd",
         "borderRadius": 12,
         "overflow": "hidden",
@@ -91,8 +91,8 @@ exports[`Card renders correctly when intent is info 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -114,8 +114,8 @@ exports[`Card renders correctly when intent is info 1`] = `
 exports[`Card renders correctly when intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 12,
         "overflow": "hidden",
@@ -128,8 +128,8 @@ exports[`Card renders correctly when intent is primary 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -151,8 +151,8 @@ exports[`Card renders correctly when intent is primary 1`] = `
 exports[`Card renders correctly when intent is success 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#5ace7d",
         "borderRadius": 12,
         "overflow": "hidden",
@@ -165,8 +165,8 @@ exports[`Card renders correctly when intent is success 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -188,8 +188,8 @@ exports[`Card renders correctly when intent is success 1`] = `
 exports[`Card renders correctly when intent is undefined 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 12,
         "overflow": "hidden",
       },
@@ -200,8 +200,8 @@ exports[`Card renders correctly when intent is undefined 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,

package/src/components/Carousel/CardCarousel.tsx

@@ -137,7 +137,7 @@ export const CardCarousel = forwardRef<CardCarouselHandles, CardCarouselProps>(
     );
 
     useEffect(() => {
-      let timer: number;
+      let timer: ReturnType<typeof setInterval>;
       if (autoPlay) {
         timer = setInterval(() => {
           snapToNext();