react-native-persona 1.2.7 → 1.2.8

package/CHANGELOG.md

@@ -7,6 +7,16 @@ to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Unreleased
 
+## [v1.2.8] - 2021-12-07
+
+### Changed
+
+- Added iOS passthroughs for camera text color/size/font and footnote text size
+- Added Android passthroughs for camera text color/size/font and footnote text size
+- Added iOS/Android passthroughs for button text size
+- Upgrade to iOS Inquiry SDK 1.1.22
+- Upgrade to Android Inquiry SDK 1.1.17
+
 ## [v1.2.7] - 2021-10-20
 
 ### Changed

package/RNPersonaInquiry.podspec

@@ -22,7 +22,7 @@ Pod::Spec.new do |s|
   s.requires_arc  = true
 
   s.dependency 'React-Core'
-  s.dependency 'PersonaInquirySDK', '~> 1.1.20'
+  s.dependency 'PersonaInquirySDK', '~> 1.1.22'
 
   s.static_framework = true
 end

package/android/build.gradle

@@ -79,7 +79,7 @@ dependencies {
     implementation 'com.facebook.react:react-native:+'  // From node_modules
 
     // NOTE: After updating, please update the `sdkVersions.android` in example/package.json
-    implementation 'com.withpersona.sdk:inquiry:1.1.13'
+    implementation 'com.withpersona.sdk:inquiry:1.1.17'
 }
 
 def configureReactNativePom(def pom) {

package/ios/PersonaInquiry.swift

@@ -197,9 +197,11 @@ extension PersonaInquiry {
             theme.footnoteTextColor = color
         }
         
-        if let fontName = dictionary["footnoteTextFont"],
-           let font = UIFont(name: fontName, size: 14) {
-            theme.footnoteTextFont = font 
+        if let fontName = dictionary["footnoteTextFont"] {
+            let fontSize = int(from: dictionary["footnoteTextSize"]) ?? 14
+           if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
+            theme.footnoteTextFont = font
+           }
         }
 
         if let color = color(from: dictionary["formLabelTextColor"]) {
@@ -286,9 +288,11 @@ extension PersonaInquiry {
             theme.buttonCornerRadius = radius
         }
 
-        if let fontName = dictionary["buttonFont"],
-           let font = UIFont(name: fontName, size: 18) {
+        if let fontName = dictionary["buttonFont"] {
+          let fontSize = int(from: dictionary["buttonTextSize"]) ?? 18
+          if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
             theme.buttonFont = font 
+          }
         }
 
         if let color = color(from: dictionary["selectedCellBackgroundColor"]) {
@@ -315,9 +319,33 @@ extension PersonaInquiry {
             theme.cameraInstructionsTextColor = color
         }
 
-        if let fontName = dictionary["cameraInstructionsTextFont"],
-           let font = UIFont(name: fontName, size: 20) {
-            theme.cameraInstructionsTextFont = font 
+        if let fontName = dictionary["cameraInstructionsTextFont"] {
+           let fontSize = int(from: dictionary["cameraInstructionsTextSize"]) ?? 20
+           if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
+            theme.cameraInstructionsTextFont = font
+           }
+        }
+        
+        if let color = color(from: dictionary["cameraHintTextColor"]) {
+            theme.cameraHintTextColor = color
+        }
+        
+        if let fontName = dictionary["cameraHintTextFont"] {
+           let fontSize = int(from: dictionary["cameraHintTextSize"]) ?? 16
+           if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
+            theme.cameraHintTextFont = font
+           }
+        }
+        
+        if let color = color(from: dictionary["cameraGuideHintTextColor"]) {
+            theme.cameraGuideHintTextColor = color
+        }
+        
+        if let fontName = dictionary["cameraGuideHintTextFont"] {
+           let fontSize = int(from: dictionary["cameraGuideHintTextSize"]) ?? 18
+           if let font = UIFont(name: fontName, size: CGFloat(fontSize)) {
+            theme.cameraGuideHintTextFont = font
+           }
         }
         
         if let successAssetName = dictionary["successAssetName"],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-persona",
   "title": "React Native Persona",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "Launch a mobile native implementation of the Persona inquiry flow from React Native.",
   "main": "src/index.js",
   "bin": {

package/persona-tools/Theme.js

@@ -22,6 +22,16 @@ var ANDROID_THEME_CONFIG_KEY;
     ANDROID_THEME_CONFIG_KEY["bodyTextSize"] = "bodyTextSize";
     ANDROID_THEME_CONFIG_KEY["footnoteTextColor"] = "footnoteTextColor";
     ANDROID_THEME_CONFIG_KEY["footnoteTextFont"] = "footnoteTextFont";
+    ANDROID_THEME_CONFIG_KEY["footnoteTextSize"] = "footnoteTextSize";
+    ANDROID_THEME_CONFIG_KEY["cameraInstructionsTextColor"] = "cameraInstructionsTextColor";
+    ANDROID_THEME_CONFIG_KEY["cameraInstructionsTextFont"] = "cameraInstructionsTextFont";
+    ANDROID_THEME_CONFIG_KEY["cameraInstructionsTextSize"] = "cameraInstructionsTextSize";
+    ANDROID_THEME_CONFIG_KEY["cameraHintTextColor"] = "cameraHintTextColor";
+    ANDROID_THEME_CONFIG_KEY["cameraHintTextFont"] = "cameraHintTextFont";
+    ANDROID_THEME_CONFIG_KEY["cameraHintTextSize"] = "cameraHintTextSize";
+    ANDROID_THEME_CONFIG_KEY["cameraGuideHintTextColor"] = "cameraGuideHintTextColor";
+    ANDROID_THEME_CONFIG_KEY["cameraGuideHintTextFont"] = "cameraGuideHintTextFont";
+    ANDROID_THEME_CONFIG_KEY["cameraGuideHintTextSize"] = "cameraGuideHintTextSize";
     // formLabelTextColor = "formLabelTextColor",
     // formLabelTextFont = "formLabelTextFont",
     ANDROID_THEME_CONFIG_KEY["textFieldTextColor"] = "textFieldTextColor";
@@ -36,6 +46,7 @@ var ANDROID_THEME_CONFIG_KEY;
     // buttonTextAlignment = "buttonTextAlignment",
     ANDROID_THEME_CONFIG_KEY["buttonCornerRadius"] = "buttonCornerRadius";
     ANDROID_THEME_CONFIG_KEY["buttonFont"] = "buttonFont";
+    ANDROID_THEME_CONFIG_KEY["buttonTextSize"] = "buttonTextSize";
     ANDROID_THEME_CONFIG_KEY["progressColor"] = "progressColor";
     ANDROID_THEME_CONFIG_KEY["successAsset"] = "successAsset";
     ANDROID_THEME_CONFIG_KEY["failAsset"] = "failAsset";
@@ -50,6 +61,7 @@ var IOS_THEME_CONFIG_KEY;
     IOS_THEME_CONFIG_KEY["primaryColor"] = "primaryColor";
     IOS_THEME_CONFIG_KEY["darkPrimaryColor"] = "darkPrimaryColor";
     IOS_THEME_CONFIG_KEY["accentColor"] = "accentColor";
+    IOS_THEME_CONFIG_KEY["progressColor"] = "progressColor";
     IOS_THEME_CONFIG_KEY["overlayBackgroundColor"] = "overlayBackgroundColor";
     IOS_THEME_CONFIG_KEY["titleTextColor"] = "titleTextColor";
     IOS_THEME_CONFIG_KEY["titleTextFont"] = "titleTextFont";
@@ -61,6 +73,7 @@ var IOS_THEME_CONFIG_KEY;
     IOS_THEME_CONFIG_KEY["bodyTextAlignment"] = "bodyTextAlignment";
     IOS_THEME_CONFIG_KEY["footnoteTextColor"] = "footnoteTextColor";
     IOS_THEME_CONFIG_KEY["footnoteTextFont"] = "footnoteTextFont";
+    IOS_THEME_CONFIG_KEY["footnoteTextSize"] = "footnoteTextSize";
     IOS_THEME_CONFIG_KEY["formLabelTextColor"] = "formLabelTextColor";
     IOS_THEME_CONFIG_KEY["formLabelTextFont"] = "formLabelTextFont";
     IOS_THEME_CONFIG_KEY["textFieldTextColor"] = "textFieldTextColor";
@@ -68,24 +81,31 @@ var IOS_THEME_CONFIG_KEY;
     IOS_THEME_CONFIG_KEY["textFieldBorderColor"] = "textFieldBorderColor";
     IOS_THEME_CONFIG_KEY["pickerTextColor"] = "pickerTextColor";
     IOS_THEME_CONFIG_KEY["pickerTextFont"] = "pickerTextFont";
+    IOS_THEME_CONFIG_KEY["cameraInstructionsTextColor"] = "cameraInstructionsTextColor";
+    IOS_THEME_CONFIG_KEY["cameraInstructionsTextFont"] = "cameraInstructionsTextFont";
+    IOS_THEME_CONFIG_KEY["cameraInstructionsTextSize"] = "cameraInstructionsTextFont";
+    IOS_THEME_CONFIG_KEY["cameraHintTextColor"] = "cameraHintTextColor";
+    IOS_THEME_CONFIG_KEY["cameraHintTextFont"] = "cameraHintTextFont";
+    IOS_THEME_CONFIG_KEY["cameraHintTextSize"] = "cameraHintTextSize";
+    IOS_THEME_CONFIG_KEY["cameraGuideHintTextColor"] = "cameraGuideHintTextColor";
+    IOS_THEME_CONFIG_KEY["cameraGuideHintTextFont"] = "cameraGuideHintTextFont";
+    IOS_THEME_CONFIG_KEY["cameraGuideHintTextSize"] = "cameraGuideHintTextSize";
     IOS_THEME_CONFIG_KEY["buttonBackgroundColor"] = "buttonBackgroundColor";
     IOS_THEME_CONFIG_KEY["buttonDisabledBackgroundColor"] = "buttonDisabledBackgroundColor";
     IOS_THEME_CONFIG_KEY["buttonTouchedBackgroundColor"] = "buttonTouchedBackgroundColor";
     IOS_THEME_CONFIG_KEY["buttonImageTintColor"] = "buttonImageTintColor";
     IOS_THEME_CONFIG_KEY["buttonImageHidden"] = "buttonImageHidden";
-    IOS_THEME_CONFIG_KEY["buttonTextColor"] = "buttonTextColor";
-    IOS_THEME_CONFIG_KEY["buttonDisabledTextColor"] = "buttonDisabledTextColor";
-    IOS_THEME_CONFIG_KEY["buttonTextAlignment"] = "buttonTextAlignment";
     IOS_THEME_CONFIG_KEY["buttonCornerRadius"] = "buttonCornerRadius";
+    IOS_THEME_CONFIG_KEY["buttonTextAlignment"] = "buttonTextAlignment";
+    IOS_THEME_CONFIG_KEY["buttonDisabledTextColor"] = "buttonDisabledTextColor";
+    IOS_THEME_CONFIG_KEY["buttonTextColor"] = "buttonTextColor";
     IOS_THEME_CONFIG_KEY["buttonFont"] = "buttonFont";
+    IOS_THEME_CONFIG_KEY["buttonTextSize"] = "buttonTextSize";
     IOS_THEME_CONFIG_KEY["selectedCellBackgroundColor"] = "selectedCellBackgroundColor";
     IOS_THEME_CONFIG_KEY["closeButtonTintColor"] = "closeButtonTintColor";
     IOS_THEME_CONFIG_KEY["cancelButtonBackgroundColor"] = "cancelButtonBackgroundColor";
-    IOS_THEME_CONFIG_KEY["progressColor"] = "progressColor";
-    IOS_THEME_CONFIG_KEY["cameraGuideCornersColor"] = "cameraGuideCornersColor";
     IOS_THEME_CONFIG_KEY["cameraButtonBackgroundColor"] = "cameraButtonBackgroundColor";
-    IOS_THEME_CONFIG_KEY["cameraInstructionsTextColor"] = "cameraInstructionsTextColor";
-    IOS_THEME_CONFIG_KEY["cameraInstructionsTextFont"] = "cameraInstructionsTextFont";
+    IOS_THEME_CONFIG_KEY["cameraGuideCornersColor"] = "cameraGuideCornersColor";
     IOS_THEME_CONFIG_KEY["successAssetName"] = "successAssetName";
     IOS_THEME_CONFIG_KEY["successAssetWidth"] = "successAssetWidth";
     IOS_THEME_CONFIG_KEY["successAssetHeight"] = "successAssetHeight";

package/persona-tools/Theme.ts

@@ -21,6 +21,19 @@ export enum ANDROID_THEME_CONFIG_KEY {
 
   footnoteTextColor = "footnoteTextColor",
   footnoteTextFont = "footnoteTextFont",
+  footnoteTextSize = 'footnoteTextSize',
+
+  cameraInstructionsTextColor = "cameraInstructionsTextColor",
+  cameraInstructionsTextFont = "cameraInstructionsTextFont",
+  cameraInstructionsTextSize = "cameraInstructionsTextSize",
+
+  cameraHintTextColor = "cameraHintTextColor",
+  cameraHintTextFont = "cameraHintTextFont",
+  cameraHintTextSize = "cameraHintTextSize",
+
+  cameraGuideHintTextColor = "cameraGuideHintTextColor",
+  cameraGuideHintTextFont = "cameraGuideHintTextFont",
+  cameraGuideHintTextSize = "cameraGuideHintTextSize",
 
   // formLabelTextColor = "formLabelTextColor",
   // formLabelTextFont = "formLabelTextFont",
@@ -39,6 +52,7 @@ export enum ANDROID_THEME_CONFIG_KEY {
   // buttonTextAlignment = "buttonTextAlignment",
   buttonCornerRadius = "buttonCornerRadius",
   buttonFont = "buttonFont",
+  buttonTextSize = "buttonTextSize",
   progressColor = "progressColor",
   successAsset = "successAsset",
   failAsset = "failAsset",
@@ -53,6 +67,7 @@ export enum IOS_THEME_CONFIG_KEY {
   primaryColor = "primaryColor",
   darkPrimaryColor = "darkPrimaryColor",
   accentColor = "accentColor",
+  progressColor = "progressColor",
   overlayBackgroundColor = "overlayBackgroundColor",
   titleTextColor = "titleTextColor",
   titleTextFont = "titleTextFont",
@@ -64,6 +79,7 @@ export enum IOS_THEME_CONFIG_KEY {
   bodyTextAlignment = "bodyTextAlignment",
   footnoteTextColor = "footnoteTextColor",
   footnoteTextFont = "footnoteTextFont",
+  footnoteTextSize = "footnoteTextSize",
   formLabelTextColor = "formLabelTextColor",
   formLabelTextFont = "formLabelTextFont",
   textFieldTextColor = "textFieldTextColor",
@@ -71,24 +87,31 @@ export enum IOS_THEME_CONFIG_KEY {
   textFieldBorderColor = "textFieldBorderColor",
   pickerTextColor = "pickerTextColor",
   pickerTextFont = "pickerTextFont",
+  cameraInstructionsTextColor = "cameraInstructionsTextColor",
+  cameraInstructionsTextFont = "cameraInstructionsTextFont",
+  cameraInstructionsTextSize = "cameraInstructionsTextFont",
+  cameraHintTextColor = "cameraHintTextColor",
+  cameraHintTextFont = "cameraHintTextFont",
+  cameraHintTextSize = "cameraHintTextSize",
+  cameraGuideHintTextColor = "cameraGuideHintTextColor",
+  cameraGuideHintTextFont = "cameraGuideHintTextFont",
+  cameraGuideHintTextSize = "cameraGuideHintTextSize",
   buttonBackgroundColor = "buttonBackgroundColor",
   buttonDisabledBackgroundColor = "buttonDisabledBackgroundColor",
   buttonTouchedBackgroundColor = "buttonTouchedBackgroundColor",
   buttonImageTintColor = "buttonImageTintColor",
   buttonImageHidden = "buttonImageHidden",
-  buttonTextColor = "buttonTextColor",
-  buttonDisabledTextColor = "buttonDisabledTextColor",
-  buttonTextAlignment = "buttonTextAlignment",
   buttonCornerRadius = "buttonCornerRadius",
+  buttonTextAlignment = "buttonTextAlignment",
+  buttonDisabledTextColor = "buttonDisabledTextColor",
+  buttonTextColor = "buttonTextColor",
   buttonFont = "buttonFont",
+  buttonTextSize = "buttonTextSize",
   selectedCellBackgroundColor = "selectedCellBackgroundColor",
   closeButtonTintColor = "closeButtonTintColor",
   cancelButtonBackgroundColor = "cancelButtonBackgroundColor",
-  progressColor = "progressColor",
-  cameraGuideCornersColor = "cameraGuideCornersColor",
   cameraButtonBackgroundColor = "cameraButtonBackgroundColor",
-  cameraInstructionsTextColor = "cameraInstructionsTextColor",
-  cameraInstructionsTextFont = "cameraInstructionsTextFont",
+  cameraGuideCornersColor = "cameraGuideCornersColor",
   successAssetName = "successAssetName",
   successAssetWidth = "successAssetWidth",
   successAssetHeight = "successAssetHeight",

package/persona-tools/lib/AndroidResourcePrinter.js

@@ -40,6 +40,9 @@ class AndroidResourcePrinter {
         this.titleText();
         this.bodyText();
         this.footnoteText();
+        this.cameraInstructionsText();
+        this.cameraHintText();
+        this.cameraGuideHintText();
         // this.formLabelText();
         this.textField();
         this.pickerText();
@@ -233,10 +236,6 @@ class AndroidResourcePrinter {
                 var _a, _b;
                 this.root = this.root
                     .ele("style", { name: "TextAppearance.AppCompat.Small" })
-                    .ele("item", { name: "android:textSize" })
-                    // Used default value found in the Android SDK
-                    .txt("@dimen/abc_text_size_small_material")
-                    .up()
                     .ele("item", { name: "android:textColor" })
                     .txt((_a = 
                 // Used default value found in the Android SDK
@@ -250,10 +249,173 @@ class AndroidResourcePrinter {
                     this.theme.footnoteTextFont) !== null && _b !== void 0 ? _b : "?android:attr/textColorTertiary")
                         .up();
                 }
+                this.root = this.root
+                    .ele("item", { name: "android:textSize" })
+                    .txt((_b = 
+                      // Default value found in the Android SDK
+                      this.theme.footnoteTextSize) !== null && _b !== void 0 ? `${_b}sp` : "@dimen/abc_text_size_small_material") 
+                    .up();
+
                 this.root = this.root.up();
             });
         }
     }
+    cameraInstructionsText() {
+      if (this.theme.cameraInstructionsTextColor ||
+        this.theme.cameraInstructionsTextSize ||
+        this.theme.cameraInstructionsTextFont) {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraTitleTextAppearance" })
+            .txt("@style/RN.Persona.Text.CameraTitle")
+            .up();
+        });
+  
+        // Create a text appearance
+        this.postPrintQueue.push(() => {
+          this.root = this.root.ele("style", {
+            name: "RN.Persona.Text.CameraTitle",
+            parent: "Persona.Text.CameraTitle",
+          });
+  
+          if (this.theme.cameraInstructionsTextColor) {
+            this.root = this.root
+              .ele("item", { name: "android:textColor" })
+              .txt(this.theme.cameraInstructionsTextColor)
+              .up();
+          }
+  
+          if (this.theme.cameraInstructionsTextFont) {
+            // TODO: Add notice about how to add a custom font that can be
+            // referenced here on Android
+            this.root = this.root
+              .ele("item", { name: "android:fontFamily" })
+              .txt(this.theme.cameraInstructionsTextFont)
+              .up();
+          }
+  
+          const textSize = this.theme.cameraInstructionsTextSize ?
+            `${this.theme.cameraInstructionsTextSize}sp` : "20sp";
+          this.root = this.root
+            .ele("item", { name: "android:textSize" })
+            .txt(textSize)
+            .up();
+  
+          this.root = this.root.up();
+        });
+      } else {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraTitleTextAppearance" })
+            .txt("@style/Persona.Text.CameraTitle")
+            .up();
+        });
+      }
+    }
+    cameraHintText() {
+      if (this.theme.cameraHintTextColor ||
+        this.theme.cameraHintTextSize ||
+        this.theme.cameraHintTextFont) {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraBodyTextAppearance" })
+            .txt("@style/RN.Persona.Text.CameraBody")
+            .up();
+        });
+  
+        // Create a text appearance
+        this.postPrintQueue.push(() => {
+          this.root = this.root.ele("style", {
+            name: "RN.Persona.Text.CameraBody",
+            parent: "Persona.Text.CameraBody",
+          });
+  
+          if (this.theme.cameraHintTextColor) {
+            this.root = this.root
+              .ele("item", { name: "android:textColor" })
+              .txt(this.theme.cameraHintTextColor)
+              .up();
+          }
+  
+          if (this.theme.cameraHintTextFont) {
+            // TODO: Add notice about how to add a custom font that can be
+            // referenced here on Android
+            this.root = this.root
+              .ele("item", { name: "android:fontFamily" })
+              .txt(this.theme.cameraHintTextFont)
+              .up();
+          }
+  
+          const textSize = this.theme.cameraHintTextSize ?
+            `${this.theme.cameraHintTextSize}sp` : "16sp";
+          this.root = this.root
+            .ele("item", { name: "android:textSize" })
+            .txt(textSize)
+            .up();
+  
+          this.root = this.root.up();
+        });
+      } else {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraBodyTextAppearance" })
+            .txt("@style/Persona.Text.CameraBody")
+            .up();
+        });
+      }
+    }
+    cameraGuideHintText() {
+      if (this.theme.cameraGuideHintTextColor ||
+        this.theme.cameraGuideHintTextSize ||
+        this.theme.cameraGuideHintTextFont) {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraHintTextAppearance" })
+            .txt("@style/RN.Persona.Text.CameraHint")
+            .up();
+        });
+  
+        // Create a text appearance
+        this.postPrintQueue.push(() => {
+          this.root = this.root.ele("style", {
+            name: "RN.Persona.Text.CameraHint",
+            parent: "Persona.Text.CameraHint",
+          });
+  
+          if (this.theme.cameraGuideHintTextColor) {
+            this.root = this.root
+              .ele("item", { name: "android:textColor" })
+              .txt(this.theme.cameraGuideHintTextColor)
+              .up();
+          }
+  
+          if (this.theme.cameraGuideHintTextFont) {
+            // TODO: Add notice about how to add a custom font that can be
+            // referenced here on Android
+            this.root = this.root
+              .ele("item", { name: "android:fontFamily" })
+              .txt(this.theme.cameraGuideHintTextFont)
+              .up();
+          }
+  
+          const textSize = this.theme.cameraGuideHintTextSize ?
+            `${this.theme.cameraGuideHintTextSize}sp` : "20sp";
+          this.root = this.root
+            .ele("item", { name: "android:textSize" })
+            .txt(textSize)
+            .up();
+  
+          this.root = this.root.up();
+        });
+      } else {
+        this.printQueue.push(() => {
+          this.root = this.root
+            .ele("item", { name: "personaCameraHintTextAppearance" })
+            .txt("@style/Persona.Text.CameraHint")
+            .up();
+        });
+      }
+    }
     textField() {
         if (this.theme.textFieldTextColor || this.theme.textFieldTextFont) {
             this.printQueue.push(() => {
@@ -368,7 +530,9 @@ class AndroidResourcePrinter {
             this.theme.buttonTextColor ||
             this.theme.buttonDisabledTextColor ||
             this.theme.buttonCornerRadius ||
-            this.theme.buttonFont) {
+            this.theme.buttonFont ||
+            this.theme.buttonTextSize) {
+            const textSize = this.theme.buttonTextSize ? `${this.theme.buttonTextSize}sp` : "18sp";
             this.printQueue.push(() => {
                 this.root = this.root
                     .ele("item", { name: "buttonStyle" })
@@ -406,7 +570,7 @@ class AndroidResourcePrinter {
                     .ele("item", {
                     name: "android:textSize",
                 })
-                    .txt("18sp")
+                    .txt(textSize)
                     .up()
                     .ele("item", {
                     name: "android:background",

package/persona-tools/lib/AndroidResourcePrinter.spec.js

@@ -17,6 +17,16 @@ const EMPTY_THEME = {
     bodyTextSize: null,
     footnoteTextColor: null,
     footnoteTextFont: null,
+    footnoteTextSize: null,
+    cameraInstructionsTextColor: null,
+    cameraInstructionsTextFont: null,
+    cameraInstructionsTextSize: null,
+    cameraHintTextColor: null,
+    cameraHintTextFont: null,
+    cameraHintTextSize: null,
+    cameraGuideHintTextColor: null,
+    cameraGuideHintTextFont: null,
+    cameraGuideHintTextSize: null,
     // formLabelTextColor: null,
     // formLabelTextFont: null,
     textFieldTextColor: null,
@@ -31,6 +41,7 @@ const EMPTY_THEME = {
     // buttonTextAlignment: null,
     buttonCornerRadius: null,
     buttonFont: null,
+    buttonTextSize: null,
     progressColor: null,
     successAsset: null,
     failAsset: null,
@@ -502,8 +513,8 @@ it("footnoteTextColor", () => {
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
       </style>
       <style name=\\"TextAppearance.AppCompat.Small\\">
-        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
         <item name=\\"android:textColor\\">#FFFFFF</item>
+        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
       </style>
     </resources>
 
@@ -541,9 +552,9 @@ it("footnoteTextFont", () => {
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
       </style>
       <style name=\\"TextAppearance.AppCompat.Small\\">
-        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
         <item name=\\"android:textColor\\">?android:attr/textColorTertiary</item>
         <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
       </style>
     </resources>
 
@@ -585,9 +596,9 @@ it("footnoteTextFont and footnoteTextColor", () => {
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
       </style>
       <style name=\\"TextAppearance.AppCompat.Small\\">
-        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
         <item name=\\"android:textColor\\">#000000</item>
         <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
       </style>
     </resources>
 
@@ -770,6 +781,7 @@ it("button", () => {
         buttonTextAlignment: null,
         buttonCornerRadius: null,
         buttonFont: null,
+        buttonTextSize: null,
     };
     expect(printTheme(theme)).toMatchInlineSnapshot(`
     "res/values/styles_persona.xml
@@ -915,6 +927,16 @@ it("fullTheme", () => {
         bodyTextFont: "Arial",
         footnoteTextColor: "#FF0000",
         footnoteTextFont: "Arial",
+        footnoteTextSize: "2",
+        cameraInstructionsTextColor: "#FF0000",
+        cameraInstructionsTextFont: "Arial",
+        cameraInstructionsTextSize: "30",
+        cameraHintTextColor: "#FF0000",
+        cameraHintTextFont: "Arial",
+        cameraHintTextSize: "16",
+        cameraGuideHintTextColor: "#FF0000",
+        cameraGuideHintTextFont: "Arial",
+        cameraGuideHintTextSize: "28",
         // formLabelTextColor: "#FF0000",
         // formLabelTextFont: "Arial",
         textFieldTextColor: "#FF0000",
@@ -929,6 +951,7 @@ it("fullTheme", () => {
         buttonTextAlignment: "left",
         buttonCornerRadius: "4",
         buttonFont: "Arial",
+        buttonTextSize: "14",
         progressColor: "#FF0000",
         successAsset: "@drawable/success",
         failAsset: "@drawable/fail",
@@ -958,6 +981,9 @@ it("fullTheme", () => {
          
         <item name=\\"personaTitleTextAppearance\\">@style/RN.Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/RN.Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/RN.Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/RN.Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/RN.Persona.Text.CameraHint</item>
         <item name=\\"editTextStyle\\">@style/RN.Persona.EditText</item>
         <item name=\\"spinnerStyle\\">@style/RN.Persona.Spinner</item>
         <item name=\\"spinnerDropDownItemStyle\\">@style/RN.Persona.DropDownItem.Spinner</item>
@@ -989,9 +1015,24 @@ it("fullTheme", () => {
         <item name=\\"android:textSize\\">18sp</item>
       </style>
       <style name=\\"TextAppearance.AppCompat.Small\\">
-        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
         <item name=\\"android:textColor\\">#FF0000</item>
         <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">2sp</item>
+      </style>
+      <style name=\\"RN.Persona.Text.CameraTitle\\" parent=\\"Persona.Text.CameraTitle\\">
+        <item name=\\"android:textColor\\">#FF0000</item>
+        <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">30sp</item>
+      </style>
+      <style name=\\"RN.Persona.Text.CameraBody\\" parent=\\"Persona.Text.CameraBody\\">
+        <item name=\\"android:textColor\\">#FF0000</item>
+        <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">16sp</item>
+      </style>
+      <style name=\\"RN.Persona.Text.CameraHint\\" parent=\\"Persona.Text.CameraHint\\">
+        <item name=\\"android:textColor\\">#FF0000</item>
+        <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">28sp</item>
       </style>
       <style name=\\"RN.Persona.EditText\\" parent=\\"Widget.AppCompat.EditText\\">
         <item name=\\"android:textAppearance\\">@style/RN.Persona.EditText.TextAppearance</item>
@@ -1016,7 +1057,7 @@ it("fullTheme", () => {
       <style name=\\"RN.Persona.Button\\" parent=\\"android:style/Widget.Button\\">
         <item name=\\"android:minHeight\\">48dip</item>
         <item name=\\"android:minWidth\\">88dip</item>
-        <item name=\\"android:textSize\\">18sp</item>
+        <item name=\\"android:textSize\\">14sp</item>
         <item name=\\"android:background\\">@drawable/rn_persona_button</item>
         <item name=\\"android:textColor\\">@color/rn_persona_button</item>
       </style>

package/persona-tools/lib/AndroidResourcePrinter.spec.ts

@@ -14,6 +14,16 @@ const EMPTY_THEME: AndroidThemeObject = {
   bodyTextSize: null,
   footnoteTextColor: null,
   footnoteTextFont: null,
+  footnoteTextSize: null,
+  cameraInstructionsTextColor: null,
+  cameraInstructionsTextFont: null,
+  cameraInstructionsTextSize: null,
+  cameraHintTextColor: null,
+  cameraHintTextFont: null,
+  cameraHintTextSize: null,
+  cameraGuideHintTextColor: null,
+  cameraGuideHintTextFont: null,
+  cameraGuideHintTextSize: null,
   // formLabelTextColor: null,
   // formLabelTextFont: null,
   textFieldTextColor: null,
@@ -28,6 +38,7 @@ const EMPTY_THEME: AndroidThemeObject = {
   // buttonTextAlignment: null,
   buttonCornerRadius: null,
   buttonFont: null,
+  buttonTextSize: null,
   progressColor: null,
   successAsset: null,
   failAsset: null,
@@ -109,6 +120,9 @@ it("primaryColor", () => {
          
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
     </resources>
 
@@ -147,6 +161,9 @@ it("accentColor", () => {
          
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
     </resources>
 
@@ -185,6 +202,9 @@ it("darkPrimaryColor", () => {
          
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
     </resources>
 
@@ -226,6 +246,9 @@ it("backgroundColor", () => {
          
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
     </resources>
 
@@ -263,6 +286,9 @@ it("titleTextColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/RN.Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"RN.Persona.Text.Title\\" parent=\\"Persona.Text.Body\\">
         <item name=\\"android:textColor\\">#FFFFFF</item>
@@ -305,6 +331,9 @@ it("titleTextFont", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/RN.Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"RN.Persona.Text.Title\\" parent=\\"Persona.Text.Body\\">
         <item name=\\"android:fontFamily\\">Arial</item>
@@ -351,6 +380,9 @@ it("titleTextFont and titleTextColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/RN.Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"RN.Persona.Text.Title\\" parent=\\"Persona.Text.Body\\">
         <item name=\\"android:textColor\\">#000000</item>
@@ -394,6 +426,9 @@ it("bodyTextColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/RN.Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"RN.Persona.Text.Body\\" parent=\\"Persona.Text.Body\\">
         <item name=\\"android:textColor\\">#FFFFFF</item>
@@ -435,6 +470,9 @@ it("bodyTextFont", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/RN.Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"RN.Persona.Text.Body\\" parent=\\"Persona.Text.Body\\">
         <item name=\\"android:fontFamily\\">Arial</item>
@@ -480,6 +518,9 @@ it("bodyTextFont and bodyTextColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/RN.Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"RN.Persona.Text.Body\\" parent=\\"Persona.Text.Body\\">
         <item name=\\"android:textColor\\">#000000</item>
@@ -522,10 +563,13 @@ it("footnoteTextColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"TextAppearance.AppCompat.Small\\">
-        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
         <item name=\\"android:textColor\\">#FFFFFF</item>
+        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
       </style>
     </resources>
 
@@ -563,11 +607,14 @@ it("footnoteTextFont", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"TextAppearance.AppCompat.Small\\">
-        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
         <item name=\\"android:textColor\\">?android:attr/textColorTertiary</item>
         <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
       </style>
     </resources>
 
@@ -609,11 +656,14 @@ it("footnoteTextFont and footnoteTextColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
       </style>
       <style name=\\"TextAppearance.AppCompat.Small\\">
-        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
         <item name=\\"android:textColor\\">#000000</item>
         <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
       </style>
     </resources>
 
@@ -651,6 +701,9 @@ it("pickerTextColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
         <item name=\\"spinnerStyle\\">@style/RN.Persona.Spinner</item>
         <item name=\\"spinnerDropDownItemStyle\\">@style/RN.Persona.DropDownItem.Spinner</item>
       </style>
@@ -701,6 +754,9 @@ it("pickerTextFont", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
         <item name=\\"spinnerStyle\\">@style/RN.Persona.Spinner</item>
         <item name=\\"spinnerDropDownItemStyle\\">@style/RN.Persona.DropDownItem.Spinner</item>
       </style>
@@ -755,6 +811,9 @@ it("pickerTextFont and pickerTextColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
         <item name=\\"spinnerStyle\\">@style/RN.Persona.Spinner</item>
         <item name=\\"spinnerDropDownItemStyle\\">@style/RN.Persona.DropDownItem.Spinner</item>
       </style>
@@ -803,6 +862,7 @@ it("button", () => {
     buttonTextAlignment: null,
     buttonCornerRadius: null,
     buttonFont: null,
+    buttonTextSize: null,
   };
 
   expect(printTheme(theme)).toMatchInlineSnapshot(`
@@ -816,6 +876,9 @@ it("button", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
         <item name=\\"buttonStyle\\">@style/RN.Persona.Button</item>
         <item name=\\"buttonStyleSecondary\\">@style/RN.Persona.Button.Secondary</item>
       </style>
@@ -916,6 +979,9 @@ it("progressColor", () => {
       <style name=\\"Persona.Inquiry.Theme\\" parent=\\"Base.Persona.Inquiry.Theme.Light\\">
         <item name=\\"personaTitleTextAppearance\\">@style/Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/Persona.Text.CameraHint</item>
         <item name=\\"colorControlActivated\\">#FF0000</item>
       </style>
     </resources>
@@ -954,6 +1020,16 @@ it("fullTheme", () => {
     bodyTextSize: "4",
     footnoteTextColor: "#FF0000",
     footnoteTextFont: "Arial",
+    footnoteTextSize: "2",
+    cameraInstructionsTextColor: "#FF0000",
+    cameraInstructionsTextFont: "Arial",
+    cameraInstructionsTextSize: "30",
+    cameraHintTextColor: "#FF0000",
+    cameraHintTextFont: "Arial",
+    cameraHintTextSize: "16",
+    cameraGuideHintTextColor: "#FF0000",
+    cameraGuideHintTextFont: "Arial",
+    cameraGuideHintTextSize: "28",
     // formLabelTextColor: "#FF0000",
     // formLabelTextFont: "Arial",
     textFieldTextColor: "#FF0000",
@@ -968,6 +1044,7 @@ it("fullTheme", () => {
     buttonTextAlignment: "left",
     buttonCornerRadius: "4",
     buttonFont: "Arial",
+    buttonTextSize: "14",
     progressColor: "#FF0000",
     successAsset: "@drawable/success",
     failAsset: "@drawable/fail",
@@ -998,6 +1075,9 @@ it("fullTheme", () => {
          
         <item name=\\"personaTitleTextAppearance\\">@style/RN.Persona.Text.Title</item>
         <item name=\\"personaBodyTextAppearance\\">@style/RN.Persona.Text.Body</item>
+        <item name=\\"personaCameraTitleTextAppearance\\">@style/RN.Persona.Text.CameraTitle</item>
+        <item name=\\"personaCameraBodyTextAppearance\\">@style/RN.Persona.Text.CameraBody</item>
+        <item name=\\"personaCameraHintTextAppearance\\">@style/RN.Persona.Text.CameraHint</item>
         <item name=\\"editTextStyle\\">@style/RN.Persona.EditText</item>
         <item name=\\"spinnerStyle\\">@style/RN.Persona.Spinner</item>
         <item name=\\"spinnerDropDownItemStyle\\">@style/RN.Persona.DropDownItem.Spinner</item>
@@ -1029,9 +1109,24 @@ it("fullTheme", () => {
         <item name=\\"android:textSize\\">4sp</item>
       </style>
       <style name=\\"TextAppearance.AppCompat.Small\\">
-        <item name=\\"android:textSize\\">@dimen/abc_text_size_small_material</item>
         <item name=\\"android:textColor\\">#FF0000</item>
         <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">2sp</item>
+      </style>
+      <style name=\\"RN.Persona.Text.CameraTitle\\" parent=\\"Persona.Text.CameraTitle\\">
+        <item name=\\"android:textColor\\">#FF0000</item>
+        <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">30sp</item>
+      </style>
+      <style name=\\"RN.Persona.Text.CameraBody\\" parent=\\"Persona.Text.CameraBody\\">
+        <item name=\\"android:textColor\\">#FF0000</item>
+        <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">16sp</item>
+      </style>
+      <style name=\\"RN.Persona.Text.CameraHint\\" parent=\\"Persona.Text.CameraHint\\">
+        <item name=\\"android:textColor\\">#FF0000</item>
+        <item name=\\"android:fontFamily\\">Arial</item>
+        <item name=\\"android:textSize\\">28sp</item>
       </style>
       <style name=\\"RN.Persona.EditText\\" parent=\\"Widget.AppCompat.EditText\\">
         <item name=\\"android:textAppearance\\">@style/RN.Persona.EditText.TextAppearance</item>
@@ -1056,7 +1151,7 @@ it("fullTheme", () => {
       <style name=\\"RN.Persona.Button\\" parent=\\"android:style/Widget.Button\\">
         <item name=\\"android:minHeight\\">48dip</item>
         <item name=\\"android:minWidth\\">88dip</item>
-        <item name=\\"android:textSize\\">18sp</item>
+        <item name=\\"android:textSize\\">14sp</item>
         <item name=\\"android:background\\">@drawable/rn_persona_button</item>
         <item name=\\"android:textColor\\">@color/rn_persona_button</item>
       </style>

package/persona-tools/lib/AndroidResourcePrinter.ts

@@ -49,6 +49,9 @@ class AndroidResourcePrinter {
     this.titleText();
     this.bodyText();
     this.footnoteText();
+    this.cameraInstructionsText();
+    this.cameraHintText();
+    this.cameraGuideHintText();
     // this.formLabelText();
     this.textField();
     this.pickerText();
@@ -236,7 +239,7 @@ class AndroidResourcePrinter {
             .up();
         }
 
-        const textSize = this.theme.titleTextSize ? `${this.theme.bodyTextSize}sp` : "18sp";
+        const textSize = this.theme.bodyTextSize ? `${this.theme.bodyTextSize}sp` : "18sp";
         this.root = this.root
           .ele("item", { name: "android:textSize" })
           .txt(textSize)
@@ -259,10 +262,6 @@ class AndroidResourcePrinter {
       this.postPrintQueue.push(() => {
         this.root = this.root
           .ele("style", { name: "TextAppearance.AppCompat.Small" })
-          .ele("item", { name: "android:textSize" })
-          // Used default value found in the Android SDK
-          .txt("@dimen/abc_text_size_small_material")
-          .up()
           .ele("item", { name: "android:textColor" })
           .txt(
             // Used default value found in the Android SDK
@@ -279,11 +278,177 @@ class AndroidResourcePrinter {
             )
             .up();
         }
+        // Default value found in the Android SDK
+        const textSize = this.theme.footnoteTextSize ? `${this.theme.footnoteTextSize}sp` : "@dimen/abc_text_size_small_material";
+        this.root = this.root
+          .ele("item", { name: "android:textSize" })
+          .txt(textSize)
+          .up();
+
+        this.root = this.root.up();
+      });
+    }
+  }
+
+  private cameraInstructionsText() {
+    if (this.theme.cameraInstructionsTextColor ||
+      this.theme.cameraInstructionsTextSize ||
+      this.theme.cameraInstructionsTextFont) {
+      this.printQueue.push(() => {
+        this.root = this.root
+          .ele("item", { name: "personaCameraTitleTextAppearance" })
+          .txt("@style/RN.Persona.Text.CameraTitle")
+          .up();
+      });
+
+      // Create a text appearance
+      this.postPrintQueue.push(() => {
+        this.root = this.root.ele("style", {
+          name: "RN.Persona.Text.CameraTitle",
+          parent: "Persona.Text.CameraTitle",
+        });
+
+        if (this.theme.cameraInstructionsTextColor) {
+          this.root = this.root
+            .ele("item", { name: "android:textColor" })
+            .txt(this.theme.cameraInstructionsTextColor as string)
+            .up();
+        }
+
+        if (this.theme.cameraInstructionsTextFont) {
+          // TODO: Add notice about how to add a custom font that can be
+          // referenced here on Android
+          this.root = this.root
+            .ele("item", { name: "android:fontFamily" })
+            .txt(this.theme.cameraInstructionsTextFont as string)
+            .up();
+        }
+
+        const textSize = this.theme.cameraInstructionsTextSize ?
+          `${this.theme.cameraInstructionsTextSize}sp` : "20sp";
+        this.root = this.root
+          .ele("item", { name: "android:textSize" })
+          .txt(textSize)
+          .up();
+
+        this.root = this.root.up();
+      });
+    } else {
+      this.printQueue.push(() => {
+        this.root = this.root
+          .ele("item", { name: "personaCameraTitleTextAppearance" })
+          .txt("@style/Persona.Text.CameraTitle")
+          .up();
+      });
+    }
+  }
+
+  private cameraHintText() {
+    if (this.theme.cameraHintTextColor ||
+      this.theme.cameraHintTextSize ||
+      this.theme.cameraHintTextFont) {
+      this.printQueue.push(() => {
+        this.root = this.root
+          .ele("item", { name: "personaCameraBodyTextAppearance" })
+          .txt("@style/RN.Persona.Text.CameraBody")
+          .up();
+      });
+
+      // Create a text appearance
+      this.postPrintQueue.push(() => {
+        this.root = this.root.ele("style", {
+          name: "RN.Persona.Text.CameraBody",
+          parent: "Persona.Text.CameraBody",
+        });
+
+        if (this.theme.cameraHintTextColor) {
+          this.root = this.root
+            .ele("item", { name: "android:textColor" })
+            .txt(this.theme.cameraHintTextColor as string)
+            .up();
+        }
+
+        if (this.theme.cameraHintTextFont) {
+          // TODO: Add notice about how to add a custom font that can be
+          // referenced here on Android
+          this.root = this.root
+            .ele("item", { name: "android:fontFamily" })
+            .txt(this.theme.cameraHintTextFont as string)
+            .up();
+        }
+
+        const textSize = this.theme.cameraHintTextSize ?
+          `${this.theme.cameraHintTextSize}sp` : "16sp";
+        this.root = this.root
+          .ele("item", { name: "android:textSize" })
+          .txt(textSize)
+          .up();
+
+        this.root = this.root.up();
+      });
+    } else {
+      this.printQueue.push(() => {
+        this.root = this.root
+          .ele("item", { name: "personaCameraBodyTextAppearance" })
+          .txt("@style/Persona.Text.CameraBody")
+          .up();
+      });
+    }
+  }
+
+  private cameraGuideHintText() {
+    if (this.theme.cameraGuideHintTextColor ||
+      this.theme.cameraGuideHintTextSize ||
+      this.theme.cameraGuideHintTextFont) {
+      this.printQueue.push(() => {
+        this.root = this.root
+          .ele("item", { name: "personaCameraHintTextAppearance" })
+          .txt("@style/RN.Persona.Text.CameraHint")
+          .up();
+      });
+
+      // Create a text appearance
+      this.postPrintQueue.push(() => {
+        this.root = this.root.ele("style", {
+          name: "RN.Persona.Text.CameraHint",
+          parent: "Persona.Text.CameraHint",
+        });
+
+        if (this.theme.cameraGuideHintTextColor) {
+          this.root = this.root
+            .ele("item", { name: "android:textColor" })
+            .txt(this.theme.cameraGuideHintTextColor as string)
+            .up();
+        }
+
+        if (this.theme.cameraGuideHintTextFont) {
+          // TODO: Add notice about how to add a custom font that can be
+          // referenced here on Android
+          this.root = this.root
+            .ele("item", { name: "android:fontFamily" })
+            .txt(this.theme.cameraGuideHintTextFont as string)
+            .up();
+        }
+
+        const textSize = this.theme.cameraGuideHintTextSize ?
+          `${this.theme.cameraGuideHintTextSize}sp` : "20sp";
+        this.root = this.root
+          .ele("item", { name: "android:textSize" })
+          .txt(textSize)
+          .up();
 
         this.root = this.root.up();
       });
+    } else {
+      this.printQueue.push(() => {
+        this.root = this.root
+          .ele("item", { name: "personaCameraHintTextAppearance" })
+          .txt("@style/Persona.Text.CameraHint")
+          .up();
+      });
     }
   }
+
   private textField() {
     if (this.theme.textFieldTextColor || this.theme.textFieldTextFont) {
       this.printQueue.push(() => {
@@ -416,7 +581,8 @@ class AndroidResourcePrinter {
       this.theme.buttonTextColor ||
       this.theme.buttonDisabledTextColor ||
       this.theme.buttonCornerRadius ||
-      this.theme.buttonFont
+      this.theme.buttonFont ||
+      this.theme.buttonTextSize
     ) {
       this.printQueue.push(() => {
         this.root = this.root
@@ -430,6 +596,8 @@ class AndroidResourcePrinter {
           .up();
       });
 
+      const textSize = this.theme.buttonTextSize ? `${this.theme.buttonTextSize}sp` : "18sp";
+
       this.postPrintQueue.push(() => {
         this.root = this.root
           .ele("style", {
@@ -455,7 +623,7 @@ class AndroidResourcePrinter {
           .ele("item", {
             name: "android:textSize",
           })
-          .txt("18sp")
+          .txt(textSize)
           .up()
           .ele("item", {
             name: "android:background",