@mirai/ui 2.0.6 → 2.0.8

package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap

@@ -2,15 +2,15 @@
 
 exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_menu
+  <ui-menu
     class="container"
   >
-    <ui_pressable
+    <ui-pressable
       class="pressable"
       style="position: relative;"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3 icon"
       >
         <svg
@@ -30,44 +30,44 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_menu>
-  <ui_menu_content
+      </ui-icon>
+    </ui-pressable>
+  </ui-menu>
+  <ui-menu-content
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter mirai"
     >
-      <ui_pressable
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_text
+          <ui-text
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </ui-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_input_text
+          <ui-input-text
             class="view inputContainer input"
           >
-            <ui_view
+            <ui-view
               class="view row inputBorder"
             >
-              <ui_icon
+              <ui-icon
                 class="icon headline-3 icon left"
               >
                 <svg
@@ -87,8 +87,8 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
                     d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                   />
                 </svg>
-              </ui_icon>
-              <ui_view
+              </ui-icon>
+              <ui-view
                 class="view wide content"
               >
                 <input
@@ -97,52 +97,52 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_input_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </ui-view>
+            </ui-view>
+          </ui-input-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_view
+          <ui-view
             class="view row wide items"
           >
-            <button
+            <ui-button
               class="pressable button secondary wide"
               tabindex="0"
             >
               $Cancel
-            </button>
-            <button
+            </ui-button>
+            <ui-button
               class="pressable disabled button disabled wide"
-              disabled=""
+              disabled="true"
             >
               $Submit
-            </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+            </ui-button>
+          </ui-view>
+        </ui-view>
+      </ui-pressable>
     </div>
-  </ui_menu_content>
+  </ui-menu-content>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
 <DocumentFragment>
-  <ui_menu
+  <ui-menu
     class="container"
   >
-    <ui_pressable
+    <ui-pressable
       class="pressable"
       style="position: relative;"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3 icon"
       >
         <svg
@@ -162,44 +162,44 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_menu>
-  <ui_menu_content
+      </ui-icon>
+    </ui-pressable>
+  </ui-menu>
+  <ui-menu-content
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_text
+          <ui-text
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </ui-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_input_text
+          <ui-input-text
             class="view inputContainer input"
           >
-            <ui_view
+            <ui-view
               class="view row inputBorder"
             >
-              <ui_icon
+              <ui-icon
                 class="icon headline-3 icon left"
               >
                 <svg
@@ -219,8 +219,8 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
                     d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                   />
                 </svg>
-              </ui_icon>
-              <ui_view
+              </ui-icon>
+              <ui-view
                 class="view wide content"
               >
                 <input
@@ -229,52 +229,52 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_input_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </ui-view>
+            </ui-view>
+          </ui-input-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_view
+          <ui-view
             class="view row wide items"
           >
-            <button
+            <ui-button
               class="pressable button secondary wide"
               tabindex="0"
             >
               Cancel
-            </button>
-            <button
+            </ui-button>
+            <ui-button
               class="pressable disabled button disabled wide"
-              disabled=""
+              disabled="true"
             >
               Submit
-            </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+            </ui-button>
+          </ui-view>
+        </ui-view>
+      </ui-pressable>
     </div>
-  </ui_menu_content>
+  </ui-menu-content>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
 <DocumentFragment>
-  <ui_menu
+  <ui-menu
     class="container"
   >
-    <ui_pressable
+    <ui-pressable
       class="pressable"
       style="position: relative;"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3 icon"
       >
         <svg
@@ -294,44 +294,44 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_menu>
-  <ui_menu_content
+      </ui-icon>
+    </ui-pressable>
+  </ui-menu>
+  <ui-menu-content
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_text
+          <ui-text
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </ui-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_input_text
+          <ui-input-text
             class="view inputContainer input"
           >
-            <ui_view
+            <ui-view
               class="view row inputBorder"
             >
-              <ui_icon
+              <ui-icon
                 class="icon headline-3 icon left"
               >
                 <svg
@@ -351,8 +351,8 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
                     d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                   />
                 </svg>
-              </ui_icon>
-              <ui_view
+              </ui-icon>
+              <ui-view
                 class="view wide content"
               >
                 <input
@@ -361,52 +361,52 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_input_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </ui-view>
+            </ui-view>
+          </ui-input-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_view
+          <ui-view
             class="view row wide items"
           >
-            <button
+            <ui-button
               class="pressable button secondary wide"
               tabindex="0"
             >
               Cancel
-            </button>
-            <button
+            </ui-button>
+            <ui-button
               class="pressable disabled button disabled wide"
-              disabled=""
+              disabled="true"
             >
               Submit
-            </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+            </ui-button>
+          </ui-view>
+        </ui-view>
+      </ui-pressable>
     </div>
-  </ui_menu_content>
+  </ui-menu-content>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
 <DocumentFragment>
-  <ui_menu
+  <ui-menu
     class="container"
   >
-    <ui_pressable
+    <ui-pressable
       class="pressable"
       style="position: relative;"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3 icon"
       >
         <svg
@@ -426,44 +426,44 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_menu>
-  <ui_menu_content
+      </ui-icon>
+    </ui-pressable>
+  </ui-menu>
+  <ui-menu-content
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_text
+          <ui-text
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </ui-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_input_text
+          <ui-input-text
             class="view inputContainer input"
           >
-            <ui_view
+            <ui-view
               class="view row inputBorder"
             >
-              <ui_icon
+              <ui-icon
                 class="icon headline-3 icon left"
               >
                 <svg
@@ -483,8 +483,8 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
                     d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                   />
                 </svg>
-              </ui_icon>
-              <ui_view
+              </ui-icon>
+              <ui-view
                 class="view wide content"
               >
                 <input
@@ -493,52 +493,52 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_input_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </ui-view>
+            </ui-view>
+          </ui-input-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_view
+          <ui-view
             class="view row wide items"
           >
-            <button
+            <ui-button
               class="pressable button secondary wide"
               tabindex="0"
             >
               Cancel
-            </button>
-            <button
+            </ui-button>
+            <ui-button
               class="pressable disabled button disabled wide"
-              disabled=""
+              disabled="true"
             >
               Submit
-            </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+            </ui-button>
+          </ui-view>
+        </ui-view>
+      </ui-pressable>
     </div>
-  </ui_menu_content>
+  </ui-menu-content>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> renders 1`] = `
 <DocumentFragment>
-  <ui_menu
+  <ui-menu
     class="container"
   >
-    <ui_pressable
+    <ui-pressable
       class="pressable"
       style="position: relative;"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3 icon"
       >
         <svg
@@ -558,44 +558,44 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_menu>
-  <ui_menu_content
+      </ui-icon>
+    </ui-pressable>
+  </ui-menu>
+  <ui-menu-content
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_text
+          <ui-text
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </ui-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option divider"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_input_text
+          <ui-input-text
             class="view inputContainer input"
           >
-            <ui_view
+            <ui-view
               class="view row inputBorder"
             >
-              <ui_icon
+              <ui-icon
                 class="icon headline-3 icon left"
               >
                 <svg
@@ -615,8 +615,8 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
                     d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                   />
                 </svg>
-              </ui_icon>
-              <ui_view
+              </ui-icon>
+              <ui-view
                 class="view wide content"
               >
                 <input
@@ -625,53 +625,53 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_input_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </ui-view>
+            </ui-view>
+          </ui-input-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_view
+          <ui-view
             class="view row wide items"
           >
-            <button
+            <ui-button
               class="pressable button secondary wide"
               tabindex="0"
             >
               $Cancel
-            </button>
-            <button
+            </ui-button>
+            <ui-button
               class="pressable disabled button disabled wide"
-              disabled=""
+              disabled="true"
             >
               $Submit
-            </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+            </ui-button>
+          </ui-view>
+        </ui-view>
+      </ui-pressable>
     </div>
-  </ui_menu_content>
+  </ui-menu-content>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> testId 1`] = `
 <DocumentFragment>
-  <ui_menu
+  <ui-menu
     class="container"
     data-testid="mirai"
   >
-    <ui_pressable
+    <ui-pressable
       class="pressable"
       style="position: relative;"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3 icon"
       >
         <svg
@@ -691,46 +691,46 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_menu>
-  <ui_menu_content
+      </ui-icon>
+    </ui-pressable>
+  </ui-menu>
+  <ui-menu-content
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <ui-pressable
         class="pressable option divider"
         data-testid="mirai-0"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_text
+          <ui-text
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </ui-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option divider"
         data-testid="mirai-1"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_input_text
+          <ui-input-text
             class="view inputContainer input"
           >
-            <ui_view
+            <ui-view
               class="view row inputBorder"
             >
-              <ui_icon
+              <ui-icon
                 class="icon headline-3 icon left"
               >
                 <svg
@@ -750,8 +750,8 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
                     d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                   />
                 </svg>
-              </ui_icon>
-              <ui_view
+              </ui-icon>
+              <ui-view
                 class="view wide content"
               >
                 <input
@@ -760,39 +760,39 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_input_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </ui-view>
+            </ui-view>
+          </ui-input-text>
+        </ui-view>
+      </ui-pressable>
+      <ui-pressable
         class="pressable option"
         data-testid="mirai-2"
         tabindex="0"
       >
-        <ui_view
+        <ui-view
           class="view row wide content"
         >
-          <ui_view
+          <ui-view
             class="view row wide items"
           >
-            <button
+            <ui-button
               class="pressable button secondary wide"
               tabindex="0"
             >
               $Cancel
-            </button>
-            <button
+            </ui-button>
+            <ui-button
               class="pressable disabled button disabled wide"
               data-testid="mirai-submit"
-              disabled=""
+              disabled="true"
             >
               $Submit
-            </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+            </ui-button>
+          </ui-view>
+        </ui-view>
+      </ui-pressable>
     </div>
-  </ui_menu_content>
+  </ui-menu-content>
 </DocumentFragment>
 `;