react-native-persona 2.2.0 → 2.2.3

package/{persona-tools/lib → src/persona-tool}/AndroidResourcePrinter.ts

@@ -1,6 +1,6 @@
-import { create as createXml } from "xmlbuilder2";
-import type { AndroidThemeObject } from "../Theme";
-import type { XMLBuilder } from "xmlbuilder2/lib/interfaces";
+import { create as createXml } from 'xmlbuilder2';
+import type { AndroidThemeObject } from './Theme';
+import type { XMLBuilder } from 'xmlbuilder2/lib/interfaces';
 
 class AndroidResourcePrinter {
   theme: AndroidThemeObject;
@@ -13,12 +13,12 @@ class AndroidResourcePrinter {
 
   constructor(theme: AndroidThemeObject) {
     this.theme = theme;
-    this.root = createXml({ version: "1.0" }).ele("resources");
-    this.buttonDrawable = createXml({ version: "1.0" }).ele("selector", {
-      "xmlns:android": "http://schemas.android.com/apk/res/android",
+    this.root = createXml({ version: '1.0' }).ele('resources');
+    this.buttonDrawable = createXml({ version: '1.0' }).ele('selector', {
+      'xmlns:android': 'http://schemas.android.com/apk/res/android',
     });
-    this.buttonColor = createXml({ version: "1.0" }).ele("selector", {
-      "xmlns:android": "http://schemas.android.com/apk/res/android",
+    this.buttonColor = createXml({ version: '1.0' }).ele('selector', {
+      'xmlns:android': 'http://schemas.android.com/apk/res/android',
     });
   }
 
@@ -58,23 +58,23 @@ class AndroidResourcePrinter {
 
     // Precreate some style namespaces
     this.root = this.root
-      .ele("style", {
-        name: "RN",
+      .ele('style', {
+        name: 'RN',
       })
       .up();
     this.root = this.root
-      .ele("style", {
-        name: "RN.Persona",
+      .ele('style', {
+        name: 'RN.Persona',
       })
       .up();
     this.root = this.root
-      .ele("style", {
-        name: "RN.Persona.Text",
+      .ele('style', {
+        name: 'RN.Persona.Text',
       })
       .up();
-    this.root = this.root.ele("style", {
-      name: "Persona.Inquiry2.Theme",
-      parent: "Base.Persona.Inquiry2.Theme",
+    this.root = this.root.ele('style', {
+      name: 'Persona.Inquiry2.Theme',
+      parent: 'Base.Persona.Inquiry2.Theme',
     });
     this.printQueue.forEach((fn) => fn());
     this.root = this.root.up();
@@ -93,10 +93,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "colorPrimary" })
+        .ele('item', { name: 'colorPrimary' })
         .txt(this.theme.primaryColor as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -105,10 +105,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "colorAccent" })
+        .ele('item', { name: 'colorSecondary' })
         .txt(this.theme.accentColor as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -117,10 +117,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "colorPrimaryDark" })
+        .ele('item', { name: 'colorPrimaryVariant' })
         .txt(this.theme.darkPrimaryColor as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -129,18 +129,18 @@ class AndroidResourcePrinter {
 
     this.preprintQueue.push(() => {
       this.root = this.root
-        .ele("color", { name: "customPersonaBackgroundColor" })
+        .ele('color', { name: 'customPersonaBackgroundColor' })
         .txt(this.theme.backgroundColor as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "android:colorBackground" })
-        .txt("@color/customPersonaBackgroundColor")
+        .ele('item', { name: 'android:colorBackground' })
+        .txt('@color/customPersonaBackgroundColor')
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -148,21 +148,21 @@ class AndroidResourcePrinter {
     if (this.theme.titleTextColor || this.theme.titleTextFont) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaTitleTextAppearance" })
-          .txt("@style/RN.Persona.Text.Title")
+          .ele('item', { name: 'textAppearanceHeadline6' })
+          .txt('@style/RN.Persona.Text.Title')
           .up();
       });
 
       // Create a text appearance
       this.postPrintQueue.push(() => {
-        this.root = this.root.ele("style", {
-          name: "RN.Persona.Text.Title",
-          parent: "Persona.Text.Body",
+        this.root = this.root.ele('style', {
+          name: 'RN.Persona.Text.Title',
+          parent: 'Persona.Inquiry2.Text.Body',
         });
 
         if (this.theme.titleTextColor) {
           this.root = this.root
-            .ele("item", { name: "android:textColor" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.titleTextColor as string)
             .up();
         }
@@ -171,7 +171,7 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.titleTextFont as string)
             .up();
         }
@@ -179,11 +179,11 @@ class AndroidResourcePrinter {
         // Default values taken from `Persona.Text.Title`
         // in shared/src/main/res/values/styles.xml
         this.root = this.root
-          .ele("item", { name: "android:textSize" })
-          .txt("26sp")
+          .ele('item', { name: 'android:textSize' })
+          .txt('26sp')
           .up()
-          .ele("item", { name: "android:textStyle" })
-          .txt("bold")
+          .ele('item', { name: 'android:textStyle' })
+          .txt('bold')
           .up();
 
         this.root = this.root.up();
@@ -191,8 +191,8 @@ class AndroidResourcePrinter {
     } else {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaTitleTextAppearance" })
-          .txt("@style/Persona.Text.Title")
+          .ele('item', { name: 'textAppearanceHeadline6' })
+          .txt('@style/Persona.Text.Title')
           .up();
       });
     }
@@ -202,21 +202,21 @@ class AndroidResourcePrinter {
     if (this.theme.bodyTextColor || this.theme.bodyTextFont) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaBodyTextAppearance" })
-          .txt("@style/RN.Persona.Text.Body")
+          .ele('item', { name: 'textAppearanceSubtitle1' })
+          .txt('@style/RN.Persona.Text.Body')
           .up();
       });
 
       // Create a text appearance
       this.postPrintQueue.push(() => {
-        this.root = this.root.ele("style", {
-          name: "RN.Persona.Text.Body",
-          parent: "Persona.Text.Body",
+        this.root = this.root.ele('style', {
+          name: 'RN.Persona.Text.Body',
+          parent: 'Persona.Inquiry2.Text.Body',
         });
 
         if (this.theme.bodyTextColor) {
           this.root = this.root
-            .ele("item", { name: "android:textColor" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.bodyTextColor as string)
             .up();
         }
@@ -225,7 +225,7 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.bodyTextFont as string)
             .up();
         }
@@ -233,8 +233,8 @@ class AndroidResourcePrinter {
         // Default values taken from `Persona.Text.Body`
         // in shared/src/main/res/values/styles.xml
         this.root = this.root
-          .ele("item", { name: "android:textSize" })
-          .txt("18sp")
+          .ele('item', { name: 'android:textSize' })
+          .txt('18sp')
           .up();
 
         this.root = this.root.up();
@@ -242,8 +242,8 @@ class AndroidResourcePrinter {
     } else {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "personaBodyTextAppearance" })
-          .txt("@style/Persona.Text.Body")
+          .ele('item', { name: 'textAppearanceSubtitle1' })
+          .txt('@style/Persona.Inquiry2.Text.Body')
           .up();
       });
     }
@@ -253,24 +253,24 @@ class AndroidResourcePrinter {
     if (this.theme.footnoteTextColor || this.theme.footnoteTextFont) {
       this.postPrintQueue.push(() => {
         this.root = this.root
-          .ele("style", { name: "TextAppearance.AppCompat.Small" })
-          .ele("item", { name: "android:textSize" })
+          .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")
+          .txt('@dimen/abc_text_size_small_material')
           .up()
-          .ele("item", { name: "android:textColor" })
+          .ele('item', { name: 'android:textColor' })
           .txt(
             // Used default value found in the Android SDK
-            this.theme.footnoteTextColor ?? "?android:attr/textColorTertiary"
+            this.theme.footnoteTextColor ?? '?android:attr/textColorTertiary'
           )
           .up();
 
         if (this.theme.footnoteTextFont) {
           this.root = this.root
-            .ele("item", { name: "android:fontFamily" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(
               // Used default value found in the Android SDK
-              this.theme.footnoteTextFont ?? "?android:attr/textColorTertiary"
+              this.theme.footnoteTextFont ?? '?android:attr/textColorTertiary'
             )
             .up();
         }
@@ -283,40 +283,40 @@ class AndroidResourcePrinter {
     if (this.theme.textFieldTextColor || this.theme.textFieldTextFont) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "editTextStyle" })
-          .txt("@style/RN.Persona.EditText")
+          .ele('item', { name: 'editTextStyle' })
+          .txt('@style/RN.Persona.EditText')
           .up();
       });
 
       this.postPrintQueue.push(() => {
         this.root = this.root
-          .ele("style", {
-            name: "RN.Persona.EditText",
-            parent: "Widget.AppCompat.EditText",
+          .ele('style', {
+            name: 'RN.Persona.EditText',
+            parent: 'Persona.Inquiry2.EditText',
           })
-          .ele("item", { name: "android:textAppearance" })
-          .txt("@style/RN.Persona.EditText.TextAppearance")
+          .ele('item', { name: 'android:textAppearance' })
+          .txt('@style/RN.Persona.EditText.TextAppearance')
           .up()
-          .ele("item", { name: "android:textColor" })
+          .ele('item', { name: 'android:textColor' })
           .txt(this.theme.textFieldTextColor as string)
           .up()
           .up();
 
-        this.root = this.root.ele("style", {
-          name: "RN.Persona.EditText.TextAppearance",
-          parent: "Base.TextAppearance.AppCompat.Medium",
+        this.root = this.root.ele('style', {
+          name: 'RN.Persona.EditText.TextAppearance',
+          parent: 'Base.TextAppearance.TextAppearance.MaterialComponents.Body1',
         });
 
         if (this.theme.textFieldTextColor) {
           this.root = this.root
-            .ele("item", { name: "android:textSize" })
-            .txt("18sp")
+            .ele('item', { name: 'android:textSize' })
+            .txt('18sp')
             .up();
         }
 
         if (this.theme.textFieldTextFont) {
           this.root = this.root
-            .ele("item", { name: "android:fontFamily" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.textFieldTextFont as string)
             .up();
         }
@@ -330,61 +330,61 @@ class AndroidResourcePrinter {
     if (this.theme.pickerTextColor || this.theme.pickerTextFont) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "spinnerStyle" })
-          .txt("@style/RN.Persona.Spinner")
+          .ele('item', { name: 'spinnerStyle' })
+          .txt('@style/RN.Persona.Spinner')
           .up();
 
         this.root = this.root
-          .ele("item", { name: "spinnerDropDownItemStyle" })
-          .txt("@style/RN.Persona.DropDownItem.Spinner")
+          .ele('item', { name: 'spinnerDropDownItemStyle' })
+          .txt('@style/RN.Persona.DropDownItem.Spinner')
           .up();
       });
 
       this.postPrintQueue.push(() => {
         // Build Rn.Persona.Spinner
         this.root = this.root
-          .ele("style", {
-            name: "RN.Persona.Spinner",
-            parent: "Widget.AppCompat.Spinner",
+          .ele('style', {
+            name: 'RN.Persona.Spinner',
+            parent: 'Persona.Inquiry2.Spinner',
           })
-          .ele("item", { name: "android:textColor" })
-          .txt(this.theme.pickerTextColor ?? "?android:attr/textColorPrimary")
+          .ele('item', { name: 'android:textColor' })
+          .txt(this.theme.pickerTextColor ?? '?android:attr/textColorPrimary')
           .up()
-          .ele("item", { name: "android:textAppearance" })
+          .ele('item', { name: 'android:textAppearance' })
           .txt(
             this.theme.pickerTextFont
-              ? "@style/RN.Persona.Text.Spinner"
-              : "@style/Persona.Text.Body"
+              ? '@style/RN.Persona.Text.Spinner'
+              : '@style/Persona.Inquiry2.Text.Body'
           )
           .up()
           .up();
 
         // Build RN.Persona.DropDownItem.Spinner
         this.root = this.root
-          .ele("style", {
-            name: "RN.Persona.DropDownItem.Spinner",
-            parent: "Widget.AppCompat.DropDownItem.Spinner",
+          .ele('style', {
+            name: 'RN.Persona.DropDownItem.Spinner',
+            parent: 'Persona.Inquiry2.Spinner',
           })
-          .ele("item", { name: "android:textColor" })
-          .txt(this.theme.pickerTextColor ?? "?android:attr/textColorPrimary")
+          .ele('item', { name: 'android:textColor' })
+          .txt(this.theme.pickerTextColor ?? '?android:attr/textColorPrimary')
           .up()
-          .ele("item", { name: "android:textAppearance" })
+          .ele('item', { name: 'android:textAppearance' })
           .txt(
             this.theme.pickerTextFont
-              ? "@style/RN.Persona.Text.Spinner"
-              : "@style/Persona.Text.Body"
+              ? '@style/RN.Persona.Text.Spinner'
+              : '@style/Persona.Inquiry2.Text.Body'
           )
           .up()
           .up();
 
         // Build RN.Persona.Text.Spinner
-        this.root = this.root.ele("style", {
-          name: "RN.Persona.Text.Spinner",
+        this.root = this.root.ele('style', {
+          name: 'RN.Persona.Text.Spinner',
         });
 
         if (this.theme.pickerTextColor) {
           this.root = this.root
-            .ele("item", { name: "android:textColor" })
+            .ele('item', { name: 'android:textColor' })
             .txt(this.theme.pickerTextColor as string)
             .up();
         }
@@ -393,7 +393,7 @@ class AndroidResourcePrinter {
           // 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" })
+            .ele('item', { name: 'android:fontFamily' })
             .txt(this.theme.pickerTextFont as string)
             .up();
         }
@@ -415,73 +415,73 @@ class AndroidResourcePrinter {
     ) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "buttonStyle" })
-          .txt("@style/RN.Persona.Button")
+          .ele('item', { name: 'buttonStyle' })
+          .txt('@style/RN.Persona.Button')
           .up();
       });
 
       this.postPrintQueue.push(() => {
         this.root = this.root
-          .ele("style", {
-            name: "RN.Persona.Button",
-            parent: "android:style/Widget.Button",
+          .ele('style', {
+            name: 'RN.Persona.Button',
+            parent: 'Persona.Inquiry2.Button',
           })
           // Taken from
           // appcompat's res/values/values.xml
-          .ele("item", {
-            name: "android:minHeight",
+          .ele('item', {
+            name: 'android:minHeight',
           })
-          .txt("48dip")
+          .txt('48dip')
           .up()
           // Taken from
           // appcompat's res/values/values.xml
-          .ele("item", {
-            name: "android:minWidth",
+          .ele('item', {
+            name: 'android:minWidth',
           })
-          .txt("88dip")
+          .txt('88dip')
           .up()
           // Taken from
           // persona-android's shared/src/main/res/values/styles.xml
-          .ele("item", {
-            name: "android:textSize",
+          .ele('item', {
+            name: 'android:textSize',
           })
-          .txt("18sp")
+          .txt('18sp')
           .up()
-          .ele("item", {
-            name: "android:background",
+          .ele('item', {
+            name: 'android:background',
           })
-          .txt("@drawable/rn_persona_button")
+          .txt('@drawable/rn_persona_button')
           .up()
-          .ele("item", {
-            name: "android:textColor",
+          .ele('item', {
+            name: 'android:textColor',
           })
-          .txt("@color/rn_persona_button")
+          .txt('@color/rn_persona_button')
           .up()
           .up();
 
         // Disabled
         this.buttonDrawable = this.buttonDrawable
-          .ele("item", {
-            "android:state_enabled": "false",
+          .ele('item', {
+            'android:state_enabled': 'false',
           })
-          .ele("shape", { "android:shape": "rectangle" })
-          .ele("corners", {
-            "android:radius": this.theme.buttonCornerRadius
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@dimen/abc_control_corner_material',
           })
           .up()
-          .ele("padding", {
-            "android:left": "@dimen/abc_button_padding_horizontal_material",
-            "android:top": "@dimen/abc_button_padding_vertical_material",
-            "android:right": "@dimen/abc_button_padding_horizontal_material",
-            "android:bottom": "@dimen/abc_button_padding_vertical_material",
+          .ele('padding', {
+            'android:left': '@dimen/abc_button_padding_horizontal_material',
+            'android:top': '@dimen/abc_button_padding_vertical_material',
+            'android:right': '@dimen/abc_button_padding_horizontal_material',
+            'android:bottom': '@dimen/abc_button_padding_vertical_material',
           })
           .up()
-          .ele("solid", {
-            "android:color": this.theme.buttonDisabledBackgroundColor
+          .ele('solid', {
+            'android:color': this.theme.buttonDisabledBackgroundColor
               ? this.theme.buttonDisabledBackgroundColor
-              : "?attr/colorPrimaryDark",
+              : '?attr/colorPrimaryVariant',
           })
           .up()
           .up()
@@ -489,51 +489,51 @@ class AndroidResourcePrinter {
 
         // touched
         this.buttonDrawable = this.buttonDrawable
-          .ele("item", {
-            "android:state_pressed": "true",
+          .ele('item', {
+            'android:state_pressed': 'true',
           })
-          .ele("shape", { "android:shape": "rectangle" })
-          .ele("corners", {
-            "android:radius": this.theme.buttonCornerRadius
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@dimen/abc_control_corner_material',
           })
           .up()
-          .ele("solid", {
-            "android:color":
+          .ele('solid', {
+            'android:color':
               this.theme.buttonTouchedBackgroundColor ??
-              "?attr/colorPrimaryDark",
+              '?attr/colorPrimaryVariant',
           })
           .up()
-          .ele("padding", {
-            "android:left": "@dimen/abc_button_padding_horizontal_material",
-            "android:top": "@dimen/abc_button_padding_vertical_material",
-            "android:right": "@dimen/abc_button_padding_horizontal_material",
-            "android:bottom": "@dimen/abc_button_padding_vertical_material",
+          .ele('padding', {
+            'android:left': '@dimen/abc_button_padding_horizontal_material',
+            'android:top': '@dimen/abc_button_padding_vertical_material',
+            'android:right': '@dimen/abc_button_padding_horizontal_material',
+            'android:bottom': '@dimen/abc_button_padding_vertical_material',
           })
           .up()
           .up()
           .up();
 
         this.buttonDrawable = this.buttonDrawable
-          .ele("item")
-          .ele("shape", { "android:shape": "rectangle" })
-          .ele("corners", {
-            "android:radius": this.theme.buttonCornerRadius
+          .ele('item')
+          .ele('shape', { 'android:shape': 'rectangle' })
+          .ele('corners', {
+            'android:radius': this.theme.buttonCornerRadius
               ? `${this.theme.buttonCornerRadius}dp`
-              : "@dimen/abc_control_corner_material",
+              : '@dimen/abc_control_corner_material',
           })
           .up()
-          .ele("solid", {
-            "android:color":
-              this.theme.buttonBackgroundColor ?? "?attr/colorPrimary",
+          .ele('solid', {
+            'android:color':
+              this.theme.buttonBackgroundColor ?? '?attr/colorPrimary',
           })
           .up()
-          .ele("padding", {
-            "android:left": "@dimen/abc_button_padding_horizontal_material",
-            "android:top": "@dimen/abc_button_padding_vertical_material",
-            "android:right": "@dimen/abc_button_padding_horizontal_material",
-            "android:bottom": "@dimen/abc_button_padding_vertical_material",
+          .ele('padding', {
+            'android:left': '@dimen/abc_button_padding_horizontal_material',
+            'android:top': '@dimen/abc_button_padding_vertical_material',
+            'android:right': '@dimen/abc_button_padding_horizontal_material',
+            'android:bottom': '@dimen/abc_button_padding_vertical_material',
           })
           .up()
           .up()
@@ -543,22 +543,22 @@ class AndroidResourcePrinter {
         this.buttonDrawable = this.buttonDrawable.up();
 
         this.buttonColor = this.buttonColor
-          .ele("item", {
-            "android:state_enabled": "false",
-            "android:color":
+          .ele('item', {
+            'android:state_enabled': 'false',
+            'android:color':
               this.theme.buttonDisabledTextColor ??
-              "@android:color/darker_gray",
+              '@android:color/darker_gray',
           })
           .up()
-          .ele("item", {
-            "android:state_pressed": "true",
-            "android:color":
-              this.theme.buttonTextColor ?? "@android:color/white",
+          .ele('item', {
+            'android:state_pressed': 'true',
+            'android:color':
+              this.theme.buttonTextColor ?? '@android:color/white',
           })
           .up()
-          .ele("item", {
-            "android:color":
-              this.theme.buttonTextColor ?? "@android:color/white",
+          .ele('item', {
+            'android:color':
+              this.theme.buttonTextColor ?? '@android:color/white',
           })
           .up();
 
@@ -573,7 +573,7 @@ class AndroidResourcePrinter {
     if (this.theme.progressColor) {
       this.printQueue.push(() => {
         this.root = this.root
-          .ele("item", { name: "colorControlActivated" })
+          .ele('item', { name: 'colorControlActivated' })
           .txt(this.theme.progressColor as string)
           .up();
       });
@@ -585,10 +585,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "personaInquiryCompleteImage" })
+        .ele('item', { name: 'personaInquiryCompleteImage' })
         .txt(this.theme.successAsset as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -597,10 +597,10 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "personaInquiryFailImage" })
+        .ele('item', { name: 'personaInquiryFailImage' })
         .txt(this.theme.failAsset as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -613,16 +613,16 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "personaInquiryLoadingLottieRaw" })
+        .ele('item', { name: 'personaInquiryLoadingLottieRaw' })
         .txt(this.theme.loadingAnimationAsset as string)
         .up()
-        .txt(" ");
+        .txt(' ');
 
       this.root = this.root
-        .ele("item", { name: "personaInquiryLoadingLottieWidthPercent" })
+        .ele('item', { name: 'personaInquiryLoadingLottieWidthPercent' })
         .txt(this.theme.loadingAnimationWidthPercent as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 
@@ -635,16 +635,16 @@ class AndroidResourcePrinter {
 
     this.printQueue.push(() => {
       this.root = this.root
-        .ele("item", { name: "personaInquirySelfieLottieRaw" })
+        .ele('item', { name: 'personaInquirySelfieLottieRaw' })
         .txt(this.theme.selfieAnimationAsset as string)
         .up()
-        .txt(" ");
+        .txt(' ');
 
       this.root = this.root
-        .ele("item", { name: "personaInquirySelfieLottieWidthPercent" })
+        .ele('item', { name: 'personaInquirySelfieLottieWidthPercent' })
         .txt(this.theme.selfieAnimationWidthPercent as string)
         .up()
-        .txt(" ");
+        .txt(' ');
     });
   }
 }