@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledCaption has body intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -24,8 +24,8 @@ exports[`StyledCaption has body intent style 1`] = `
 exports[`StyledCaption has danger intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#f46363",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -45,8 +45,8 @@ exports[`StyledCaption has danger intent style 1`] = `
 exports[`StyledCaption has info intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#355bfb",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -66,8 +66,8 @@ exports[`StyledCaption has info intent style 1`] = `
 exports[`StyledCaption has inverted intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffffff",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -87,8 +87,8 @@ exports[`StyledCaption has inverted intent style 1`] = `
 exports[`StyledCaption has primary intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#401960",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -108,8 +108,8 @@ exports[`StyledCaption has primary intent style 1`] = `
 exports[`StyledCaption has regular fontWeight style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -129,8 +129,8 @@ exports[`StyledCaption has regular fontWeight style 1`] = `
 exports[`StyledCaption has semi-bold fontWeight style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-SemiBold",
         "fontSize": 12,
@@ -150,8 +150,8 @@ exports[`StyledCaption has semi-bold fontWeight style 1`] = `
 exports[`StyledCaption has subdued intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#4d6265",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -171,8 +171,8 @@ exports[`StyledCaption has subdued intent style 1`] = `
 exports[`StyledCaption has success intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#5ace7d",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -192,8 +192,8 @@ exports[`StyledCaption has success intent style 1`] = `
 exports[`StyledCaption has warning intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffbe71",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,

package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap

@@ -4,8 +4,8 @@ exports[`Caption has archived intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#606065",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -26,8 +26,8 @@ exports[`Caption has body intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -48,8 +48,8 @@ exports[`Caption has danger intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#f46363",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -70,8 +70,8 @@ exports[`Caption has disabled intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#bfc1c5",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -92,8 +92,8 @@ exports[`Caption has info intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#355bfb",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -114,8 +114,8 @@ exports[`Caption has inverted intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffffff",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -136,8 +136,8 @@ exports[`Caption has primary intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#401960",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -158,8 +158,8 @@ exports[`Caption has regular fontWeight style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -180,8 +180,8 @@ exports[`Caption has secondary intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#795e90",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -202,8 +202,8 @@ exports[`Caption has semi-bold fontWeight style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-SemiBold",
         "fontSize": 12,
@@ -224,8 +224,8 @@ exports[`Caption has subdued intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#4d6265",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -246,8 +246,8 @@ exports[`Caption has success intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#5ace7d",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -268,8 +268,8 @@ exports[`Caption has warning intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffbe71",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,

package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledLabel has body intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -22,8 +22,8 @@ exports[`StyledLabel has body intent style 1`] = `
 exports[`StyledLabel has danger intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#f46363",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -41,8 +41,8 @@ exports[`StyledLabel has danger intent style 1`] = `
 exports[`StyledLabel has info intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#355bfb",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -60,8 +60,8 @@ exports[`StyledLabel has info intent style 1`] = `
 exports[`StyledLabel has inverted intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffffff",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -79,8 +79,8 @@ exports[`StyledLabel has inverted intent style 1`] = `
 exports[`StyledLabel has primary intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#401960",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -98,8 +98,8 @@ exports[`StyledLabel has primary intent style 1`] = `
 exports[`StyledLabel has subdued intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#4d6265",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -117,8 +117,8 @@ exports[`StyledLabel has subdued intent style 1`] = `
 exports[`StyledLabel has success intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#5ace7d",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -136,8 +136,8 @@ exports[`StyledLabel has success intent style 1`] = `
 exports[`StyledLabel has warning intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffbe71",
         "fontSize": 10,
         "letterSpacing": 0,

package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap

@@ -4,8 +4,8 @@ exports[`Label has archived intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#606065",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -24,8 +24,8 @@ exports[`Label has body intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -44,8 +44,8 @@ exports[`Label has danger intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#f46363",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -64,8 +64,8 @@ exports[`Label has disabled intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#bfc1c5",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -84,8 +84,8 @@ exports[`Label has info intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#355bfb",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -104,8 +104,8 @@ exports[`Label has inverted intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffffff",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -124,8 +124,8 @@ exports[`Label has primary intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#401960",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -144,8 +144,8 @@ exports[`Label has secondary intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#795e90",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -164,8 +164,8 @@ exports[`Label has subdued intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#4d6265",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -184,8 +184,8 @@ exports[`Label has success intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#5ace7d",
         "fontSize": 10,
         "letterSpacing": 0,
@@ -204,8 +204,8 @@ exports[`Label has warning intent style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffbe71",
         "fontSize": 10,
         "letterSpacing": 0,

package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledText has body intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -26,8 +26,8 @@ exports[`StyledText has body intent style 1`] = `
 exports[`StyledText has danger intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#f46363",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -49,8 +49,8 @@ exports[`StyledText has danger intent style 1`] = `
 exports[`StyledText has info intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#355bfb",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -72,8 +72,8 @@ exports[`StyledText has info intent style 1`] = `
 exports[`StyledText has inverted intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffffff",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -95,8 +95,8 @@ exports[`StyledText has inverted intent style 1`] = `
 exports[`StyledText has large fontSize style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 16,
@@ -118,8 +118,8 @@ exports[`StyledText has large fontSize style 1`] = `
 exports[`StyledText has light fontWeight style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Light",
         "fontSize": 14,
@@ -141,8 +141,8 @@ exports[`StyledText has light fontWeight style 1`] = `
 exports[`StyledText has medium fontSize style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -164,8 +164,8 @@ exports[`StyledText has medium fontSize style 1`] = `
 exports[`StyledText has neutral typeface style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -187,8 +187,8 @@ exports[`StyledText has neutral typeface style 1`] = `
 exports[`StyledText has playful typeface style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "RebondGrotesque",
         "fontSize": 14,
@@ -210,8 +210,8 @@ exports[`StyledText has playful typeface style 1`] = `
 exports[`StyledText has primary intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#401960",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -233,8 +233,8 @@ exports[`StyledText has primary intent style 1`] = `
 exports[`StyledText has regular fontWeight style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -256,8 +256,8 @@ exports[`StyledText has regular fontWeight style 1`] = `
 exports[`StyledText has semi-bold fontWeight style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-SemiBold",
         "fontSize": 14,
@@ -279,8 +279,8 @@ exports[`StyledText has semi-bold fontWeight style 1`] = `
 exports[`StyledText has small fontSize style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 12,
@@ -302,8 +302,8 @@ exports[`StyledText has small fontSize style 1`] = `
 exports[`StyledText has subdued intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#4d6265",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -325,8 +325,8 @@ exports[`StyledText has subdued intent style 1`] = `
 exports[`StyledText has success intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#5ace7d",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -348,8 +348,8 @@ exports[`StyledText has success intent style 1`] = `
 exports[`StyledText has warning intent style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#ffbe71",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
@@ -371,8 +371,8 @@ exports[`StyledText has warning intent style 1`] = `
 exports[`StyledText has xlarge fontSize style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 18,
@@ -394,8 +394,8 @@ exports[`StyledText has xlarge fontSize style 1`] = `
 exports[`StyledText has xsmall fontSize style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 10,
@@ -417,8 +417,8 @@ exports[`StyledText has xsmall fontSize style 1`] = `
 exports[`StyledText has xxxlarge fontSize style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 24,
@@ -440,8 +440,8 @@ exports[`StyledText has xxxlarge fontSize style 1`] = `
 exports[`StyledText has xxxxxlarge fontSize style 1`] = `
 <Text
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 32,