@mirai/core 0.3.356 → 0.3.357

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

@@ -2,34 +2,34 @@
 
 exports[`component:<Field> Mobile environment prop:visible 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow visible onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth visible"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -50,45 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable mirai"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -109,47 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:caption 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       >
         Mirai-caption
-      </ui_text>
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+      </ui-text>
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -170,45 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:centered 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -229,33 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:compacted 1`] = `
 <DocumentFragment>
-  <ui_modal_overflow
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -276,29 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:error 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-    <ui_icon
+    </ui-view>
+    <ui-icon
       class="icon headline-3"
     >
       <svg
@@ -318,24 +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>
-    </ui_icon>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-icon>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -356,22 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:icon 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_icon
+    <ui-icon
       class="icon headline-3"
     >
       <svg
@@ -398,31 +398,31 @@ exports[`component:<Field> prop:icon 1`] = `
           d="M2 18h20"
         />
       </svg>
-    </ui_icon>
-    <ui_view
+    </ui-icon>
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -443,45 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:inline 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -502,70 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:inputMode 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
       Mirai-children
-    </ui_view>
-  </ui_pressable>
+    </ui-view>
+  </ui-pressable>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:label 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text small"
       >
         Mirai-label
-      </ui_text>
-      <ui_text
+      </ui-text>
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     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 paragraph title"
         >
           Mirai-label
-        </ui_text>
+        </ui-text>
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -585,47 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:placeholder 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       >
         Mirai-placeholder
-      </ui_text>
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+      </ui-text>
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -646,45 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:tabIndex 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="1980"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -705,45 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:visible && centered 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow visible onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth visible"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -764,45 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:visible 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow visible onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth visible"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -823,29 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> prop:warning 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-    <ui_icon
+    </ui-view>
+    <ui-icon
       class="icon headline-3"
     >
       <svg
@@ -861,24 +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>
-    </ui_icon>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-icon>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -899,45 +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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> renders 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -958,41 +958,41 @@ 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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Field> testID 1`] = `
 <DocumentFragment>
-  <ui_pressable
+  <ui-pressable
     class="pressable"
     data-testid="mirai"
     tabindex="0"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <ui_text
+      <ui-text
         class="text action"
       />
-    </ui_view>
-  </ui_pressable>
-  <ui_modal_overflow
+    </ui-view>
+  </ui-pressable>
+  <ui-modal-overflow
     class="pressable container overflow onOverflow"
     data-testid="mirai-modal-overflow"
     style="height: 768px;"
     tabindex="0"
   >
-    <ui_view
+    <ui-modal
       class="view fit modal calcWidth"
       data-testid="mirai-modal"
     >
-      <ui_view
+      <ui-view
         class="view row header hideBack"
       >
         <button
@@ -1000,7 +1000,7 @@ exports[`component:<Field> testID 1`] = `
           data-testid="mirai-modal-button-close"
           tabindex="0"
         >
-          <ui_icon
+          <ui-icon
             class="icon headline-3 icon"
           >
             <svg
@@ -1021,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>
-          </ui_icon>
+          </ui-icon>
         </button>
-      </ui_view>
+      </ui-view>
       Mirai-children
-    </ui_view>
-  </ui_modal_overflow>
+    </ui-modal>
+  </ui-modal-overflow>
 </DocumentFragment>
 `;