@hero-design/rn 8.12.4 → 8.12.5-alpha.0

package/lib/index.js

@@ -1752,16 +1752,6 @@ var getAvatarTheme = function getAvatarTheme(theme) {
     xxxxlarge: theme.space.xlarge * 1.5,
     xxxxxlarge: theme.space.xxlarge * 1.5
   };
-  var lineHeights = {
-    small: theme.lineHeights.large,
-    medium: theme.lineHeights.xlarge,
-    large: theme.lineHeights.xxlarge,
-    xlarge: theme.lineHeights.xxxlarge,
-    xxlarge: theme.lineHeights.medium * 2,
-    xxxlarge: theme.lineHeights.large * 1.5,
-    xxxxlarge: theme.lineHeights.xlarge * 1.5,
-    xxxxxlarge: theme.lineHeights.xxlarge * 1.5
-  };
   var radii = {
     rounded: theme.radii.rounded
   };
@@ -1770,8 +1760,7 @@ var getAvatarTheme = function getAvatarTheme(theme) {
     sizes: sizes,
     radii: radii,
     fonts: fonts,
-    fontSizes: fontSizes,
-    lineHeights: lineHeights
+    fontSizes: fontSizes
   };
 };
 
@@ -1791,9 +1780,6 @@ var getBadgeTheme = function getBadgeTheme(theme) {
   var fontSizes = {
     "default": theme.fontSizes.small
   };
-  var lineHeights = {
-    "default": theme.lineHeights.small
-  };
   var sizes = {
     height: theme.fontSizes.small + theme.sizes.small,
     minWidth: theme.fontSizes.small + theme.sizes.small,
@@ -1810,8 +1796,7 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     fonts: fonts,
     fontSizes: fontSizes,
     sizes: sizes,
-    space: space,
-    lineHeights: lineHeights
+    space: space
   };
 };
 
@@ -2381,10 +2366,6 @@ var getPinInputTheme = function getPinInputTheme(theme) {
     cellText: theme.fontSizes.xxxxlarge,
     errorMessage: theme.fontSizes.small
   };
-  var lineHeights = {
-    cellText: theme.lineHeights.xxxxlarge,
-    errorMessage: theme.fontSizes.small
-  };
   var sizes = {
     cellWidth: theme.sizes.xxlarge,
     cellHeight: theme.sizes.xxxlarge,
@@ -2400,7 +2381,6 @@ var getPinInputTheme = function getPinInputTheme(theme) {
   };
   return {
     borderWidths: borderWidths,
-    lineHeights: lineHeights,
     colors: colors,
     fonts: fonts,
     fontSizes: fontSizes,
@@ -6007,7 +5987,7 @@ var StyledText$3 = index$a(reactNative.Text)(function (_ref) {
   });
 });
 
-var _excluded$p = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
+var _excluded$p = ["children", "fontSize", "fontWeight", "intent", "typeface"];
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$fontSize = _ref.fontSize,
@@ -6018,15 +5998,12 @@ var Text = function Text(_ref) {
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
-    _ref$allowFontScaling = _ref.allowFontScaling,
-    allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$p);
   return /*#__PURE__*/React__default["default"].createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
     themeIntent: intent,
-    themeTypeface: typeface,
-    allowFontScaling: allowFontScaling
+    themeTypeface: typeface
   }), children);
 };
 
@@ -6860,15 +6837,12 @@ var StyledTextWrapper$1 = index$a(reactNative.View)(function () {
     height: '100%'
   };
 });
-var StyledText$2 = index$a(Typography.Text)(function (_ref2) {
+var StyledText$2 = index$a(reactNative.Text)(function (_ref2) {
   var themeSize = _ref2.themeSize,
     theme = _ref2.theme;
   return {
     fontFamily: theme.__hd__.avatar.fonts["default"],
     fontSize: theme.__hd__.avatar.fontSizes[themeSize],
-    lineHeight: 0,
-    textAlignVertical: 'center',
-    textAlign: 'center',
     color: theme.__hd__.avatar.colors.text,
     overflow: 'hidden'
   };
@@ -7017,12 +6991,11 @@ var StyledView$2 = index$a(reactNative.Animated.View)(function (_ref) {
     paddingHorizontal: themePadding === 'wideContent' ? theme.__hd__.badge.space.horizontalPadding : undefined
   };
 });
-var StyledText$1 = index$a(Typography.Text)(function (_ref2) {
+var StyledText$1 = index$a(reactNative.Text)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     fontFamily: theme.__hd__.badge.fonts["default"],
     fontSize: theme.__hd__.badge.fontSizes["default"],
-    lineHeight: theme.__hd__.badge.lineHeights["default"],
     color: theme.__hd__.badge.colors.text,
     includeFontPadding: false,
     textAlignVertical: 'center',
@@ -11572,7 +11545,7 @@ var StyledErrorAndMaxLengthContainer = index$a(reactNative.View)(function () {
   };
 });
 
-var _excluded$a = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "helpText", "value", "defaultValue", "renderInputValue", "allowFontScaling"];
+var _excluded$a = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "helpText", "value", "defaultValue", "renderInputValue"];
 var getVariant$1 = function getVariant(_ref) {
   var disabled = _ref.disabled,
     error = _ref.error,
@@ -11618,8 +11591,6 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     value = _ref2.value,
     defaultValue = _ref2.defaultValue,
     renderInputValue = _ref2.renderInputValue,
-    _ref2$allowFontScalin = _ref2.allowFontScaling,
-    allowFontScaling = _ref2$allowFontScalin === void 0 ? false : _ref2$allowFontScalin,
     nativeProps = _objectWithoutProperties(_ref2, _excluded$a);
   var displayText = (_ref3 = value !== undefined ? value : defaultValue) !== null && _ref3 !== void 0 ? _ref3 : '';
   var isEmptyValue = displayText.length === 0;
@@ -11708,8 +11679,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     },
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    accessibilityLabelledBy: accessibilityLabelledBy,
-    allowFontScaling: allowFontScaling
+    accessibilityLabelledBy: accessibilityLabelledBy
   }, nativeProps), {}, {
     onFocus: function onFocus(event) {
       var _nativeProps$onFocus;
@@ -12246,7 +12216,7 @@ var StyledWrapper$5 = index$a(reactNative.View)(function (_ref) {
     padding: theme.__hd__.empty.space.wrapperPadding
   };
 });
-var StyledTitle = index$a(Typography.Text)(function (_ref2) {
+var StyledTitle = index$a(reactNative.Text)(function (_ref2) {
   var theme = _ref2.theme,
     themeVariant = _ref2.themeVariant;
   return {
@@ -12257,7 +12227,7 @@ var StyledTitle = index$a(Typography.Text)(function (_ref2) {
     color: themeVariant === 'dark' ? theme.__hd__.empty.colors.invertedText : theme.__hd__.empty.colors.text
   };
 });
-var StyledDescription = index$a(Typography.Text)(function (_ref3) {
+var StyledDescription = index$a(reactNative.Text)(function (_ref3) {
   var theme = _ref3.theme,
     themeVariant = _ref3.themeVariant;
   return {
@@ -12314,7 +12284,7 @@ var StyledFABIcon = index$a(Icon)(function (_ref2) {
     textAlign: 'center'
   };
 });
-var StyledFABText = index$a(Typography.Text)(function (_ref3) {
+var StyledFABText = index$a(reactNative.Text)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     fontFamily: theme.__hd__.fab.fonts.title,
@@ -12797,13 +12767,12 @@ var StyledCell = index$a(reactNative.View)(function (_ref) {
     borderColor: theme.__hd__.pinInput.colors[themeState]
   };
 });
-var StyledCellText = index$a(Typography.Text)(function (_ref2) {
+var StyledCellText = index$a(reactNative.Text)(function (_ref2) {
   var theme = _ref2.theme,
     themeState = _ref2.themeState;
   return {
     fontFamily: theme.__hd__.pinInput.fonts.cellText,
     fontSize: theme.__hd__.pinInput.fontSizes.cellText,
-    lineHeight: theme.__hd__.pinInput.lineHeights.cellText,
     color: theme.__hd__.pinInput.colors[themeState]
   };
 });
@@ -12854,11 +12823,10 @@ var StyledErrorContainer = index$a(reactNative.View)(function (_ref7) {
   var theme = _ref7.theme;
   return {
     flexDirection: 'row',
-    paddingTop: theme.__hd__.pinInput.space.errorMessagePadding,
-    alignItems: 'center'
+    paddingTop: theme.__hd__.pinInput.space.errorMessagePadding
   };
 });
-var StyledErrorMessage = index$a(Typography.Text)(function (_ref8) {
+var StyledErrorMessage = index$a(reactNative.Text)(function (_ref8) {
   var theme = _ref8.theme;
   return {
     fontFamily: theme.__hd__.pinInput.fonts.errorMessage,
@@ -14557,8 +14525,9 @@ var getTabItem$1 = function getTabItem(_ref) {
     color: color
   });
 };
-var ScrollableTab = function ScrollableTab(_ref2) {
-  var onTabPress = _ref2.onTabPress,
+var ScrollableTab = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var _ref2$onTabPress = _ref2.onTabPress,
+    onTabPress = _ref2$onTabPress === void 0 ? noop : _ref2$onTabPress,
     selectedTabKey = _ref2.selectedTabKey,
     tabs = _ref2.tabs,
     containerStyle = _ref2.containerStyle,
@@ -14580,20 +14549,46 @@ var ScrollableTab = function ScrollableTab(_ref2) {
   var tabsAnims = useAnimatedValueArray(tabs.map(function (_, i) {
     return i === selectedTabIndex ? 1 : 0;
   }));
+  React__default["default"].useImperativeHandle(ref, function () {
+    return {
+      selectTabKey: function selectTabKey(tabKey) {
+        var index = tabs.findIndex(function (item) {
+          return item.key === tabKey;
+        });
+        if (index !== -1) {
+          var _flatListRef$current, _pagerViewRef$current;
+          (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 ? void 0 : _flatListRef$current.scrollToIndex({
+            index: index,
+            viewPosition: 0.5
+          });
+          (_pagerViewRef$current = pagerViewRef.current) === null || _pagerViewRef$current === void 0 ? void 0 : _pagerViewRef$current.setPage(index);
+          if (onTabPress) {
+            onTabPress(tabKey);
+          }
+        }
+      },
+      getFlatListRef: function getFlatListRef() {
+        return flatListRef.current;
+      },
+      getPagerViewRef: function getPagerViewRef() {
+        return pagerViewRef.current;
+      }
+    };
+  }, [pagerViewRef, flatListRef, tabs]);
   React__default["default"].useEffect(function () {
     var timeoutHandle = null;
     if (selectedTabIndex !== -1) {
-      var _flatListRef$current;
-      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 ? void 0 : _flatListRef$current.scrollToIndex({
+      var _flatListRef$current2;
+      (_flatListRef$current2 = flatListRef.current) === null || _flatListRef$current2 === void 0 ? void 0 : _flatListRef$current2.scrollToIndex({
         index: selectedTabIndex,
         viewPosition: 0.5
       });
       // If the selected tab is changed too quickly, the setPage is crashed and not work anymore
       // We apply throttle to prevent this issue https://github.com/Thinkei/hero-design/issues/1715
       timeoutHandle = setTimeout(function () {
-        var _pagerViewRef$current;
+        var _pagerViewRef$current2;
         // use no animation to prevent unexpected behavior if users select tab too quickly
-        (_pagerViewRef$current = pagerViewRef.current) === null || _pagerViewRef$current === void 0 ? void 0 : _pagerViewRef$current.setPageWithoutAnimation(selectedTabIndex);
+        (_pagerViewRef$current2 = pagerViewRef.current) === null || _pagerViewRef$current2 === void 0 ? void 0 : _pagerViewRef$current2.setPageWithoutAnimation(selectedTabIndex);
       }, 200);
     }
     var animation = reactNative.Animated.parallel(_toConsumableArray(tabs.map(function (_, i) {
@@ -14610,7 +14605,7 @@ var ScrollableTab = function ScrollableTab(_ref2) {
         clearTimeout(timeoutHandle);
       }
     };
-  }, [selectedTabIndex, pagerViewRef]);
+  }, [selectedTabIndex, selectedTabKey, pagerViewRef]);
   return /*#__PURE__*/React__default["default"].createElement(TabContainer, {
     style: containerStyle,
     testID: componentTestID
@@ -14629,8 +14624,8 @@ var ScrollableTab = function ScrollableTab(_ref2) {
     onScrollToIndexFailed: function onScrollToIndexFailed(_ref3) {
       var index = _ref3.index;
       setTimeout(function () {
-        var _flatListRef$current2;
-        return (_flatListRef$current2 = flatListRef.current) === null || _flatListRef$current2 === void 0 ? void 0 : _flatListRef$current2.scrollToIndex({
+        var _flatListRef$current3;
+        return (_flatListRef$current3 = flatListRef.current) === null || _flatListRef$current3 === void 0 ? void 0 : _flatListRef$current3.scrollToIndex({
           index: index,
           viewPosition: 0.5
         });
@@ -14686,7 +14681,7 @@ var ScrollableTab = function ScrollableTab(_ref2) {
     onPageSelected: function onPageSelected(e) {
       var index = e.nativeEvent.position;
       var selectedItem = tabs[index];
-      if (selectedItem) {
+      if (selectedItem && selectedItem.key !== selectedTabKey) {
         onTabPress(selectedItem.key);
       }
     },
@@ -14706,7 +14701,7 @@ var ScrollableTab = function ScrollableTab(_ref2) {
       collapsable: false
     }, isLazyScreen ? null : component);
   })));
-};
+});
 
 var getTabItem = function getTabItem(_ref) {
   var item = _ref.item,
@@ -14867,7 +14862,7 @@ var StyledView = index$a(reactNative.View)(function (_ref) {
     backgroundColor: backgroundColor
   };
 });
-var StyledText = index$a(Typography.Text)(function (_ref3) {
+var StyledText = index$a(reactNative.Text)(function (_ref3) {
   var themeIntent = _ref3.themeIntent,
     themeVariant = _ref3.themeVariant,
     theme = _ref3.theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.12.4",
+  "version": " 8.12.5-alpha.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.12.4",
+    "@hero-design/colors": "8.12.2",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21"
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.12.4",
+    "@hero-design/eslint-plugin": "8.12.2",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -60,9 +60,9 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.12.4",
+    "eslint-config-hd": "8.12.2",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.12.4",
+    "prettier-config-hd": "8.12.2",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.1.0",

package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap

@@ -34,7 +34,6 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -108,7 +107,6 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -168,7 +166,6 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -242,7 +239,6 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -302,7 +298,6 @@ exports[`AccordionItem renders correctly when open 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -376,7 +371,6 @@ exports[`AccordionItem renders correctly when open 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -436,7 +430,6 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -510,7 +503,6 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {

package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap

@@ -42,7 +42,6 @@ exports[`Accordion allows fully controlled 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -116,7 +115,6 @@ exports[`Accordion allows fully controlled 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -173,7 +171,6 @@ exports[`Accordion allows fully controlled 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -247,7 +244,6 @@ exports[`Accordion allows fully controlled 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -316,7 +312,6 @@ exports[`Accordion renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -390,7 +385,6 @@ exports[`Accordion renders correctly 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -447,7 +441,6 @@ exports[`Accordion renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -521,7 +514,6 @@ exports[`Accordion renders correctly 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -590,7 +582,6 @@ exports[`Accordion renders correctly when variant is card 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -664,7 +655,6 @@ exports[`Accordion renders correctly when variant is card 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -732,7 +722,6 @@ exports[`Accordion renders correctly when variant is card 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -806,7 +795,6 @@ exports[`Accordion renders correctly when variant is card 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {

package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap

@@ -70,7 +70,6 @@ exports[`Alert Icon render custom icon correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -165,7 +164,6 @@ exports[`Alert renders correctly when intent is error 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -186,7 +184,6 @@ exports[`Alert renders correctly when intent is error 1`] = `
         Title
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -316,7 +313,6 @@ exports[`Alert renders correctly when intent is info 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -337,7 +333,6 @@ exports[`Alert renders correctly when intent is info 1`] = `
         Title
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -440,7 +435,6 @@ exports[`Alert renders correctly when intent is notification 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -461,7 +455,6 @@ exports[`Alert renders correctly when intent is notification 1`] = `
         Title
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -591,7 +584,6 @@ exports[`Alert renders correctly when intent is success 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -612,7 +604,6 @@ exports[`Alert renders correctly when intent is success 1`] = `
         Title
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -742,7 +733,6 @@ exports[`Alert renders correctly when intent is warning 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -763,7 +753,6 @@ exports[`Alert renders correctly when intent is warning 1`] = `
         Title
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -893,7 +882,6 @@ exports[`Alert renders correctly without rounded  1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -914,7 +902,6 @@ exports[`Alert renders correctly without rounded  1`] = `
         Title
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {

package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap

@@ -61,7 +61,6 @@ exports[`Attachment renders correctly 1`] = `
       testID="attachment-content"
     >
       <Text
-        allowFontScaling={false}
         numberOfLines={1}
         style={
           Array [

package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap

@@ -46,35 +46,18 @@ exports[`StyledAvatar renders correctly 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#ffffff",
             "fontFamily": "BeVietnamPro-Regular",
-            "fontSize": 14,
-            "letterSpacing": 0.42,
-            "lineHeight": 22,
+            "fontSize": 18,
+            "overflow": "hidden",
           },
-          Array [
-            Object {
-              "color": "#ffffff",
-              "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 18,
-              "lineHeight": 0,
-              "overflow": "hidden",
-              "textAlign": "center",
-              "textAlignVertical": "center",
-            },
-            undefined,
-          ],
+          undefined,
         ]
       }
-      themeFontSize="medium"
-      themeFontWeight="regular"
-      themeIntent="body"
       themeSize="medium"
-      themeTypeface="neutral"
     >
       AA
     </Text>