npm - @hero-design/rn - Versions diffs - 8.33.1 → 8.33.2 - Mend

@hero-design/rn 8.33.1 → 8.33.2

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 (172) hide show

package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap CHANGED Viewed

@@ -355,10 +355,9 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
             undefined,
           ]
         }
-        themeFontSize="large"
-        themeFontWeight="regular"
         themeIntent="body"
         themeTypeface="neutral"
+        themeVariant="regular"
       >
         175
       </Text>
@@ -646,10 +645,9 @@ exports[`Progress.Circle renders correctly 1`] = `
             undefined,
           ]
         }
-        themeFontSize="large"
-        themeFontWeight="regular"
         themeIntent="body"
         themeTypeface="neutral"
+        themeVariant="regular"
       >
         25%
       </Text>
@@ -937,10 +935,9 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
             undefined,
           ]
         }
-        themeFontSize="large"
-        themeFontWeight="regular"
         themeIntent="body"
         themeTypeface="neutral"
+        themeVariant="regular"
       >
         75%
       </Text>

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

@@ -54,10 +54,9 @@ exports[`rendering renders correctly when checked 1`] = `
           undefined,
         ]
       }
-      themeFontSize="large"
-      themeFontWeight="regular"
       themeIntent="body"
       themeTypeface="neutral"
+      themeVariant="regular"
     >
       Option A
     </Text>
@@ -161,10 +160,9 @@ exports[`rendering renders correctly when not checked 1`] = `
           undefined,
         ]
       }
-      themeFontSize="large"
-      themeFontWeight="regular"
       themeIntent="body"
       themeTypeface="neutral"
+      themeVariant="regular"
     >
       Option A
     </Text>

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

@@ -55,10 +55,9 @@ exports[`rendering renders correctly 1`] = `
             undefined,
           ]
         }
-        themeFontSize="large"
-        themeFontWeight="regular"
         themeIntent="body"
         themeTypeface="neutral"
+        themeVariant="regular"
       >
         Everything
       </Text>
@@ -154,10 +153,9 @@ exports[`rendering renders correctly 1`] = `
             undefined,
           ]
         }
-        themeFontSize="large"
-        themeFontWeight="regular"
         themeIntent="body"
         themeTypeface="neutral"
+        themeVariant="regular"
       >
         Direct mentions only
       </Text>
@@ -253,10 +251,9 @@ exports[`rendering renders correctly 1`] = `
             undefined,
           ]
         }
-        themeFontSize="large"
-        themeFontWeight="regular"
         themeIntent="body"
         themeTypeface="neutral"
+        themeVariant="regular"
       >
         Nothing
       </Text>

package/src/components/RichTextEditor/RichTextEditor.tsx CHANGED Viewed

@@ -312,16 +312,10 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
         {(isFocused || (label && !isEmptyValue)) && (
           <StyledLabelContainer pointerEvents="none">
             {required && (
-              <StyledAsteriskLabel themeState={state} fontSize="small">
-                *
-              </StyledAsteriskLabel>
+              <StyledAsteriskLabel themeState={state}>*</StyledAsteriskLabel>
             )}
             {!!label && (
-              <StyledLabel
-                testID="input-label"
-                fontSize="small"
-                themeState={state}
-              >
+              <StyledLabel testID="input-label" themeState={state}>
                 {label}
               </StyledLabel>
             )}
@@ -341,7 +335,6 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
               {!!label && (
                 <StyledLabelInsideTextInput
                   testID="input-label"
-                  fontSize="medium"
                   themeState={state}
                 >
                   {label}

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

@@ -85,16 +85,15 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
-                  "fontSize": 16,
                   "marginTop": -2,
                   "textAlignVertical": "center",
                 },
@@ -103,11 +102,10 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
             ]
           }
           testID="input-label"
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="error"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           Rich Text Editor
         </Text>
@@ -191,6 +189,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -243,14 +242,13 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 12,
+                "letterSpacing": 0.48,
+                "lineHeight": 16,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 12,
                   "marginLeft": 4,
                 },
                 undefined,
@@ -258,10 +256,8 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
             ]
           }
           testID="input-error-message"
-          themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
-          themeTypeface="neutral"
         >
           this is error
         </Text>
@@ -356,16 +352,15 @@ exports[`RichTextEditor should render correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
-                  "fontSize": 16,
                   "marginTop": -2,
                   "textAlignVertical": "center",
                 },
@@ -374,11 +369,10 @@ exports[`RichTextEditor should render correctly 1`] = `
             ]
           }
           testID="input-label"
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="error"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           Rich Text Editor
         </Text>
@@ -461,6 +455,7 @@ exports[`RichTextEditor should render correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -513,14 +508,13 @@ exports[`RichTextEditor should render correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 12,
+                "letterSpacing": 0.48,
+                "lineHeight": 16,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 12,
                   "marginLeft": 4,
                 },
                 undefined,
@@ -528,10 +522,8 @@ exports[`RichTextEditor should render correctly 1`] = `
             ]
           }
           testID="input-error-message"
-          themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
-          themeTypeface="neutral"
         >
           this is error
         </Text>

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

@@ -229,16 +229,15 @@ exports[`SectionHeading render right children correctly 1`] = `
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
-          "letterSpacing": 0.42,
+          "letterSpacing": 0.48,
           "lineHeight": 22,
         },
         undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
     themeIntent="body"
     themeTypeface="neutral"
+    themeVariant="small"
   >
     right children
   </Text>

package/src/components/SectionHeading/__tests__/index.spec.tsx CHANGED Viewed

@@ -31,7 +31,9 @@ describe('SectionHeading', () => {
       <SectionHeading
         testID="sectionHeading"
         text="test demo"
-        rightChildren={<Typography.Text>right children</Typography.Text>}
+        rightChildren={
+          <Typography.Body variant="small">right children</Typography.Body>
+        }
       />
     );

package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED Viewed

@@ -54,10 +54,9 @@ exports[`Option renders correctly 1`] = `
           undefined,
         ]
       }
-      themeFontSize="large"
-      themeFontWeight="regular"
       themeIntent="body"
       themeTypeface="neutral"
+      themeVariant="regular"
     >
       testOption
     </Text>

package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED Viewed

@@ -240,10 +240,9 @@ exports[`OptionList render isLoading correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               A1
             </Text>
@@ -495,10 +494,9 @@ exports[`OptionList render isLoading correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B1
             </Text>
@@ -613,10 +611,9 @@ exports[`OptionList render isLoading correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B2
             </Text>
@@ -1056,10 +1053,9 @@ exports[`OptionList renders correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               A1
             </Text>
@@ -1311,10 +1307,9 @@ exports[`OptionList renders correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B1
             </Text>
@@ -1429,10 +1424,9 @@ exports[`OptionList renders correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B2
             </Text>
@@ -1719,10 +1713,9 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               A1
             </Text>
@@ -1974,10 +1967,9 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B1
             </Text>
@@ -2120,10 +2112,9 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B2
             </Text>
@@ -2410,10 +2401,9 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               A1
             </Text>
@@ -2665,10 +2655,9 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B1
             </Text>
@@ -2783,10 +2772,9 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B2
             </Text>