@mirai/core 0.4.36 → 0.4.38

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

@@ -1,1018 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Field> Mobile environment prop:visible 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow visible onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth visible"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> inherit:className 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable mirai"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:caption 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      >
-        Mirai-caption
-      </ui-text>
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:centered 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    centered="true"
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:compacted 1`] = `
-<DocumentFragment>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:error 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-    <ui-icon
-      class="icon headline-3"
-    >
-      <svg
-        fill="currentColor"
-        height="1em"
-        stroke="currentColor"
-        stroke-width="0"
-        viewBox="0 0 24 24"
-        width="1em"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M0 0h24v24H0V0z"
-          fill="none"
-        />
-        <path
-          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
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:icon 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-icon
-      class="icon headline-3"
-    >
-      <svg
-        fill="none"
-        height="1em"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="2"
-        viewBox="0 0 24 24"
-        width="1em"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8"
-        />
-        <path
-          d="M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4"
-        />
-        <path
-          d="M12 4v6"
-        />
-        <path
-          d="M2 18h20"
-        />
-      </svg>
-    </ui-icon>
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:inline 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:inputMode 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      Mirai-children
-    </ui-view>
-  </ui-pressable>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:label 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text small"
-      >
-        Mirai-label
-      </ui-text>
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-text
-          class="text paragraph title"
-        >
-          Mirai-label
-        </ui-text>
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:placeholder 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      >
-        Mirai-placeholder
-      </ui-text>
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:tabIndex 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="1980"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:visible && centered 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    centered="true"
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow visible onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth visible"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:visible 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow visible onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth visible"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> prop:warning 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-    <ui-icon
-      class="icon headline-3"
-    >
-      <svg
-        fill="currentColor"
-        height="1em"
-        stroke="currentColor"
-        stroke-width="0"
-        viewBox="0 0 24 24"
-        width="1em"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          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
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> renders 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;
-
-exports[`<Field> testID 1`] = `
-<DocumentFragment>
-  <ui-pressable
-    class="pressable"
-    data-testid="mirai"
-    tabindex="0"
-  >
-    <ui-view
-      class="view"
-    >
-      <ui-text
-        class="text action"
-      />
-    </ui-view>
-  </ui-pressable>
-  <ui-modal-overflow
-    class="pressable container overflow onOverflow"
-    data-testid="mirai-modal-overflow"
-    style="height: 768px;"
-    tabindex="0"
-  >
-    <ui-modal
-      class="view fit modal calcWidth"
-      data-testid="mirai-modal"
-    >
-      <ui-view
-        class="view row header hideBack"
-      >
-        <ui-button
-          class="pressable button small squared transparent"
-          data-testid="mirai-modal-button-close"
-          tabindex="0"
-        >
-          <ui-icon
-            class="icon headline-3 icon"
-          >
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0 0h24v24H0V0z"
-                fill="none"
-              />
-              <path
-                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-button>
-      </ui-view>
-      Mirai-children
-    </ui-modal>
-  </ui-modal-overflow>
-</DocumentFragment>
-`;