@razorpay/blade 6.6.1 → 6.6.2

package/build/components/index.web.js

@@ -18933,7 +18933,7 @@ var getProps = function getProps(_ref2) {
       isVisited: isVisited
     }),
     fontSize: size === 'medium' ? 100 : 75,
-    lineHeight: size === 'medium' ? 'm' : 's',
+    lineHeight: size === 'medium' ? 'l' : 's',
     iconSize: size,
     iconPadding: children !== null && children !== void 0 && children.trim() ? 'spacing.2' : 'spacing.0',
     textColor: getColorToken({
@@ -23482,11 +23482,40 @@ var StyledListItem = /*#__PURE__*/styled(ListItemElement).withConfig({
   };
 });
 
-var _ListItem = function _ListItem(_ref2) {
+var ListItemContentChildren = function ListItemContentChildren(_ref2) {
   var children = _ref2.children,
-      Icon = _ref2.icon,
-      _itemNumber = _ref2._itemNumber,
-      testID = _ref2.testID;
+      size = _ref2.size;
+
+  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955
+    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).
+   */
+  return getPlatformType() === 'react-native' ? /*#__PURE__*/jsx(BaseBox, {
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    children: children.map(function (child) {
+      if (typeof child === 'string') {
+        return /*#__PURE__*/jsx(Text, {
+          variant: "body",
+          size: size,
+          children: child
+        });
+      }
+
+      return child;
+    })
+  }) : /*#__PURE__*/jsx(Text, {
+    variant: "body",
+    size: size,
+    children: children
+  });
+};
+
+var _ListItem = function _ListItem(_ref3) {
+  var children = _ref3.children,
+      Icon = _ref3.icon,
+      _itemNumber = _ref3._itemNumber,
+      testID = _ref3.testID;
 
   var _useListContext = useListContext(),
       level = _useListContext.level,
@@ -23565,8 +23594,7 @@ var _ListItem = function _ListItem(_ref2) {
             level: level !== null && level !== void 0 ? level : 1
           })).concat(variant === 'ordered' ? '.' : '')
         })
-      }), /*#__PURE__*/jsx(Text, {
-        variant: "body",
+      }), /*#__PURE__*/jsx(ListItemContentChildren, {
         size: size,
         children: validChildItem
       })]