npm - @mirai/core - Versions diffs - 0.3.335 → 0.3.337 - Mend

@mirai/core 0.3.335 → 0.3.337

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/build/components/__shared__/BookingTerms/__tests__/__snapshots__/BookingTerms.test.js.snap CHANGED Viewed

@@ -2,76 +2,79 @@
 exports[`component:<BookingTerms> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view mirai"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.payment_terms
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Pay on arrival at the property. Credit Card only as a booking guarantee.
-      </span>
-    </div>
-    <div
+      </ui_text>
+    </ui_view>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.cancellation_policy
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Free cancellation until Jun 23
-      </span>
-      <button
+      </ui_text>
+      <ui_action
         class="pressable action underline"
+        tabindex="0"
       >
         common.action.more_info
-      </button>
-    </div>
-    <div
+      </ui_action>
+    </ui_view>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.privacy_policy
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         user.label.privacy_policy_description
-      </span>
-    </div>
-  </div>
-  <div
+      </ui_text>
+    </ui_view>
+  </ui_view>
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
-        <h3
+        <ui_text
           class="text headline-3 title"
         >
           common.label.cancellation_policy
-        </h3>
+        </ui_text>
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -91,96 +94,99 @@ exports[`component:<BookingTerms> inherit:className 1`] = `
                 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>
-          </span>
+          </ui_icon>
         </button>
-      </div>
-      <span
+      </ui_view>
+      <ui_text
         class="text paragraph"
       >
-        <span
+        <ui_text
           style="font-weight: bold;"
         >
           {{cancelationPolicy}
-        </span>
+        </ui_text>
         } Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum ratione repellat ipsa corrupti vitae ullam quidem, sunt fuga. Ut, cum deleniti? Dignissimos enim odio hic harum temporibus itaque, aspernatur natus.
-      </span>
-    </div>
-  </div>
+      </ui_text>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 exports[`component:<BookingTerms> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.payment_terms
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Pay on arrival at the property. Credit Card only as a booking guarantee.
-      </span>
-    </div>
-    <div
+      </ui_text>
+    </ui_view>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.cancellation_policy
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Free cancellation until Jun 23
-      </span>
-      <button
+      </ui_text>
+      <ui_action
         class="pressable action underline"
+        tabindex="0"
       >
         common.action.more_info
-      </button>
-    </div>
-    <div
+      </ui_action>
+    </ui_view>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.privacy_policy
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         user.label.privacy_policy_description
-      </span>
-    </div>
-  </div>
-  <div
+      </ui_text>
+    </ui_view>
+  </ui_view>
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
-        <h3
+        <ui_text
           class="text headline-3 title"
         >
           common.label.cancellation_policy
-        </h3>
+        </ui_text>
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -200,97 +206,100 @@ exports[`component:<BookingTerms> renders 1`] = `
                 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>
-          </span>
+          </ui_icon>
         </button>
-      </div>
-      <span
+      </ui_view>
+      <ui_text
         class="text paragraph"
       >
-        <span
+        <ui_text
           style="font-weight: bold;"
         >
           {{cancelationPolicy}
-        </span>
+        </ui_text>
         } Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum ratione repellat ipsa corrupti vitae ullam quidem, sunt fuga. Ut, cum deleniti? Dignissimos enim odio hic harum temporibus itaque, aspernatur natus.
-      </span>
-    </div>
-  </div>
+      </ui_text>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 exports[`component:<BookingTerms> testID 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
     data-testid="mirai"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.payment_terms
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Pay on arrival at the property. Credit Card only as a booking guarantee.
-      </span>
-    </div>
-    <div
+      </ui_text>
+    </ui_view>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.cancellation_policy
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Free cancellation until Jun 23
-      </span>
-      <button
+      </ui_text>
+      <ui_action
         class="pressable action underline"
+        tabindex="0"
       >
         common.action.more_info
-      </button>
-    </div>
-    <div
+      </ui_action>
+    </ui_view>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.privacy_policy
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         user.label.privacy_policy_description
-      </span>
-    </div>
-  </div>
-  <div
+      </ui_text>
+    </ui_view>
+  </ui_view>
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
-        <h3
+        <ui_text
           class="text headline-3 title"
         >
           common.label.cancellation_policy
-        </h3>
+        </ui_text>
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -310,96 +319,99 @@ exports[`component:<BookingTerms> testID 1`] = `
                 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>
-          </span>
+          </ui_icon>
         </button>
-      </div>
-      <span
+      </ui_view>
+      <ui_text
         class="text paragraph"
       >
-        <span
+        <ui_text
           style="font-weight: bold;"
         >
           {{cancelationPolicy}
-        </span>
+        </ui_text>
         } Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum ratione repellat ipsa corrupti vitae ullam quidem, sunt fuga. Ut, cum deleniti? Dignissimos enim odio hic harum temporibus itaque, aspernatur natus.
-      </span>
-    </div>
-  </div>
+      </ui_text>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 exports[`component:<BookingTerms> with a store 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.payment_terms
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Pay on arrival at the property. Credit Card only as a booking guarantee.
-      </span>
-    </div>
-    <div
+      </ui_text>
+    </ui_view>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.cancellation_policy
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Free cancellation until Jun 23
-      </span>
-      <button
+      </ui_text>
+      <ui_action
         class="pressable action underline"
+        tabindex="0"
       >
         common.action.more_info
-      </button>
-    </div>
-    <div
+      </ui_action>
+    </ui_view>
+    <ui_view
       class="view"
     >
-      <span
+      <ui_text
         class="text bold paragraph"
       >
         common.label.privacy_policy
-      </span>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         user.label.privacy_policy_description
-      </span>
-    </div>
-  </div>
-  <div
+      </ui_text>
+    </ui_view>
+  </ui_view>
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
-        <h3
+        <ui_text
           class="text headline-3 title"
         >
           common.label.cancellation_policy
-        </h3>
+        </ui_text>
         <button
           class="pressable button small squared transparent button"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -419,20 +431,20 @@ exports[`component:<BookingTerms> with a store 1`] = `
                 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>
-          </span>
+          </ui_icon>
         </button>
-      </div>
-      <span
+      </ui_view>
+      <ui_text
         class="text paragraph"
       >
-        <span
+        <ui_text
           style="font-weight: bold;"
         >
           {{cancelationPolicy}
-        </span>
+        </ui_text>
         } Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum ratione repellat ipsa corrupti vitae ullam quidem, sunt fuga. Ut, cum deleniti? Dignissimos enim odio hic harum temporibus itaque, aspernatur natus.
-      </span>
-    </div>
-  </div>
+      </ui_text>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;

package/build/components/__shared__/ButtonMore/__tests__/__snapshots__/ButtonMore.test.js.snap CHANGED Viewed

@@ -2,13 +2,14 @@
 exports[`component:<ButtonMore> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view wide mirai"
   >
     <button
       class="pressable button transparent"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -29,22 +30,23 @@ exports[`component:<ButtonMore> inherit:className 1`] = `
             d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </span>
+      </ui_icon>
       common.action.view_more
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 exports[`component:<ButtonMore> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view wide"
   >
     <button
       class="pressable button transparent"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -65,23 +67,24 @@ exports[`component:<ButtonMore> renders 1`] = `
             d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </span>
+      </ui_icon>
       common.action.view_more
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 exports[`component:<ButtonMore> testID 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view wide"
   >
     <button
       class="pressable button transparent"
       data-testid="mirai"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -102,9 +105,9 @@ exports[`component:<ButtonMore> testID 1`] = `
             d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </span>
+      </ui_icon>
       common.action.view_more
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;