From dc3983a66839350ab7a88f67b65a3b38739a12c0 Mon Sep 17 00:00:00 2001
From: Terry Yuan <terry.yuan@prudential.com.cn>
Date: Thu, 27 May 2021 15:05:34 +0800
Subject: [PATCH 1/4] add a text-field to accept the value

---
 examples/case_studies/cascader.xml | 247 ++++++++++++++---------------
 1 file changed, 121 insertions(+), 126 deletions(-)
diff --git a/examples/case_studies/cascader.xml b/examples/case_studies/cascader.xml
index 5141e40d6..9fda0a121 100644
--- a/examples/case_studies/cascader.xml
+++ b/examples/case_studies/cascader.xml
@@ -3,61 +3,42 @@
     <styles>
       <style id="Body" backgroundColor="white" flex="1" paddingTop="24" />
       <style id="Main" flex="1" marginBottom="40" />
-      <style
-        id="FormGroup"
-        flex="1"
-        marginLeft="24"
-        marginRight="24"
-        marginTop="24"
-      />
+      <style id="Content" marginHorizontal="28" marginTop="20" />
+      <style id="Title" fontSize="18" fontWeight="700" color="#283542" />
       <style
         id="Input"
-        borderBottomColor="#E1E1E1"
+        borderBottomColor="#E8E9EB"
         borderBottomWidth="1"
-        borderColor="#4E4D4D"
-        flex="1"
-        fontSize="16"
-        fontWeight="normal"
+        color="#2B3447"
+        fontSize="14"
+        fontWeight="500"
+        lineHeight="17"
         paddingBottom="8"
-        paddingTop="8"
-      >
-        <modifier focused="true">
-          <style borderBottomColor="#4778FF" />
-        </modifier>
-      </style>
-      <style id="Input--Error" borderBottomColor="#FF4847" color="#FF4847">
-        <modifier focused="true">
-          <style borderBottomColor="#FF4847" />
-        </modifier>
-      </style>
+        paddingTop="12"
+      />
       <style
-        id="Label"
-        borderColor="#4E4D4D"
-        fontSize="16"
-        fontWeight="bold"
-        lineHeight="24"
-        marginBottom="8"
+        id="Arrow"
+        color="#8F9EB2"
+        position="absolute"
+        right="2"
+        top="10"
       />
       <style
-        id="Help"
-        borderColor="#FF4847"
-        fontSize="16"
-        fontWeight="normal"
-        lineHeight="24"
-        marginTop="16"
+        id="ClickJackingOutter"
+        bottom="0"
+        left="0"
+        position="absolute"
+        right="0"
+        top="0"
       />
-      <style id="Help--Error" color="#FF4847" />
+      <style id="ClickJackingInner" height="100%" />
       <style
-        id="Submit"
-        color="#4778FF"
-        fontSize="16"
-        fontWeight="bold"
-        lineHeight="24"
+        id="FormGroup"
+        flex="1"
         marginLeft="24"
-        marginTop="16"
+        marginRight="24"
+        marginTop="24"
       />
-
-
       <style id="Select" marginTop="24" />
       <style
         id="Select__Separator"
@@ -119,111 +100,125 @@
           <style color="#312f2f" />
         </modifier>
       </style>
-
-
     </styles>
     <body style="Body" safe-area="true">
-
       <view scroll="true" style="Main" trigger="refresh" action="reload" href="#">
-
-        <select-single name="level1" style="Select">
-
-          <view style="Select__Separator" />
-          <option style="Select__Option" value="1">
-            <behavior trigger="select" action="show" target="section1" />
-            <behavior trigger="deselect" action="hide" target="section1" />
-
-            <text style="Select__Label">Option 1</text>
-            <view style="Select__RadioOuter">
-              <view style="Select__RadioInner" />
-            </view>
-          </option>
-
-          <view style="Select__Separator" />
-
-          <option style="Select__Option" value="2">
-            <behavior trigger="select" action="show" target="section2" />
-            <behavior trigger="deselect" action="hide" target="section2" />
-            <text style="Select__Label">Option 2</text>
-            <view style="Select__RadioOuter">
-              <view style="Select__RadioInner" />
-            </view>
-          </option>
-
-          <view style="Select__Separator" />
-
-          <option style="Select__Option" value="3">
-            <behavior trigger="select" action="show" target="section3" />
-            <behavior trigger="deselect" action="hide" target="section3" />
-            <text style="Select__Label">Option 3</text>
-            <view style="Select__RadioOuter">
-              <view style="Select__RadioInner" />
+        <view style="Content">
+          <text style="Title">Option:</text>
+          <view>
+            <text-field
+              style="Input"
+              name="option"
+              id="Option"
+              value="2:2"
+              placeholderTextColor="#BCC2CC"
+            />
+            <text style="Arrow"> > </text>
+            <view style="ClickJackingOutter">
+              <view style="ClickJackingInner">
+                <behavior action="show" target="Cascader" />
+              </view>
             </view>
-          </option>
-          <view style="Select__Separator" />
-
-        </select-single>
-
-
-        <select-single name="level2" style="Select">
-
-          <view id="section1" hide="true">
+          </view>
+        </view>
+        <view id="Cascader" hide="true">
+          <select-single name="level1" style="Select" value="2">
             <view style="Select__Separator" />
-            <option style="Select__Option" value="1:1">
-              <text style="Select__Label">1: 1</text>
+            <option style="Select__Option" value="1">
+              <behavior trigger="select" action="show" target="section1" />
+              <behavior trigger="deselect" action="hide" target="section1" />
+              <text style="Select__Label">Option 1</text>
               <view style="Select__RadioOuter">
                 <view style="Select__RadioInner" />
-              </view>
+            </view>
             </option>
             <view style="Select__Separator" />
-            <option style="Select__Option" value="1:2">
-              <text style="Select__Label">1: 2</text>
+            <option style="Select__Option" value="2">
+              <behavior trigger="select" action="show" target="section2" />
+              <behavior trigger="deselect" action="hide" target="section2" />
+              <text style="Select__Label">Option 2</text>
               <view style="Select__RadioOuter">
                 <view style="Select__RadioInner" />
-              </view>
+            </view>
             </option>
             <view style="Select__Separator" />
-            <option style="Select__Option" value="1:3">
-              <text style="Select__Label">1: 3</text>
+            <option style="Select__Option" value="3">
+              <behavior trigger="select" action="show" target="section3" />
+              <behavior trigger="deselect" action="hide" target="section3" />
+              <text style="Select__Label">Option 3</text>
               <view style="Select__RadioOuter">
                 <view style="Select__RadioInner" />
-              </view>
+            </view>
             </option>
             <view style="Select__Separator" />
+          </select-single>
+          <select-single name="level2" style="Select">
+            <view id="section1" hide="true">
+              <view style="Select__Separator" />
+              <option style="Select__Option" value="1:1">
+                <text style="Select__Label">1: 1</text>
+                <view style="Select__RadioOuter">
+                  <view style="Select__RadioInner" />
+              </view>
+                <behavior trigger="select" action="set-value" new-value="1:1" target="Option" />
+                <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
+              </option>
+              <view style="Select__Separator" />
+              <option style="Select__Option" value="1:2">
+                <text style="Select__Label">1: 2</text>
+                <view style="Select__RadioOuter">
+                  <view style="Select__RadioInner" />
+              </view>
+                <behavior trigger="select" action="set-value" new-value="1:2" target="Option" />
+                <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
+              </option>
+              <view style="Select__Separator" />
+              <option style="Select__Option" value="1:3">
+                <text style="Select__Label">1: 3</text>
+                <view style="Select__RadioOuter">
+                  <view style="Select__RadioInner" />
+              </view>
+                <behavior trigger="select" action="set-value" new-value="1:3" target="Option" />
+                <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
+              </option>
+              <view style="Select__Separator" />
           </view>
-
-          <view id="section2" hide="true">
-            <view style="Select__Separator" />
-            <option style="Select__Option" value="2:1">
-              <text style="Select__Label">2: 1</text>
-              <view style="Select__RadioOuter">
-                <view style="Select__RadioInner" />
+            <view id="section2" hide="true">
+              <view style="Select__Separator" />
+              <option style="Select__Option" value="2:1">
+                <text style="Select__Label">2: 1</text>
+                <view style="Select__RadioOuter">
+                  <view style="Select__RadioInner" />
               </view>
-            </option>
-            <view style="Select__Separator" />
-            <option style="Select__Option" value="2:2">
-              <text style="Select__Label">2: 2</text>
-              <view style="Select__RadioOuter">
-                <view style="Select__RadioInner" />
+                <behavior trigger="select" action="set-value" new-value="2:1" target="Option" />
+                <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
+              </option>
+              <view style="Select__Separator" />
+              <option style="Select__Option" value="2:2" selected="true">
+                <text style="Select__Label">2: 2</text>
+                <view style="Select__RadioOuter">
+                  <view style="Select__RadioInner" />
               </view>
-            </option>
-            <view style="Select__Separator" />
+                <behavior trigger="select" action="set-value" new-value="2:2" target="Option" />
+                <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
+              </option>
+              <view style="Select__Separator" />
           </view>
-
-          <view id="section3" hide="true">
-            <view style="Select__Separator" />
-            <option style="Select__Option" value="3:3">
-              <text style="Select__Label">3: 1</text>
-              <view style="Select__RadioOuter">
-                <view style="Select__RadioInner" />
+            <view id="section3" hide="true">
+              <view style="Select__Separator" />
+              <option style="Select__Option" value="3:1">
+                <text style="Select__Label">3: 1</text>
+                <view style="Select__RadioOuter">
+                  <view style="Select__RadioInner" />
               </view>
-            </option>
-            <view style="Select__Separator" />
+                <behavior trigger="select" action="set-value" new-value="3:1" target="Option" />
+                <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
+              </option>
+              <view style="Select__Separator" />
           </view>
-
-        </select-single>
-
+          </select-single>
+        </view>
       </view>
     </body>
   </screen>
-</doc>
+</doc>
\ No newline at end of file

From df088971a527794b4c52c49865810613a16a9391 Mon Sep 17 00:00:00 2001
From: Terry Yuan <terry.yuan@prudential.com.cn>
Date: Thu, 27 May 2021 15:28:13 +0800
Subject: [PATCH 2/4] prettify xml

---
 examples/case_studies/cascader.xml | 52 +++++++++++++++++++++++++-----
 1 file changed, 44 insertions(+), 8 deletions(-)

diff --git a/examples/case_studies/cascader.xml b/examples/case_studies/cascader.xml
index 9fda0a121..08b100458 100644
--- a/examples/case_studies/cascader.xml
+++ b/examples/case_studies/cascader.xml
@@ -102,7 +102,13 @@
       </style>
     </styles>
     <body style="Body" safe-area="true">
-      <view scroll="true" style="Main" trigger="refresh" action="reload" href="#">
+      <view
+        scroll="true"
+        style="Main"
+        trigger="refresh"
+        action="reload"
+        href="#"
+      >
         <view style="Content">
           <text style="Title">Option:</text>
           <view>
@@ -160,7 +166,12 @@
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
               </view>
-                <behavior trigger="select" action="set-value" new-value="1:1" target="Option" />
+                <behavior
+                  trigger="select"
+                  action="set-value"
+                  new-value="1:1"
+                  target="Option"
+                />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -169,7 +180,12 @@
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
               </view>
-                <behavior trigger="select" action="set-value" new-value="1:2" target="Option" />
+                <behavior
+                  trigger="select"
+                  action="set-value"
+                  new-value="1:2"
+                  target="Option"
+                />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -178,7 +194,12 @@
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
               </view>
-                <behavior trigger="select" action="set-value" new-value="1:3" target="Option" />
+                <behavior
+                  trigger="select"
+                  action="set-value"
+                  new-value="1:3"
+                  target="Option"
+                />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -190,7 +211,12 @@
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
               </view>
-                <behavior trigger="select" action="set-value" new-value="2:1" target="Option" />
+                <behavior
+                  trigger="select"
+                  action="set-value"
+                  new-value="2:1"
+                  target="Option"
+                />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -199,7 +225,12 @@
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
               </view>
-                <behavior trigger="select" action="set-value" new-value="2:2" target="Option" />
+                <behavior
+                  trigger="select"
+                  action="set-value"
+                  new-value="2:2"
+                  target="Option"
+                />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -211,7 +242,12 @@
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
               </view>
-                <behavior trigger="select" action="set-value" new-value="3:1" target="Option" />
+                <behavior
+                  trigger="select"
+                  action="set-value"
+                  new-value="3:1"
+                  target="Option"
+                />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -221,4 +257,4 @@
       </view>
     </body>
   </screen>
-</doc>
\ No newline at end of file
+</doc>

From afa55cf1ab573ae5f756ca3efe0d79a631c9c240 Mon Sep 17 00:00:00 2001
From: Terry Yuan <terry.yuan@prudential.com.cn>
Date: Thu, 27 May 2021 15:31:22 +0800
Subject: [PATCH 3/4] prettify xml

---
 examples/case_studies/cascader.xml | 175 +++++++----------------------
 1 file changed, 38 insertions(+), 137 deletions(-)

diff --git a/examples/case_studies/cascader.xml b/examples/case_studies/cascader.xml
index 08b100458..43bf9109b 100644
--- a/examples/case_studies/cascader.xml
+++ b/examples/case_studies/cascader.xml
@@ -5,67 +5,24 @@
       <style id="Main" flex="1" marginBottom="40" />
       <style id="Content" marginHorizontal="28" marginTop="20" />
       <style id="Title" fontSize="18" fontWeight="700" color="#283542" />
-      <style
-        id="Input"
-        borderBottomColor="#E8E9EB"
-        borderBottomWidth="1"
-        color="#2B3447"
-        fontSize="14"
-        fontWeight="500"
-        lineHeight="17"
-        paddingBottom="8"
-        paddingTop="12"
-      />
-      <style
-        id="Arrow"
-        color="#8F9EB2"
-        position="absolute"
-        right="2"
-        top="10"
-      />
-      <style
-        id="ClickJackingOutter"
-        bottom="0"
-        left="0"
-        position="absolute"
-        right="0"
-        top="0"
-      />
+      <style id="Input" borderBottomColor="#E1E1E1" borderBottomWidth="1" borderColor="#4E4D4D" flex="1" fontSize="16" fontWeight="normal" paddingBottom="8" paddingTop="8">
+        <modifier focused="true">
+          <style borderBottomColor="#4778FF" />
+        </modifier>
+      </style>
+      <style id="Input--Error" borderBottomColor="#FF4847" color="#FF4847">
+        <modifier focused="true">
+          <style borderBottomColor="#FF4847" />
+        </modifier>
+      </style>
+      <style id="Arrow" color="#8F9EB2" position="absolute" right="2" top="10" />
+      <style id="ClickJackingOutter" bottom="0" left="0" position="absolute" right="0" top="0" />
       <style id="ClickJackingInner" height="100%" />
-      <style
-        id="FormGroup"
-        flex="1"
-        marginLeft="24"
-        marginRight="24"
-        marginTop="24"
-      />
+      <style id="FormGroup" flex="1" marginLeft="24" marginRight="24" marginTop="24" />
       <style id="Select" marginTop="24" />
-      <style
-        id="Select__Separator"
-        borderTopColor="#e1e3e3"
-        borderTopWidth="1"
-        marginLeft="24"
-        marginRight="24"
-      />
-      <style
-        id="Select__Option"
-        alignItems="center"
-        flex="1"
-        flexDirection="row"
-        justifyContent="space-between"
-        paddingBottom="16"
-        paddingLeft="24"
-        paddingRight="24"
-        paddingTop="16"
-      />
-      <style
-        id="Select__RadioOuter"
-        borderColor="#bdc4c4"
-        borderRadius="10"
-        borderWidth="1"
-        height="20"
-        width="20"
-      >
+      <style id="Select__Separator" borderTopColor="#e1e3e3" borderTopWidth="1" marginLeft="24" marginRight="24" />
+      <style id="Select__Option" alignItems="center" flex="1" flexDirection="row" justifyContent="space-between" paddingBottom="16" paddingLeft="24" paddingRight="24" paddingTop="16" />
+      <style id="Select__RadioOuter" borderColor="#bdc4c4" borderRadius="10" borderWidth="1" height="20" width="20">
         <modifier pressed="true">
           <style borderColor="#8d9494" borderWidth="1" />
         </modifier>
@@ -73,26 +30,12 @@
           <style borderColor="#4778ff" borderWidth="2" />
         </modifier>
       </style>
-      <style
-        id="Select__RadioInner"
-        borderRadius="5"
-        height="10"
-        marginLeft="3"
-        marginTop="3"
-        opacity="0"
-        width="10"
-      >
+      <style id="Select__RadioInner" borderRadius="5" height="10" marginLeft="3" marginTop="3" opacity="0" width="10">
         <modifier selected="true">
           <style backgroundColor="#4778ff" opacity="1" />
         </modifier>
       </style>
-      <style
-        id="Select__Label"
-        color="black"
-        fontSize="16"
-        fontWeight="normal"
-        lineHeight="18"
-      >
+      <style id="Select__Label" color="black" fontSize="16" fontWeight="normal" lineHeight="18">
         <modifier selected="true">
           <style color="#312f2f" />
         </modifier>
@@ -102,23 +45,11 @@
       </style>
     </styles>
     <body style="Body" safe-area="true">
-      <view
-        scroll="true"
-        style="Main"
-        trigger="refresh"
-        action="reload"
-        href="#"
-      >
+      <view scroll="true" style="Main" trigger="refresh" action="reload" href="#">
         <view style="Content">
           <text style="Title">Option:</text>
           <view>
-            <text-field
-              style="Input"
-              name="option"
-              id="Option"
-              value="2:2"
-              placeholderTextColor="#BCC2CC"
-            />
+            <text-field style="Input" name="option" id="Option" value="2:2" placeholderTextColor="#BCC2CC" />
             <text style="Arrow"> > </text>
             <view style="ClickJackingOutter">
               <view style="ClickJackingInner">
@@ -136,7 +67,7 @@
               <text style="Select__Label">Option 1</text>
               <view style="Select__RadioOuter">
                 <view style="Select__RadioInner" />
-            </view>
+              </view>
             </option>
             <view style="Select__Separator" />
             <option style="Select__Option" value="2">
@@ -145,7 +76,7 @@
               <text style="Select__Label">Option 2</text>
               <view style="Select__RadioOuter">
                 <view style="Select__RadioInner" />
-            </view>
+              </view>
             </option>
             <view style="Select__Separator" />
             <option style="Select__Option" value="3">
@@ -154,7 +85,7 @@
               <text style="Select__Label">Option 3</text>
               <view style="Select__RadioOuter">
                 <view style="Select__RadioInner" />
-            </view>
+              </view>
             </option>
             <view style="Select__Separator" />
           </select-single>
@@ -165,13 +96,8 @@
                 <text style="Select__Label">1: 1</text>
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
-              </view>
-                <behavior
-                  trigger="select"
-                  action="set-value"
-                  new-value="1:1"
-                  target="Option"
-                />
+                </view>
+                <behavior trigger="select" action="set-value" new-value="1:1" target="Option" />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -179,13 +105,8 @@
                 <text style="Select__Label">1: 2</text>
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
-              </view>
-                <behavior
-                  trigger="select"
-                  action="set-value"
-                  new-value="1:2"
-                  target="Option"
-                />
+                </view>
+                <behavior trigger="select" action="set-value" new-value="1:2" target="Option" />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -193,30 +114,20 @@
                 <text style="Select__Label">1: 3</text>
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
-              </view>
-                <behavior
-                  trigger="select"
-                  action="set-value"
-                  new-value="1:3"
-                  target="Option"
-                />
+                </view>
+                <behavior trigger="select" action="set-value" new-value="1:3" target="Option" />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
-          </view>
+            </view>
             <view id="section2" hide="true">
               <view style="Select__Separator" />
               <option style="Select__Option" value="2:1">
                 <text style="Select__Label">2: 1</text>
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
-              </view>
-                <behavior
-                  trigger="select"
-                  action="set-value"
-                  new-value="2:1"
-                  target="Option"
-                />
+                </view>
+                <behavior trigger="select" action="set-value" new-value="2:1" target="Option" />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
@@ -224,34 +135,24 @@
                 <text style="Select__Label">2: 2</text>
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
-              </view>
-                <behavior
-                  trigger="select"
-                  action="set-value"
-                  new-value="2:2"
-                  target="Option"
-                />
+                </view>
+                <behavior trigger="select" action="set-value" new-value="2:2" target="Option" />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
-          </view>
+            </view>
             <view id="section3" hide="true">
               <view style="Select__Separator" />
               <option style="Select__Option" value="3:1">
                 <text style="Select__Label">3: 1</text>
                 <view style="Select__RadioOuter">
                   <view style="Select__RadioInner" />
-              </view>
-                <behavior
-                  trigger="select"
-                  action="set-value"
-                  new-value="3:1"
-                  target="Option"
-                />
+                </view>
+                <behavior trigger="select" action="set-value" new-value="3:1" target="Option" />
                 <!-- <behavior trigger="select" action="hide" target="Cascader" /> -->
               </option>
               <view style="Select__Separator" />
-          </view>
+            </view>
           </select-single>
         </view>
       </view>

From 3eb6b285da70e9a93a0dbc29cd66882c7cc492b4 Mon Sep 17 00:00:00 2001
From: Terry Yuan <terry.yuan@prudential.com.cn>
Date: Thu, 27 May 2021 15:34:17 +0800
Subject: [PATCH 4/4] prettify xml

---
 examples/case_studies/cascader.xml | 84 ++++++++++++++++++++++++++----
 1 file changed, 75 insertions(+), 9 deletions(-)

diff --git a/examples/case_studies/cascader.xml b/examples/case_studies/cascader.xml
index 43bf9109b..64ebd9819 100644
--- a/examples/case_studies/cascader.xml
+++ b/examples/case_studies/cascader.xml
@@ -5,7 +5,17 @@
       <style id="Main" flex="1" marginBottom="40" />
       <style id="Content" marginHorizontal="28" marginTop="20" />
       <style id="Title" fontSize="18" fontWeight="700" color="#283542" />
-      <style id="Input" borderBottomColor="#E1E1E1" borderBottomWidth="1" borderColor="#4E4D4D" flex="1" fontSize="16" fontWeight="normal" paddingBottom="8" paddingTop="8">
+      <style
+        id="Input"
+        borderBottomColor="#E1E1E1"
+        borderBottomWidth="1"
+        borderColor="#4E4D4D"
+        flex="1"
+        fontSize="16"
+        fontWeight="normal"
+        paddingBottom="8"
+        paddingTop="8"
+      >
         <modifier focused="true">
           <style borderBottomColor="#4778FF" />
         </modifier>
@@ -15,14 +25,56 @@
           <style borderBottomColor="#FF4847" />
         </modifier>
       </style>
-      <style id="Arrow" color="#8F9EB2" position="absolute" right="2" top="10" />
-      <style id="ClickJackingOutter" bottom="0" left="0" position="absolute" right="0" top="0" />
+      <style
+        id="Arrow"
+        color="#8F9EB2"
+        position="absolute"
+        right="2"
+        top="10"
+      />
+      <style
+        id="ClickJackingOutter"
+        bottom="0"
+        left="0"
+        position="absolute"
+        right="0"
+        top="0"
+      />
       <style id="ClickJackingInner" height="100%" />
-      <style id="FormGroup" flex="1" marginLeft="24" marginRight="24" marginTop="24" />
+      <style
+        id="FormGroup"
+        flex="1"
+        marginLeft="24"
+        marginRight="24"
+        marginTop="24"
+      />
       <style id="Select" marginTop="24" />
-      <style id="Select__Separator" borderTopColor="#e1e3e3" borderTopWidth="1" marginLeft="24" marginRight="24" />
-      <style id="Select__Option" alignItems="center" flex="1" flexDirection="row" justifyContent="space-between" paddingBottom="16" paddingLeft="24" paddingRight="24" paddingTop="16" />
-      <style id="Select__RadioOuter" borderColor="#bdc4c4" borderRadius="10" borderWidth="1" height="20" width="20">
+      <style
+        id="Select__Separator"
+        borderTopColor="#e1e3e3"
+        borderTopWidth="1"
+        marginLeft="24"
+        marginRight="24"
+      />
+      <style
+        id="Select__Option"
+        alignItems="center"
+        flex="1"
+        flexDirection="row"
+        justifyContent="space-between"
+        paddingBottom="16"
+        paddingLeft="24"
+        paddingRight="24"
+        paddingTop="16"
+      />
+      <style
+        id="Select__RadioOuter"
+        borderColor="#bdc4c4"
+        borderRadius="10"
+        borderWidth="1"
+        height="20"
+        width="20"
+      >
         <modifier pressed="true">
           <style borderColor="#8d9494" borderWidth="1" />
         </modifier>
@@ -30,12 +82,26 @@
           <style borderColor="#4778ff" borderWidth="2" />
         </modifier>
       </style>
-      <style id="Select__RadioInner" borderRadius="5" height="10" marginLeft="3" marginTop="3" opacity="0" width="10">
+      <style
+        id="Select__RadioInner"
+        borderRadius="5"
+        height="10"
+        marginLeft="3"
+        marginTop="3"
+        opacity="0"
+        width="10"
+      >
         <modifier selected="true">
           <style backgroundColor="#4778ff" opacity="1" />
         </modifier>
       </style>
-      <style id="Select__Label" color="black" fontSize="16" fontWeight="normal" lineHeight="18">
+      <style
+        id="Select__Label"
+        color="black"
+        fontSize="16"
+        fontWeight="normal"
+        lineHeight="18"
+      >
         <modifier selected="true">
           <style color="#312f2f" />
         </modifier>
