@hero-design/rn 8.58.0 → 8.59.0

package/.turbo/turbo-build.log

@@ -2,4 +2,4 @@
 src/index.ts → lib/index.js, es/index.js...
 (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
 (!) 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
-created lib/index.js, es/index.js in 58.4s
+created lib/index.js, es/index.js in 57.2s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.59.0
+
+### Minor Changes
+
+- [#2765](https://github.com/Thinkei/hero-design/pull/2765) [`d2ebbb352`](https://github.com/Thinkei/hero-design/commit/d2ebbb35203162593468cd243602550ab6510dd9) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Carousel] Make item heading optional.
+
 ## 8.58.0
 
 ### Minor Changes

package/es/index.js

@@ -12333,10 +12333,10 @@ var CarouselItem = function CarouselItem(_ref) {
   }, ImageComponent, /*#__PURE__*/React.createElement(StyledCarouselContentWrapper, {
     paddingHorizontal: "medium",
     width: width
-  }, content, /*#__PURE__*/React.createElement(StyledCarouselHeading, {
+  }, content, !!heading && /*#__PURE__*/React.createElement(StyledCarouselHeading, {
     level: "h1",
     typeface: "playful"
-  }, heading), body ? /*#__PURE__*/React.createElement(Typography.Body, null, body) : null));
+  }, heading), !!body && /*#__PURE__*/React.createElement(Typography.Body, null, body)));
 };
 
 var _excluded$l = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style", "shouldShowPagination", "testID", "pageControlPosition"];

package/lib/index.js

@@ -12363,10 +12363,10 @@ var CarouselItem = function CarouselItem(_ref) {
   }, ImageComponent, /*#__PURE__*/React__default["default"].createElement(StyledCarouselContentWrapper, {
     paddingHorizontal: "medium",
     width: width
-  }, content, /*#__PURE__*/React__default["default"].createElement(StyledCarouselHeading, {
+  }, content, !!heading && /*#__PURE__*/React__default["default"].createElement(StyledCarouselHeading, {
     level: "h1",
     typeface: "playful"
-  }, heading), body ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, null, body) : null));
+  }, heading), !!body && /*#__PURE__*/React__default["default"].createElement(Typography.Body, null, body)));
 };
 
 var _excluded$l = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style", "shouldShowPagination", "testID", "pageControlPosition"];

package/package.json

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

package/src/components/Carousel/CarouselItem.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
 import { useTheme } from '@emotion/react';
+import React from 'react';
+import Box from '../Box';
+import Typography from '../Typography';
 import {
   StyledCarouselContentWrapper,
   StyledCarouselHeading,
   StyledCarouselImage,
   StyledCustomSizeCarouselImage,
 } from './StyledCarousel';
-import Box from '../Box';
-import Typography from '../Typography';
 import { CarouselData, CarouselImageProps } from './types';
 
 interface CarouselItemProps extends Omit<CarouselData, 'background'> {
@@ -60,10 +60,14 @@ const CarouselItem = ({
 
       <StyledCarouselContentWrapper paddingHorizontal="medium" width={width}>
         {content}
-        <StyledCarouselHeading level="h1" typeface="playful">
-          {heading}
-        </StyledCarouselHeading>
-        {body ? <Typography.Body>{body}</Typography.Body> : null}
+
+        {!!heading && (
+          <StyledCarouselHeading level="h1" typeface="playful">
+            {heading}
+          </StyledCarouselHeading>
+        )}
+
+        {!!body && <Typography.Body>{body}</Typography.Body>}
       </StyledCarouselContentWrapper>
     </Box>
   );

package/src/components/Carousel/types.ts

@@ -10,7 +10,7 @@ export type CarouselImageProps = ImageSourcePropType & {
 export type CarouselData = {
   image?: CarouselImageProps | string;
   content?: ReactNode;
-  heading: string;
+  heading?: string;
   body?: string;
   background: string;
 };

package/types/components/Carousel/types.d.ts

@@ -8,7 +8,7 @@ export declare type CarouselImageProps = ImageSourcePropType & {
 export declare type CarouselData = {
     image?: CarouselImageProps | string;
     content?: ReactNode;
-    heading: string;
+    heading?: string;
     body?: string;
     background: string;
 };