@mirai/ui 1.1.0-f → 1.1.1

package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap

@@ -2,13 +2,13 @@
 
 exports[`component:<InputText> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer mirai"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -17,26 +17,26 @@ exports[`component:<InputText> inherit:className 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:caption 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_text
+      <span
         class="text action lighten caption"
       >
         caption
-      </ui_text>
-      <ui_view
+      </span>
+      <div
         class="view wide content"
       >
         <input
@@ -45,21 +45,21 @@ exports[`component:<InputText> prop:caption 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:disabled 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder disabled"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -69,21 +69,21 @@ exports[`component:<InputText> prop:disabled 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:error 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder error"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -92,9 +92,9 @@ exports[`component:<InputText> prop:error 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon error"
+      </div>
+      <span
+        class="icon headline-3 icon error"
       >
         <svg
           fill="currentColor"
@@ -113,21 +113,21 @@ exports[`component:<InputText> 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_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:hint 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -136,27 +136,27 @@ exports[`component:<InputText> prop:hint 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-    <ui_text
+      </div>
+    </div>
+    <span
       class="text small text hint"
     >
       hint
-    </ui_text>
-  </ui_view>
+    </span>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:icon 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_icon
-        class="icon h3 icon left"
+      <span
+        class="icon headline-3 icon left"
       >
         <svg
           fill="currentColor"
@@ -172,11 +172,11 @@ exports[`component:<InputText> prop:icon 1`] = `
             fill="none"
           />
           <path
-            d="M12 6a9.77 9.77 0 018.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0112 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 010 5 2.5 2.5 0 010-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
+            d="M12 6a9.77 9.77 0 0 1 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0 1 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
           />
         </svg>
-      </ui_icon>
-      <ui_view
+      </span>
+      <div
         class="view wide content"
       >
         <input
@@ -185,49 +185,49 @@ exports[`component:<InputText> prop:icon 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:label 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
-        <ui_text
+        <span
           class="text paragraph text label"
         >
           label
-        </ui_text>
+        </span>
         <input
           class="input input withLabel"
           name="name"
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:markdown 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -236,13 +236,12 @@ exports[`component:<InputText> prop:markdown 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_pressable
+      </div>
+      <div
         class="pressable"
-        tabindex="0"
       >
-        <ui_icon
-          class="icon h3 icon disabled"
+        <span
+          class="icon headline-3 icon disabled"
         >
           <svg
             fill="currentColor"
@@ -257,46 +256,46 @@ exports[`component:<InputText> prop:markdown 1`] = `
               d="M 2.875 6 C 1.320313 6 0 7.253906 0 8.8125 L 0 23.1875 C 0 24.746094 1.320313 26 2.875 26 L 29.125 26 C 30.679688 26 32 24.746094 32 23.1875 L 32 8.8125 C 32 7.253906 30.679688 6 29.125 6 Z M 2.875 8 L 29.125 8 C 29.640625 8 30 8.382813 30 8.8125 L 30 23.1875 C 30 23.617188 29.640625 24 29.125 24 L 2.875 24 C 2.359375 24 2 23.617188 2 23.1875 L 2 8.8125 C 2 8.382813 2.359375 8 2.875 8 Z M 5 11 L 5 21 L 8 21 L 8 14.34375 L 11 18.3125 L 14 14.34375 L 14 21 L 17 21 L 17 11 L 14 11 L 11 15 L 8 11 Z M 22 11 L 22 16 L 19 16 L 23.5 21 L 28 16 L 25 16 L 25 11 Z"
             />
           </svg>
-        </ui_icon>
-      </ui_pressable>
-    </ui_view>
-  </ui_view>
+        </span>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:multiLine 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <textarea
           class="input input multiLine"
           name="name"
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
-        <ui_text
+        <span
           class="text paragraph text label"
         >
           label
@@ -305,7 +304,7 @@ exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
           >
              *
           </span>
-        </ui_text>
+        </span>
         <input
           class="input input withLabel"
           name="name"
@@ -313,28 +312,28 @@ exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:required 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
-        <ui_text
+        <span
           class="text paragraph text label"
         >
           label
-        </ui_text>
+        </span>
         <input
           class="input input withLabel"
           name="name"
@@ -342,21 +341,21 @@ exports[`component:<InputText> prop:required 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:showState (false) 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder error"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -365,9 +364,9 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon error"
+      </div>
+      <span
+        class="icon headline-3 icon error"
       >
         <svg
           fill="currentColor"
@@ -386,21 +385,21 @@ exports[`component:<InputText> prop:showState (false) 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_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:success 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -409,9 +408,9 @@ exports[`component:<InputText> prop:success 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon success"
+      </div>
+      <span
+        class="icon headline-3 icon success"
       >
         <svg
           fill="currentColor"
@@ -423,28 +422,28 @@ exports[`component:<InputText> prop:success 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
+            d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
             fill="none"
           />
           <path
-            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+            d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-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_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:type 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -453,13 +452,13 @@ exports[`component:<InputText> prop:type 1`] = `
           type="password"
           value=""
         />
-      </ui_view>
-      <ui_pressable
+      </div>
+      <div
         class="pressable"
         tabindex="-1"
       >
-        <ui_icon
-          class="icon h3 icon password"
+        <span
+          class="icon headline-3 icon password"
         >
           <svg
             fill="currentColor"
@@ -475,25 +474,25 @@ exports[`component:<InputText> prop:type 1`] = `
               fill="none"
             />
             <path
-              d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+              d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
             />
           </svg>
-        </ui_icon>
-      </ui_pressable>
-    </ui_view>
-  </ui_view>
+        </span>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:warning 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -502,9 +501,9 @@ exports[`component:<InputText> prop:warning 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon warning"
+      </div>
+      <span
+        class="icon headline-3 icon warning"
       >
         <svg
           fill="currentColor"
@@ -516,24 +515,24 @@ exports[`component:<InputText> prop:warning 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+            d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> renders 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -542,21 +541,21 @@ exports[`component:<InputText> renders 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> testId 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <input
@@ -566,8 +565,8 @@ exports[`component:<InputText> testId 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;