@mirai/ui 1.0.218 → 1.1.0-beta

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

@@ -2,17 +2,17 @@
 
 exports[`component:<InputNumber> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber mirai"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -32,17 +32,18 @@ exports[`component:<InputNumber> inherit:className 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       0
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -62,25 +63,25 @@ exports[`component:<InputNumber> inherit:className 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -100,18 +101,18 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value disabled"
     >
       0
-    </span>
+    </ui_h3>
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -131,31 +132,31 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:hint 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     >
-      <span
+      <ui_text
         class="text small text hint hint"
       >
         hint
-      </span>
-    </div>
+      </ui_text>
+    </ui_view>
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -175,17 +176,18 @@ exports[`component:<InputNumber> prop:hint 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       0
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -205,31 +207,31 @@ exports[`component:<InputNumber> prop:hint 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:label 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     >
-      <span
+      <ui_text
         class="text paragraph text label"
       >
         label
-      </span>
-    </div>
+      </ui_text>
+    </ui_view>
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -249,17 +251,18 @@ exports[`component:<InputNumber> prop:label 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       0
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -279,24 +282,25 @@ exports[`component:<InputNumber> prop:label 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:max 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -316,18 +320,18 @@ exports[`component:<InputNumber> prop:max 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       10
-    </span>
+    </ui_h3>
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -347,25 +351,25 @@ exports[`component:<InputNumber> prop:max 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:min 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -385,17 +389,18 @@ exports[`component:<InputNumber> prop:min 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       10
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -415,24 +420,25 @@ exports[`component:<InputNumber> prop:min 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -452,17 +458,18 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       10
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -482,24 +489,25 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:required 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -519,17 +527,18 @@ exports[`component:<InputNumber> prop:required 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       10
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -549,24 +558,25 @@ exports[`component:<InputNumber> prop:required 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:rounded 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -586,17 +596,18 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       10
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -616,24 +627,25 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:value 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -653,17 +665,18 @@ exports[`component:<InputNumber> prop:value 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       10
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -683,25 +696,25 @@ exports[`component:<InputNumber> prop:value 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -721,17 +734,18 @@ exports[`component:<InputNumber> renders 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       0
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -751,26 +765,26 @@ exports[`component:<InputNumber> renders 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row inputNumber"
     data-testid="mirai"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
-      class="pressable disabled button active rounded squared primary solid disabled"
+      class="pressable disabled button rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -790,17 +804,18 @@ exports[`component:<InputNumber> testId 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_h3
       class="text headline-3 value"
     >
       0
-    </span>
+    </ui_h3>
     <button
-      class="pressable button active rounded squared secondary solid enabled"
+      class="pressable button rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -820,8 +835,8 @@ exports[`component:<InputNumber> testId 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;