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

@hero-design/rn 8.52.2-rc2.0 → 8.53.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 (184) hide show

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

@@ -140,6 +140,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -300,6 +301,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -460,6 +462,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -620,6 +623,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -667,6 +671,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -714,6 +719,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -761,6 +767,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -808,6 +815,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -856,6 +864,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -904,6 +913,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -952,6 +962,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1000,6 +1011,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1047,6 +1059,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is me
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1094,6 +1107,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is me
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1141,6 +1155,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is sm
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1188,6 +1203,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is sm
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1236,6 +1252,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is m
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1284,6 +1301,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is m
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1332,6 +1350,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is s
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1380,6 +1399,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is s
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1423,6 +1443,7 @@ exports[`StyledSpinnerRow renders correctly when position is bottom, and size is
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1466,6 +1487,7 @@ exports[`StyledSpinnerRow renders correctly when position is bottom, and size is
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1509,6 +1531,7 @@ exports[`StyledSpinnerRow renders correctly when position is top, and size is me
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1552,6 +1575,7 @@ exports[`StyledSpinnerRow renders correctly when position is top, and size is sm
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

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

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

@@ -166,6 +166,7 @@ exports[`Success renders full screen success page correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -311,6 +312,7 @@ exports[`Success renders succe screen with custom image element correctly 1`] =
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -464,6 +466,7 @@ exports[`Success renders success screen with image correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -578,6 +581,7 @@ exports[`Success renders title only correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -67,6 +67,7 @@ exports[`rendering renders correctly when intent is danger 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -154,6 +155,7 @@ exports[`rendering renders correctly when intent is primary 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -241,6 +243,7 @@ exports[`rendering renders correctly when intent is success 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -147,6 +147,7 @@ exports[`Swipeable renders correctly with variant=full-width 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED Viewed

@@ -71,6 +71,7 @@ exports[`Option renders correctly when not selected 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -169,6 +170,7 @@ exports[`Option renders correctly when selected 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -213,6 +215,7 @@ exports[`OptionContent renders correctly there is no badge 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -287,6 +290,7 @@ exports[`OptionContent renders correctly when there is a badge 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

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

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

@@ -21,6 +21,7 @@ exports[`StyledKnot renders correct style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -68,6 +69,7 @@ exports[`StyledWrapper renders correct style with variant checked 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -115,6 +117,7 @@ exports[`StyledWrapper renders correct style with variant disabled-checked 1`] =
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -162,6 +165,7 @@ exports[`StyledWrapper renders correct style with variant disabled-unchecked 1`]
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -209,6 +213,7 @@ exports[`StyledWrapper renders correct style with variant unchecked 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -59,6 +59,7 @@ exports[`Switch renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -138,6 +139,7 @@ exports[`Switch trigger press function correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Tabs/__tests__/SceneView.spec.tsx CHANGED Viewed

@@ -1,9 +1,9 @@
 import React from 'react';
+import { theme } from '../../../index';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
 import HeroDesignProvider from '../../HeroDesignProvider';
 import Typography from '../../Typography';
 import ScenceView from '../SceneView';
-import { theme } from '../../../index';
 describe('ScenceView', () => {
   describe('lazy', () => {

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

@@ -29,6 +29,7 @@ exports[`ScenceView lazy not renders child correctly when the scence is lazy and
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -99,6 +100,7 @@ exports[`ScenceView lazy not renders child correctly when the scence is lazy and
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -175,6 +177,7 @@ exports[`ScenceView lazy renders child correctly when the scence is focused and
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -245,6 +248,7 @@ exports[`ScenceView lazy renders child correctly when the scence is focused and
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -883,6 +883,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
   </RNCSafeAreaProvider>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1786,6 +1787,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
   </RNCSafeAreaProvider>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -2689,6 +2691,7 @@ exports[`useIsFocused renders correctly 1`] = `
   </RNCSafeAreaProvider>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

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

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

@@ -74,6 +74,7 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -134,6 +135,7 @@ exports[`TabWithBadge renders correctly with status badge config 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -643,6 +643,7 @@ exports[`Tabs renders correctly 1`] = `
   </RNCSafeAreaProvider>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1306,6 +1307,7 @@ exports[`useIsFocused renders correctly 1`] = `
   </RNCSafeAreaProvider>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1981,6 +1983,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
   </RNCSafeAreaProvider>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -52,6 +52,7 @@ exports[`Tag renders correctly when intent is danger 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -124,6 +125,7 @@ exports[`Tag renders correctly when intent is danger 2`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -196,6 +198,7 @@ exports[`Tag renders correctly when intent is info 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -268,6 +271,7 @@ exports[`Tag renders correctly when intent is info 2`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -340,6 +344,7 @@ exports[`Tag renders correctly when intent is primary 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -412,6 +417,7 @@ exports[`Tag renders correctly when intent is primary 2`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -484,6 +490,7 @@ exports[`Tag renders correctly when intent is success 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -556,6 +563,7 @@ exports[`Tag renders correctly when intent is warning 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -628,6 +636,7 @@ exports[`Tag renders correctly when intent is warning 2`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -693,6 +702,7 @@ exports[`Tag renders correctly with custom content 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Tag/index.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 import React, { ReactElement } from 'react';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import { StyledText, StyledView } from './StyledTag';
+import { useDeprecation } from '../../utils/hooks';
 interface TagProps extends ViewProps {
   /**
@@ -11,6 +12,11 @@ interface TagProps extends ViewProps {
    * Visual intent color to apply to Tag.
    */
   intent?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
+  /**
+   * @deprecated Tag variant prop is deprecated and will be removed in the next major release. Please remove it.
+   * Tag variant.
+   */
+  variant?: 'filled' | 'outlined';
   /**
    * Additional style.
    */
@@ -23,11 +29,17 @@ interface TagProps extends ViewProps {
 const Tag = ({
   content,
+  variant = 'outlined',
   intent = 'primary',
   style,
   testID,
   ...nativeProps
 }: TagProps): JSX.Element => {
+  useDeprecation(
+    `Tag's variant prop is deprecated and will be removed in the next major release. Please remove it.`,
+    variant !== undefined
+  );
   return (
     <StyledView
       {...nativeProps}