npm - @hero-design/rn - Versions diffs - 8.68.0-alpha.1 → 8.68.0 - Mend

@hero-design/rn 8.68.0-alpha.1 → 8.68.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.

Files changed (370) hide show

package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap CHANGED Viewed

@@ -54,7 +54,7 @@ exports[`StyledWrapper renders correct style with variant checked 1`] = `
     style={
       [
         {
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "display": "flex",
           "height": 24,
@@ -102,7 +102,7 @@ exports[`StyledWrapper renders correct style with variant disabled-checked 1`] =
     style={
       [
         {
-          "backgroundColor": "#F1E9FB",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 999,
           "display": "flex",
           "height": 24,

package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap CHANGED Viewed

@@ -275,7 +275,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
                     collapsable={false}
                     style={
                       {
-                        "backgroundColor": "#B382FD",
+                        "backgroundColor": "#ccd2d3",
                         "borderRadius": 16,
                         "flex": 1,
                         "transform": [
@@ -694,10 +694,10 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
                           "alignItems": "center",
                           "backgroundColor": "#355bfb",
                           "borderRadius": 999,
-                          "height": 20,
+                          "height": 24,
                           "justifyContent": "center",
                           "marginLeft": 4,
-                          "minWidth": 20,
+                          "minWidth": 24,
                           "opacity": 1,
                           "paddingHorizontal": 8,
                           "transform": [
@@ -709,6 +709,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
                       }
                       themeIntent="info"
                       themePadding="wideContent"
+                      themeSize="medium"
                     >
                       <Text
                         allowFontScaling={false}
@@ -724,7 +725,10 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
                             [
                               {
                                 "color": "#ffffff",
+                                "fontFamily": "BeVietnamPro-Regular",
+                                "fontSize": 12,
                                 "includeFontPadding": false,
+                                "lineHeight": 16,
                                 "textAlign": "center",
                                 "textAlignVertical": "center",
                               },
@@ -734,6 +738,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
                         }
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeSize="medium"
                       >
                         50
                       </Text>
@@ -1196,7 +1201,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
                     collapsable={false}
                     style={
                       {
-                        "backgroundColor": "#B382FD",
+                        "backgroundColor": "#ccd2d3",
                         "borderRadius": 16,
                         "flex": 1,
                         "transform": [
@@ -1615,10 +1620,10 @@ exports[`Tabs.Scroll renders correctly 1`] = `
                           "alignItems": "center",
                           "backgroundColor": "#355bfb",
                           "borderRadius": 999,
-                          "height": 20,
+                          "height": 24,
                           "justifyContent": "center",
                           "marginLeft": 4,
-                          "minWidth": 20,
+                          "minWidth": 24,
                           "opacity": 1,
                           "paddingHorizontal": 8,
                           "transform": [
@@ -1630,6 +1635,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
                       }
                       themeIntent="info"
                       themePadding="wideContent"
+                      themeSize="medium"
                     >
                       <Text
                         allowFontScaling={false}
@@ -1645,7 +1651,10 @@ exports[`Tabs.Scroll renders correctly 1`] = `
                             [
                               {
                                 "color": "#ffffff",
+                                "fontFamily": "BeVietnamPro-Regular",
+                                "fontSize": 12,
                                 "includeFontPadding": false,
+                                "lineHeight": 16,
                                 "textAlign": "center",
                                 "textAlignVertical": "center",
                               },
@@ -1655,6 +1664,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
                         }
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeSize="medium"
                       >
                         50
                       </Text>
@@ -2117,7 +2127,7 @@ exports[`useIsFocused renders correctly 1`] = `
                     collapsable={false}
                     style={
                       {
-                        "backgroundColor": "#B382FD",
+                        "backgroundColor": "#ccd2d3",
                         "borderRadius": 16,
                         "flex": 1,
                         "transform": [
@@ -2536,10 +2546,10 @@ exports[`useIsFocused renders correctly 1`] = `
                           "alignItems": "center",
                           "backgroundColor": "#355bfb",
                           "borderRadius": 999,
-                          "height": 20,
+                          "height": 24,
                           "justifyContent": "center",
                           "marginLeft": 4,
-                          "minWidth": 20,
+                          "minWidth": 24,
                           "opacity": 1,
                           "paddingHorizontal": 8,
                           "transform": [
@@ -2551,6 +2561,7 @@ exports[`useIsFocused renders correctly 1`] = `
                       }
                       themeIntent="info"
                       themePadding="wideContent"
+                      themeSize="medium"
                     >
                       <Text
                         allowFontScaling={false}
@@ -2566,7 +2577,10 @@ exports[`useIsFocused renders correctly 1`] = `
                             [
                               {
                                 "color": "#ffffff",
+                                "fontFamily": "BeVietnamPro-Regular",
+                                "fontSize": 12,
                                 "includeFontPadding": false,
+                                "lineHeight": 16,
                                 "textAlign": "center",
                                 "textAlignVertical": "center",
                               },
@@ -2576,6 +2590,7 @@ exports[`useIsFocused renders correctly 1`] = `
                         }
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeSize="medium"
                       >
                         50
                       </Text>

package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap CHANGED Viewed

@@ -170,7 +170,7 @@ exports[`ScrollableTabsHeader highlighted variant renders correctly 1`] = `
                   collapsable={false}
                   style={
                     {
-                      "backgroundColor": "#B382FD",
+                      "backgroundColor": "#ccd2d3",
                       "borderRadius": 16,
                       "flex": 1,
                       "transform": [
@@ -589,10 +589,10 @@ exports[`ScrollableTabsHeader highlighted variant renders correctly 1`] = `
                         "alignItems": "center",
                         "backgroundColor": "#355bfb",
                         "borderRadius": 999,
-                        "height": 20,
+                        "height": 24,
                         "justifyContent": "center",
                         "marginLeft": 4,
-                        "minWidth": 20,
+                        "minWidth": 24,
                         "opacity": 1,
                         "paddingHorizontal": 8,
                         "transform": [
@@ -604,6 +604,7 @@ exports[`ScrollableTabsHeader highlighted variant renders correctly 1`] = `
                     }
                     themeIntent="info"
                     themePadding="wideContent"
+                    themeSize="medium"
                   >
                     <Text
                       allowFontScaling={false}
@@ -619,7 +620,10 @@ exports[`ScrollableTabsHeader highlighted variant renders correctly 1`] = `
                           [
                             {
                               "color": "#ffffff",
+                              "fontFamily": "BeVietnamPro-Regular",
+                              "fontSize": 12,
                               "includeFontPadding": false,
+                              "lineHeight": 16,
                               "textAlign": "center",
                               "textAlignVertical": "center",
                             },
@@ -629,6 +633,7 @@ exports[`ScrollableTabsHeader highlighted variant renders correctly 1`] = `
                       }
                       themeFontWeight="regular"
                       themeIntent="body"
+                      themeSize="medium"
                     >
                       50
                     </Text>
@@ -859,7 +864,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                 collapsable={false}
                 style={
                   {
-                    "backgroundColor": "#7622d7",
+                    "backgroundColor": "#401960",
                     "bottom": -2,
                     "height": 2,
                     "opacity": 1,
@@ -954,7 +959,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                 collapsable={false}
                 style={
                   {
-                    "backgroundColor": "#7622d7",
+                    "backgroundColor": "#401960",
                     "bottom": -2,
                     "height": 2,
                     "opacity": 0,
@@ -1076,7 +1081,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                 collapsable={false}
                 style={
                   {
-                    "backgroundColor": "#7622d7",
+                    "backgroundColor": "#401960",
                     "bottom": -2,
                     "height": 2,
                     "opacity": 0,
@@ -1182,10 +1187,10 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                         "alignItems": "center",
                         "backgroundColor": "#355bfb",
                         "borderRadius": 999,
-                        "height": 20,
+                        "height": 24,
                         "justifyContent": "center",
                         "marginLeft": 4,
-                        "minWidth": 20,
+                        "minWidth": 24,
                         "opacity": 1,
                         "paddingHorizontal": 8,
                         "transform": [
@@ -1197,6 +1202,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                     }
                     themeIntent="info"
                     themePadding="wideContent"
+                    themeSize="medium"
                   >
                     <Text
                       allowFontScaling={false}
@@ -1212,7 +1218,10 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                           [
                             {
                               "color": "#ffffff",
+                              "fontFamily": "BeVietnamPro-Regular",
+                              "fontSize": 12,
                               "includeFontPadding": false,
+                              "lineHeight": 16,
                               "textAlign": "center",
                               "textAlignVertical": "center",
                             },
@@ -1222,6 +1231,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                       }
                       themeFontWeight="regular"
                       themeIntent="body"
+                      themeSize="medium"
                     >
                       50
                     </Text>
@@ -1232,7 +1242,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                 collapsable={false}
                 style={
                   {
-                    "backgroundColor": "#7622d7",
+                    "backgroundColor": "#401960",
                     "bottom": -2,
                     "height": 2,
                     "opacity": 0,

package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap CHANGED Viewed

@@ -27,10 +27,10 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
           "alignItems": "center",
           "backgroundColor": "#355bfb",
           "borderRadius": 999,
-          "height": 20,
+          "height": 24,
           "justifyContent": "center",
           "marginLeft": 4,
-          "minWidth": 20,
+          "minWidth": 24,
           "opacity": 1,
           "paddingHorizontal": 8,
           "transform": [
@@ -42,6 +42,7 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
       }
       themeIntent="info"
       themePadding="wideContent"
+      themeSize="medium"
     >
       <Text
         allowFontScaling={false}
@@ -57,7 +58,10 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
             [
               {
                 "color": "#ffffff",
+                "fontFamily": "BeVietnamPro-Regular",
+                "fontSize": 12,
                 "includeFontPadding": false,
+                "lineHeight": 16,
                 "textAlign": "center",
                 "textAlignVertical": "center",
               },
@@ -67,6 +71,7 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeSize="medium"
       >
         10
       </Text>

package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -422,10 +422,10 @@ exports[`Tabs renders correctly 1`] = `
                       "alignItems": "center",
                       "backgroundColor": "#355bfb",
                       "borderRadius": 999,
-                      "height": 20,
+                      "height": 24,
                       "justifyContent": "center",
                       "marginLeft": 4,
-                      "minWidth": 20,
+                      "minWidth": 24,
                       "opacity": 1,
                       "paddingHorizontal": 8,
                       "transform": [
@@ -437,6 +437,7 @@ exports[`Tabs renders correctly 1`] = `
                   }
                   themeIntent="info"
                   themePadding="wideContent"
+                  themeSize="medium"
                 >
                   <Text
                     allowFontScaling={false}
@@ -452,7 +453,10 @@ exports[`Tabs renders correctly 1`] = `
                         [
                           {
                             "color": "#ffffff",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 12,
                             "includeFontPadding": false,
+                            "lineHeight": 16,
                             "textAlign": "center",
                             "textAlignVertical": "center",
                           },
@@ -462,6 +466,7 @@ exports[`Tabs renders correctly 1`] = `
                     }
                     themeFontWeight="regular"
                     themeIntent="body"
+                    themeSize="medium"
                   >
                     50
                   </Text>
@@ -473,7 +478,7 @@ exports[`Tabs renders correctly 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "bottom": -2,
                 "height": 2,
                 "position": "absolute",
@@ -1087,10 +1092,10 @@ exports[`useIsFocused renders correctly 1`] = `
                       "alignItems": "center",
                       "backgroundColor": "#355bfb",
                       "borderRadius": 999,
-                      "height": 20,
+                      "height": 24,
                       "justifyContent": "center",
                       "marginLeft": 4,
-                      "minWidth": 20,
+                      "minWidth": 24,
                       "opacity": 1,
                       "paddingHorizontal": 8,
                       "transform": [
@@ -1102,6 +1107,7 @@ exports[`useIsFocused renders correctly 1`] = `
                   }
                   themeIntent="info"
                   themePadding="wideContent"
+                  themeSize="medium"
                 >
                   <Text
                     allowFontScaling={false}
@@ -1117,7 +1123,10 @@ exports[`useIsFocused renders correctly 1`] = `
                         [
                           {
                             "color": "#ffffff",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 12,
                             "includeFontPadding": false,
+                            "lineHeight": 16,
                             "textAlign": "center",
                             "textAlignVertical": "center",
                           },
@@ -1127,6 +1136,7 @@ exports[`useIsFocused renders correctly 1`] = `
                     }
                     themeFontWeight="regular"
                     themeIntent="body"
+                    themeSize="medium"
                   >
                     50
                   </Text>
@@ -1138,7 +1148,7 @@ exports[`useIsFocused renders correctly 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "bottom": -2,
                 "height": 2,
                 "position": "absolute",
@@ -1752,10 +1762,10 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
                       "alignItems": "center",
                       "backgroundColor": "#355bfb",
                       "borderRadius": 999,
-                      "height": 20,
+                      "height": 24,
                       "justifyContent": "center",
                       "marginLeft": 4,
-                      "minWidth": 20,
+                      "minWidth": 24,
                       "opacity": 1,
                       "paddingHorizontal": 8,
                       "transform": [
@@ -1767,6 +1777,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
                   }
                   themeIntent="info"
                   themePadding="wideContent"
+                  themeSize="medium"
                 >
                   <Text
                     allowFontScaling={false}
@@ -1782,7 +1793,10 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
                         [
                           {
                             "color": "#ffffff",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 12,
                             "includeFontPadding": false,
+                            "lineHeight": 16,
                             "textAlign": "center",
                             "textAlignVertical": "center",
                           },
@@ -1792,6 +1806,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
                     }
                     themeFontWeight="regular"
                     themeIntent="body"
+                    themeSize="medium"
                   >
                     50
                   </Text>
@@ -1803,7 +1818,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "bottom": -2,
                 "height": 2,
                 "position": "absolute",

package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap CHANGED Viewed

@@ -304,7 +304,7 @@ exports[`Tag renders correctly when intent is primary 1`] = `
     style={
       [
         {
-          "backgroundColor": "#F1E9FB",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 4,
           "paddingHorizontal": 8,
           "paddingVertical": 4,
@@ -327,7 +327,7 @@ exports[`Tag renders correctly when intent is primary 1`] = `
           },
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "includeFontPadding": false,
               "textAlign": "center",
               "textAlignVertical": "center",
@@ -377,7 +377,7 @@ exports[`Tag renders correctly when intent is primary 2`] = `
     style={
       [
         {
-          "backgroundColor": "#F1E9FB",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 4,
           "paddingHorizontal": 8,
           "paddingVertical": 4,
@@ -400,7 +400,7 @@ exports[`Tag renders correctly when intent is primary 2`] = `
           },
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "includeFontPadding": false,
               "textAlign": "center",
               "textAlignVertical": "center",
@@ -669,7 +669,7 @@ exports[`Tag renders correctly with custom content 1`] = `
     style={
       [
         {
-          "backgroundColor": "#F1E9FB",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 4,
           "paddingHorizontal": 8,
           "paddingVertical": 4,

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap CHANGED Viewed

@@ -903,7 +903,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                               },
                               [
                                 {
-                                  "color": "#7622d7",
+                                  "color": "#401960",
                                   "flexShrink": 1,
                                   "lineHeight": 22,
                                   "textAlign": "center",