@mirai/ui 2.0.6 → 2.0.8

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

@@ -2,17 +2,18 @@
 
 exports[`component:<InputNumber> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber mirai"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-min"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -32,18 +33,19 @@ exports[`component:<InputNumber> inherit:className 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -63,25 +65,26 @@ exports[`component:<InputNumber> inherit:className 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:disabled 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-min"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -101,18 +104,19 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value disabled"
     >
       0
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-max"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -132,31 +136,32 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:hint 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     >
-      <ui_text
+      <ui-text
         class="text small text hint hint"
       >
         hint
-      </ui_text>
-    </ui_view>
-    <button
+      </ui-text>
+    </ui-view>
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-min"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -176,18 +181,19 @@ exports[`component:<InputNumber> prop:hint 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -207,31 +213,32 @@ exports[`component:<InputNumber> prop:hint 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:label 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     >
-      <label
+      <ui-label
         class="text paragraph text label"
       >
         label
-      </label>
-    </ui_view>
-    <button
+      </ui-label>
+    </ui-view>
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-min"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -251,18 +258,19 @@ exports[`component:<InputNumber> prop:label 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -282,25 +290,26 @@ exports[`component:<InputNumber> prop:label 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:max 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-min"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -320,18 +329,19 @@ exports[`component:<InputNumber> prop:max 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-max"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -351,25 +361,26 @@ exports[`component:<InputNumber> prop:max 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:min 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-min"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -389,18 +400,19 @@ exports[`component:<InputNumber> prop:min 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -420,25 +432,26 @@ exports[`component:<InputNumber> prop:min 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-min"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -458,18 +471,19 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -489,25 +503,26 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:required 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-min"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -527,18 +542,19 @@ exports[`component:<InputNumber> prop:required 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -558,25 +574,26 @@ exports[`component:<InputNumber> prop:required 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:rounded 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-min"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -596,18 +613,19 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -627,25 +645,26 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> prop:value 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-min"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -665,18 +684,19 @@ exports[`component:<InputNumber> prop:value 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -696,25 +716,26 @@ exports[`component:<InputNumber> prop:value 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> renders 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-min"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -734,18 +755,19 @@ exports[`component:<InputNumber> renders 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -765,95 +787,27 @@ exports[`component:<InputNumber> renders 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </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>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;
 
 exports[`component:<InputNumber> testId 1`] = `
 <DocumentFragment>
-  <ui_input_number
+  <ui-input-number
     class="view row inputNumber"
     data-testid="mirai"
   >
-    <ui_view
+    <ui-view
       class="view texts"
     />
-    <button
+    <ui-button
       class="pressable disabled button small rounded squared disabled"
-      disabled=""
+      data-testid="button-min"
+      disabled="true"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -873,18 +827,19 @@ exports[`component:<InputNumber> testId 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-    <ui_text
+      </ui-icon>
+    </ui-button>
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
-    <button
+    </ui-text>
+    <ui-button
       class="pressable button small rounded squared secondary"
+      data-testid="button-max"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -904,8 +859,8 @@ exports[`component:<InputNumber> testId 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
-    </button>
-  </ui_input_number>
+      </ui-icon>
+    </ui-button>
+  </ui-input-number>
 </DocumentFragment>
 `;