@hero-design/rn 8.105.1 → 8.105.3

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:3323) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:3368) 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 15s
+created lib/index.js, es/index.js in 1m 27s
 
 /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 23.6s
+created ., . in 23.7s

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @hero-design/rn
 
+## 8.105.3
+
+### Patch Changes
+
+- [#4151](https://github.com/Thinkei/hero-design/pull/4151) [`5a19683ca57a274f39467f7d93b303f6ace3c1ef`](https://github.com/Thinkei/hero-design/commit/5a19683ca57a274f39467f7d93b303f6ace3c1ef) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Icon] Update info intent color
+
+- [#4144](https://github.com/Thinkei/hero-design/pull/4144) [`156380111c911fff401d6a1ee1637c0ccb844029`](https://github.com/Thinkei/hero-design/commit/156380111c911fff401d6a1ee1637c0ccb844029) Thanks [@ngvuthanhnhan-eh-hi](https://github.com/ngvuthanhnhan-eh-hi)! - Add TypeScript deprecated comment for legacy component or prop
+
+- [#4156](https://github.com/Thinkei/hero-design/pull/4156) [`e628ee9c9ebd82dbd63eaca8ce83c583f0d6ecc7`](https://github.com/Thinkei/hero-design/commit/e628ee9c9ebd82dbd63eaca8ce83c583f0d6ecc7) Thanks [@dathuynh-eh](https://github.com/dathuynh-eh)! - [Error][empty][Success] Add Lock, Unlock, NoResult illustration icons
+
+## 8.105.2
+
+### Patch Changes
+
+- [#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
+
 ## 8.105.1
 
 ### Patch Changes

package/es/index.js

@@ -6242,7 +6242,7 @@ var getIconTheme = function getIconTheme(theme) {
     text: theme.colors.onDefaultGlobalSurface,
     primary: theme.colors.primary,
     secondary: theme.colors.secondary,
-    info: theme.colors.info,
+    info: theme.colors.onInfoSurface,
     danger: theme.colors.onErrorSurface,
     success: theme.colors.success,
     warning: theme.colors.warning,
@@ -7772,6 +7772,9 @@ var StyledText$4 = index$b(Text$1)(function (_ref) {
 });
 
 var _excluded$O = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
+/**
+ * @deprecated Typography.Text is deprecated and will be removed in the next major release, please refer to https://design.employmenthero.com/mobile/Components/typography for the appropriate alternatives.
+ */
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$fontSize = _ref.fontSize,
@@ -14406,6 +14409,9 @@ var CardCarousel = /*#__PURE__*/forwardRef(function (_ref, ref) {
 CardCarousel.displayName = 'CardCarousel';
 
 var _excluded$w = ["rounded", "size", "testID", "style"];
+/**
+ * @deprecated Image component will soon be deprecated. Please use `Image` from `react-native` instead.
+ */
 var Image = function Image(_ref) {
   var _ref$rounded = _ref.rounded,
     rounded = _ref$rounded === void 0 ? false : _ref$rounded,
@@ -22014,6 +22020,93 @@ var Success$1 = function Success(_ref) {
   }));
 };
 
+var Lock = function Lock(_ref) {
+  var stroke = _ref.stroke,
+    fill = _ref.fill,
+    testID = _ref.testID;
+  return /*#__PURE__*/React__default.createElement(Svg, {
+    width: "72",
+    height: "72",
+    viewBox: "0 0 72 72",
+    testID: testID
+  }, /*#__PURE__*/React__default.createElement(G, {
+    clipPath: "url(#clip0_21932_5671)"
+  }, /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M0 41.684c0-9.615 0-14.423 1.619-18.198a20 20 0 0110.499-10.499c3.775-1.619 8.582-1.619 18.198-1.619 9.615 0 14.423 0 18.198 1.62a20 20 0 0110.499 10.498c1.619 3.775 1.619 8.583 1.619 18.198 0 9.616 0 14.423-1.62 18.198a20 20 0 01-10.498 10.5C44.739 72 39.93 72 30.316 72c-9.616 0-14.423 0-18.198-1.619a20 20 0 01-10.5-10.499C0 56.107 0 51.3 0 41.684z",
+    fill: fill
+  }), /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M67.632 30.315c0-4.863-.002-8.305-.193-11.007-.187-2.666-.543-4.31-1.102-5.614a16 16 0 00-8.4-8.4c-1.303-.558-2.947-.914-5.613-1.102C49.621 4.002 46.18 4 41.315 4c-4.863 0-8.305.002-11.007.192-2.666.188-4.31.544-5.614 1.103a16.001 16.001 0 00-8.4 8.4c-.558 1.303-.914 2.947-1.102 5.613-.19 2.702-.192 6.144-.192 11.007 0 4.865.002 8.306.192 11.01.188 2.664.544 4.309 1.103 5.612a16.001 16.001 0 008.4 8.4c1.303.559 2.947.915 5.613 1.102 2.702.19 6.144.193 11.007.193v4l-3.387-.003c-7.149-.021-11.21-.187-14.453-1.469l-.357-.147a20 20 0 01-10.304-10.06l-.195-.44C11 44.74 11 39.932 11 30.316c0-9.314 0-14.117 1.472-17.84l.147-.357A20 20 0 0122.68 1.813l.44-.194C26.892 0 31.7 0 41.314 0c9.616 0 14.424 0 18.199 1.62a20 20 0 0110.499 10.498c1.618 3.775 1.619 8.583 1.619 18.197l-.003 3.388c-.022 7.414-.2 11.508-1.616 14.81a20 20 0 01-10.5 10.5c-3.774 1.618-8.582 1.619-18.198 1.619v-4c4.865 0 8.306-.002 11.01-.192 2.664-.188 4.309-.544 5.612-1.103a16 16 0 008.4-8.4c.56-1.303.915-2.947 1.102-5.613.19-2.703.193-6.144.193-11.009z",
+    fill: stroke
+  }), /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M51.316 25.816h-20a2.5 2.5 0 00-2.5 2.5v12.5a2.5 2.5 0 002.5 2.5h20a2.5 2.5 0 002.5-2.5v-12.5a2.5 2.5 0 00-2.5-2.5zm-10 11.25a2.5 2.5 0 11-.001-4.999 2.5 2.5 0 010 4.999zM48.816 23.316h-2.5v-2.5a4.948 4.948 0 00-4.889-5h-.052a4.972 4.972 0 00-5.06 4.885v2.615h-2.5V20.69a7.45 7.45 0 017.437-7.375h.076a7.474 7.474 0 017.488 7.46v2.54z",
+    fill: stroke
+  })), /*#__PURE__*/React__default.createElement(Defs, null, /*#__PURE__*/React__default.createElement(ClipPath, {
+    id: "clip0_21932_5671"
+  }, /*#__PURE__*/React__default.createElement(Path$1, {
+    fill: "#fff",
+    d: "M0 0H72V72H0z"
+  }))));
+};
+
+var Unlock = function Unlock(_ref) {
+  var stroke = _ref.stroke,
+    fill = _ref.fill,
+    testID = _ref.testID;
+  return /*#__PURE__*/React__default.createElement(Svg, {
+    width: "72",
+    height: "72",
+    viewBox: "0 0 72 72",
+    testID: testID
+  }, /*#__PURE__*/React__default.createElement(G, {
+    clipPath: "url(#clip0_21932_5714)"
+  }, /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M0 41.684c0-9.615 0-14.423 1.619-18.198a20 20 0 0110.499-10.499c3.775-1.619 8.582-1.619 18.198-1.619 9.615 0 14.423 0 18.198 1.62a20 20 0 0110.499 10.498c1.619 3.775 1.619 8.583 1.619 18.198 0 9.616 0 14.423-1.62 18.198a20 20 0 01-10.498 10.5C44.739 72 39.93 72 30.316 72c-9.616 0-14.423 0-18.198-1.619a20 20 0 01-10.5-10.499C0 56.107 0 51.3 0 41.684z",
+    fill: fill
+  }), /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M67.632 30.315c0-4.863-.002-8.305-.193-11.007-.187-2.666-.543-4.31-1.102-5.614a16 16 0 00-8.4-8.4c-1.303-.558-2.947-.914-5.613-1.102C49.621 4.002 46.18 4 41.315 4c-4.863 0-8.305.002-11.007.192-2.666.188-4.31.544-5.614 1.103a16.001 16.001 0 00-8.4 8.4c-.558 1.303-.914 2.947-1.102 5.613-.19 2.702-.192 6.144-.192 11.007 0 4.865.002 8.306.192 11.01.188 2.664.544 4.309 1.103 5.612a16.001 16.001 0 008.4 8.4c1.303.559 2.947.915 5.613 1.102 2.702.19 6.144.193 11.007.193v4l-3.387-.003c-7.149-.021-11.21-.187-14.453-1.469l-.357-.147a20 20 0 01-10.304-10.06l-.195-.44C11 44.74 11 39.932 11 30.316c0-9.314 0-14.117 1.472-17.84l.147-.357A20 20 0 0122.68 1.813l.44-.194C26.892 0 31.7 0 41.314 0c9.616 0 14.424 0 18.199 1.62a20 20 0 0110.499 10.498c1.618 3.775 1.619 8.583 1.619 18.197l-.003 3.388c-.022 7.414-.2 11.508-1.616 14.81a20 20 0 01-10.5 10.5c-3.774 1.618-8.582 1.619-18.198 1.619v-4c4.865 0 8.306-.002 11.01-.192 2.664-.188 4.309-.544 5.612-1.103a16 16 0 008.4-8.4c.56-1.303.915-2.947 1.102-5.613.19-2.703.193-6.144.193-11.009z",
+    fill: stroke
+  }), /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M51.316 25.816h-20a2.5 2.5 0 00-2.5 2.5v12.5a2.5 2.5 0 002.5 2.5h20a2.5 2.5 0 002.5-2.5v-12.5a2.5 2.5 0 00-2.5-2.5zm-10 11.25a2.5 2.5 0 11-.001-4.999 2.5 2.5 0 010 4.999zM47.313 16.27a7.398 7.398 0 00-5.86-2.954h-.2c-4.066 0-7.395 3.287-7.437 7.375v2.625h2.5v-2.611c.027-2.707 2.237-4.89 5.059-4.89h.052a4.908 4.908 0 013.891 1.963 1.25 1.25 0 001.995-1.508z",
+    fill: stroke
+  })), /*#__PURE__*/React__default.createElement(Defs, null, /*#__PURE__*/React__default.createElement(ClipPath, {
+    id: "clip0_21932_5714"
+  }, /*#__PURE__*/React__default.createElement(Path$1, {
+    fill: "#fff",
+    d: "M0 0H72V72H0z"
+  }))));
+};
+
+var NoResult = function NoResult(_ref) {
+  var stroke = _ref.stroke,
+    fill = _ref.fill,
+    testID = _ref.testID;
+  return /*#__PURE__*/React__default.createElement(Svg, {
+    width: "72",
+    height: "72",
+    viewBox: "0 0 72 72",
+    testID: testID
+  }, /*#__PURE__*/React__default.createElement(G, {
+    clipPath: "url(#clip0_21888_4920)"
+  }, /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M0 41.684c0-9.615 0-14.423 1.619-18.198a20 20 0 0110.499-10.499c3.775-1.619 8.582-1.619 18.198-1.619 9.615 0 14.423 0 18.198 1.62a20 20 0 0110.499 10.498c1.619 3.775 1.619 8.583 1.619 18.198 0 9.616 0 14.423-1.62 18.198a20 20 0 01-10.498 10.5C44.739 72 39.93 72 30.316 72c-9.616 0-14.423 0-18.198-1.619a20 20 0 01-10.5-10.499C0 56.107 0 51.3 0 41.684z",
+    fill: fill
+  }), /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M67.632 30.315c0-4.863-.002-8.305-.193-11.007-.187-2.666-.543-4.31-1.102-5.614a16 16 0 00-8.4-8.4c-1.303-.558-2.947-.914-5.613-1.102C49.621 4.002 46.18 4 41.315 4c-4.863 0-8.305.002-11.007.192-2.666.188-4.31.544-5.614 1.103a16.001 16.001 0 00-8.4 8.4c-.558 1.303-.914 2.947-1.102 5.613-.19 2.702-.192 6.144-.192 11.007 0 4.865.002 8.306.192 11.01.188 2.664.544 4.309 1.103 5.612a16.001 16.001 0 008.4 8.4c1.303.559 2.947.915 5.613 1.102 2.702.19 6.144.193 11.007.193v4l-3.387-.003c-7.149-.021-11.21-.187-14.453-1.469l-.357-.147a20 20 0 01-10.304-10.06l-.195-.44C11 44.74 11 39.932 11 30.316c0-9.314 0-14.117 1.472-17.84l.147-.357A20 20 0 0122.68 1.813l.44-.194C26.892 0 31.7 0 41.314 0c9.616 0 14.424 0 18.199 1.62a20 20 0 0110.499 10.498c1.618 3.775 1.619 8.583 1.619 18.197l-.003 3.388c-.022 7.414-.2 11.508-1.616 14.81a20 20 0 01-10.5 10.5c-3.774 1.618-8.582 1.619-18.198 1.619v-4c4.865 0 8.306-.002 11.01-.192 2.664-.188 4.309-.544 5.612-1.103a16 16 0 008.4-8.4c.56-1.303.915-2.947 1.102-5.613.19-2.703.193-6.144.193-11.009z",
+    fill: stroke
+  }), /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M55.06 39.357l-7.79-7.79a10.273 10.273 0 00.434-8.244l-2.887 2.887c.038.243.063.488.075.733a6.949 6.949 0 01-6.949 6.949 6.748 6.748 0 01-.733-.075l-2.887 2.887a10.273 10.273 0 008.245-.434l7.789 7.79a.868.868 0 001.23 0l3.474-3.473a.87.87 0 000-1.23zM33.033 31.854a6.948 6.948 0 119.821-9.821l2.456-2.457a10.421 10.421 0 00-17.228 3.241 10.423 10.423 0 002.494 11.493l2.457-2.456z",
+    fill: stroke
+  }), /*#__PURE__*/React__default.createElement(Path$1, {
+    d: "M29.258 37.366a1.737 1.737 0 01-1.228-2.965L45.4 17.03a1.737 1.737 0 012.457 2.456l-17.37 17.371a1.737 1.737 0 01-1.229.509z",
+    fill: stroke
+  })), /*#__PURE__*/React__default.createElement(Defs, null, /*#__PURE__*/React__default.createElement(ClipPath, {
+    id: "clip0_21888_4920"
+  }, /*#__PURE__*/React__default.createElement(Path$1, {
+    fill: "#fff",
+    d: "M0 0H72V72H0z"
+  }))));
+};
+
 var StatusIcons = {
   add: Add,
   boom: Boom,
@@ -22030,7 +22123,10 @@ var StatusIcons = {
   confetti: Confetti,
   error: ErrorIcon,
   info: Info,
-  success: Success$1
+  success: Success$1,
+  lock: Lock,
+  unlock: Unlock,
+  'no-result': NoResult
 };
 var StatusIcon = function StatusIcon(_ref) {
   var icon = _ref.icon,
@@ -24022,7 +24118,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 +24297,6 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     autoFocus: autoFocus,
     onFocus: focus,
     onBlur: blur,
-    pointerEvents: "none",
     inputMode: "numeric",
     testID: "pin-hidden-input",
     textContentType: textContentType,
@@ -27299,7 +27396,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
     align = _ref$align === void 0 ? 'right' : _ref$align,
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items;
-  useDeprecation("Toolbar's align prop is deprecated", align !== 'right');
+  useDeprecation("Toolbar's align prop is deprecated for 'left' and 'center' alignment. Please use 'right' instead.", align !== 'right');
   return /*#__PURE__*/React__default.createElement(ToolbarGroupWrapper, {
     align: align
   }, items.map(function (_ref2) {

package/lib/index.js

@@ -6271,7 +6271,7 @@ var getIconTheme = function getIconTheme(theme) {
     text: theme.colors.onDefaultGlobalSurface,
     primary: theme.colors.primary,
     secondary: theme.colors.secondary,
-    info: theme.colors.info,
+    info: theme.colors.onInfoSurface,
     danger: theme.colors.onErrorSurface,
     success: theme.colors.success,
     warning: theme.colors.warning,
@@ -7801,6 +7801,9 @@ var StyledText$4 = index$b(reactNative.Text)(function (_ref) {
 });
 
 var _excluded$O = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
+/**
+ * @deprecated Typography.Text is deprecated and will be removed in the next major release, please refer to https://design.employmenthero.com/mobile/Components/typography for the appropriate alternatives.
+ */
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$fontSize = _ref.fontSize,
@@ -14435,6 +14438,9 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 CardCarousel.displayName = 'CardCarousel';
 
 var _excluded$w = ["rounded", "size", "testID", "style"];
+/**
+ * @deprecated Image component will soon be deprecated. Please use `Image` from `react-native` instead.
+ */
 var Image = function Image(_ref) {
   var _ref$rounded = _ref.rounded,
     rounded = _ref$rounded === void 0 ? false : _ref$rounded,
@@ -22043,6 +22049,93 @@ var Success$1 = function Success(_ref) {
   }));
 };
 
+var Lock = function Lock(_ref) {
+  var stroke = _ref.stroke,
+    fill = _ref.fill,
+    testID = _ref.testID;
+  return /*#__PURE__*/React__namespace.default.createElement(Svg__default.default, {
+    width: "72",
+    height: "72",
+    viewBox: "0 0 72 72",
+    testID: testID
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.G, {
+    clipPath: "url(#clip0_21932_5671)"
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M0 41.684c0-9.615 0-14.423 1.619-18.198a20 20 0 0110.499-10.499c3.775-1.619 8.582-1.619 18.198-1.619 9.615 0 14.423 0 18.198 1.62a20 20 0 0110.499 10.498c1.619 3.775 1.619 8.583 1.619 18.198 0 9.616 0 14.423-1.62 18.198a20 20 0 01-10.498 10.5C44.739 72 39.93 72 30.316 72c-9.616 0-14.423 0-18.198-1.619a20 20 0 01-10.5-10.499C0 56.107 0 51.3 0 41.684z",
+    fill: fill
+  }), /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M67.632 30.315c0-4.863-.002-8.305-.193-11.007-.187-2.666-.543-4.31-1.102-5.614a16 16 0 00-8.4-8.4c-1.303-.558-2.947-.914-5.613-1.102C49.621 4.002 46.18 4 41.315 4c-4.863 0-8.305.002-11.007.192-2.666.188-4.31.544-5.614 1.103a16.001 16.001 0 00-8.4 8.4c-.558 1.303-.914 2.947-1.102 5.613-.19 2.702-.192 6.144-.192 11.007 0 4.865.002 8.306.192 11.01.188 2.664.544 4.309 1.103 5.612a16.001 16.001 0 008.4 8.4c1.303.559 2.947.915 5.613 1.102 2.702.19 6.144.193 11.007.193v4l-3.387-.003c-7.149-.021-11.21-.187-14.453-1.469l-.357-.147a20 20 0 01-10.304-10.06l-.195-.44C11 44.74 11 39.932 11 30.316c0-9.314 0-14.117 1.472-17.84l.147-.357A20 20 0 0122.68 1.813l.44-.194C26.892 0 31.7 0 41.314 0c9.616 0 14.424 0 18.199 1.62a20 20 0 0110.499 10.498c1.618 3.775 1.619 8.583 1.619 18.197l-.003 3.388c-.022 7.414-.2 11.508-1.616 14.81a20 20 0 01-10.5 10.5c-3.774 1.618-8.582 1.619-18.198 1.619v-4c4.865 0 8.306-.002 11.01-.192 2.664-.188 4.309-.544 5.612-1.103a16 16 0 008.4-8.4c.56-1.303.915-2.947 1.102-5.613.19-2.703.193-6.144.193-11.009z",
+    fill: stroke
+  }), /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M51.316 25.816h-20a2.5 2.5 0 00-2.5 2.5v12.5a2.5 2.5 0 002.5 2.5h20a2.5 2.5 0 002.5-2.5v-12.5a2.5 2.5 0 00-2.5-2.5zm-10 11.25a2.5 2.5 0 11-.001-4.999 2.5 2.5 0 010 4.999zM48.816 23.316h-2.5v-2.5a4.948 4.948 0 00-4.889-5h-.052a4.972 4.972 0 00-5.06 4.885v2.615h-2.5V20.69a7.45 7.45 0 017.437-7.375h.076a7.474 7.474 0 017.488 7.46v2.54z",
+    fill: stroke
+  })), /*#__PURE__*/React__namespace.default.createElement(Svg.Defs, null, /*#__PURE__*/React__namespace.default.createElement(Svg.ClipPath, {
+    id: "clip0_21932_5671"
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    fill: "#fff",
+    d: "M0 0H72V72H0z"
+  }))));
+};
+
+var Unlock = function Unlock(_ref) {
+  var stroke = _ref.stroke,
+    fill = _ref.fill,
+    testID = _ref.testID;
+  return /*#__PURE__*/React__namespace.default.createElement(Svg__default.default, {
+    width: "72",
+    height: "72",
+    viewBox: "0 0 72 72",
+    testID: testID
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.G, {
+    clipPath: "url(#clip0_21932_5714)"
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M0 41.684c0-9.615 0-14.423 1.619-18.198a20 20 0 0110.499-10.499c3.775-1.619 8.582-1.619 18.198-1.619 9.615 0 14.423 0 18.198 1.62a20 20 0 0110.499 10.498c1.619 3.775 1.619 8.583 1.619 18.198 0 9.616 0 14.423-1.62 18.198a20 20 0 01-10.498 10.5C44.739 72 39.93 72 30.316 72c-9.616 0-14.423 0-18.198-1.619a20 20 0 01-10.5-10.499C0 56.107 0 51.3 0 41.684z",
+    fill: fill
+  }), /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M67.632 30.315c0-4.863-.002-8.305-.193-11.007-.187-2.666-.543-4.31-1.102-5.614a16 16 0 00-8.4-8.4c-1.303-.558-2.947-.914-5.613-1.102C49.621 4.002 46.18 4 41.315 4c-4.863 0-8.305.002-11.007.192-2.666.188-4.31.544-5.614 1.103a16.001 16.001 0 00-8.4 8.4c-.558 1.303-.914 2.947-1.102 5.613-.19 2.702-.192 6.144-.192 11.007 0 4.865.002 8.306.192 11.01.188 2.664.544 4.309 1.103 5.612a16.001 16.001 0 008.4 8.4c1.303.559 2.947.915 5.613 1.102 2.702.19 6.144.193 11.007.193v4l-3.387-.003c-7.149-.021-11.21-.187-14.453-1.469l-.357-.147a20 20 0 01-10.304-10.06l-.195-.44C11 44.74 11 39.932 11 30.316c0-9.314 0-14.117 1.472-17.84l.147-.357A20 20 0 0122.68 1.813l.44-.194C26.892 0 31.7 0 41.314 0c9.616 0 14.424 0 18.199 1.62a20 20 0 0110.499 10.498c1.618 3.775 1.619 8.583 1.619 18.197l-.003 3.388c-.022 7.414-.2 11.508-1.616 14.81a20 20 0 01-10.5 10.5c-3.774 1.618-8.582 1.619-18.198 1.619v-4c4.865 0 8.306-.002 11.01-.192 2.664-.188 4.309-.544 5.612-1.103a16 16 0 008.4-8.4c.56-1.303.915-2.947 1.102-5.613.19-2.703.193-6.144.193-11.009z",
+    fill: stroke
+  }), /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M51.316 25.816h-20a2.5 2.5 0 00-2.5 2.5v12.5a2.5 2.5 0 002.5 2.5h20a2.5 2.5 0 002.5-2.5v-12.5a2.5 2.5 0 00-2.5-2.5zm-10 11.25a2.5 2.5 0 11-.001-4.999 2.5 2.5 0 010 4.999zM47.313 16.27a7.398 7.398 0 00-5.86-2.954h-.2c-4.066 0-7.395 3.287-7.437 7.375v2.625h2.5v-2.611c.027-2.707 2.237-4.89 5.059-4.89h.052a4.908 4.908 0 013.891 1.963 1.25 1.25 0 001.995-1.508z",
+    fill: stroke
+  })), /*#__PURE__*/React__namespace.default.createElement(Svg.Defs, null, /*#__PURE__*/React__namespace.default.createElement(Svg.ClipPath, {
+    id: "clip0_21932_5714"
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    fill: "#fff",
+    d: "M0 0H72V72H0z"
+  }))));
+};
+
+var NoResult = function NoResult(_ref) {
+  var stroke = _ref.stroke,
+    fill = _ref.fill,
+    testID = _ref.testID;
+  return /*#__PURE__*/React__namespace.default.createElement(Svg__default.default, {
+    width: "72",
+    height: "72",
+    viewBox: "0 0 72 72",
+    testID: testID
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.G, {
+    clipPath: "url(#clip0_21888_4920)"
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M0 41.684c0-9.615 0-14.423 1.619-18.198a20 20 0 0110.499-10.499c3.775-1.619 8.582-1.619 18.198-1.619 9.615 0 14.423 0 18.198 1.62a20 20 0 0110.499 10.498c1.619 3.775 1.619 8.583 1.619 18.198 0 9.616 0 14.423-1.62 18.198a20 20 0 01-10.498 10.5C44.739 72 39.93 72 30.316 72c-9.616 0-14.423 0-18.198-1.619a20 20 0 01-10.5-10.499C0 56.107 0 51.3 0 41.684z",
+    fill: fill
+  }), /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M67.632 30.315c0-4.863-.002-8.305-.193-11.007-.187-2.666-.543-4.31-1.102-5.614a16 16 0 00-8.4-8.4c-1.303-.558-2.947-.914-5.613-1.102C49.621 4.002 46.18 4 41.315 4c-4.863 0-8.305.002-11.007.192-2.666.188-4.31.544-5.614 1.103a16.001 16.001 0 00-8.4 8.4c-.558 1.303-.914 2.947-1.102 5.613-.19 2.702-.192 6.144-.192 11.007 0 4.865.002 8.306.192 11.01.188 2.664.544 4.309 1.103 5.612a16.001 16.001 0 008.4 8.4c1.303.559 2.947.915 5.613 1.102 2.702.19 6.144.193 11.007.193v4l-3.387-.003c-7.149-.021-11.21-.187-14.453-1.469l-.357-.147a20 20 0 01-10.304-10.06l-.195-.44C11 44.74 11 39.932 11 30.316c0-9.314 0-14.117 1.472-17.84l.147-.357A20 20 0 0122.68 1.813l.44-.194C26.892 0 31.7 0 41.314 0c9.616 0 14.424 0 18.199 1.62a20 20 0 0110.499 10.498c1.618 3.775 1.619 8.583 1.619 18.197l-.003 3.388c-.022 7.414-.2 11.508-1.616 14.81a20 20 0 01-10.5 10.5c-3.774 1.618-8.582 1.619-18.198 1.619v-4c4.865 0 8.306-.002 11.01-.192 2.664-.188 4.309-.544 5.612-1.103a16 16 0 008.4-8.4c.56-1.303.915-2.947 1.102-5.613.19-2.703.193-6.144.193-11.009z",
+    fill: stroke
+  }), /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M55.06 39.357l-7.79-7.79a10.273 10.273 0 00.434-8.244l-2.887 2.887c.038.243.063.488.075.733a6.949 6.949 0 01-6.949 6.949 6.748 6.748 0 01-.733-.075l-2.887 2.887a10.273 10.273 0 008.245-.434l7.789 7.79a.868.868 0 001.23 0l3.474-3.473a.87.87 0 000-1.23zM33.033 31.854a6.948 6.948 0 119.821-9.821l2.456-2.457a10.421 10.421 0 00-17.228 3.241 10.423 10.423 0 002.494 11.493l2.457-2.456z",
+    fill: stroke
+  }), /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    d: "M29.258 37.366a1.737 1.737 0 01-1.228-2.965L45.4 17.03a1.737 1.737 0 012.457 2.456l-17.37 17.371a1.737 1.737 0 01-1.229.509z",
+    fill: stroke
+  })), /*#__PURE__*/React__namespace.default.createElement(Svg.Defs, null, /*#__PURE__*/React__namespace.default.createElement(Svg.ClipPath, {
+    id: "clip0_21888_4920"
+  }, /*#__PURE__*/React__namespace.default.createElement(Svg.Path, {
+    fill: "#fff",
+    d: "M0 0H72V72H0z"
+  }))));
+};
+
 var StatusIcons = {
   add: Add,
   boom: Boom,
@@ -22059,7 +22152,10 @@ var StatusIcons = {
   confetti: Confetti,
   error: ErrorIcon,
   info: Info,
-  success: Success$1
+  success: Success$1,
+  lock: Lock,
+  unlock: Unlock,
+  'no-result': NoResult
 };
 var StatusIcon = function StatusIcon(_ref) {
   var icon = _ref.icon,
@@ -24051,7 +24147,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 +24326,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,
@@ -27328,7 +27425,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
     align = _ref$align === void 0 ? 'right' : _ref$align,
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items;
-  useDeprecation("Toolbar's align prop is deprecated", align !== 'right');
+  useDeprecation("Toolbar's align prop is deprecated for 'left' and 'center' alignment. Please use 'right' instead.", align !== 'right');
   return /*#__PURE__*/React__namespace.default.createElement(ToolbarGroupWrapper, {
     align: align
   }, items.map(function (_ref2) {

package/package.json

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

package/src/components/Alert/index.tsx

@@ -56,6 +56,8 @@ interface BasicAlertProps {
   icon?: null | IconName;
   /**
    * Visual intent color to apply to alert.
+   *
+   * intent['notification'] - @deprecated Will be removed in the next major release. Please use other intents instead.
    */
   intent?: 'success' | 'info' | 'warning' | 'error' | 'notification';
   /**

package/src/components/Button/Button.tsx

@@ -61,6 +61,8 @@ export interface ButtonProps {
   text: ReactChild;
   /**
    * Button type.
+   *
+   * variant['filled-secondary' | 'filled-danger' | 'outlined-secondary' | 'outlined-danger'] - @deprecated
    */
   variant?:
     | 'filled'

package/src/components/Carousel/index.tsx

@@ -62,7 +62,9 @@ interface CarouselProps extends ViewProps {
    */
   selectedItemIndex?: number;
   /**
-   * position of the page control
+   * Position of the page control
+   *
+   * pageControlPosition['bottom'] - @deprecated
    */
   pageControlPosition?: 'top' | 'bottom';
 }
@@ -80,6 +82,7 @@ export function useStateFromProp<T>(
 const noop = (_: number): boolean => {
   return true;
 };
+
 const Carousel = ({
   items,
   onItemIndexChange,

package/src/components/Checkbox/index.tsx

@@ -19,7 +19,8 @@ export interface CheckboxProps {
    */
   description?: string;
   /**
-   * @deprecated This prop will be removed in the next major release. Checkboxes will always have border.
+   * @deprecated `withBorder` prop will be removed in the next major release, all checkboxes will have border by default. Please remove it.
+   *
    * Whether the border is shown.
    */
   withBorder?: boolean;

package/src/components/Chip/index.tsx

@@ -12,7 +12,9 @@ export interface ChipProps extends ViewProps {
    */
   label: string | ReactNode;
   /**
-   * Variant of the chip. `outlined` and `filled` are deprecated.
+   * Variant of the chip.
+   *
+   * variant['outlined' | 'filled'] - @deprecated
    */
   variant?:
     | 'selection'

package/src/components/FAB/ActionGroup/index.tsx

@@ -26,7 +26,8 @@ export type ActionGroupHandles = {
 
 export interface ActionGroupProps {
   /**
-   * @deprecated headerTitle will be removed in the next major release.
+   * @deprecated FAB.ActionGroup's `headerTitle` prop will be removed in the next major release. Please remove it.
+   *
    * Title of the action group header.
    */
   headerTitle?: string;

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

@@ -296,7 +296,7 @@ exports[`Icon renders correctly with intent 4`] = `
     style={
       [
         {
-          "color": "#b5c3fd",
+          "color": "#355bfb",
           "fontSize": 24,
         },
         undefined,

package/src/components/Icon/index.tsx

@@ -10,6 +10,8 @@ export type IconName = typeof IconList[number];
 export interface IconProps extends AccessibilityProps {
   /**
    * Name of the Icon.
+   *
+   * icon['carat-*'] - @deprecated Icons starting with 'carat' are deprecated and will be removed in the next major release, please use 'caret' instead.
    */
   icon: IconName;
   /**

package/src/components/Image/index.tsx

@@ -19,6 +19,9 @@ export interface ImageProps extends RNImageProps {
   testID?: string;
 }
 
+/**
+ * @deprecated Image component will soon be deprecated. Please use `Image` from `react-native` instead.
+ */
 const Image = ({
   rounded = false,
   size = '6xlarge',

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/components/StatusScreens/StatusIcon/__tests__/index.spec.tsx

@@ -21,6 +21,9 @@ describe('StatusIcon', () => {
     ${'star'}
     ${'success'}
     ${'user'}
+    ${'lock'}
+    ${'unlock'}
+    ${'no-result'}
   `('should render correctly', ({ icon }) => {
     const { getByTestId } = renderWithTheme(
       <StatusIcon icon={icon as StatusIconName} testID={`${icon}-icon`} />

package/src/components/StatusScreens/StatusIcon/assets/Lock.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import Svg, { G, Path, Defs, ClipPath } from 'react-native-svg';
+import { StatusSvgProps } from '../types';
+
+const Lock = ({ stroke, fill, testID }: StatusSvgProps) => {
+  return (
+    <Svg width="72" height="72" viewBox="0 0 72 72" testID={testID}>
+      <G clipPath="url(#clip0_21932_5671)">
+        <Path
+          d="M0 41.684c0-9.615 0-14.423 1.619-18.198a20 20 0 0110.499-10.499c3.775-1.619 8.582-1.619 18.198-1.619 9.615 0 14.423 0 18.198 1.62a20 20 0 0110.499 10.498c1.619 3.775 1.619 8.583 1.619 18.198 0 9.616 0 14.423-1.62 18.198a20 20 0 01-10.498 10.5C44.739 72 39.93 72 30.316 72c-9.616 0-14.423 0-18.198-1.619a20 20 0 01-10.5-10.499C0 56.107 0 51.3 0 41.684z"
+          fill={fill}
+        />
+        <Path
+          d="M67.632 30.315c0-4.863-.002-8.305-.193-11.007-.187-2.666-.543-4.31-1.102-5.614a16 16 0 00-8.4-8.4c-1.303-.558-2.947-.914-5.613-1.102C49.621 4.002 46.18 4 41.315 4c-4.863 0-8.305.002-11.007.192-2.666.188-4.31.544-5.614 1.103a16.001 16.001 0 00-8.4 8.4c-.558 1.303-.914 2.947-1.102 5.613-.19 2.702-.192 6.144-.192 11.007 0 4.865.002 8.306.192 11.01.188 2.664.544 4.309 1.103 5.612a16.001 16.001 0 008.4 8.4c1.303.559 2.947.915 5.613 1.102 2.702.19 6.144.193 11.007.193v4l-3.387-.003c-7.149-.021-11.21-.187-14.453-1.469l-.357-.147a20 20 0 01-10.304-10.06l-.195-.44C11 44.74 11 39.932 11 30.316c0-9.314 0-14.117 1.472-17.84l.147-.357A20 20 0 0122.68 1.813l.44-.194C26.892 0 31.7 0 41.314 0c9.616 0 14.424 0 18.199 1.62a20 20 0 0110.499 10.498c1.618 3.775 1.619 8.583 1.619 18.197l-.003 3.388c-.022 7.414-.2 11.508-1.616 14.81a20 20 0 01-10.5 10.5c-3.774 1.618-8.582 1.619-18.198 1.619v-4c4.865 0 8.306-.002 11.01-.192 2.664-.188 4.309-.544 5.612-1.103a16 16 0 008.4-8.4c.56-1.303.915-2.947 1.102-5.613.19-2.703.193-6.144.193-11.009z"
+          fill={stroke}
+        />
+        <Path
+          d="M51.316 25.816h-20a2.5 2.5 0 00-2.5 2.5v12.5a2.5 2.5 0 002.5 2.5h20a2.5 2.5 0 002.5-2.5v-12.5a2.5 2.5 0 00-2.5-2.5zm-10 11.25a2.5 2.5 0 11-.001-4.999 2.5 2.5 0 010 4.999zM48.816 23.316h-2.5v-2.5a4.948 4.948 0 00-4.889-5h-.052a4.972 4.972 0 00-5.06 4.885v2.615h-2.5V20.69a7.45 7.45 0 017.437-7.375h.076a7.474 7.474 0 017.488 7.46v2.54z"
+          fill={stroke}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_21932_5671">
+          <Path fill="#fff" d="M0 0H72V72H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};
+
+export default Lock;