@hero-design/rn-work-uikit 1.6.2 → 1.6.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @hero-design/rn-work-uikit
 
+## 1.6.4
+
+### 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
+
+- Updated dependencies [[`5a19683ca57a274f39467f7d93b303f6ace3c1ef`](https://github.com/Thinkei/hero-design/commit/5a19683ca57a274f39467f7d93b303f6ace3c1ef), [`156380111c911fff401d6a1ee1637c0ccb844029`](https://github.com/Thinkei/hero-design/commit/156380111c911fff401d6a1ee1637c0ccb844029), [`e628ee9c9ebd82dbd63eaca8ce83c583f0d6ecc7`](https://github.com/Thinkei/hero-design/commit/e628ee9c9ebd82dbd63eaca8ce83c583f0d6ecc7)]:
+  - @hero-design/rn@8.105.3
+
+## 1.6.3
+
+### Patch Changes
+
+- [#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
+
+- Updated dependencies [[`8e945d988d61e6417e05b1c3c2aa6dc381dfd723`](https://github.com/Thinkei/hero-design/commit/8e945d988d61e6417e05b1c3c2aa6dc381dfd723), [`bdfe001823336624c8738fe07caf0fa1eba1cd86`](https://github.com/Thinkei/hero-design/commit/bdfe001823336624c8738fe07caf0fa1eba1cd86)]:
+  - @hero-design/rn@8.105.1
+
 ## 1.6.2
 
 ### Patch Changes

package/lib/index.js

@@ -5839,7 +5839,7 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     count: reactNative.Platform.select({
       android: 14,
       // vertical alignment
-      "default": 18
+      "default": theme.lineHeights.small
     })
   };
   var radii = {
@@ -6501,7 +6501,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,
@@ -8670,6 +8670,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,
@@ -16647,6 +16650,9 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 CardCarousel.displayName = 'CardCarousel';
 
 var _excluded$r = ["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,
@@ -23072,6 +23078,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,
@@ -23088,7 +23181,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,
@@ -25084,7 +25180,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,
@@ -25262,7 +25360,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,
@@ -27416,7 +27513,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-work-uikit",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -23,7 +23,7 @@
     "@emotion/native": "^11.9.3",
     "@emotion/primitives-core": "11.0.0",
     "@emotion/react": "^11.9.3",
-    "@hero-design/rn": "^8.105.0",
+    "@hero-design/rn": "^8.105.3",
     "hero-editor": "^1.15.5"
   },
   "peerDependencies": {

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": 15.76923076923077,
         "medium": 15.76923076923077,
         "small": 10,
       },
@@ -807,7 +807,7 @@ exports[`theme returns correct theme object 1`] = `
         "danger": "#cb300a",
         "disabledText": "#bfc1c5",
         "inactive": "#808f91",
-        "info": "#b5c3fd",
+        "info": "#355bfb",
         "invertedText": "#ffffff",
         "muted": "#4d6265",
         "primary": "#401960",