@mirai/ui 1.1.0-f → 1.1.2

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

@@ -2,14 +2,15 @@
 
 exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_layer>
-    <ui_pressable
+  <span
+    class="container"
+  >
+    <div
       class="pressable"
       style="position: relative;"
-      tabindex="0"
     >
-      <ui_icon
-        class="icon h3 icon"
+      <span
+        class="icon headline-3 icon"
       >
         <svg
           fill="currentColor"
@@ -28,45 +29,43 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_layer>
-  <ui_layer_content
+      </span>
+    </div>
+  </span>
+  <div
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter mirai"
     >
-      <ui_pressable
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_text
+          <span
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </span>
+        </div>
+      </div>
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view inputContainer input"
           >
-            <ui_view
+            <div
               class="view row inputBorder"
             >
-              <ui_icon
-                class="icon h3 icon left"
+              <span
+                class="icon headline-3 icon left"
               >
                 <svg
                   fill="currentColor"
@@ -82,11 +81,11 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
                     fill="none"
                   />
                   <path
-                    d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.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"
+                    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
+              </span>
+              <div
                 class="view wide content"
               >
                 <input
@@ -95,24 +94,22 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
         class="pressable option"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view row wide items"
           >
             <button
               class="pressable button secondary wide"
-              tabindex="0"
             >
               $Cancel
             </button>
@@ -122,24 +119,25 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
             >
               $Submit
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+          </div>
+        </div>
+      </div>
     </div>
-  </ui_layer_content>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
 <DocumentFragment>
-  <ui_layer>
-    <ui_pressable
+  <span
+    class="container"
+  >
+    <div
       class="pressable"
       style="position: relative;"
-      tabindex="0"
     >
-      <ui_icon
-        class="icon h3 icon"
+      <span
+        class="icon headline-3 icon"
       >
         <svg
           fill="currentColor"
@@ -158,45 +156,43 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_layer>
-  <ui_layer_content
+      </span>
+    </div>
+  </span>
+  <div
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_text
+          <span
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </span>
+        </div>
+      </div>
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view inputContainer input"
           >
-            <ui_view
+            <div
               class="view row inputBorder"
             >
-              <ui_icon
-                class="icon h3 icon left"
+              <span
+                class="icon headline-3 icon left"
               >
                 <svg
                   fill="currentColor"
@@ -212,11 +208,11 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
                     fill="none"
                   />
                   <path
-                    d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.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"
+                    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
+              </span>
+              <div
                 class="view wide content"
               >
                 <input
@@ -225,24 +221,22 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
         class="pressable option"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view row wide items"
           >
             <button
               class="pressable button secondary wide"
-              tabindex="0"
             >
               Cancel
             </button>
@@ -252,24 +246,25 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
             >
               Submit
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+          </div>
+        </div>
+      </div>
     </div>
-  </ui_layer_content>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
 <DocumentFragment>
-  <ui_layer>
-    <ui_pressable
+  <span
+    class="container"
+  >
+    <div
       class="pressable"
       style="position: relative;"
-      tabindex="0"
     >
-      <ui_icon
-        class="icon h3 icon"
+      <span
+        class="icon headline-3 icon"
       >
         <svg
           fill="currentColor"
@@ -288,45 +283,43 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_layer>
-  <ui_layer_content
+      </span>
+    </div>
+  </span>
+  <div
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_text
+          <span
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </span>
+        </div>
+      </div>
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view inputContainer input"
           >
-            <ui_view
+            <div
               class="view row inputBorder"
             >
-              <ui_icon
-                class="icon h3 icon left"
+              <span
+                class="icon headline-3 icon left"
               >
                 <svg
                   fill="currentColor"
@@ -342,11 +335,11 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
                     fill="none"
                   />
                   <path
-                    d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.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"
+                    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
+              </span>
+              <div
                 class="view wide content"
               >
                 <input
@@ -355,24 +348,22 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
         class="pressable option"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view row wide items"
           >
             <button
               class="pressable button secondary wide"
-              tabindex="0"
             >
               Cancel
             </button>
@@ -382,24 +373,25 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
             >
               Submit
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+          </div>
+        </div>
+      </div>
     </div>
-  </ui_layer_content>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
 <DocumentFragment>
-  <ui_layer>
-    <ui_pressable
+  <span
+    class="container"
+  >
+    <div
       class="pressable"
       style="position: relative;"
-      tabindex="0"
     >
-      <ui_icon
-        class="icon h3 icon"
+      <span
+        class="icon headline-3 icon"
       >
         <svg
           fill="currentColor"
@@ -418,45 +410,43 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_layer>
-  <ui_layer_content
+      </span>
+    </div>
+  </span>
+  <div
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_text
+          <span
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </span>
+        </div>
+      </div>
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view inputContainer input"
           >
-            <ui_view
+            <div
               class="view row inputBorder"
             >
-              <ui_icon
-                class="icon h3 icon left"
+              <span
+                class="icon headline-3 icon left"
               >
                 <svg
                   fill="currentColor"
@@ -472,11 +462,11 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
                     fill="none"
                   />
                   <path
-                    d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.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"
+                    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
+              </span>
+              <div
                 class="view wide content"
               >
                 <input
@@ -485,24 +475,22 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
         class="pressable option"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view row wide items"
           >
             <button
               class="pressable button secondary wide"
-              tabindex="0"
             >
               Cancel
             </button>
@@ -512,24 +500,25 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
             >
               Submit
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+          </div>
+        </div>
+      </div>
     </div>
-  </ui_layer_content>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> renders 1`] = `
 <DocumentFragment>
-  <ui_layer>
-    <ui_pressable
+  <span
+    class="container"
+  >
+    <div
       class="pressable"
       style="position: relative;"
-      tabindex="0"
     >
-      <ui_icon
-        class="icon h3 icon"
+      <span
+        class="icon headline-3 icon"
       >
         <svg
           fill="currentColor"
@@ -548,45 +537,43 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_layer>
-  <ui_layer_content
+      </span>
+    </div>
+  </span>
+  <div
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_text
+          <span
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </span>
+        </div>
+      </div>
+      <div
         class="pressable option divider"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view inputContainer input"
           >
-            <ui_view
+            <div
               class="view row inputBorder"
             >
-              <ui_icon
-                class="icon h3 icon left"
+              <span
+                class="icon headline-3 icon left"
               >
                 <svg
                   fill="currentColor"
@@ -602,11 +589,11 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
                     fill="none"
                   />
                   <path
-                    d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.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"
+                    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
+              </span>
+              <div
                 class="view wide content"
               >
                 <input
@@ -615,24 +602,22 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
         class="pressable option"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view row wide items"
           >
             <button
               class="pressable button secondary wide"
-              tabindex="0"
             >
               $Cancel
             </button>
@@ -642,26 +627,26 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
             >
               $Submit
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+          </div>
+        </div>
+      </div>
     </div>
-  </ui_layer_content>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<Table>:<ColumnFilter> testId 1`] = `
 <DocumentFragment>
-  <ui_layer
+  <span
+    class="container"
     data-testid="mirai"
   >
-    <ui_pressable
+    <div
       class="pressable"
       style="position: relative;"
-      tabindex="0"
     >
-      <ui_icon
-        class="icon h3 icon"
+      <span
+        class="icon headline-3 icon"
       >
         <svg
           fill="currentColor"
@@ -680,47 +665,45 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
             d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_pressable>
-  </ui_layer>
-  <ui_layer_content
+      </span>
+    </div>
+  </span>
+  <div
     class="layer"
     style="left: 0px; top: 0px;"
   >
     <div
       class="menu visible menuFilter"
     >
-      <ui_pressable
+      <div
         class="pressable option divider"
         data-testid="mirai-0"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_text
+          <span
             class="text bold small"
           >
             field
-          </ui_text>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+          </span>
+        </div>
+      </div>
+      <div
         class="pressable option divider"
         data-testid="mirai-1"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view inputContainer input"
           >
-            <ui_view
+            <div
               class="view row inputBorder"
             >
-              <ui_icon
-                class="icon h3 icon left"
+              <span
+                class="icon headline-3 icon left"
               >
                 <svg
                   fill="currentColor"
@@ -736,11 +719,11 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
                     fill="none"
                   />
                   <path
-                    d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.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"
+                    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
+              </span>
+              <div
                 class="view wide content"
               >
                 <input
@@ -749,25 +732,23 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
                   type="search"
                   value=""
                 />
-              </ui_view>
-            </ui_view>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
-      <ui_pressable
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
         class="pressable option"
         data-testid="mirai-2"
-        tabindex="0"
       >
-        <ui_view
+        <div
           class="view row wide content"
         >
-          <ui_view
+          <div
             class="view row wide items"
           >
             <button
               class="pressable button secondary wide"
-              tabindex="0"
             >
               $Cancel
             </button>
@@ -778,10 +759,10 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
             >
               $Submit
             </button>
-          </ui_view>
-        </ui_view>
-      </ui_pressable>
+          </div>
+        </div>
+      </div>
     </div>
-  </ui_layer_content>
+  </div>
 </DocumentFragment>
 `;