@hero-design/rn 8.10.0 → 8.11.0

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
-@hero-design/rn:build: cache hit, replaying output 08f1611d2f1bfc32
-@hero-design/rn:build: $ yarn build:js && yarn build:types
-@hero-design/rn:build: $ rollup -c
-@hero-design/rn:build: 
-@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
-@hero-design/rn:build: (!) 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`.
-@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-@hero-design/rn:build: created lib/index.js, es/index.js in 29s
-@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json
+@hero-design/rn:build: cache hit, replaying output f335a4d5339821cf
+@hero-design/rn:build: $ yarn build:js && yarn build:types
+@hero-design/rn:build: $ rollup -c
+@hero-design/rn:build: 
+@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
+@hero-design/rn:build: (!) 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`.
+@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
+@hero-design/rn:build: created lib/index.js, es/index.js in 22.5s
+@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/es/index.js

@@ -1,5 +1,5 @@
 import * as reactNative from 'react-native';
-import { Platform, Dimensions, StyleSheet as StyleSheet$1, Animated, View, Easing, TouchableOpacity, Text as Text$1, Image as Image$1, TouchableWithoutFeedback, Pressable, SafeAreaView, KeyboardAvoidingView, ScrollView, Modal, useWindowDimensions, FlatList, TextInput as TextInput$1, PanResponder, TouchableHighlight, InteractionManager, Keyboard, SectionList, LayoutAnimation, RefreshControl as RefreshControl$1 } from 'react-native';
+import { Platform, Dimensions, StyleSheet as StyleSheet$1, Animated, View, Easing, TouchableOpacity, Text as Text$1, Image as Image$1, TouchableWithoutFeedback, Pressable, SafeAreaView, KeyboardAvoidingView, ScrollView, Modal, FlatList, useWindowDimensions, TextInput as TextInput$1, PanResponder, TouchableHighlight, InteractionManager, Keyboard, SectionList, LayoutAnimation, RefreshControl as RefreshControl$1 } from 'react-native';
 import React, { useContext, createContext, createElement, useMemo, forwardRef, useEffect, useCallback, useRef, useState, useLayoutEffect, useImperativeHandle } from 'react';
 import { createIconSet } from 'react-native-vector-icons';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -1826,6 +1826,36 @@ var getCarouselTheme = function getCarouselTheme(theme) {
   };
 };
 
+var getCardCarouselTheme = function getCardCarouselTheme(theme) {
+  var space = {
+    pageControlMarginTop: theme.space.medium,
+    carouselItemSpacing: theme.space.small,
+    contentContainerPaddingHorizontal: theme.space.large
+  };
+  var colors = {
+    shadow: theme.colors.primaryOutline,
+    carouselItemBackground: theme.colors.defaultSurface
+  };
+  var shadows = {
+    offset: {
+      width: 0,
+      height: 2
+    },
+    opacity: 0.12,
+    radius: theme.radii.medium,
+    elevation: 4
+  };
+  var radii = {
+    card: theme.radii.medium
+  };
+  return {
+    shadows: shadows,
+    colors: colors,
+    space: space,
+    radii: radii
+  };
+};
+
 var getCheckboxTheme = function getCheckboxTheme(theme) {
   var colors = {
     "default": theme.colors.primaryOutline,
@@ -2551,7 +2581,8 @@ var getTextInputTheme = function getTextInputTheme(theme) {
     errorMarginLeft: theme.space.xsmall,
     maxLengthLabelMarginLeft: theme.space.xsmall,
     errorAndHelpTextContainerPaddingLeft: theme.space.medium,
-    containerMarginTop: theme.space.small
+    containerMarginTop: theme.space.small,
+    labelInsideTextInputMarginTop: -theme.space.xxsmall
   };
   var fontSizes = {
     text: theme.fontSizes.medium,
@@ -2560,10 +2591,6 @@ var getTextInputTheme = function getTextInputTheme(theme) {
     maxLength: theme.fontSizes.small,
     asteriskLabel: theme.fontSizes.medium
   };
-  var lineHeights = {
-    text: theme.lineHeights.xsmall,
-    labelInsideTextInput: theme.lineHeights.xsmall
-  };
   var borderWidths = {
     container: {
       normal: theme.borderWidths.base,
@@ -2582,7 +2609,6 @@ var getTextInputTheme = function getTextInputTheme(theme) {
     fontSizes: fontSizes,
     borderWidths: borderWidths,
     radii: radii,
-    lineHeights: lineHeights,
     sizes: sizes
   };
 };
@@ -2729,6 +2755,7 @@ var getTheme$1 = function getTheme() {
       calendar: getCalendarTheme(globalTheme),
       card: getCardTheme(globalTheme),
       carousel: getCarouselTheme(globalTheme),
+      cardCarousel: getCardCarouselTheme(globalTheme),
       checkbox: getCheckboxTheme(globalTheme),
       contentNavigator: getContentNavigatorTheme(globalTheme),
       datePicker: getDatePickerTheme(globalTheme),
@@ -5624,7 +5651,7 @@ var index$a = components.reduce(function (acc, comp) {
   });
 }, styled);
 
-var StyledWrapper$b = index$a(Animated.View)(function () {
+var StyledWrapper$c = index$a(Animated.View)(function () {
   return {
     margin: 0,
     padding: 0,
@@ -5698,7 +5725,7 @@ var Collapse = function Collapse(_ref) {
     var height = _ref2.height;
     setContentHeight(height);
   }, []);
-  return /*#__PURE__*/React.createElement(StyledWrapper$b, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$c, {
     style: {
       height: collapseAnim
     },
@@ -5711,10 +5738,10 @@ var Collapse = function Collapse(_ref) {
   }, children)));
 };
 
-var StyledWrapper$a = index$a(View)(function () {
+var StyledWrapper$b = index$a(View)(function () {
   return {};
 });
-var StyledItemWrapper = index$a(View)(function (_ref) {
+var StyledItemWrapper$1 = index$a(View)(function (_ref) {
   var theme = _ref.theme,
     themeVariant = _ref.themeVariant;
   return {
@@ -6372,7 +6399,7 @@ var AccordionItem = function AccordionItem(_ref) {
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     style = _ref.style,
     testID = _ref.testID;
-  return /*#__PURE__*/React.createElement(StyledItemWrapper, {
+  return /*#__PURE__*/React.createElement(StyledItemWrapper$1, {
     themeVariant: variant,
     style: style,
     testID: testID
@@ -6406,7 +6433,7 @@ var Accordion = function Accordion(_ref) {
     _usePropsOrInternalSt2 = _slicedToArray(_usePropsOrInternalSt, 2),
     _activeItemKey = _usePropsOrInternalSt2[0],
     _onItemPress = _usePropsOrInternalSt2[1];
-  return /*#__PURE__*/React.createElement(StyledWrapper$a, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$b, {
     style: style,
     testID: testID
   }, items.map(function (_ref2, index) {
@@ -6593,7 +6620,7 @@ var Attachment = function Attachment(_ref) {
   })) : null);
 };
 
-var StyledWrapper$9 = index$a(TouchableOpacity)(function (_ref) {
+var StyledWrapper$a = index$a(TouchableOpacity)(function (_ref) {
   var themeSize = _ref.themeSize,
     themeIntent = _ref.themeIntent,
     theme = _ref.theme;
@@ -6648,7 +6675,7 @@ var Avatar = function Avatar(_ref) {
     hasImageError = _useState2[0],
     setHasImageError = _useState2[1];
   if (title === undefined && source === undefined) return null;
-  return /*#__PURE__*/React.createElement(StyledWrapper$9, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$a, {
     testID: testID,
     onPress: onPress,
     disabled: onPress === undefined,
@@ -6672,7 +6699,7 @@ var Avatar = function Avatar(_ref) {
 };
 
 var VISIBLE_RATIO = 0.7;
-var StyledWrapper$8 = index$a(View)(function (_ref) {
+var StyledWrapper$9 = index$a(View)(function (_ref) {
   var theme = _ref.theme,
     themeSize = _ref.themeSize,
     themeAvatarCount = _ref.themeAvatarCount;
@@ -6734,7 +6761,7 @@ var AvatarStack = function AvatarStack(_ref) {
     });
     avatars.push(remainingAvatar);
   }
-  return /*#__PURE__*/React.createElement(StyledWrapper$8, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$9, {
     themeSize: size,
     themeAvatarCount: avatars.length,
     style: style,
@@ -7069,7 +7096,7 @@ var Divider = function Divider(_ref) {
 
 var AnimatedPressable$1 = Animated.createAnimatedComponent(Pressable);
 var AnimatedSafeAreaView = Animated.createAnimatedComponent(SafeAreaView);
-var StyledWrapper$7 = index$a(View)(_objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
+var StyledWrapper$8 = index$a(View)(_objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
   flexDirection: 'column-reverse'
 }));
 var StyledKeyboardAvoidingView = index$a(KeyboardAvoidingView)(function () {
@@ -7728,7 +7755,7 @@ var BottomSheet = function BottomSheet(_ref) {
     transparent: true,
     testID: testID,
     onShow: onOpen
-  }, /*#__PURE__*/React.createElement(StyledWrapper$7, {
+  }, /*#__PURE__*/React.createElement(StyledWrapper$8, {
     pointerEvents: "box-none"
   }, /*#__PURE__*/React.createElement(StyledKeyboardAvoidingView, _extends$1({
     behavior: Platform.OS === 'ios' ? 'padding' : 'height'
@@ -10559,7 +10586,7 @@ var Image = function Image(_ref) {
   }, imageNativeProps));
 };
 
-var StyledPageControl$1 = index$a(View)(function () {
+var StyledPageControl$2 = index$a(View)(function () {
   return {
     flexDirection: 'row',
     alignItems: 'center'
@@ -10587,7 +10614,7 @@ var PageControl = function PageControl(_ref) {
   React.useEffect(function () {
     animatedValue.setValue(currentPage);
   }, [currentPage]);
-  return /*#__PURE__*/React.createElement(StyledPageControl$1, {
+  return /*#__PURE__*/React.createElement(StyledPageControl$2, {
     testID: testID,
     style: style
   }, new Array(numberOfPages).fill('').map(function (_, index) {
@@ -10676,7 +10703,7 @@ var StyledCarouselFooterWrapper = index$a(View)(function (_ref5) {
     marginBottom: theme.__hd__.carousel.space.footerMarginBottom
   };
 });
-var StyledPageControl = index$a(PageControl)({
+var StyledPageControl$1 = index$a(PageControl)({
   marginStart: 'auto'
 });
 
@@ -10711,7 +10738,243 @@ var CarouselItem = function CarouselItem(_ref) {
   }, body) : null));
 };
 
-var _excluded$d = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style", "shouldShowPagination"];
+/*
+ * Carousel item width.
+ * the percentage of the Card Carousel width
+ */
+var ITEM_WIDTH_RATE = 0.85;
+/*
+ * view position when scroll to Index
+ */
+var VIEW_POSITION_CENTER = 0.5;
+
+var StyledDataCard = index$a(View)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    borderRadius: theme.__hd__.card.radii["default"],
+    overflow: 'hidden',
+    flexDirection: 'row'
+  };
+});
+var Indicator = index$a(View)(function (_ref2) {
+  var theme = _ref2.theme,
+    themeIntent = _ref2.themeIntent;
+  return {
+    backgroundColor: theme.__hd__.card.colors[themeIntent],
+    width: theme.__hd__.card.sizes.indicatorWidth,
+    height: '100%'
+  };
+});
+
+var _excluded$d = ["intent", "children"];
+var DataCard = function DataCard(_ref) {
+  var _ref$intent = _ref.intent,
+    intent = _ref$intent === void 0 ? 'info' : _ref$intent,
+    children = _ref.children,
+    nativeProps = _objectWithoutProperties(_ref, _excluded$d);
+  return /*#__PURE__*/React.createElement(StyledDataCard, nativeProps, /*#__PURE__*/React.createElement(Indicator, {
+    themeIntent: intent,
+    testID: "data-card-indicator"
+  }), children);
+};
+
+var StyledCard$1 = index$a(View)(function (_ref) {
+  var theme = _ref.theme,
+    themeIntent = _ref.themeIntent;
+  return _objectSpread2(_objectSpread2({}, themeIntent !== undefined && {
+    backgroundColor: theme.__hd__.card.colors[themeIntent]
+  }), {}, {
+    borderRadius: theme.__hd__.card.radii["default"],
+    overflow: 'hidden'
+  });
+});
+
+var _excluded$c = ["intent", "children"];
+var Card = function Card(_ref) {
+  var intent = _ref.intent,
+    children = _ref.children,
+    nativeProps = _objectWithoutProperties(_ref, _excluded$c);
+  return /*#__PURE__*/React.createElement(StyledCard$1, _extends$1({}, nativeProps, {
+    themeIntent: intent
+  }), children);
+};
+var Card$1 = Object.assign(Card, {
+  Data: DataCard
+});
+
+var StyledPageControl = index$a(PageControl)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    alignSelf: 'center',
+    marginTop: theme.__hd__.cardCarousel.space.pageControlMarginTop
+  };
+});
+var StyledWrapper$7 = index$a(View)({});
+var StyledCard = index$a(Card$1)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    borderRadius: theme.__hd__.cardCarousel.radii.card,
+    overflow: 'hidden',
+    flex: 1
+  };
+});
+var StyledShadow = index$a(View)(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    borderRadius: theme.__hd__.cardCarousel.radii.card,
+    shadowColor: theme.__hd__.cardCarousel.colors.shadow,
+    shadowOffset: theme.__hd__.cardCarousel.shadows.offset,
+    shadowRadius: theme.__hd__.cardCarousel.shadows.radius,
+    shadowOpacity: theme.__hd__.cardCarousel.shadows.opacity,
+    elevation: theme.__hd__.cardCarousel.shadows.elevation,
+    flex: 1
+  };
+});
+var StyledItemWrapper = index$a(View)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    padding: theme.__hd__.cardCarousel.space.carouselItemSpacing
+  };
+});
+
+var CardCarousel = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var onItemIndexChange = _ref.onItemIndexChange,
+    items = _ref.items,
+    _ref$hidePageControl = _ref.hidePageControl,
+    hidePageControl = _ref$hidePageControl === void 0 ? false : _ref$hidePageControl,
+    style = _ref.style,
+    testID = _ref.testID,
+    _ref$autoPlay = _ref.autoPlay,
+    autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,
+    _ref$autoPlayInterval = _ref.autoPlayInterval,
+    autoPlayInterval = _ref$autoPlayInterval === void 0 ? 3000 : _ref$autoPlayInterval;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentIndex = _useState2[0],
+    setCurrentIndex = _useState2[1];
+  var theme = useTheme();
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    flatListWidth = _useState4[0],
+    setFlatListWidth = _useState4[1];
+  var itemWidth = flatListWidth * ITEM_WIDTH_RATE;
+  var carouselRef = useRef(null);
+  var _snapToIndex = useCallback(function (index) {
+    var _carouselRef$current;
+    var validIndex = 0;
+    if (index < 0) {
+      validIndex = 0;
+    } else if (index >= items.length) {
+      validIndex = items.length - 1;
+    } else {
+      validIndex = index;
+    }
+    (_carouselRef$current = carouselRef.current) === null || _carouselRef$current === void 0 ? void 0 : _carouselRef$current.scrollToIndex({
+      index: validIndex,
+      animated: true,
+      viewPosition: VIEW_POSITION_CENTER
+    });
+  }, [carouselRef, itemWidth]);
+  /*
+   * snap to the next index. If the curent index is the last one, snap to the first one.
+   */
+  var snapToNext = useCallback(function () {
+    var _carouselRef$current2;
+    var nextIndex = currentIndex + 1;
+    if (nextIndex >= items.length) {
+      nextIndex = 0;
+    }
+    (_carouselRef$current2 = carouselRef.current) === null || _carouselRef$current2 === void 0 ? void 0 : _carouselRef$current2.scrollToIndex({
+      index: nextIndex,
+      animated: true,
+      viewPosition: VIEW_POSITION_CENTER
+    });
+  }, [carouselRef, currentIndex, itemWidth, items.length]);
+  React.useImperativeHandle(ref, function () {
+    return {
+      snapToIndex: function snapToIndex(index) {
+        _snapToIndex(index);
+      },
+      // we don't expose this method, it's for testing https://medium.com/developer-rants/how-to-test-useref-without-mocking-useref-699165f4994e
+      getFlatListRef: function getFlatListRef() {
+        return carouselRef.current;
+      }
+    };
+  }, [_snapToIndex]);
+  useEffect(function () {
+    var timer;
+    if (autoPlay) {
+      timer = setInterval(function () {
+        snapToNext();
+      }, autoPlayInterval);
+    }
+    return function () {
+      clearInterval(timer);
+    };
+  }, [autoPlay, snapToNext, currentIndex, autoPlayInterval]);
+  var visibleSlideChanged = useCallback(function (_ref2) {
+    var viewableItems = _ref2.viewableItems;
+    if (!viewableItems || viewableItems && !viewableItems.length) return;
+    var index = viewableItems[0].index;
+    setCurrentIndex(index);
+    if (onItemIndexChange) {
+      onItemIndexChange(index);
+    }
+  }, [onItemIndexChange]);
+  var getItemLayout = useCallback(function (_, index) {
+    return {
+      length: itemWidth,
+      offset: itemWidth * index,
+      index: index
+    };
+  }, [itemWidth]);
+  var onLayout = useCallback(function (e) {
+    setFlatListWidth(e.nativeEvent.layout.width);
+  }, [setFlatListWidth]);
+  var renderItem = useCallback(function (_ref3) {
+    var item = _ref3.item;
+    return /*#__PURE__*/React.createElement(StyledItemWrapper, {
+      style: {
+        width: itemWidth
+      }
+    }, /*#__PURE__*/React.createElement(StyledShadow, null, /*#__PURE__*/React.createElement(StyledCard, null, item)));
+  }, [itemWidth]);
+  return /*#__PURE__*/React.createElement(StyledWrapper$7, {
+    style: style,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    contentContainerStyle: {
+      paddingHorizontal: theme.__hd__.cardCarousel.space.contentContainerPaddingHorizontal
+    },
+    onLayout: onLayout,
+    data: items,
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    pagingEnabled: true,
+    bounces: false,
+    scrollEventThrottle: 32,
+    snapToAlignment: "center",
+    getItemLayout: getItemLayout,
+    ref: carouselRef,
+    renderItem: renderItem,
+    keyExtractor: function keyExtractor(_, index) {
+      return "".concat(index);
+    },
+    decelerationRate: "fast",
+    renderToHardwareTextureAndroid: true,
+    snapToInterval: itemWidth + theme.__hd__.cardCarousel.space.carouselItemSpacing,
+    onViewableItemsChanged: visibleSlideChanged,
+    viewabilityConfig: {
+      itemVisiblePercentThreshold: 80
+    }
+  }), !hidePageControl && /*#__PURE__*/React.createElement(StyledPageControl, {
+    testID: "pageControl",
+    currentPage: currentIndex,
+    numberOfPages: items.length
+  }));
+});
+
+var _excluded$b = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style", "shouldShowPagination"];
 function useStateFromProp(initialValue) {
   var _useState = useState(initialValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -10733,7 +10996,7 @@ var Carousel = function Carousel(_ref) {
     shouldShowPagination = _ref$shouldShowPagina === void 0 ? function () {
       return true;
     } : _ref$shouldShowPagina,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$d);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$b);
   var carouselRef = useRef(null);
   var _useStateFromProp = useStateFromProp(selectedItemIndex),
     _useStateFromProp2 = _slicedToArray(_useStateFromProp, 2),
@@ -10809,64 +11072,13 @@ var Carousel = function Carousel(_ref) {
         width: width
       });
     }
-  }), /*#__PURE__*/React.createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), shouldShowPagination(currentSlideIndex) && /*#__PURE__*/React.createElement(StyledPageControl, {
+  }), /*#__PURE__*/React.createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), shouldShowPagination(currentSlideIndex) && /*#__PURE__*/React.createElement(StyledPageControl$1, {
     numberOfPages: items.length,
     currentPage: currentSlideIndex
   }))));
 };
-
-var StyledDataCard = index$a(View)(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    borderRadius: theme.__hd__.card.radii["default"],
-    overflow: 'hidden',
-    flexDirection: 'row'
-  };
-});
-var Indicator = index$a(View)(function (_ref2) {
-  var theme = _ref2.theme,
-    themeIntent = _ref2.themeIntent;
-  return {
-    backgroundColor: theme.__hd__.card.colors[themeIntent],
-    width: theme.__hd__.card.sizes.indicatorWidth,
-    height: '100%'
-  };
-});
-
-var _excluded$c = ["intent", "children"];
-var DataCard = function DataCard(_ref) {
-  var _ref$intent = _ref.intent,
-    intent = _ref$intent === void 0 ? 'info' : _ref$intent,
-    children = _ref.children,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$c);
-  return /*#__PURE__*/React.createElement(StyledDataCard, nativeProps, /*#__PURE__*/React.createElement(Indicator, {
-    themeIntent: intent,
-    testID: "data-card-indicator"
-  }), children);
-};
-
-var StyledCard = index$a(View)(function (_ref) {
-  var theme = _ref.theme,
-    themeIntent = _ref.themeIntent;
-  return _objectSpread2(_objectSpread2({}, themeIntent !== undefined && {
-    backgroundColor: theme.__hd__.card.colors[themeIntent]
-  }), {}, {
-    borderRadius: theme.__hd__.card.radii["default"],
-    overflow: 'hidden'
-  });
-});
-
-var _excluded$b = ["intent", "children"];
-var Card = function Card(_ref) {
-  var intent = _ref.intent,
-    children = _ref.children,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$b);
-  return /*#__PURE__*/React.createElement(StyledCard, _extends$1({}, nativeProps, {
-    themeIntent: intent
-  }), children);
-};
-var index$8 = Object.assign(Card, {
-  Data: DataCard
+var index$8 = Object.assign(Carousel, {
+  Card: CardCarousel
 });
 
 var StyledWrapper$6 = index$a(TouchableOpacity)(function (_ref) {
@@ -10991,9 +11203,9 @@ var StyledLabelInsideTextInput = index$a(Typography.Text)(function (_ref5) {
     textAlignVertical: 'center',
     alignContent: 'center',
     fontSize: theme.__hd__.textInput.fontSizes.labelInsideTextInput,
-    lineHeight: theme.__hd__.textInput.lineHeights.labelInsideTextInput,
     alignItems: 'center',
-    color: theme.__hd__.textInput.colors.labelsInsideTextInput[themeVariant]
+    color: theme.__hd__.textInput.colors.labelsInsideTextInput[themeVariant],
+    marginTop: theme.__hd__.textInput.space.labelInsideTextInputMarginTop
   };
 });
 var StyledAsteriskLabelInsideTextInput = index$a(Typography.Text)(function (_ref6) {
@@ -11046,7 +11258,6 @@ var StyledTextInput = index$a(TextInput$1)(function (_ref11) {
   return {
     textAlignVertical: 'center',
     fontSize: theme.__hd__.textInput.fontSizes.text,
-    lineHeight: theme.__hd__.textInput.lineHeights.text,
     alignSelf: 'stretch',
     flexGrow: 2,
     marginHorizontal: theme.__hd__.textInput.space.inputHorizontalMargin,
@@ -31329,4 +31540,4 @@ var index = Object.assign(RichTextEditor$1, {
   Toolbar: EditorToolbar
 });
 
-export { Accordion, Alert, Attachment, index$9 as Avatar, Badge$1 as Badge, BottomNavigation, BottomSheet$1 as BottomSheet, Box, CompoundButton as Button, Calendar, index$8 as Card, Carousel, Checkbox, Collapse, ContentNavigator, DatePicker, Divider, index$7 as Drawer, Empty, index$6 as FAB, Icon, Image, List, PageControl, PinInput, Progress, CompoundRadio as Radio, RefreshControl, index as RichTextEditor, SectionHeading, index$4 as Select, Slider, Spinner, index$5 as Swipeable, index$3 as Switch, index$2 as Tabs, Tag, TextInput, ThemeProvider, ThemeSwitcher, TimePicker, Toast, index$1 as Toolbar, Typography, eBensSystemPalette, getTheme$1 as getTheme, jobsSystemPalette, scale, swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, workSystemPalette };
+export { Accordion, Alert, Attachment, index$9 as Avatar, Badge$1 as Badge, BottomNavigation, BottomSheet$1 as BottomSheet, Box, CompoundButton as Button, Calendar, Card$1 as Card, index$8 as Carousel, Checkbox, Collapse, ContentNavigator, DatePicker, Divider, index$7 as Drawer, Empty, index$6 as FAB, Icon, Image, List, PageControl, PinInput, Progress, CompoundRadio as Radio, RefreshControl, index as RichTextEditor, SectionHeading, index$4 as Select, Slider, Spinner, index$5 as Swipeable, index$3 as Switch, index$2 as Tabs, Tag, TextInput, ThemeProvider, ThemeSwitcher, TimePicker, Toast, index$1 as Toolbar, Typography, eBensSystemPalette, getTheme$1 as getTheme, jobsSystemPalette, scale, swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, workSystemPalette };