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

package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap

@@ -30,6 +30,7 @@ exports[`Body has archived intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -80,6 +81,7 @@ exports[`Body has body intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -130,6 +132,7 @@ exports[`Body has danger intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -180,6 +183,7 @@ exports[`Body has disabled intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -230,6 +234,7 @@ exports[`Body has info intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -280,6 +285,7 @@ exports[`Body has inverted intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -330,6 +336,7 @@ exports[`Body has primary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -380,6 +387,7 @@ exports[`Body has regular variant and neutral typeface and $fontWeight fontWeigh
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -430,6 +438,7 @@ exports[`Body has regular variant and playful typeface and $fontWeight fontWeigh
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -480,6 +489,7 @@ exports[`Body has regular-bold variant and neutral typeface and $fontWeight font
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -530,6 +540,7 @@ exports[`Body has regular-bold variant and playful typeface and $fontWeight font
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -580,6 +591,7 @@ exports[`Body has secondary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -630,6 +642,7 @@ exports[`Body has small variant and neutral typeface and $fontWeight fontWeight
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -680,6 +693,7 @@ exports[`Body has small variant and playful typeface and $fontWeight fontWeight
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -730,6 +744,7 @@ exports[`Body has small-bold variant and neutral typeface and $fontWeight fontWe
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -780,6 +795,7 @@ exports[`Body has small-bold variant and playful typeface and $fontWeight fontWe
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -830,6 +846,7 @@ exports[`Body has subdued intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -880,6 +897,7 @@ exports[`Body has success intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -930,6 +948,7 @@ exports[`Body has warning intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap

@@ -28,6 +28,7 @@ exports[`StyledCaption has body intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -76,6 +77,7 @@ exports[`StyledCaption has danger intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -124,6 +126,7 @@ exports[`StyledCaption has info intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -172,6 +175,7 @@ exports[`StyledCaption has inverted intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -220,6 +224,7 @@ exports[`StyledCaption has primary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -268,6 +273,7 @@ exports[`StyledCaption has regular fontWeight style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -316,6 +322,7 @@ exports[`StyledCaption has semi-bold fontWeight style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -364,6 +371,7 @@ exports[`StyledCaption has subdued intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -412,6 +420,7 @@ exports[`StyledCaption has success intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -460,6 +469,7 @@ exports[`StyledCaption has warning intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap

@@ -29,6 +29,7 @@ exports[`Caption has archived intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -78,6 +79,7 @@ exports[`Caption has body intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -127,6 +129,7 @@ exports[`Caption has danger intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -176,6 +179,7 @@ exports[`Caption has disabled intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -225,6 +229,7 @@ exports[`Caption has info intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -274,6 +279,7 @@ exports[`Caption has inverted intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -323,6 +329,7 @@ exports[`Caption has primary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -372,6 +379,7 @@ exports[`Caption has regular fontWeight style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -421,6 +429,7 @@ exports[`Caption has secondary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -470,6 +479,7 @@ exports[`Caption has semi-bold fontWeight style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -519,6 +529,7 @@ exports[`Caption has subdued intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -568,6 +579,7 @@ exports[`Caption has success intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -617,6 +629,7 @@ exports[`Caption has warning intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap

@@ -26,6 +26,7 @@ exports[`StyledLabel has body intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -72,6 +73,7 @@ exports[`StyledLabel has danger intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -118,6 +120,7 @@ exports[`StyledLabel has info intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -164,6 +167,7 @@ exports[`StyledLabel has inverted intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -210,6 +214,7 @@ exports[`StyledLabel has primary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -256,6 +261,7 @@ exports[`StyledLabel has subdued intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -302,6 +308,7 @@ exports[`StyledLabel has success intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -348,6 +355,7 @@ exports[`StyledLabel has warning intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap

@@ -27,6 +27,7 @@ exports[`Label has archived intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -74,6 +75,7 @@ exports[`Label has body intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -121,6 +123,7 @@ exports[`Label has danger intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -168,6 +171,7 @@ exports[`Label has disabled intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -215,6 +219,7 @@ exports[`Label has info intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -262,6 +267,7 @@ exports[`Label has inverted intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -309,6 +315,7 @@ exports[`Label has primary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -356,6 +363,7 @@ exports[`Label has secondary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -403,6 +411,7 @@ exports[`Label has subdued intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -450,6 +459,7 @@ exports[`Label has success intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -497,6 +507,7 @@ exports[`Label has warning intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap

@@ -30,6 +30,7 @@ exports[`StyledText has body intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -80,6 +81,7 @@ exports[`StyledText has danger intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -130,6 +132,7 @@ exports[`StyledText has info intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -180,6 +183,7 @@ exports[`StyledText has inverted intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -230,6 +234,7 @@ exports[`StyledText has large fontSize style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -280,6 +285,7 @@ exports[`StyledText has light fontWeight style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -330,6 +336,7 @@ exports[`StyledText has medium fontSize style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -380,6 +387,7 @@ exports[`StyledText has neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -430,6 +438,7 @@ exports[`StyledText has playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -480,6 +489,7 @@ exports[`StyledText has primary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -530,6 +540,7 @@ exports[`StyledText has regular fontWeight style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -580,6 +591,7 @@ exports[`StyledText has semi-bold fontWeight style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -630,6 +642,7 @@ exports[`StyledText has small fontSize style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -680,6 +693,7 @@ exports[`StyledText has subdued intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -730,6 +744,7 @@ exports[`StyledText has success intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -780,6 +795,7 @@ exports[`StyledText has warning intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -830,6 +846,7 @@ exports[`StyledText has xlarge fontSize style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -880,6 +897,7 @@ exports[`StyledText has xsmall fontSize style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -930,6 +948,7 @@ exports[`StyledText has xxxlarge fontSize style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -980,6 +999,7 @@ exports[`StyledText has xxxxxlarge fontSize style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {