@hero-design/rn 8.105.1-alpha.0 → 8.105.2

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:4222) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:3400) 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 11.4s
 
 /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 22.1s
+created ., . in 22.7s

package/CHANGELOG.md

@@ -1,20 +1,18 @@
 # @hero-design/rn
 
-## 8.105.1-alpha.0
+## 8.105.2
 
 ### Patch Changes
 
-- [#3497](https://github.com/Thinkei/hero-design/pull/3497) [`e92d1dab57316441e7b5054debe823328e1a1083`](https://github.com/Thinkei/hero-design/commit/e92d1dab57316441e7b5054debe823328e1a1083) Thanks [@luanlai2201](https://github.com/luanlai2201)! - [Font] replace playful font to Saiga
+- [#4153](https://github.com/Thinkei/hero-design/pull/4153) [`2ced09440248a05875fc34e278cff41680173f12`](https://github.com/Thinkei/hero-design/commit/2ced09440248a05875fc34e278cff41680173f12) Thanks [@ttkien](https://github.com/ttkien)! - [PinInput] fix issue cannot paste
 
-- [#4123](https://github.com/Thinkei/hero-design/pull/4123) [`ecc5905dec81783858f57595a0af4306ff3b0b89`](https://github.com/Thinkei/hero-design/commit/ecc5905dec81783858f57595a0af4306ff3b0b89) Thanks [@truongnguyen-eh](https://github.com/truongnguyen-eh)! - [ANG-3740] Resolve conflict between alpha and master-react-18
-
-## 8.104.1-alpha.3
+## 8.105.1
 
 ### Patch Changes
 
-- [#3497](https://github.com/Thinkei/hero-design/pull/3497) [`e92d1dab57316441e7b5054debe823328e1a1083`](https://github.com/Thinkei/hero-design/commit/e92d1dab57316441e7b5054debe823328e1a1083) Thanks [@luanlai2201](https://github.com/luanlai2201)! - [Font] replace playful font to Saiga
+- [#4133](https://github.com/Thinkei/hero-design/pull/4133) [`8e945d988d61e6417e05b1c3c2aa6dc381dfd723`](https://github.com/Thinkei/hero-design/commit/8e945d988d61e6417e05b1c3c2aa6dc381dfd723) Thanks [@ttkien](https://github.com/ttkien)! - [Badge] Fix mis-alignment Badge Count on iOS
 
-- [#4123](https://github.com/Thinkei/hero-design/pull/4123) [`ecc5905dec81783858f57595a0af4306ff3b0b89`](https://github.com/Thinkei/hero-design/commit/ecc5905dec81783858f57595a0af4306ff3b0b89) Thanks [@truongnguyen-eh](https://github.com/truongnguyen-eh)! - [ANG-3740] Resolve conflict between alpha and master-react-18
+- [#4142](https://github.com/Thinkei/hero-design/pull/4142) [`bdfe001823336624c8738fe07caf0fa1eba1cd86`](https://github.com/Thinkei/hero-design/commit/bdfe001823336624c8738fe07caf0fa1eba1cd86) Thanks [@dathuynh-eh](https://github.com/dathuynh-eh)! - Update thumb up icon
 
 ## 8.105.0
 

package/es/index.js

@@ -5580,7 +5580,7 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     count: Platform.select({
       android: 14,
       // vertical alignment
-      "default": 18
+      "default": theme.lineHeights.small
     })
   };
   var radii = {
@@ -24022,7 +24022,9 @@ var StyledHiddenInput = index$b(TextInput$1)(function (_ref6) {
   var spacerWidth = theme.__hd__.pinInput.space.spacer;
   return {
     position: 'absolute',
-    opacity: 0,
+    // Opacity must be > 0.01 to receive touch events on iOS in RN 0.76.7.
+    // See https://github.com/facebook/react-native/issues/50465 for details.
+    opacity: 0.01001,
     left: 0,
     top: 0,
     right: 0,
@@ -24199,7 +24201,6 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     autoFocus: autoFocus,
     onFocus: focus,
     onBlur: blur,
-    pointerEvents: "none",
     inputMode: "numeric",
     testID: "pin-hidden-input",
     textContentType: textContentType,

package/lib/index.js

@@ -5609,7 +5609,7 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     count: reactNative.Platform.select({
       android: 14,
       // vertical alignment
-      "default": 18
+      "default": theme.lineHeights.small
     })
   };
   var radii = {
@@ -24051,7 +24051,9 @@ var StyledHiddenInput = index$b(reactNative.TextInput)(function (_ref6) {
   var spacerWidth = theme.__hd__.pinInput.space.spacer;
   return {
     position: 'absolute',
-    opacity: 0,
+    // Opacity must be > 0.01 to receive touch events on iOS in RN 0.76.7.
+    // See https://github.com/facebook/react-native/issues/50465 for details.
+    opacity: 0.01001,
     left: 0,
     top: 0,
     right: 0,
@@ -24228,7 +24230,6 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     autoFocus: autoFocus,
     onFocus: focus,
     onBlur: blur,
-    pointerEvents: "none",
     inputMode: "numeric",
     testID: "pin-hidden-input",
     textContentType: textContentType,

package/package.json

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

package/src/components/Badge/__tests__/__snapshots__/Count.spec.tsx.snap

@@ -65,7 +65,7 @@ exports[`BadgeCount displays 1 for content 1 1`] = `
                 "color": "#ffffff",
                 "fontSize": 8,
                 "height": 16,
-                "lineHeight": 18,
+                "lineHeight": 16,
               },
               undefined,
             ],
@@ -168,7 +168,7 @@ exports[`BadgeCount displays 12 for content 12 1`] = `
                 "color": "#ffffff",
                 "fontSize": 8,
                 "height": 16,
-                "lineHeight": 18,
+                "lineHeight": 16,
               },
               undefined,
             ],
@@ -271,7 +271,7 @@ exports[`BadgeCount displays 99+ for content 999 1`] = `
                 "color": "#ffffff",
                 "fontSize": 8,
                 "height": 16,
-                "lineHeight": 18,
+                "lineHeight": 16,
               },
               undefined,
             ],

package/src/components/PinInput/StyledPinInput.tsx

@@ -65,7 +65,9 @@ export const StyledHiddenInput = styled(TextInput)<{ themePinLength: number }>(
 
     return {
       position: 'absolute',
-      opacity: 0,
+      // Opacity must be > 0.01 to receive touch events on iOS in RN 0.76.7.
+      // See https://github.com/facebook/react-native/issues/50465 for details.
+      opacity: 0.01001,
       left: 0,
       top: 0,
       right: 0,

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

@@ -262,7 +262,6 @@ exports[`rendering renders correctly 1`] = `
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
-      pointerEvents="none"
       secureTextEntry={true}
       selectTextOnFocus={false}
       selection={
@@ -277,7 +276,7 @@ exports[`rendering renders correctly 1`] = `
             "height": "100%",
             "left": 0,
             "letterSpacing": 4,
-            "opacity": 0,
+            "opacity": 0.01001,
             "paddingHorizontal": 8,
             "position": "absolute",
             "right": 0,
@@ -577,7 +576,6 @@ exports[`rendering renders correctly when disabled 1`] = `
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
-      pointerEvents="none"
       secureTextEntry={true}
       selectTextOnFocus={false}
       selection={
@@ -592,7 +590,7 @@ exports[`rendering renders correctly when disabled 1`] = `
             "height": "100%",
             "left": 0,
             "letterSpacing": 4,
-            "opacity": 0,
+            "opacity": 0.01001,
             "paddingHorizontal": 8,
             "position": "absolute",
             "right": 0,
@@ -1022,7 +1020,6 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
-      pointerEvents="none"
       secureTextEntry={false}
       selectTextOnFocus={false}
       selection={
@@ -1037,7 +1034,7 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
             "height": "100%",
             "left": 0,
             "letterSpacing": 4,
-            "opacity": 0,
+            "opacity": 0.01001,
             "paddingHorizontal": 8,
             "position": "absolute",
             "right": 0,
@@ -1390,7 +1387,6 @@ exports[`rendering renders correctly when there is error 1`] = `
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
-      pointerEvents="none"
       secureTextEntry={true}
       selectTextOnFocus={false}
       selection={
@@ -1405,7 +1401,7 @@ exports[`rendering renders correctly when there is error 1`] = `
             "height": "100%",
             "left": 0,
             "letterSpacing": 4,
-            "opacity": 0,
+            "opacity": 0.01001,
             "paddingHorizontal": 8,
             "position": "absolute",
             "right": 0,
@@ -1706,7 +1702,6 @@ exports[`rendering renders correctly with textContentType and autoComplete 1`] =
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
-      pointerEvents="none"
       secureTextEntry={true}
       selectTextOnFocus={false}
       selection={
@@ -1721,7 +1716,7 @@ exports[`rendering renders correctly with textContentType and autoComplete 1`] =
             "height": "100%",
             "left": 0,
             "letterSpacing": 4,
-            "opacity": 0,
+            "opacity": 0.01001,
             "paddingHorizontal": 8,
             "position": "absolute",
             "right": 0,

package/src/components/PinInput/index.tsx

@@ -230,7 +230,6 @@ const PinInput = forwardRef<PinInputHandler, PinInputProps>(
           autoFocus={autoFocus}
           onFocus={focus}
           onBlur={blur}
-          pointerEvents="none"
           inputMode="numeric"
           testID="pin-hidden-input"
           textContentType={textContentType}

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -170,7 +170,7 @@ exports[`theme returns correct theme object 1`] = `
         "small": "BeVietnamPro-SemiBold",
       },
       "lineHeights": {
-        "count": 18,
+        "count": 16,
         "medium": 16,
         "small": 10,
       },

package/src/theme/components/badge.ts

@@ -34,7 +34,7 @@ const getBadgeTheme = (theme: GlobalTheme) => {
     small: 10,
     count: Platform.select({
       android: 14, // vertical alignment
-      default: 18,
+      default: theme.lineHeights.small,
     }),
   };