@mirai/ui 1.1.16 → 2.0.1

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

@@ -2,13 +2,13 @@
 
 exports[`component:<InputText> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer mirai"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -17,26 +17,26 @@ exports[`component:<InputText> inherit:className 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:caption 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <span
+      <ui_text
         class="text light action caption"
       >
         caption
-      </span>
-      <div
+      </ui_text>
+      <ui_view
         class="view wide content"
       >
         <input
@@ -45,21 +45,21 @@ exports[`component:<InputText> prop:caption 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder disabled"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -69,21 +69,21 @@ exports[`component:<InputText> prop:disabled 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:error 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder error"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -92,8 +92,8 @@ exports[`component:<InputText> prop:error 1`] = `
           type="text"
           value=""
         />
-      </div>
-      <span
+      </ui_view>
+      <ui_icon
         class="icon headline-3 icon error"
       >
         <svg
@@ -113,21 +113,21 @@ exports[`component:<InputText> prop:error 1`] = `
             d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
-      </span>
-    </div>
-  </div>
+      </ui_icon>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:hint 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -136,26 +136,26 @@ exports[`component:<InputText> prop:hint 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-    <span
+      </ui_view>
+    </ui_view>
+    <ui_text
       class="text small text hint"
     >
       hint
-    </span>
-  </div>
+    </ui_text>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:icon 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <span
+      <ui_icon
         class="icon headline-3 icon left"
       >
         <svg
@@ -175,8 +175,8 @@ exports[`component:<InputText> prop:icon 1`] = `
             d="M12 6a9.77 9.77 0 0 1 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0 1 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
           />
         </svg>
-      </span>
-      <div
+      </ui_icon>
+      <ui_view
         class="view wide content"
       >
         <input
@@ -185,49 +185,51 @@ exports[`component:<InputText> prop:icon 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:label 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
-        <span
+        <label
           class="text paragraph text label"
+          for="input.name"
         >
           label
-        </span>
+        </label>
         <input
           class="input input withLabel"
+          id="input.name"
           name="name"
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:markdown 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -236,11 +238,12 @@ exports[`component:<InputText> prop:markdown 1`] = `
           type="text"
           value=""
         />
-      </div>
-      <div
+      </ui_view>
+      <ui_pressable
         class="pressable"
+        tabindex="0"
       >
-        <span
+        <ui_icon
           class="icon headline-3 icon disabled"
         >
           <svg
@@ -256,47 +259,48 @@ exports[`component:<InputText> prop:markdown 1`] = `
               d="M 2.875 6 C 1.320313 6 0 7.253906 0 8.8125 L 0 23.1875 C 0 24.746094 1.320313 26 2.875 26 L 29.125 26 C 30.679688 26 32 24.746094 32 23.1875 L 32 8.8125 C 32 7.253906 30.679688 6 29.125 6 Z M 2.875 8 L 29.125 8 C 29.640625 8 30 8.382813 30 8.8125 L 30 23.1875 C 30 23.617188 29.640625 24 29.125 24 L 2.875 24 C 2.359375 24 2 23.617188 2 23.1875 L 2 8.8125 C 2 8.382813 2.359375 8 2.875 8 Z M 5 11 L 5 21 L 8 21 L 8 14.34375 L 11 18.3125 L 14 14.34375 L 14 21 L 17 21 L 17 11 L 14 11 L 11 15 L 8 11 Z M 22 11 L 22 16 L 19 16 L 23.5 21 L 28 16 L 25 16 L 25 11 Z"
             />
           </svg>
-        </span>
-      </div>
-    </div>
-  </div>
+        </ui_icon>
+      </ui_pressable>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:multiLine 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <textarea
           class="input input multiLine"
           name="name"
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
-        <span
+        <label
           class="text paragraph text label"
+          for="input.name"
         >
           label
           <span
@@ -304,58 +308,61 @@ exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
           >
              *
           </span>
-        </span>
+        </label>
         <input
           class="input input withLabel"
+          id="input.name"
           name="name"
           required=""
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:required 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
-        <span
+        <label
           class="text paragraph text label"
+          for="input.name"
         >
           label
-        </span>
+        </label>
         <input
           class="input input withLabel"
+          id="input.name"
           name="name"
           required=""
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:showState (false) 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder error"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -364,8 +371,8 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
           type="text"
           value=""
         />
-      </div>
-      <span
+      </ui_view>
+      <ui_icon
         class="icon headline-3 icon error"
       >
         <svg
@@ -385,21 +392,21 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
             d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
-      </span>
-    </div>
-  </div>
+      </ui_icon>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:success 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -408,8 +415,8 @@ exports[`component:<InputText> prop:success 1`] = `
           type="text"
           value=""
         />
-      </div>
-      <span
+      </ui_view>
+      <ui_icon
         class="icon headline-3 icon success"
       >
         <svg
@@ -429,21 +436,21 @@ exports[`component:<InputText> prop:success 1`] = `
             d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
-      </span>
-    </div>
-  </div>
+      </ui_icon>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:type 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -452,12 +459,12 @@ exports[`component:<InputText> prop:type 1`] = `
           type="password"
           value=""
         />
-      </div>
-      <div
+      </ui_view>
+      <ui_pressable
         class="pressable"
         tabindex="-1"
       >
-        <span
+        <ui_icon
           class="icon headline-3 icon password"
         >
           <svg
@@ -477,22 +484,22 @@ exports[`component:<InputText> prop:type 1`] = `
               d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
             />
           </svg>
-        </span>
-      </div>
-    </div>
-  </div>
+        </ui_icon>
+      </ui_pressable>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:warning 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -501,8 +508,8 @@ exports[`component:<InputText> prop:warning 1`] = `
           type="text"
           value=""
         />
-      </div>
-      <span
+      </ui_view>
+      <ui_icon
         class="icon headline-3 icon warning"
       >
         <svg
@@ -518,21 +525,21 @@ exports[`component:<InputText> prop:warning 1`] = `
             d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
           />
         </svg>
-      </span>
-    </div>
-  </div>
+      </ui_icon>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -541,21 +548,44 @@ exports[`component:<InputText> renders 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
+</DocumentFragment>
+`;
+
+exports[`component:<InputText> tag 1`] = `
+<DocumentFragment>
+  <ui_tag
+    class="view inputContainer"
+  >
+    <ui_view
+      class="view row inputBorder"
+    >
+      <ui_view
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </ui_view>
+    </ui_view>
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_text
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -565,8 +595,8 @@ exports[`component:<InputText> testId 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_text>
 </DocumentFragment>
 `;

package/build/components/InputText/partials/InputText.Label.js

@@ -24,6 +24,7 @@ var Label = function Label(_ref) {
     value = _ref.value,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.Text, _extends({}, others, {
+    tag: "label",
     className: (0, _helpers.styles)(_InputTextModule.default.text, others.className || _InputTextModule.default.label, disabled && _InputTextModule.default.disabled, focus && _InputTextModule.default.focus, error && _InputTextModule.default.error, (focus || error || value !== undefined && ((value === null || value === void 0 ? void 0 : value.length) > 0 || typeof value === 'number')) && _InputTextModule.default.withValue)
   }), label, required && !disabled && /*#__PURE__*/_react.default.createElement("span", {
     className: _InputTextModule.default.required

package/build/components/InputText/partials/InputText.Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.Label.js","names":["Label","disabled","error","focus","label","required","value","others","styles","style","text","className","undefined","length","withValue","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Label.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst Label = ({ disabled, error, focus, label, required = false, value, ...others }) => (\n  <Text\n    {...others}\n    className={styles(\n      style.text,\n      others.className || style.label,\n      disabled && style.disabled,\n      focus && style.focus,\n      error && style.error,\n      (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) && style.withValue,\n    )}\n  >\n    {label}\n    {required && !disabled && <span className={style.required}> *</span>}\n  </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  focus: PropTypes.bool,\n  label: PropTypes.string,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n};\n\nexport { Label };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,MAAM;EAAA,oBAChF,6BAAC,gBAAI,eACCA,MAAM;IACV,SAAS,EAAE,IAAAC,eAAM,EACfC,wBAAK,CAACC,IAAI,EACVH,MAAM,CAACI,SAAS,IAAIF,wBAAK,CAACL,KAAK,EAC/BH,QAAQ,IAAIQ,wBAAK,CAACR,QAAQ,EAC1BE,KAAK,IAAIM,wBAAK,CAACN,KAAK,EACpBD,KAAK,IAAIO,wBAAK,CAACP,KAAK,EACpB,CAACC,KAAK,IAAID,KAAK,IAAKI,KAAK,KAAKM,SAAS,KAAK,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,MAAM,IAAG,CAAC,IAAI,OAAOP,KAAK,KAAK,QAAQ,CAAE,KAAKG,wBAAK,CAACK,SAAS;EAChH,IAEDV,KAAK,EACLC,QAAQ,IAAI,CAACJ,QAAQ,iBAAI;IAAM,SAAS,EAAEQ,wBAAK,CAACJ;EAAS,QAAU,CAC/D;AAAA,CACR;AAAC;AAEFL,KAAK,CAACe,WAAW,GAAG,2BAA2B;AAE/Cf,KAAK,CAACgB,SAAS,GAAG;EAChBf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBd,KAAK,EAAEa,kBAAS,CAACE,MAAM;EACvBd,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,KAAK,EAAEW,kBAAS,CAACE;AACnB,CAAC"}
+{"version":3,"file":"InputText.Label.js","names":["Label","disabled","error","focus","label","required","value","others","styles","style","text","className","undefined","length","withValue","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Label.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst Label = ({ disabled, error, focus, label, required = false, value, ...others }) => (\n  <Text\n    {...others}\n    tag=\"label\"\n    className={styles(\n      style.text,\n      others.className || style.label,\n      disabled && style.disabled,\n      focus && style.focus,\n      error && style.error,\n      (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) && style.withValue,\n    )}\n  >\n    {label}\n    {required && !disabled && <span className={style.required}> *</span>}\n  </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  focus: PropTypes.bool,\n  label: PropTypes.string,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n};\n\nexport { Label };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,MAAM;EAAA,oBAChF,6BAAC,gBAAI,eACCA,MAAM;IACV,GAAG,EAAC,OAAO;IACX,SAAS,EAAE,IAAAC,eAAM,EACfC,wBAAK,CAACC,IAAI,EACVH,MAAM,CAACI,SAAS,IAAIF,wBAAK,CAACL,KAAK,EAC/BH,QAAQ,IAAIQ,wBAAK,CAACR,QAAQ,EAC1BE,KAAK,IAAIM,wBAAK,CAACN,KAAK,EACpBD,KAAK,IAAIO,wBAAK,CAACP,KAAK,EACpB,CAACC,KAAK,IAAID,KAAK,IAAKI,KAAK,KAAKM,SAAS,KAAK,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,MAAM,IAAG,CAAC,IAAI,OAAOP,KAAK,KAAK,QAAQ,CAAE,KAAKG,wBAAK,CAACK,SAAS;EAChH,IAEDV,KAAK,EACLC,QAAQ,IAAI,CAACJ,QAAQ,iBAAI;IAAM,SAAS,EAAEQ,wBAAK,CAACJ;EAAS,QAAU,CAC/D;AAAA,CACR;AAAC;AAEFL,KAAK,CAACe,WAAW,GAAG,2BAA2B;AAE/Cf,KAAK,CAACgB,SAAS,GAAG;EAChBf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBd,KAAK,EAAEa,kBAAS,CAACE,MAAM;EACvBd,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,KAAK,EAAEW,kBAAS,CAACE;AACnB,CAAC"}

package/build/components/Menu/Menu.js

@@ -51,6 +51,7 @@ var Menu = function Menu(_ref) {
   }, others, {
     visible: visible,
     role: others.role || 'menu',
+    tag: others.tag || 'menu',
     className: (0, _helpers.styles)(_MenuModule.default.menu, visible && _MenuModule.default.visible, others.className)
   }), children, /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, renderOptions())) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     title: title,