@mirai/core 0.3.355 → 0.3.357

package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap

@@ -2,35 +2,35 @@
 
 exports[`component:<Session> Using ghost feature renders 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
     <button>
       hello
     </button>
-  </ui_pressable>
-  <ui_modal_overflow
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
-        <ui_text
+        <ui-text
           class="text headline-3 title"
         >
           user.label.title_session
-        </ui_text>
+        </ui-text>
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -50,39 +50,39 @@ exports[`component:<Session> Using ghost feature renders 1`] = `
                 d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
               />
             </svg>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
-      <ui_scrollview
+      </ui-view>
+      <ui-scrollview
         class="scrollview snap vertical"
       >
-        <ui_view
+        <ui-view
           class="view row wide"
         >
-          <ui_view
+          <ui-view
             class="view wide"
           >
             <form>
-              <ui_text
+              <ui-text
                 class="text paragraph"
               >
                 user.label.form_description
-              </ui_text>
-              <ui_input_text
+              </ui-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.email"
+                      htmlfor="input.email"
                     >
                       common.label.email
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -92,24 +92,24 @@ exports[`component:<Session> Using ghost feature renders 1`] = `
                       type="email"
                       value=""
                     />
-                  </ui_view>
-                </ui_view>
-              </ui_input_text>
-              <ui_input_text
+                  </ui-view>
+                </ui-view>
+              </ui-input-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.password"
+                      htmlfor="input.password"
                     >
                       common.label.password
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -119,12 +119,12 @@ exports[`component:<Session> Using ghost feature renders 1`] = `
                       type="password"
                       value=""
                     />
-                  </ui_view>
-                  <ui_pressable
+                  </ui-view>
+                  <ui-pressable
                     class="pressable"
                     tabindex="-1"
                   >
-                    <ui_icon
+                    <ui-icon
                       class="icon headline-3 icon password"
                     >
                       <svg
@@ -144,37 +144,38 @@ exports[`component:<Session> Using ghost feature renders 1`] = `
                           d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
                         />
                       </svg>
-                    </ui_icon>
-                  </ui_pressable>
-                </ui_view>
-              </ui_input_text>
-              <ui_view
+                    </ui-icon>
+                  </ui-pressable>
+                </ui-view>
+              </ui-input-text>
+              <ui-view
                 class="view wide"
               >
-                <ui_div
+                <ui-action
                   class="pressable action"
+                  disabled="false"
                   tabindex="0"
                 >
                   user.action.reset
-                </ui_div>
-              </ui_view>
+                </ui-action>
+              </ui-view>
               <button
                 class="pressable disabled button large disabled wide"
                 disabled=""
                 type="submit"
               >
-                <ui_view
+                <ui-view
                   class="view busyContainer"
                 >
-                  <ui_view
+                  <ui-view
                     class="view spinner"
                   />
-                </ui_view>
-                <ui_view
+                </ui-view>
+                <ui-view
                   class="view row children"
                 >
                   common.action.login
-                </ui_view>
+                </ui-view>
               </button>
             </form>
             <button
@@ -183,23 +184,23 @@ exports[`component:<Session> Using ghost feature renders 1`] = `
             >
               user.action.signup
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_scrollview>
-    </ui_view>
-  </ui_modal_overflow>
+          </ui-view>
+        </ui-view>
+      </ui-scrollview>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Session> Using ghost feature with an stored session 1`] = `
 <DocumentFragment>
-  <ui_view
+  <ui-view
     class="view"
   >
-    <ui_menu
+    <ui-menu
       class="container"
     >
-      <ui_pressable
+      <ui-pressable
         class="pressable"
         tabindex="0"
       >
@@ -217,22 +218,22 @@ exports[`component:<Session> Using ghost feature with an stored session 1`] = `
           
 
         </div>
-      </ui_pressable>
-    </ui_menu>
-  </ui_view>
+      </ui-pressable>
+    </ui-menu>
+  </ui-view>
 </DocumentFragment>
 `;
 
 exports[`component:<Session> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view row"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -255,35 +256,35 @@ exports[`component:<Session> inherit:className 1`] = `
             d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
           />
         </svg>
-      </ui_icon>
-      <ui_text
+      </ui-icon>
+      <ui-text
         class="text paragraph"
       >
         common.action.login
-      </ui_text>
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+      </ui-text>
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
-        <ui_text
+        <ui-text
           class="text headline-3 title"
         >
           user.label.title_session
-        </ui_text>
+        </ui-text>
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -303,39 +304,39 @@ exports[`component:<Session> inherit:className 1`] = `
                 d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
               />
             </svg>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
-      <ui_scrollview
+      </ui-view>
+      <ui-scrollview
         class="scrollview snap vertical"
       >
-        <ui_view
+        <ui-view
           class="view row wide"
         >
-          <ui_view
+          <ui-view
             class="view wide"
           >
             <form>
-              <ui_text
+              <ui-text
                 class="text paragraph"
               >
                 user.label.form_description
-              </ui_text>
-              <ui_input_text
+              </ui-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.email"
+                      htmlfor="input.email"
                     >
                       common.label.email
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -345,24 +346,24 @@ exports[`component:<Session> inherit:className 1`] = `
                       type="email"
                       value=""
                     />
-                  </ui_view>
-                </ui_view>
-              </ui_input_text>
-              <ui_input_text
+                  </ui-view>
+                </ui-view>
+              </ui-input-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.password"
+                      htmlfor="input.password"
                     >
                       common.label.password
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -372,12 +373,12 @@ exports[`component:<Session> inherit:className 1`] = `
                       type="password"
                       value=""
                     />
-                  </ui_view>
-                  <ui_pressable
+                  </ui-view>
+                  <ui-pressable
                     class="pressable"
                     tabindex="-1"
                   >
-                    <ui_icon
+                    <ui-icon
                       class="icon headline-3 icon password"
                     >
                       <svg
@@ -397,37 +398,38 @@ exports[`component:<Session> inherit:className 1`] = `
                           d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
                         />
                       </svg>
-                    </ui_icon>
-                  </ui_pressable>
-                </ui_view>
-              </ui_input_text>
-              <ui_view
+                    </ui-icon>
+                  </ui-pressable>
+                </ui-view>
+              </ui-input-text>
+              <ui-view
                 class="view wide"
               >
-                <ui_div
+                <ui-action
                   class="pressable action"
+                  disabled="false"
                   tabindex="0"
                 >
                   user.action.reset
-                </ui_div>
-              </ui_view>
+                </ui-action>
+              </ui-view>
               <button
                 class="pressable disabled button large disabled wide"
                 disabled=""
                 type="submit"
               >
-                <ui_view
+                <ui-view
                   class="view busyContainer"
                 >
-                  <ui_view
+                  <ui-view
                     class="view spinner"
                   />
-                </ui_view>
-                <ui_view
+                </ui-view>
+                <ui-view
                   class="view row children"
                 >
                   common.action.login
-                </ui_view>
+                </ui-view>
               </button>
             </form>
             <button
@@ -436,24 +438,24 @@ exports[`component:<Session> inherit:className 1`] = `
             >
               user.action.signup
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_scrollview>
-    </ui_view>
-  </ui_modal_overflow>
+          </ui-view>
+        </ui-view>
+      </ui-scrollview>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Session> renders 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view row"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -476,35 +478,35 @@ exports[`component:<Session> renders 1`] = `
             d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
           />
         </svg>
-      </ui_icon>
-      <ui_text
+      </ui-icon>
+      <ui-text
         class="text paragraph"
       >
         common.action.login
-      </ui_text>
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+      </ui-text>
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
-        <ui_text
+        <ui-text
           class="text headline-3 title"
         >
           user.label.title_session
-        </ui_text>
+        </ui-text>
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -524,39 +526,39 @@ exports[`component:<Session> renders 1`] = `
                 d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
               />
             </svg>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
-      <ui_scrollview
+      </ui-view>
+      <ui-scrollview
         class="scrollview snap vertical"
       >
-        <ui_view
+        <ui-view
           class="view row wide"
         >
-          <ui_view
+          <ui-view
             class="view wide"
           >
             <form>
-              <ui_text
+              <ui-text
                 class="text paragraph"
               >
                 user.label.form_description
-              </ui_text>
-              <ui_input_text
+              </ui-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.email"
+                      htmlfor="input.email"
                     >
                       common.label.email
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -566,24 +568,24 @@ exports[`component:<Session> renders 1`] = `
                       type="email"
                       value=""
                     />
-                  </ui_view>
-                </ui_view>
-              </ui_input_text>
-              <ui_input_text
+                  </ui-view>
+                </ui-view>
+              </ui-input-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.password"
+                      htmlfor="input.password"
                     >
                       common.label.password
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -593,12 +595,12 @@ exports[`component:<Session> renders 1`] = `
                       type="password"
                       value=""
                     />
-                  </ui_view>
-                  <ui_pressable
+                  </ui-view>
+                  <ui-pressable
                     class="pressable"
                     tabindex="-1"
                   >
-                    <ui_icon
+                    <ui-icon
                       class="icon headline-3 icon password"
                     >
                       <svg
@@ -618,37 +620,38 @@ exports[`component:<Session> renders 1`] = `
                           d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
                         />
                       </svg>
-                    </ui_icon>
-                  </ui_pressable>
-                </ui_view>
-              </ui_input_text>
-              <ui_view
+                    </ui-icon>
+                  </ui-pressable>
+                </ui-view>
+              </ui-input-text>
+              <ui-view
                 class="view wide"
               >
-                <ui_div
+                <ui-action
                   class="pressable action"
+                  disabled="false"
                   tabindex="0"
                 >
                   user.action.reset
-                </ui_div>
-              </ui_view>
+                </ui-action>
+              </ui-view>
               <button
                 class="pressable disabled button large disabled wide"
                 disabled=""
                 type="submit"
               >
-                <ui_view
+                <ui-view
                   class="view busyContainer"
                 >
-                  <ui_view
+                  <ui-view
                     class="view spinner"
                   />
-                </ui_view>
-                <ui_view
+                </ui-view>
+                <ui-view
                   class="view row children"
                 >
                   common.action.login
-                </ui_view>
+                </ui-view>
               </button>
             </form>
             <button
@@ -657,24 +660,24 @@ exports[`component:<Session> renders 1`] = `
             >
               user.action.signup
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_scrollview>
-    </ui_view>
-  </ui_modal_overflow>
+          </ui-view>
+        </ui-view>
+      </ui-scrollview>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Session> testID 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view row"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -697,35 +700,35 @@ exports[`component:<Session> testID 1`] = `
             d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
           />
         </svg>
-      </ui_icon>
-      <ui_text
+      </ui-icon>
+      <ui-text
         class="text paragraph"
       >
         common.action.login
-      </ui_text>
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+      </ui-text>
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
-        <ui_text
+        <ui-text
           class="text headline-3 title"
         >
           user.label.title_session
-        </ui_text>
+        </ui-text>
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -745,41 +748,41 @@ exports[`component:<Session> testID 1`] = `
                 d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
               />
             </svg>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
-      <ui_scrollview
+      </ui-view>
+      <ui-scrollview
         class="scrollview snap vertical"
       >
-        <ui_view
+        <ui-view
           class="view row wide"
         >
-          <ui_view
+          <ui-view
             class="view wide"
           >
             <form
               data-testid="mirai"
             >
-              <ui_text
+              <ui-text
                 class="text paragraph"
               >
                 user.label.form_description
-              </ui_text>
-              <ui_input_text
+              </ui-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.email"
+                      htmlfor="input.email"
                     >
                       common.label.email
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -789,24 +792,24 @@ exports[`component:<Session> testID 1`] = `
                       type="email"
                       value=""
                     />
-                  </ui_view>
-                </ui_view>
-              </ui_input_text>
-              <ui_input_text
+                  </ui-view>
+                </ui-view>
+              </ui-input-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.password"
+                      htmlfor="input.password"
                     >
                       common.label.password
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -816,12 +819,12 @@ exports[`component:<Session> testID 1`] = `
                       type="password"
                       value=""
                     />
-                  </ui_view>
-                  <ui_pressable
+                  </ui-view>
+                  <ui-pressable
                     class="pressable"
                     tabindex="-1"
                   >
-                    <ui_icon
+                    <ui-icon
                       class="icon headline-3 icon password"
                     >
                       <svg
@@ -841,37 +844,38 @@ exports[`component:<Session> testID 1`] = `
                           d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
                         />
                       </svg>
-                    </ui_icon>
-                  </ui_pressable>
-                </ui_view>
-              </ui_input_text>
-              <ui_view
+                    </ui-icon>
+                  </ui-pressable>
+                </ui-view>
+              </ui-input-text>
+              <ui-view
                 class="view wide"
               >
-                <ui_div
+                <ui-action
                   class="pressable action"
+                  disabled="false"
                   tabindex="0"
                 >
                   user.action.reset
-                </ui_div>
-              </ui_view>
+                </ui-action>
+              </ui-view>
               <button
                 class="pressable disabled button large disabled wide"
                 disabled=""
                 type="submit"
               >
-                <ui_view
+                <ui-view
                   class="view busyContainer"
                 >
-                  <ui_view
+                  <ui-view
                     class="view spinner"
                   />
-                </ui_view>
-                <ui_view
+                </ui-view>
+                <ui-view
                   class="view row children"
                 >
                   common.action.login
-                </ui_view>
+                </ui-view>
               </button>
             </form>
             <button
@@ -880,69 +884,69 @@ exports[`component:<Session> testID 1`] = `
             >
               user.action.signup
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_scrollview>
-    </ui_view>
-  </ui_modal_overflow>
+          </ui-view>
+        </ui-view>
+      </ui-scrollview>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Session> with an stored session 1`] = `
 <DocumentFragment>
-  <ui_view
+  <ui-view
     class="view"
   >
-    <ui_menu
+    <ui-menu
       class="container"
     >
-      <ui_pressable
+      <ui-pressable
         class="pressable"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row"
         >
-          <ui_view
+          <ui-view
             class="view row"
           >
-            <ui_text
+            <ui-text
               class="text bold action"
             >
               J
-            </ui_text>
-          </ui_view>
-          <ui_view
+            </ui-text>
+          </ui-view>
+          <ui-view
             class="view wide"
           >
-            <ui_text
+            <ui-text
               class="text bold action"
             >
               Javi Jimenez
-            </ui_text>
-            <ui_text
+            </ui-text>
+            <ui-text
               class="text tiny"
             >
               hello@soyjavi.com
-            </ui_text>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
-    </ui_menu>
-  </ui_view>
+            </ui-text>
+          </ui-view>
+        </ui-view>
+      </ui-pressable>
+    </ui-menu>
+  </ui-view>
 </DocumentFragment>
 `;
 
 exports[`component:<Session> with mode finishing signup 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view row"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -965,35 +969,35 @@ exports[`component:<Session> with mode finishing signup 1`] = `
             d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
           />
         </svg>
-      </ui_icon>
-      <ui_text
+      </ui-icon>
+      <ui-text
         class="text paragraph"
       >
         common.action.login
-      </ui_text>
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+      </ui-text>
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
-        <ui_text
+        <ui-text
           class="text headline-3 title"
         >
           user.label.title_session
-        </ui_text>
+        </ui-text>
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -1013,23 +1017,23 @@ exports[`component:<Session> with mode finishing signup 1`] = `
                 d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
               />
             </svg>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
-      <ui_scrollview
+      </ui-view>
+      <ui-scrollview
         class="scrollview snap vertical"
       >
-        <ui_view
+        <ui-view
           class="view row wide"
         >
-          <ui_view
+          <ui-view
             class="view wide"
           >
             <form>
-              <ui_notification
+              <ui-notification
                 class="view row notification info outlined"
               >
-                <ui_icon
+                <ui-icon
                   class="icon headline-3"
                 >
                   <svg
@@ -1049,47 +1053,47 @@ exports[`component:<Session> with mode finishing signup 1`] = `
                       d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
                     />
                   </svg>
-                </ui_icon>
-                <ui_view
+                </ui-icon>
+                <ui-view
                   class="view texts"
                 >
-                  <ui_text
+                  <ui-text
                     class="text action"
                   >
-                    <ui_text
+                    <ui-text
                       class="text bold paragraph"
                     >
                       user.notification.activation_success
-                    </ui_text>
-                    <ui_text
+                    </ui-text>
+                    <ui-text
                       class="text paragraph"
                     >
                       user.notification.finish
-                      <ui_text
+                      <ui-text
                         style="text-decoration: underline;"
                       >
                         signup
-                      </ui_text>
+                      </ui-text>
                       description
-                    </ui_text>
-                  </ui_text>
-                </ui_view>
-              </ui_notification>
-              <ui_input_text
+                    </ui-text>
+                  </ui-text>
+                </ui-view>
+              </ui-notification>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.email"
+                      htmlfor="input.email"
                     >
                       common.label.email
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -1099,24 +1103,24 @@ exports[`component:<Session> with mode finishing signup 1`] = `
                       type="email"
                       value=""
                     />
-                  </ui_view>
-                </ui_view>
-              </ui_input_text>
-              <ui_input_text
+                  </ui-view>
+                </ui-view>
+              </ui-input-text>
+              <ui-input-text
                 class="view inputContainer"
               >
-                <ui_view
+                <ui-view
                   class="view row inputBorder"
                 >
-                  <ui_view
+                  <ui-view
                     class="view wide content"
                   >
-                    <label
+                    <ui-label
                       class="text paragraph text label"
-                      for="input.password"
+                      htmlfor="input.password"
                     >
                       common.label.password
-                    </label>
+                    </ui-label>
                     <input
                       autocomplete="true"
                       class="input input withLabel"
@@ -1126,12 +1130,12 @@ exports[`component:<Session> with mode finishing signup 1`] = `
                       type="password"
                       value=""
                     />
-                  </ui_view>
-                  <ui_pressable
+                  </ui-view>
+                  <ui-pressable
                     class="pressable"
                     tabindex="-1"
                   >
-                    <ui_icon
+                    <ui-icon
                       class="icon headline-3 icon password"
                     >
                       <svg
@@ -1151,43 +1155,44 @@ exports[`component:<Session> with mode finishing signup 1`] = `
                           d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
                         />
                       </svg>
-                    </ui_icon>
-                  </ui_pressable>
-                </ui_view>
-              </ui_input_text>
-              <ui_view
+                    </ui-icon>
+                  </ui-pressable>
+                </ui-view>
+              </ui-input-text>
+              <ui-view
                 class="view wide"
               >
-                <ui_div
+                <ui-action
                   class="pressable action"
+                  disabled="false"
                   tabindex="0"
                 >
                   user.action.reset
-                </ui_div>
-              </ui_view>
+                </ui-action>
+              </ui-view>
               <button
                 class="pressable disabled button large disabled wide"
                 disabled=""
                 type="submit"
               >
-                <ui_view
+                <ui-view
                   class="view busyContainer"
                 >
-                  <ui_view
+                  <ui-view
                     class="view spinner"
                   />
-                </ui_view>
-                <ui_view
+                </ui-view>
+                <ui-view
                   class="view row children"
                 >
                   common.action.login
-                </ui_view>
+                </ui-view>
               </button>
             </form>
-          </ui_view>
-        </ui_view>
-      </ui_scrollview>
-    </ui_view>
-  </ui_modal_overflow>
+          </ui-view>
+        </ui-view>
+      </ui-scrollview>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;