fix: correct text position in CheckboxItem, update snapshots (#2749)

Author: lukewalczak

src/components/Checkbox/CheckboxItem.tsx

@@ -114,7 +114,16 @@ const CheckboxItem = ({
     <TouchableRipple onPress={onPress} testID={testID}>
       <View style={[styles.container, style]} pointerEvents="none">
         {isLeading && checkbox}
-        <Text style={[styles.label, { color: theme.colors.text }, labelStyle]}>
+        <Text
+          style={[
+            styles.label,
+            {
+              color: theme.colors.text,
+              textAlign: isLeading ? 'right' : 'left',
+            },
+            labelStyle,
+          ]}
+        >
           {label}
         </Text>
         {!isLeading && checkbox}

src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.js.snap

@@ -127,6 +127,7 @@ exports[`can render leading checkbox control 1`] = `
             },
             Object {
               "color": "#000000",
+              "textAlign": "right",
             },
             undefined,
           ],
@@ -191,6 +192,7 @@ exports[`can render the Android checkbox on different platforms 1`] = `
             },
             Object {
               "color": "#000000",
+              "textAlign": "left",
             },
             undefined,
           ],
@@ -364,6 +366,7 @@ exports[`can render the iOS checkbox on different platforms 1`] = `
             },
             Object {
               "color": "#000000",
+              "textAlign": "left",
             },
             undefined,
           ],
@@ -503,6 +506,7 @@ exports[`renders unchecked 1`] = `
             },
             Object {
               "color": "#000000",
+              "textAlign": "left",
             },
             undefined,
           ],

src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.js.snap

@@ -121,7 +121,8 @@ exports[`can render leading radio button control 1`] = `
           },
           Array [
             Object {
-              "flex": 1,
+              "flexGrow": 1,
+              "flexShrink": 1,
               "fontSize": 16,
             },
             Object {