npm - @hero-design/rn - Versions diffs - 8.52.0 → 8.52.2-rc2.0 - Mend

@hero-design/rn 8.52.0 → 8.52.2-rc2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (182) hide show

package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -114,7 +114,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is basic-transpare
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -249,7 +248,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -384,7 +382,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-primary
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -519,7 +516,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-secondar
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -654,7 +650,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -789,7 +784,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -924,7 +918,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1059,7 +1052,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1194,7 +1186,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1329,7 +1320,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -105,7 +105,6 @@ exports[`UtilityButton snapshot has intent primary style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -231,7 +230,6 @@ exports[`UtilityButton snapshot has intent text style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap CHANGED Viewed

@@ -81,7 +81,6 @@ exports[`Button renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -257,7 +256,6 @@ exports[`Button renders correctly 2`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -359,7 +357,6 @@ exports[`Button renders correctly 3`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -463,7 +460,6 @@ exports[`Button renders correctly 4`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -641,7 +637,6 @@ exports[`Button renders correctly 5`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -745,7 +740,6 @@ exports[`Button renders correctly 6`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -848,7 +842,6 @@ exports[`Button renders correctly 7`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1024,7 +1017,6 @@ exports[`Button renders correctly 8`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1127,7 +1119,6 @@ exports[`Button renders correctly 9`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1230,7 +1221,6 @@ exports[`Button renders correctly 10`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1406,7 +1396,6 @@ exports[`Button renders correctly 11`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1509,7 +1498,6 @@ exports[`Button renders correctly 12`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1612,7 +1600,6 @@ exports[`Button renders correctly 13`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1788,7 +1775,6 @@ exports[`Button renders correctly 14`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1891,7 +1877,6 @@ exports[`Button renders correctly 15`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -2068,7 +2053,6 @@ exports[`Button renders loading icon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap CHANGED Viewed

@@ -68,7 +68,6 @@ exports[`IconButton renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap CHANGED Viewed

@@ -48,7 +48,6 @@ exports[`StyledButtonContainer has filled-danger style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -117,7 +116,6 @@ exports[`StyledButtonContainer has filled-primary style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -186,7 +184,6 @@ exports[`StyledButtonContainer has filled-secondary style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -257,7 +254,6 @@ exports[`StyledButtonContainer has outlined-danger style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -328,7 +324,6 @@ exports[`StyledButtonContainer has outlined-primary style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -399,7 +394,6 @@ exports[`StyledButtonContainer has outlined-secondary style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -468,7 +462,6 @@ exports[`StyledButtonContainer has text-danger style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -537,7 +530,6 @@ exports[`StyledButtonContainer has text-primary style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -606,7 +598,6 @@ exports[`StyledButtonContainer has text-secondary style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -680,7 +671,6 @@ exports[`StyledButtonContainer renders disabled correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -731,7 +721,6 @@ exports[`StyledButtonIcon has filled-danger style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -782,7 +771,6 @@ exports[`StyledButtonIcon has filled-primary style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -833,7 +821,6 @@ exports[`StyledButtonIcon has filled-secondary style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -884,7 +871,6 @@ exports[`StyledButtonIcon has outlined-danger style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -935,7 +921,6 @@ exports[`StyledButtonIcon has outlined-primary style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -986,7 +971,6 @@ exports[`StyledButtonIcon has outlined-secondary style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1037,7 +1021,6 @@ exports[`StyledButtonIcon has text-danger style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1088,7 +1071,6 @@ exports[`StyledButtonIcon has text-primary style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1139,7 +1121,6 @@ exports[`StyledButtonIcon has text-secondary style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1190,7 +1171,6 @@ exports[`StyledButtonIcon renders disabled correctly 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1232,7 +1212,6 @@ exports[`StyledButtonIconWrapper has left style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1274,7 +1253,6 @@ exports[`StyledButtonIconWrapper has right style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1333,7 +1311,6 @@ exports[`StyledButtonText has filled-danger style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1392,7 +1369,6 @@ exports[`StyledButtonText has filled-primary style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1451,7 +1427,6 @@ exports[`StyledButtonText has filled-secondary style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1510,7 +1485,6 @@ exports[`StyledButtonText has outlined-danger style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1569,7 +1543,6 @@ exports[`StyledButtonText has outlined-primary style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1628,7 +1601,6 @@ exports[`StyledButtonText has outlined-secondary style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1687,7 +1659,6 @@ exports[`StyledButtonText has text-danger style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1746,7 +1717,6 @@ exports[`StyledButtonText has text-primary style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1805,7 +1775,6 @@ exports[`StyledButtonText has text-secondary style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1865,7 +1834,6 @@ exports[`StyledButtonText renders disabled correctly 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap CHANGED Viewed

@@ -106,7 +106,6 @@ exports[`CalendarRowItem renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -233,7 +232,6 @@ exports[`CalendarRowItem renders correctly 2`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -360,7 +358,6 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -487,7 +484,6 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -614,7 +610,6 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap CHANGED Viewed

@@ -23,7 +23,6 @@ exports[`Indicator renders correctly when intent is archived 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -67,7 +66,6 @@ exports[`Indicator renders correctly when intent is danger 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -111,7 +109,6 @@ exports[`Indicator renders correctly when intent is info 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -155,7 +152,6 @@ exports[`Indicator renders correctly when intent is primary 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -199,7 +195,6 @@ exports[`Indicator renders correctly when intent is success 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -243,7 +238,6 @@ exports[`Indicator renders correctly when intent is warning 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -286,7 +280,6 @@ exports[`StyledDataCard renders correctly 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -37,7 +37,6 @@ exports[`DataCard renders correctly when intent is archived 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -95,7 +94,6 @@ exports[`DataCard renders correctly when intent is danger 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -153,7 +151,6 @@ exports[`DataCard renders correctly when intent is info 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -211,7 +208,6 @@ exports[`DataCard renders correctly when intent is success 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -269,7 +265,6 @@ exports[`DataCard renders correctly when intent is warning 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap CHANGED Viewed

@@ -21,7 +21,6 @@ exports[`StyledCard renders correct basic style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -44,7 +44,6 @@ exports[`Card renders correctly when intent is archived 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -109,7 +108,6 @@ exports[`Card renders correctly when intent is danger 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -174,7 +172,6 @@ exports[`Card renders correctly when intent is info 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -239,7 +236,6 @@ exports[`Card renders correctly when intent is primary 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -304,7 +300,6 @@ exports[`Card renders correctly when intent is success 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -367,7 +362,6 @@ exports[`Card renders correctly when intent is undefined 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Carousel/CardCarousel.tsx CHANGED Viewed

@@ -20,7 +20,6 @@ import {
   StyledCard,
   StyledItemWrapper,
   StyledPageControl,
-  StyledShadow,
   StyledWrapper,
 } from './StyledCardCarousel';
 import { ITEM_WIDTH_RATE, VIEW_POSITION_CENTER } from './contants';
@@ -186,10 +185,7 @@ export const CardCarousel = forwardRef<CardCarouselHandles, CardCarouselProps>(
       ({ item }) => {
         return (
           <StyledItemWrapper style={{ width: itemWidth }}>
-            {/* using StyledShadow to fix border not shown on Android  */}
-            <StyledShadow>
-              <StyledCard>{item}</StyledCard>
-            </StyledShadow>
+            <StyledCard>{item}</StyledCard>
           </StyledItemWrapper>
         );
       },

package/src/components/Carousel/StyledCardCarousel.tsx CHANGED Viewed

@@ -17,24 +17,9 @@ const StyledCard = styled(Card)<CardProps>(({ theme }) => ({
   overflow: 'hidden',
   flex: 1,
 }));
-const StyledShadow = styled(View)<ViewProps>(({ theme }) => ({
-  borderRadius: theme.__hd__.cardCarousel.radii.card,
-  shadowColor: theme.__hd__.cardCarousel.shadows.color,
-  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,
-}));
 const StyledItemWrapper = styled(View)<ViewProps>(({ theme }) => ({
   padding: theme.__hd__.cardCarousel.space.carouselItemSpacing,
 }));
-export {
-  StyledCard,
-  StyledShadow,
-  StyledItemWrapper,
-  StyledWrapper,
-  StyledPageControl,
-};
+export { StyledCard, StyledItemWrapper, StyledWrapper, StyledPageControl };