@hero-design/rn 8.136.2 → 8.136.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.136.3
+
+### Patch Changes
+
+- [#5502](https://github.com/Thinkei/hero-design/pull/5502) [`61d504b`](https://github.com/Thinkei/hero-design/commit/61d504b72a5d2631dd66d10ce0af97cbc5cd30c7) Thanks [@ttkien](https://github.com/ttkien)! - [SectionHeading] Remove redundant icon wrapper spacing when no icon is provided
+
 ## 8.136.2
 
 ### Patch Changes

package/es/index.js

@@ -27467,14 +27467,14 @@ var SectionHeading = function SectionHeading(_ref) {
     themeSize: size,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React__default.createElement(StyledWrapper$4, null, /*#__PURE__*/React__default.createElement(StyledIconWrapper$2, null, icon !== undefined && (typeof icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(StyledWrapper$4, null, icon !== undefined && /*#__PURE__*/React__default.createElement(StyledIconWrapper$2, null, typeof icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
   }) : (/*#__PURE__*/React__default.cloneElement(icon, _objectSpread2({
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
-  }, icon.props))))), size === 'small' ? /*#__PURE__*/React__default.createElement(Typography.Caption, {
+  }, icon.props)))), size === 'small' ? /*#__PURE__*/React__default.createElement(Typography.Caption, {
     intent: intent
   }, text) : /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "small",
@@ -27521,10 +27521,8 @@ var StyledSectionSpacer = index$c(View)(function (_ref3) {
     height: themeCompact ? theme.__hd__.sectionList.space.sectionSpacingCompact : theme.__hd__.sectionList.space.sectionSpacing
   };
 });
-var StyledSectionHeading = index$c(SectionHeading)(function (_ref4) {
-  var theme = _ref4.theme;
+var StyledSectionHeading = index$c(SectionHeading)(function () {
   return {
-    paddingLeft: theme.__hd__.sectionList.space.headingPaddingLeft,
     marginBottom: 0
   };
 });

package/lib/index.js

@@ -27496,14 +27496,14 @@ var SectionHeading = function SectionHeading(_ref) {
     themeSize: size,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$4, null, /*#__PURE__*/React__namespace.default.createElement(StyledIconWrapper$2, null, icon !== undefined && (typeof icon === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$4, null, icon !== undefined && /*#__PURE__*/React__namespace.default.createElement(StyledIconWrapper$2, null, typeof icon === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
     icon: icon,
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
   }) : (/*#__PURE__*/React__namespace.default.cloneElement(icon, _objectSpread2({
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
-  }, icon.props))))), size === 'small' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
+  }, icon.props)))), size === 'small' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
     intent: intent
   }, text) : /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
     variant: "small",
@@ -27550,10 +27550,8 @@ var StyledSectionSpacer = index$c(reactNative.View)(function (_ref3) {
     height: themeCompact ? theme.__hd__.sectionList.space.sectionSpacingCompact : theme.__hd__.sectionList.space.sectionSpacing
   };
 });
-var StyledSectionHeading = index$c(SectionHeading)(function (_ref4) {
-  var theme = _ref4.theme;
+var StyledSectionHeading = index$c(SectionHeading)(function () {
   return {
-    paddingLeft: theme.__hd__.sectionList.space.headingPaddingLeft,
     marginBottom: 0
   };
 });

package/package.json

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

package/src/components/SectionHeading/index.tsx

@@ -87,9 +87,9 @@ const SectionHeading = ({
   return (
     <StyledHeading themeSize={size} style={style} testID={testID}>
       <StyledWrapper>
-        <StyledIconWrapper>
-          {icon !== undefined &&
-            (typeof icon === 'string' ? (
+        {icon !== undefined && (
+          <StyledIconWrapper>
+            {typeof icon === 'string' ? (
               <Icon
                 icon={icon}
                 size={ICON_SIZE_MAP[size]}
@@ -101,8 +101,9 @@ const SectionHeading = ({
                 intent: ICON_INTENT_MAP[intent],
                 ...icon.props,
               })
-            ))}
-        </StyledIconWrapper>
+            )}
+          </StyledIconWrapper>
+        )}
 
         {size === 'small' ? (
           <Typography.Caption intent={intent}>{text}</Typography.Caption>

package/src/components/SectionList/StyledSectionList.tsx

@@ -52,8 +52,7 @@ const StyledSectionSpacer = styled(View)<{ themeCompact: boolean }>(
   })
 );
 
-const StyledSectionHeading = styled(SectionHeading)(({ theme }) => ({
-  paddingLeft: theme.__hd__.sectionList.space.headingPaddingLeft,
+const StyledSectionHeading = styled(SectionHeading)(() => ({
   marginBottom: 0,
 }));