@mirai/ui 2.0.5 → 2.0.7

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

@@ -2,17 +2,17 @@
 
 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
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -32,18 +32,18 @@ exports[`component:<InputNumber> inherit:className 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -63,25 +63,25 @@ exports[`component:<InputNumber> inherit:className 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -101,18 +101,18 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value disabled"
     >
       0
-    </ui_text>
+    </ui-text>
     <button
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -132,31 +132,31 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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>
+      </ui-text>
+    </ui-view>
     <button
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -176,18 +176,18 @@ exports[`component:<InputNumber> prop:hint 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -207,31 +207,31 @@ exports[`component:<InputNumber> prop:hint 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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>
+      </ui-label>
+    </ui-view>
     <button
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -251,18 +251,18 @@ exports[`component:<InputNumber> prop:label 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -282,25 +282,25 @@ exports[`component:<InputNumber> prop:label 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -320,18 +320,18 @@ exports[`component:<InputNumber> prop:max 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
+    </ui-text>
     <button
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -351,25 +351,25 @@ exports[`component:<InputNumber> prop:max 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -389,18 +389,18 @@ exports[`component:<InputNumber> prop:min 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -420,25 +420,25 @@ exports[`component:<InputNumber> prop:min 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -458,18 +458,18 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -489,25 +489,25 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -527,18 +527,18 @@ exports[`component:<InputNumber> prop:required 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -558,25 +558,25 @@ exports[`component:<InputNumber> prop:required 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -596,18 +596,18 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -627,25 +627,25 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -665,18 +665,18 @@ exports[`component:<InputNumber> prop:value 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       10
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -696,25 +696,25 @@ exports[`component:<InputNumber> prop:value 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </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
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -734,18 +734,18 @@ exports[`component:<InputNumber> renders 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -765,95 +765,26 @@ exports[`component:<InputNumber> renders 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </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-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
       class="pressable disabled button small rounded squared disabled"
       disabled=""
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -873,18 +804,18 @@ exports[`component:<InputNumber> testId 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-    <ui_text
+    <ui-text
       class="text paragraph value"
     >
       0
-    </ui_text>
+    </ui-text>
     <button
       class="pressable button small rounded squared secondary"
       tabindex="0"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3"
       >
         <svg
@@ -904,8 +835,8 @@ exports[`component:<InputNumber> testId 1`] = `
             d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
-      </ui_icon>
+      </ui-icon>
     </button>
-  </ui_input_number>
+  </ui-input-number>
 </DocumentFragment>
 `;