@mirai/core 0.3.336 → 0.3.337

package/build/components/__shared__/Field/__tests__/__snapshots__/Field.test.js.snap

@@ -2,31 +2,34 @@
 
 exports[`component:<Field> Mobile environment prop:visible 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow visible onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -47,42 +50,45 @@ exports[`component:<Field> Mobile environment prop:visible 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable mirai"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -103,44 +109,47 @@ exports[`component:<Field> inherit:className 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:caption 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       >
         Mirai-caption
-      </span>
-    </div>
-  </div>
-  <div
+      </ui_text>
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -161,42 +170,45 @@ exports[`component:<Field> prop:caption 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:centered 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -217,31 +229,33 @@ exports[`component:<Field> prop:centered 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:compacted 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -262,28 +276,29 @@ exports[`component:<Field> prop:compacted 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:error 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-    <span
+    </ui_view>
+    <ui_icon
       class="icon headline-3"
     >
       <svg
@@ -303,22 +318,24 @@ exports[`component:<Field> prop:error 1`] = `
           d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
         />
       </svg>
-    </span>
-  </div>
-  <div
+    </ui_icon>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -339,21 +356,22 @@ exports[`component:<Field> prop:error 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:icon 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <span
+    <ui_icon
       class="icon headline-3"
     >
       <svg
@@ -380,29 +398,31 @@ exports[`component:<Field> prop:icon 1`] = `
           d="M2 18h20"
         />
       </svg>
-    </span>
-    <div
+    </ui_icon>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -423,42 +443,45 @@ exports[`component:<Field> prop:icon 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:inline 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -479,66 +502,70 @@ exports[`component:<Field> prop:inline 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:inputMode 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_pressable>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:label 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text small"
       >
         Mirai-label
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
-        <span
+        <ui_text
           class="text paragraph title"
         >
           Mirai-label
-        </span>
+        </ui_text>
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -558,44 +585,47 @@ exports[`component:<Field> prop:label 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>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:placeholder 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       >
         Mirai-placeholder
-      </span>
-    </div>
-  </div>
-  <div
+      </ui_text>
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -616,43 +646,45 @@ exports[`component:<Field> prop:placeholder 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:tabIndex 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
     tabindex="1980"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -673,42 +705,45 @@ exports[`component:<Field> prop:tabIndex 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:visible && centered 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow visible onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -729,42 +764,45 @@ exports[`component:<Field> prop:visible && centered 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:visible 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow visible onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -785,28 +823,29 @@ exports[`component:<Field> prop:visible 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:warning 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-    <span
+    </ui_view>
+    <ui_icon
       class="icon headline-3"
     >
       <svg
@@ -822,22 +861,24 @@ exports[`component:<Field> prop:warning 1`] = `
           d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
         />
       </svg>
-    </span>
-  </div>
-  <div
+    </ui_icon>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -858,42 +899,45 @@ exports[`component:<Field> prop:warning 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -914,46 +958,49 @@ exports[`component:<Field> renders 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> testID 1`] = `
 <DocumentFragment>
-  <div
+  <ui_pressable
     class="pressable"
     data-testid="mirai"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text action"
       />
-    </div>
-  </div>
-  <div
+    </ui_view>
+  </ui_pressable>
+  <ui_modal_overflow
     class="pressable container overflow onOverflow"
     data-testid="mirai-modal-overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
       data-testid="mirai-modal"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           data-testid="mirai-modal-button-close"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -974,11 +1021,11 @@ exports[`component:<Field> testID 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
+      </ui_view>
       Mirai-children
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;