Feat/text add underline (#1670)

* Move TextScreen to typescript

* Text - add underline

* Fix snapshots

* Add underline example

Author: M-i-k-e-l

demo/src/screens/componentScreens/TextScreen.js renamed to demo/src/screens/componentScreens/TextScreen.tsx

@@ -3,9 +3,8 @@ import {Animated, ScrollView} from 'react-native';
 import {View, Text, Colors} from 'react-native-ui-lib';
 
 class TextScreen extends Component {
-  state = {};
-  toggle = false;
-  animatedValue = new Animated.Value(0);
+  private toggle = false;
+  private animatedValue = new Animated.Value(0);
 
   animate = () => {
     this.toggle = !this.toggle;
@@ -64,6 +63,9 @@ class TextScreen extends Component {
             <Text uppercase text70>
               uppercase
             </Text>
+            <Text underline text70>
+              underline
+            </Text>
           </View>
           {this.renderDivider()}
 
@@ -89,6 +91,7 @@ class TextScreen extends Component {
             <Text
               text70
               animated
+              // @ts-expect-error
               style={{transform: [{scale: this.animatedValue.interpolate({inputRange: [0, 1], outputRange: [1, 2]})}]}}
               onPress={this.animate}
             >

generatedTypes/src/components/text/index.d.ts

@@ -7,13 +7,17 @@ export declare type TextProps = RNTextProps & TypographyModifiers & ColorsModifi
      */
     color?: string;
     /**
-     * whether to center the text (using textAlign)
+     * Whether to center the text (using textAlign)
      */
     center?: boolean;
     /**
-     * whether to change the text to uppercase
+     * Whether to change the text to uppercase
      */
     uppercase?: boolean;
+    /**
+     * Whether to add an underline
+     */
+    underline?: boolean;
     /**
      * Substring to highlight
      */