Feat/add labelProps prop (#1252)

* add labelProps prop

* import TextProps from ui-lib's text

* remove style props from labelProps typings

* prioritize labelProps over basic style

Author: lidord-wix

generatedTypes/components/checkbox/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { StyleProp, TouchableOpacityProps, ViewStyle, TextStyle } from 'react-native';
+import { TextProps } from '../text';
 export interface CheckboxProps extends TouchableOpacityProps {
     /**
      * The value of the Checkbox. If true the switch will be turned on. Default value is false.
@@ -45,6 +46,10 @@ export interface CheckboxProps extends TouchableOpacityProps {
      * The style of the label
      */
     labelStyle?: StyleProp<TextStyle>;
+    /**
+     * Props that will be passed to the checkbox Text label.
+     */
+    labelProps?: Omit<TextProps, 'style'>;
     /**
      * Additional styling
      */

src/components/checkbox/index.tsx

@@ -15,7 +15,7 @@ import {Colors, Spacings} from '../../style';
 import Assets from '../../assets';
 import {asBaseComponent} from '../../commons/new';
 import TouchableOpacity from '../touchableOpacity';
-import Text from '../text';
+import Text, {TextProps} from '../text';
 import View from '../view';
 
 const DEFAULT_SIZE = 24;
@@ -71,6 +71,10 @@ export interface CheckboxProps extends TouchableOpacityProps {
    * The style of the label
    */
   labelStyle?: StyleProp<TextStyle>;
+  /**
+   * Props that will be passed to the checkbox Text label.
+   */
+  labelProps?: Omit<TextProps, 'style'>;
   /**
    * Additional styling
    */
@@ -236,11 +240,11 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
   }
 
   render() {
-    const {label, labelStyle, containerStyle} = this.props;
+    const {label, labelStyle, containerStyle, labelProps} = this.props;
     return label ? (
       <View row centerV style={[containerStyle]}>
         {this.renderCheckbox()}
-        <Text style={[this.styles.checkboxLabel, labelStyle]} onPress={this.onPress}>
+        <Text style={[this.styles.checkboxLabel, labelStyle]} {...labelProps} onPress={this.onPress}>
           {label}
         </Text>
       </View>