@hero-design/rn 8.101.0 → 8.101.1

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:3247) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:3245) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 src/index.ts → lib/index.js, es/index.js...
@@ -15,9 +15,9 @@ node_modules/d3-selection/src/selection/index.js -> node_modules/d3-selection/sr
                                      ~~~~~~~~~~~~~~~~~~~
 
 (!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 1m 10.6s
+created lib/index.js, es/index.js in 1m 14s
 
 /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_AU.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_CA.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/index.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/types.ts → ., ....
 (!) Generated empty chunks
 "locales/types" and "locales/types"
-created ., . in 20.1s
+created ., . in 22.7s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.101.1
+
+### Patch Changes
+
+- [#3951](https://github.com/Thinkei/hero-design/pull/3951) [`0145a0dd1ca1ad57ce1d4848821c937b236fb408`](https://github.com/Thinkei/hero-design/commit/0145a0dd1ca1ad57ce1d4848821c937b236fb408) Thanks [@ttkien](https://github.com/ttkien)! - [Empty] internal fix title, remove Typography-wrapper if React title is React Element
+
 ## 8.101.0
 
 ### Minor Changes

package/es/index.js

@@ -21863,11 +21863,11 @@ var Empty = function Empty(_ref2) {
   }, renderImageOrIcon$2({
     image: image,
     icon: icon
-  }), /*#__PURE__*/React__default.createElement(StyledTitle, {
+  }), typeof title === 'string' ? /*#__PURE__*/React__default.createElement(StyledTitle, {
     themeVariant: variant,
     level: "h4",
     typeface: "playful"
-  }, title), !!description && /*#__PURE__*/React__default.createElement(StyledDescription, {
+  }, title) : title, !!description && /*#__PURE__*/React__default.createElement(StyledDescription, {
     variant: "small",
     themeVariant: variant
   }, description));

package/lib/index.js

@@ -21892,11 +21892,11 @@ var Empty = function Empty(_ref2) {
   }, renderImageOrIcon$2({
     image: image,
     icon: icon
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledTitle, {
+  }), typeof title === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledTitle, {
     themeVariant: variant,
     level: "h4",
     typeface: "playful"
-  }, title), !!description && /*#__PURE__*/React__namespace.default.createElement(StyledDescription, {
+  }, title) : title, !!description && /*#__PURE__*/React__namespace.default.createElement(StyledDescription, {
     variant: "small",
     themeVariant: variant
   }, description));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.101.0",
+  "version": "8.101.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/StatusScreens/Empty/__tests__/__snapshots__/index.spec.tsx.snap

@@ -130,46 +130,19 @@ exports[`Empty renders empty state content correctly with title is a React Eleme
         [
           {
             "color": "#001f23",
-            "fontFamily": "Saiga-Medium",
-            "fontSize": 24,
-            "letterSpacing": 0.24,
-            "lineHeight": 32,
+            "fontFamily": "BeVietnamPro-Regular",
+            "fontSize": 42,
+            "letterSpacing": 0,
+            "lineHeight": 50,
           },
-          [
-            {
-              "color": "#001f23",
-              "marginBottom": 8,
-              "textAlign": "center",
-            },
-            undefined,
-          ],
+          undefined,
         ]
       }
       themeIntent="body"
-      themeLevel="h4"
-      themeTypeface="playful"
-      themeVariant="light"
+      themeLevel="h1"
+      themeTypeface="neutral"
     >
-      <Text
-        allowFontScaling={false}
-        style={
-          [
-            {
-              "color": "#001f23",
-              "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 42,
-              "letterSpacing": 0,
-              "lineHeight": 50,
-            },
-            undefined,
-          ]
-        }
-        themeIntent="body"
-        themeLevel="h1"
-        themeTypeface="neutral"
-      >
-        You have no notification at this time
-      </Text>
+      You have no notification at this time
     </Text>
     <Text
       allowFontScaling={false}

package/src/components/StatusScreens/Empty/index.tsx

@@ -83,9 +83,13 @@ const Empty = ({
 }: EmptyProps): ReactElement => (
   <StyledWrapper style={style} testID={testID}>
     {renderImageOrIcon({ image, icon })}
-    <StyledTitle themeVariant={variant} level="h4" typeface="playful">
-      {title}
-    </StyledTitle>
+    {typeof title === 'string' ? (
+      <StyledTitle themeVariant={variant} level="h4" typeface="playful">
+        {title}
+      </StyledTitle>
+    ) : (
+      title
+    )}
     {!!description && (
       <StyledDescription variant="small" themeVariant={variant}>
         {description}