@mirai/ui 1.1.16 → 2.0.2

package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap

@@ -2,8 +2,8 @@
 
 exports[`primitive:<ScrollView> inherit:className 1`] = `
 <DocumentFragment>
-  <div
-    class="scrollview snap vertical notIndicator mirai"
+  <ui_scrollview
+    class="scrollview snap vertical mirai"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -55,14 +55,14 @@ exports[`primitive:<ScrollView> inherit:className 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_scrollview>
 </DocumentFragment>
 `;
 
 exports[`primitive:<ScrollView> prop:height 1`] = `
 <DocumentFragment>
-  <div
-    class="scrollview snap vertical notIndicator"
+  <ui_scrollview
+    class="scrollview snap vertical"
     style="height: 256px;"
   >
     <div
@@ -115,14 +115,14 @@ exports[`primitive:<ScrollView> prop:height 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_scrollview>
 </DocumentFragment>
 `;
 
 exports[`primitive:<ScrollView> prop:horizontal 1`] = `
 <DocumentFragment>
-  <div
-    class="scrollview snap horizontal notIndicator"
+  <ui_scrollview
+    class="scrollview snap horizontal"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -174,13 +174,13 @@ exports[`primitive:<ScrollView> prop:horizontal 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_scrollview>
 </DocumentFragment>
 `;
 
 exports[`primitive:<ScrollView> prop:scrollIndicator 1`] = `
 <DocumentFragment>
-  <div
+  <ui_scrollview
     class="scrollview snap vertical"
   >
     <div
@@ -233,14 +233,14 @@ exports[`primitive:<ScrollView> prop:scrollIndicator 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_scrollview>
 </DocumentFragment>
 `;
 
 exports[`primitive:<ScrollView> prop:scrollto 1`] = `
 <DocumentFragment>
-  <div
-    class="scrollview snap vertical notIndicator"
+  <ui_scrollview
+    class="scrollview snap vertical"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -292,14 +292,14 @@ exports[`primitive:<ScrollView> prop:scrollto 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_scrollview>
 </DocumentFragment>
 `;
 
 exports[`primitive:<ScrollView> prop:snap 1`] = `
 <DocumentFragment>
-  <div
-    class="scrollview vertical notIndicator"
+  <ui_scrollview
+    class="scrollview vertical"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -351,14 +351,15 @@ exports[`primitive:<ScrollView> prop:snap 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_scrollview>
 </DocumentFragment>
 `;
 
-exports[`primitive:<ScrollView> prop:tag 1`] = `
+exports[`primitive:<ScrollView> prop:width 1`] = `
 <DocumentFragment>
-  <section
-    class="scrollview snap vertical notIndicator"
+  <ui_scrollview
+    class="scrollview snap vertical"
+    style="width: 256px;"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -410,15 +411,14 @@ exports[`primitive:<ScrollView> prop:tag 1`] = `
     >
       10
     </div>
-  </section>
+  </ui_scrollview>
 </DocumentFragment>
 `;
 
-exports[`primitive:<ScrollView> prop:width 1`] = `
+exports[`primitive:<ScrollView> renders 1`] = `
 <DocumentFragment>
-  <div
-    class="scrollview snap vertical notIndicator"
-    style="width: 256px;"
+  <ui_scrollview
+    class="scrollview snap vertical"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -470,14 +470,14 @@ exports[`primitive:<ScrollView> prop:width 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_scrollview>
 </DocumentFragment>
 `;
 
-exports[`primitive:<ScrollView> renders 1`] = `
+exports[`primitive:<ScrollView> tag 1`] = `
 <DocumentFragment>
-  <div
-    class="scrollview snap vertical notIndicator"
+  <ui_tag
+    class="scrollview snap vertical"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -529,14 +529,14 @@ exports[`primitive:<ScrollView> renders 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`primitive:<ScrollView> testId 1`] = `
 <DocumentFragment>
-  <div
-    class="scrollview snap vertical notIndicator"
+  <ui_scrollview
+    class="scrollview snap vertical"
     data-testid="mirai"
   >
     <div
@@ -589,6 +589,6 @@ exports[`primitive:<ScrollView> testId 1`] = `
     >
       10
     </div>
-  </div>
+  </ui_scrollview>
 </DocumentFragment>
 `;

package/build/primitives/Select/Select.js

@@ -51,7 +51,7 @@ var Select = function Select(_ref) {
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread(_objectSpread({}, others), {}, {
     disabled: disabled,
     role: others.role || 'select',
-    tag: 'select',
+    tag: others.tag || 'select',
     value: value
   }, !disabled ? {
     onChange: function onChange(event) {
@@ -60,16 +60,19 @@ var Select = function Select(_ref) {
     onFocus: onEnter,
     onBlur: onLeave
   } : {}), {}, {
-    className: (0, _helpers.styles)(_SelectModule.default.select, value === EMPTY && _SelectModule.default.empty, others.className)
+    className: (0, _helpers.styles)(_SelectModule.default.select, value === EMPTY && _SelectModule.default.empty, others.className),
+    'aria-label': others['aria-label'] || value
   }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, emptyOption && /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
     tag: "option",
-    value: EMPTY
+    value: EMPTY,
+    "aria-label": emptyOption
   }, emptyOption), options.map(function (option, index) {
     return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
       tag: "option",
       disabled: disabledOptions[index],
       key: option,
-      value: values[index] || option
+      value: values[index] || option,
+      "aria-label": option
     }, option);
   })));
 };

package/build/primitives/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["EMPTY","Select","disabled","disabledOptions","emptyOption","options","value","values","onChange","onEnter","onError","onLeave","others","useEffect","errors","getInputErrors","handleChange","event","React","createElement","Primitive","role","tag","target","onFocus","onBlur","className","styles","style","select","empty","map","option","index","displayName","propTypes","PropTypes","bool","arrayOf","string","name","isRequired","oneOfType","number","func"],"sources":["../../../src/primitives/Select/Select.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Select.module.css';\n\nconst EMPTY = '';\n\nconst Select = ({\n  disabled,\n  disabledOptions = [],\n  emptyOption,\n  options = [],\n  value,\n  values = [],\n  onChange,\n  onEnter,\n  onError,\n  onLeave,\n  ...others\n}) => {\n  useEffect(() => {\n    const errors = getInputErrors({ ...others });\n    if (errors && onError) onError(errors);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChange = (value, event) => {\n    onError && onError(getInputErrors({ ...others, value }));\n    onChange && onChange(value, event);\n  };\n\n  return React.createElement(\n    Primitive,\n    {\n      ...others,\n      disabled,\n      role: others.role || 'select',\n      tag: 'select',\n      value,\n      ...(!disabled\n        ? {\n            onChange: (event) => handleChange(event.target.value, event),\n            onFocus: onEnter,\n            onBlur: onLeave,\n          }\n        : {}),\n      className: styles(style.select, value === EMPTY && style.empty, others.className),\n    },\n    <>\n      {emptyOption && (\n        <Primitive tag=\"option\" value={EMPTY}>\n          {emptyOption}\n        </Primitive>\n      )}\n      {options.map((option, index) => (\n        <Primitive tag=\"option\" disabled={disabledOptions[index]} key={option} value={values[index] || option}>\n          {option}\n        </Primitive>\n      ))}\n    </>,\n  );\n};\n\nSelect.displayName = 'Primitive:Select';\n\nSelect.propTypes = {\n  disabled: PropTypes.bool,\n  disabledOptions: PropTypes.arrayOf(PropTypes.bool),\n  emptyOption: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  values: PropTypes.arrayOf(PropTypes.string),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Select };\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["EMPTY","Select","disabled","disabledOptions","emptyOption","options","value","values","onChange","onEnter","onError","onLeave","others","useEffect","errors","getInputErrors","handleChange","event","React","createElement","Primitive","role","tag","target","onFocus","onBlur","className","styles","style","select","empty","map","option","index","displayName","propTypes","PropTypes","bool","arrayOf","string","name","isRequired","oneOfType","number","func"],"sources":["../../../src/primitives/Select/Select.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Select.module.css';\n\nconst EMPTY = '';\n\nconst Select = ({\n  disabled,\n  disabledOptions = [],\n  emptyOption,\n  options = [],\n  value,\n  values = [],\n  onChange,\n  onEnter,\n  onError,\n  onLeave,\n  ...others\n}) => {\n  useEffect(() => {\n    const errors = getInputErrors({ ...others });\n    if (errors && onError) onError(errors);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChange = (value, event) => {\n    onError && onError(getInputErrors({ ...others, value }));\n    onChange && onChange(value, event);\n  };\n\n  return React.createElement(\n    Primitive,\n    {\n      ...others,\n      disabled,\n      role: others.role || 'select',\n      tag: others.tag || 'select',\n      value,\n      ...(!disabled\n        ? {\n            onChange: (event) => handleChange(event.target.value, event),\n            onFocus: onEnter,\n            onBlur: onLeave,\n          }\n        : {}),\n      className: styles(style.select, value === EMPTY && style.empty, others.className),\n      'aria-label': others['aria-label'] || value,\n    },\n    <>\n      {emptyOption && (\n        <Primitive tag=\"option\" value={EMPTY} aria-label={emptyOption}>\n          {emptyOption}\n        </Primitive>\n      )}\n      {options.map((option, index) => (\n        <Primitive\n          tag=\"option\"\n          disabled={disabledOptions[index]}\n          key={option}\n          value={values[index] || option}\n          aria-label={option}\n        >\n          {option}\n        </Primitive>\n      ))}\n    </>,\n  );\n};\n\nSelect.displayName = 'Primitive:Select';\n\nSelect.propTypes = {\n  disabled: PropTypes.bool,\n  disabledOptions: PropTypes.arrayOf(PropTypes.bool),\n  emptyOption: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  values: PropTypes.arrayOf(PropTypes.string),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Select };\n"],"mappings":"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"}

package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap

@@ -177,6 +177,41 @@ exports[`primitive:<Select> renders 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Select> tag 1`] = `
+<DocumentFragment>
+  <ui_tag
+    class="select"
+    name="name"
+  >
+    <option
+      value="one"
+    >
+      one
+    </option>
+    <option
+      value="two"
+    >
+      two
+    </option>
+    <option
+      value="three"
+    >
+      three
+    </option>
+    <option
+      value="four"
+    >
+      four
+    </option>
+    <option
+      value="five"
+    >
+      five
+    </option>
+  </ui_tag>
+</DocumentFragment>
+`;
+
 exports[`primitive:<Select> testId 1`] = `
 <DocumentFragment>
   <select

package/build/primitives/Switch/Switch.js

@@ -27,6 +27,7 @@ var Switch = function Switch(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _extends({}, others, {
     role: others.role || 'switch',
+    tag: others.tag || 'switch',
     onClick: !disabled ? handleChange : undefined,
     className: (0, _helpers.styles)(_SwitchModule.default.switch, others.className)
   }), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
@@ -39,7 +40,6 @@ var Switch = function Switch(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
     className: (0, _helpers.styles)(_SwitchModule.default.area, error && !checked && !disabled && _SwitchModule.default.error)
   }, /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
-    tag: "span",
     className: _SwitchModule.default.toggle
   })));
 };

package/build/primitives/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","error","name","onChange","others","handleChange","event","role","undefined","styles","style","switch","className","area","toggle","displayName","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../../src/primitives/Switch/Switch.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Switch.module.css';\n\nconst Switch = ({ checked = false, disabled, error, name, onChange, ...others }) => {\n  const handleChange = (event) => {\n    onChange && onChange(!checked, event);\n  };\n\n  return (\n    <Primitive\n      {...others}\n      role={others.role || 'switch'}\n      onClick={!disabled ? handleChange : undefined}\n      className={styles(style.switch, others.className)}\n    >\n      <Primitive checked={checked} disabled={disabled} name={name} tag=\"input\" type=\"checkbox\" onChange={() => {}} />\n      <Primitive className={styles(style.area, error && !checked && !disabled && style.error)}>\n        <Primitive tag=\"span\" className={style.toggle} />\n      </Primitive>\n    </Primitive>\n  );\n};\n\nSwitch.displayName = 'Primitive:Switch';\n\nSwitch.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport { Switch };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAwE;EAAA,wBAAlEC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EAC3E,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACJ,OAAO,EAAEO,KAAK,CAAC;EACvC,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJF,MAAM;IACV,IAAI,EAAEA,MAAM,CAACG,IAAI,IAAI,QAAS;IAC9B,OAAO,EAAE,CAACP,QAAQ,GAAGK,YAAY,GAAGG,SAAU;IAC9C,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAEP,MAAM,CAACQ,SAAS;EAAE,iBAElD,6BAAC,oBAAS;IAAC,OAAO,EAAEb,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,IAAI,EAAEE,IAAK;IAAC,GAAG,EAAC,OAAO;IAAC,IAAI,EAAC,UAAU;IAAC,QAAQ,EAAE,oBAAM,CAAC;EAAE,EAAG,eAC/G,6BAAC,oBAAS;IAAC,SAAS,EAAE,IAAAO,eAAM,EAACC,qBAAK,CAACG,IAAI,EAAEZ,KAAK,IAAI,CAACF,OAAO,IAAI,CAACC,QAAQ,IAAIU,qBAAK,CAACT,KAAK;EAAE,gBACtF,6BAAC,oBAAS;IAAC,GAAG,EAAC,MAAM;IAAC,SAAS,EAAES,qBAAK,CAACI;EAAO,EAAG,CACvC,CACF;AAEhB,CAAC;AAAC;AAEFhB,MAAM,CAACiB,WAAW,GAAG,kBAAkB;AAEvCjB,MAAM,CAACkB,SAAS,GAAG;EACjBjB,OAAO,EAAEkB,kBAAS,CAACC,IAAI;EACvBlB,QAAQ,EAAEiB,kBAAS,CAACC,IAAI;EACxBjB,KAAK,EAAEgB,kBAAS,CAACC,IAAI;EACrBhB,IAAI,EAAEe,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCjB,QAAQ,EAAEc,kBAAS,CAACI;AACtB,CAAC"}
+{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","error","name","onChange","others","handleChange","event","role","tag","undefined","styles","style","switch","className","area","toggle","displayName","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../../src/primitives/Switch/Switch.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Switch.module.css';\n\nconst Switch = ({ checked = false, disabled, error, name, onChange, ...others }) => {\n  const handleChange = (event) => {\n    onChange && onChange(!checked, event);\n  };\n\n  return (\n    <Primitive\n      {...others}\n      role={others.role || 'switch'}\n      tag={others.tag || 'switch'}\n      onClick={!disabled ? handleChange : undefined}\n      className={styles(style.switch, others.className)}\n    >\n      <Primitive checked={checked} disabled={disabled} name={name} tag=\"input\" type=\"checkbox\" onChange={() => {}} />\n      <Primitive className={styles(style.area, error && !checked && !disabled && style.error)}>\n        <Primitive className={style.toggle} />\n      </Primitive>\n    </Primitive>\n  );\n};\n\nSwitch.displayName = 'Primitive:Switch';\n\nSwitch.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport { Switch };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAwE;EAAA,wBAAlEC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EAC3E,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACJ,OAAO,EAAEO,KAAK,CAAC;EACvC,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJF,MAAM;IACV,IAAI,EAAEA,MAAM,CAACG,IAAI,IAAI,QAAS;IAC9B,GAAG,EAAEH,MAAM,CAACI,GAAG,IAAI,QAAS;IAC5B,OAAO,EAAE,CAACR,QAAQ,GAAGK,YAAY,GAAGI,SAAU;IAC9C,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAER,MAAM,CAACS,SAAS;EAAE,iBAElD,6BAAC,oBAAS;IAAC,OAAO,EAAEd,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,IAAI,EAAEE,IAAK;IAAC,GAAG,EAAC,OAAO;IAAC,IAAI,EAAC,UAAU;IAAC,QAAQ,EAAE,oBAAM,CAAC;EAAE,EAAG,eAC/G,6BAAC,oBAAS;IAAC,SAAS,EAAE,IAAAQ,eAAM,EAACC,qBAAK,CAACG,IAAI,EAAEb,KAAK,IAAI,CAACF,OAAO,IAAI,CAACC,QAAQ,IAAIW,qBAAK,CAACV,KAAK;EAAE,gBACtF,6BAAC,oBAAS;IAAC,SAAS,EAAEU,qBAAK,CAACI;EAAO,EAAG,CAC5B,CACF;AAEhB,CAAC;AAAC;AAEFjB,MAAM,CAACkB,WAAW,GAAG,kBAAkB;AAEvClB,MAAM,CAACmB,SAAS,GAAG;EACjBlB,OAAO,EAAEmB,kBAAS,CAACC,IAAI;EACvBnB,QAAQ,EAAEkB,kBAAS,CAACC,IAAI;EACxBlB,KAAK,EAAEiB,kBAAS,CAACC,IAAI;EACrBjB,IAAI,EAAEgB,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjClB,QAAQ,EAAEe,kBAAS,CAACI;AACtB,CAAC"}

package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap

@@ -2,27 +2,27 @@
 
 exports[`primitive:<Switch> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch mirai"
   >
     <input
       name="name"
       type="checkbox"
     />
-    <div
+    <ui_primitive
       class="area"
     >
-      <span
+      <ui_primitive
         class="toggle"
       />
-    </div>
-  </div>
+    </ui_primitive>
+  </ui_switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:checked && disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
   >
     <input
@@ -31,20 +31,20 @@ exports[`primitive:<Switch> prop:checked && disabled 1`] = `
       name="name"
       type="checkbox"
     />
-    <div
+    <ui_primitive
       class="area"
     >
-      <span
+      <ui_primitive
         class="toggle"
       />
-    </div>
-  </div>
+    </ui_primitive>
+  </ui_switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:checked 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
   >
     <input
@@ -52,20 +52,20 @@ exports[`primitive:<Switch> prop:checked 1`] = `
       name="name"
       type="checkbox"
     />
-    <div
+    <ui_primitive
       class="area"
     >
-      <span
+      <ui_primitive
         class="toggle"
       />
-    </div>
-  </div>
+    </ui_primitive>
+  </ui_switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
   >
     <input
@@ -73,20 +73,20 @@ exports[`primitive:<Switch> prop:disabled 1`] = `
       name="name"
       type="checkbox"
     />
-    <div
+    <ui_primitive
       class="area"
     >
-      <span
+      <ui_primitive
         class="toggle"
       />
-    </div>
-  </div>
+    </ui_primitive>
+  </ui_switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:error && disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
   >
     <input
@@ -94,60 +94,80 @@ exports[`primitive:<Switch> prop:error && disabled 1`] = `
       name="name"
       type="checkbox"
     />
-    <div
+    <ui_primitive
       class="area"
     >
-      <span
+      <ui_primitive
         class="toggle"
       />
-    </div>
-  </div>
+    </ui_primitive>
+  </ui_switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:error 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
   >
     <input
       name="name"
       type="checkbox"
     />
-    <div
+    <ui_primitive
       class="area error"
     >
-      <span
+      <ui_primitive
         class="toggle"
       />
-    </div>
-  </div>
+    </ui_primitive>
+  </ui_switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> render 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
   >
     <input
       name="name"
       type="checkbox"
     />
-    <div
+    <ui_primitive
       class="area"
     >
-      <span
+      <ui_primitive
         class="toggle"
       />
-    </div>
-  </div>
+    </ui_primitive>
+  </ui_switch>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Switch> tag 1`] = `
+<DocumentFragment>
+  <ui_tag
+    class="switch"
+  >
+    <input
+      name="name"
+      type="checkbox"
+    />
+    <ui_primitive
+      class="area"
+    >
+      <ui_primitive
+        class="toggle"
+      />
+    </ui_primitive>
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
     data-testid="mirai"
   >
@@ -155,13 +175,13 @@ exports[`primitive:<Switch> testId 1`] = `
       name="name"
       type="checkbox"
     />
-    <div
+    <ui_primitive
       class="area"
     >
-      <span
+      <ui_primitive
         class="toggle"
       />
-    </div>
-  </div>
+    </ui_primitive>
+  </ui_switch>
 </DocumentFragment>
 `;

package/build/primitives/Text/Text.js

@@ -40,7 +40,8 @@ var Text = function Text(_ref) {
     markdown = _ref$markdown === void 0 ? true : _ref$markdown,
     small = _ref.small,
     success = _ref.success,
-    tag = _ref.tag,
+    _ref$tag = _ref.tag,
+    tag = _ref$tag === void 0 ? 'text' : _ref$tag,
     tiny = _ref.tiny,
     underline = _ref.underline,
     upperCase = _ref.upperCase,
@@ -49,7 +50,7 @@ var Text = function Text(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
     role: others.role || 'text',
-    tag: tag || (headline ? "h".concat(level) : 'span'),
+    tag: tag,
     className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, brand && _TextModule.default.brand, capitalize && _TextModule.default.capitalize, (0, _helpers2.color)({
       accent: accent,
       accentDark: accentDark,
@@ -61,7 +62,7 @@ var Text = function Text(_ref) {
       success: success,
       warning: warning
     }), headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : tiny ? _TextModule.default.tiny : _TextModule.default.paragraph, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, wide && _TextModule.default.wide, others.className)
-  }), markdown ? (0, _helpers2.parseMarkdown)(children) : children);
+  }), markdown ? (0, _helpers2.parseMarkdown)(children, tag) : children);
 };
 exports.Text = Text;
 Text.displayName = 'Primitive:Text';

package/build/primitives/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["Text","accent","accentLight","accentDark","action","bold","brand","capitalize","children","dark","error","headline","info","level","light","markdown","small","success","tag","tiny","underline","upperCase","warning","wide","others","React","createElement","Primitive","role","className","styles","style","text","color","paragraph","parseMarkdown","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { color, parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  bold,\n  brand,\n  capitalize,\n  children,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  markdown = true,\n  small,\n  success,\n  tag,\n  tiny,\n  underline,\n  upperCase,\n  warning,\n  wide,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'text',\n      tag: tag || (headline ? `h${level}` : 'span'),\n      className: styles(\n        style.text,\n        bold && style.bold,\n        brand && style.brand,\n        capitalize && style.capitalize,\n        color({ accent, accentDark, accentLight, dark, error, info, light, success, warning }),\n        headline\n          ? style[`headline-${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : tiny\n          ? style.tiny\n          : style.paragraph,\n        underline && style.underline,\n        upperCase && style.upperCase,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    markdown ? parseMarkdown(children) : children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  brand: PropTypes.bool,\n  capitalize: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  dark: PropTypes.bool,\n  error: PropTypes.bool,\n  headline: PropTypes.bool,\n  info: PropTypes.bool,\n  level: PropTypes.number,\n  light: PropTypes.bool,\n  markdown: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  tag: PropTypes.string,\n  tiny: PropTypes.bool,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":"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"}
+{"version":3,"file":"Text.js","names":["Text","accent","accentLight","accentDark","action","bold","brand","capitalize","children","dark","error","headline","info","level","light","markdown","small","success","tag","tiny","underline","upperCase","warning","wide","others","React","createElement","Primitive","role","className","styles","style","text","color","paragraph","parseMarkdown","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { color, parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  bold,\n  brand,\n  capitalize,\n  children,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  markdown = true,\n  small,\n  success,\n  tag = 'text',\n  tiny,\n  underline,\n  upperCase,\n  warning,\n  wide,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'text',\n      tag,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        brand && style.brand,\n        capitalize && style.capitalize,\n        color({ accent, accentDark, accentLight, dark, error, info, light, success, warning }),\n        headline\n          ? style[`headline-${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : tiny\n          ? style.tiny\n          : style.paragraph,\n        underline && style.underline,\n        upperCase && style.upperCase,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    markdown ? parseMarkdown(children, tag) : children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  brand: PropTypes.bool,\n  capitalize: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  dark: PropTypes.bool,\n  error: PropTypes.bool,\n  headline: PropTypes.bool,\n  info: PropTypes.bool,\n  level: PropTypes.number,\n  light: PropTypes.bool,\n  markdown: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  tag: PropTypes.string,\n  tiny: PropTypes.bool,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":"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"}