@mirai/core 0.3.336 → 0.3.337

package/build/components/__shared__/Payment/components/Tpv/__tests__/__snapshots__/Tpv.test.js.snap

@@ -2,94 +2,97 @@
 
 exports[`component:<Tpv> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer mirai"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
-        <span
+        <label
           class="text paragraph text label"
+          for="input.checkout-name"
         >
           payments.label.card_name
-        </span>
+        </label>
         <input
           class="input input withLabel"
-          id="checkout-name"
+          id="input.checkout-name"
           maxlength="48"
           name="name"
           required=""
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<Tpv> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
-        <span
+        <label
           class="text paragraph text label"
+          for="input.checkout-name"
         >
           payments.label.card_name
-        </span>
+        </label>
         <input
           class="input input withLabel"
-          id="checkout-name"
+          id="input.checkout-name"
           maxlength="48"
           name="name"
           required=""
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<Tpv> testID 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
-        <span
+        <label
           class="text paragraph text label"
+          for="input.checkout-name"
         >
           payments.label.card_name
-        </span>
+        </label>
         <input
           class="input input withLabel"
           data-testid="mirai"
-          id="checkout-name"
+          id="input.checkout-name"
           maxlength="48"
           name="name"
           required=""
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;

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

@@ -2,16 +2,16 @@
 
 exports[`component:<SelectEnvironment> inherit:className 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
-    <div
+    <ui_view
       class="view row dispatcher mirai"
     >
-      <div
+      <ui_view
         class="view row"
       >
-        <span
+        <ui_icon
           class="icon headline-2"
         >
           <svg
@@ -31,11 +31,11 @@ exports[`component:<SelectEnvironment> inherit:className 1`] = `
               d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
             />
           </svg>
-        </span>
-        <span
+        </ui_icon>
+        <ui_text
           class="text bold action"
         />
-      </div>
+      </ui_view>
       <select
         class="select"
       >
@@ -150,23 +150,23 @@ exports[`component:<SelectEnvironment> inherit:className 1`] = `
           Euskara
         </option>
       </select>
-    </div>
-  </span>
+    </ui_view>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> prop:compacted 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
-    <div
+    <ui_view
       class="view row dispatcher"
     >
-      <div
+      <ui_view
         class="view row"
       >
-        <span
+        <ui_icon
           class="icon headline-2"
         >
           <svg
@@ -186,8 +186,8 @@ exports[`component:<SelectEnvironment> prop:compacted 1`] = `
               d="M12.89 11.1c-1.78-.59-2.64-.96-2.64-1.9 0-1.02 1.11-1.39 1.81-1.39 1.31 0 1.79.99 1.9 1.34l1.58-.67c-.15-.45-.82-1.92-2.54-2.24V5h-2v1.26c-2.48.56-2.49 2.86-2.49 2.96 0 2.27 2.25 2.91 3.35 3.31 1.58.56 2.28 1.07 2.28 2.03 0 1.13-1.05 1.61-1.98 1.61-1.82 0-2.34-1.87-2.4-2.09l-1.66.67c.63 2.19 2.28 2.78 2.9 2.96V19h2v-1.24c.4-.09 2.9-.59 2.9-3.22 0-1.39-.61-2.61-3.01-3.44zM3 21H1v-6h6v2H4.52c1.61 2.41 4.36 4 7.48 4a9 9 0 0 0 9-9h2c0 6.08-4.92 11-11 11-3.72 0-7.01-1.85-9-4.67V21zm-2-9C1 5.92 5.92 1 12 1c3.72 0 7.01 1.85 9 4.67V3h2v6h-6V7h2.48C17.87 4.59 15.12 3 12 3a9 9 0 0 0-9 9H1z"
             />
           </svg>
-        </span>
-      </div>
+        </ui_icon>
+      </ui_view>
       <select
         class="select"
         name="currency"
@@ -433,23 +433,23 @@ exports[`component:<SelectEnvironment> prop:compacted 1`] = `
           ZAR - South African Rand
         </option>
       </select>
-    </div>
-  </span>
+    </ui_view>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> prop:name (currency) 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
-    <div
+    <ui_view
       class="view row dispatcher"
     >
-      <div
+      <ui_view
         class="view row"
       >
-        <span
+        <ui_icon
           class="icon headline-2"
         >
           <svg
@@ -469,11 +469,11 @@ exports[`component:<SelectEnvironment> prop:name (currency) 1`] = `
               d="M12.89 11.1c-1.78-.59-2.64-.96-2.64-1.9 0-1.02 1.11-1.39 1.81-1.39 1.31 0 1.79.99 1.9 1.34l1.58-.67c-.15-.45-.82-1.92-2.54-2.24V5h-2v1.26c-2.48.56-2.49 2.86-2.49 2.96 0 2.27 2.25 2.91 3.35 3.31 1.58.56 2.28 1.07 2.28 2.03 0 1.13-1.05 1.61-1.98 1.61-1.82 0-2.34-1.87-2.4-2.09l-1.66.67c.63 2.19 2.28 2.78 2.9 2.96V19h2v-1.24c.4-.09 2.9-.59 2.9-3.22 0-1.39-.61-2.61-3.01-3.44zM3 21H1v-6h6v2H4.52c1.61 2.41 4.36 4 7.48 4a9 9 0 0 0 9-9h2c0 6.08-4.92 11-11 11-3.72 0-7.01-1.85-9-4.67V21zm-2-9C1 5.92 5.92 1 12 1c3.72 0 7.01 1.85 9 4.67V3h2v6h-6V7h2.48C17.87 4.59 15.12 3 12 3a9 9 0 0 0-9 9H1z"
             />
           </svg>
-        </span>
-        <span
+        </ui_icon>
+        <ui_text
           class="text bold action"
         />
-      </div>
+      </ui_view>
       <select
         class="select"
         name="currency"
@@ -719,23 +719,23 @@ exports[`component:<SelectEnvironment> prop:name (currency) 1`] = `
           ZAR - South African Rand
         </option>
       </select>
-    </div>
-  </span>
+    </ui_view>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> prop:name (locale) 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
-    <div
+    <ui_view
       class="view row dispatcher"
     >
-      <div
+      <ui_view
         class="view row"
       >
-        <span
+        <ui_icon
           class="icon headline-2"
         >
           <svg
@@ -755,11 +755,11 @@ exports[`component:<SelectEnvironment> prop:name (locale) 1`] = `
               d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
             />
           </svg>
-        </span>
-        <span
+        </ui_icon>
+        <ui_text
           class="text bold action"
         />
-      </div>
+      </ui_view>
       <select
         class="select"
         name="locale"
@@ -875,23 +875,23 @@ exports[`component:<SelectEnvironment> prop:name (locale) 1`] = `
           Euskara
         </option>
       </select>
-    </div>
-  </span>
+    </ui_view>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> renders 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
-    <div
+    <ui_view
       class="view row dispatcher"
     >
-      <div
+      <ui_view
         class="view row"
       >
-        <span
+        <ui_icon
           class="icon headline-2"
         >
           <svg
@@ -911,11 +911,11 @@ exports[`component:<SelectEnvironment> renders 1`] = `
               d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
             />
           </svg>
-        </span>
-        <span
+        </ui_icon>
+        <ui_text
           class="text bold action"
         />
-      </div>
+      </ui_view>
       <select
         class="select"
       >
@@ -1030,23 +1030,23 @@ exports[`component:<SelectEnvironment> renders 1`] = `
           Euskara
         </option>
       </select>
-    </div>
-  </span>
+    </ui_view>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> testID 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
-    <div
+    <ui_view
       class="view row dispatcher"
     >
-      <div
+      <ui_view
         class="view row"
       >
-        <span
+        <ui_icon
           class="icon headline-2"
         >
           <svg
@@ -1066,11 +1066,11 @@ exports[`component:<SelectEnvironment> testID 1`] = `
               d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
             />
           </svg>
-        </span>
-        <span
+        </ui_icon>
+        <ui_text
           class="text bold action"
         />
-      </div>
+      </ui_view>
       <select
         class="select"
         data-testid="mirai"
@@ -1186,7 +1186,7 @@ exports[`component:<SelectEnvironment> testID 1`] = `
           Euskara
         </option>
       </select>
-    </div>
-  </span>
+    </ui_view>
+  </ui_tooltip>
 </DocumentFragment>
 `;

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

@@ -2,33 +2,33 @@
 
 exports[`component:<TextRequiredFields> inherit:className 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text small mirai"
   >
     <span>
       *
     </span>
      common.label.required_field
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`component:<TextRequiredFields> renders 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text small"
   >
     <span>
       *
     </span>
      common.label.required_field
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`component:<TextRequiredFields> testID 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text small"
     data-testid="mirai"
   >
@@ -36,6 +36,6 @@ exports[`component:<TextRequiredFields> testID 1`] = `
       *
     </span>
      common.label.required_field
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;