@mirai/ui 1.1.16 → 2.0.1

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

@@ -2,17 +2,17 @@
 
 exports[`component:<InputNumber> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber mirai"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable disabled button small 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_text
       class="text paragraph value"
     >
       0
-    </span>
+    </ui_text>
     <button
       class="pressable button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable disabled button small 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_text
       class="text paragraph value disabled"
     >
       0
-    </span>
+    </ui_text>
     <button
       class="pressable disabled button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:hint 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     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 small 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_text
       class="text paragraph value"
     >
       0
-    </span>
+    </ui_text>
     <button
       class="pressable button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:label 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     >
-      <span
+      <label
         class="text paragraph text label"
       >
         label
-      </span>
-    </div>
+      </label>
+    </ui_view>
     <button
       class="pressable disabled button small 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_text
       class="text paragraph value"
     >
       0
-    </span>
+    </ui_text>
     <button
       class="pressable button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:max 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable button small 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_text
       class="text paragraph value"
     >
       10
-    </span>
+    </ui_text>
     <button
       class="pressable disabled button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:min 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable disabled button small 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_text
       class="text paragraph value"
     >
       10
-    </span>
+    </ui_text>
     <button
       class="pressable button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable button small 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_text
       class="text paragraph value"
     >
       10
-    </span>
+    </ui_text>
     <button
       class="pressable button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:required 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable button small 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_text
       class="text paragraph value"
     >
       10
-    </span>
+    </ui_text>
     <button
       class="pressable button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:rounded 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable button small 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_text
       class="text paragraph value"
     >
       10
-    </span>
+    </ui_text>
     <button
       class="pressable button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:value 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable button small 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_text
       class="text paragraph value"
     >
       10
-    </span>
+    </ui_text>
     <button
       class="pressable button small 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_input_number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable disabled button small 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_text
       class="text paragraph value"
     >
       0
-    </span>
+    </ui_text>
     <button
       class="pressable button small rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -751,26 +765,95 @@ exports[`component:<InputNumber> renders 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_input_number>
+</DocumentFragment>
+`;
+
+exports[`component:<InputNumber> tag 1`] = `
+<DocumentFragment>
+  <ui_tag
+    class="view row inputNumber"
+  >
+    <ui_view
+      class="view texts"
+    />
+    <button
+      class="pressable disabled button small rounded squared disabled"
+      disabled=""
+    >
+      <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="M19 13H5v-2h14v2z"
+          />
+        </svg>
+      </ui_icon>
+    </button>
+    <ui_text
+      class="text paragraph value"
+    >
+      0
+    </ui_text>
+    <button
+      class="pressable button small rounded squared secondary"
+      tabindex="0"
+    >
+      <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="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+          />
+        </svg>
+      </ui_icon>
+    </button>
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_number
     class="view row inputNumber"
     data-testid="mirai"
   >
-    <div
+    <ui_view
       class="view texts"
     />
     <button
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -790,17 +873,18 @@ exports[`component:<InputNumber> testId 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-    <span
+    <ui_text
       class="text paragraph value"
     >
       0
-    </span>
+    </ui_text>
     <button
       class="pressable button small rounded squared secondary"
+      tabindex="0"
     >
-      <span
+      <ui_icon
         class="icon headline-3"
       >
         <svg
@@ -820,8 +904,8 @@ exports[`component:<InputNumber> testId 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </span>
+      </ui_icon>
     </button>
-  </div>
+  </ui_input_number>
 </DocumentFragment>
 `;