@mirai/ui 1.0.221 → 1.1.0-beta

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","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, 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={style.area}>\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  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,OAAiE;EAAA,wBAA3DC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EACpE,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACH,OAAO,EAAEM,KAAK,CAAC;EACvC,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJF,MAAM;IACV,IAAI,EAAEA,MAAM,CAACG,IAAI,IAAI,QAAS;IAC9B,OAAO,EAAE,CAACN,QAAQ,GAAGI,YAAY,GAAGG,SAAU;IAC9C,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAEP,MAAM,CAACQ,SAAS;EAAE,iBAElD,6BAAC,oBAAS;IAAC,OAAO,EAAEZ,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,IAAI,EAAEC,IAAK;IAAC,GAAG,EAAC,OAAO;IAAC,IAAI,EAAC,UAAU;IAAC,QAAQ,EAAE,oBAAM,CAAC;EAAE,EAAG,eAC/G,6BAAC,oBAAS;IAAC,SAAS,EAAEQ,qBAAK,CAACG;EAAK,gBAC/B,6BAAC,oBAAS;IAAC,GAAG,EAAC,MAAM;IAAC,SAAS,EAAEH,qBAAK,CAACI;EAAO,EAAG,CACvC,CACF;AAEhB,CAAC;AAAC;AAEFf,MAAM,CAACgB,WAAW,GAAG,kBAAkB;AAEvChB,MAAM,CAACiB,SAAS,GAAG;EACjBhB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,IAAI,EAAEe,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCjB,QAAQ,EAAEc,kBAAS,CAACI;AACtB,CAAC"}
+{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","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 * as style from './Switch.module.css';\n\nconst Switch = ({ checked = false, disabled, 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=\"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={style.area}>\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  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport { Switch };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7C,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAiE;EAAA,wBAA3DC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EACpE,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACH,OAAO,EAAEM,KAAK,CAAC;EACvC,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJF,MAAM;IACV,IAAI,EAAEA,MAAM,CAACG,IAAI,IAAI,QAAS;IAC9B,GAAG,EAAC,QAAQ;IACZ,OAAO,EAAE,CAACN,QAAQ,GAAGI,YAAY,GAAGG,SAAU;IAC9C,SAAS,EAAE,IAAAC,eAAM,EAACC,KAAK,CAACC,MAAM,EAAEP,MAAM,CAACQ,SAAS;EAAE,iBAElD,6BAAC,oBAAS;IAAC,OAAO,EAAEZ,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,IAAI,EAAEC,IAAK;IAAC,GAAG,EAAC,OAAO;IAAC,IAAI,EAAC,UAAU;IAAC,QAAQ,EAAE,oBAAM,CAAC;EAAE,EAAG,eAC/G,6BAAC,oBAAS;IAAC,SAAS,EAAEQ,KAAK,CAACG;EAAK,gBAC/B,6BAAC,oBAAS;IAAC,SAAS,EAAEH,KAAK,CAACI;EAAO,EAAG,CAC5B,CACF;AAEhB,CAAC;AAAC;AAEFf,MAAM,CAACgB,WAAW,GAAG,kBAAkB;AAEvChB,MAAM,CAACiB,SAAS,GAAG;EACjBhB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,IAAI,EAAEe,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCjB,QAAQ,EAAEc,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 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
   >
     <input
@@ -30,20 +30,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
@@ -51,40 +51,40 @@ 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> 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> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_switch
     class="switch"
     data-testid="mirai"
   >
@@ -92,13 +92,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

@@ -10,8 +10,10 @@ var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _Primitive = require("../Primitive");
 var _helpers2 = require("./helpers");
-var _TextModule = _interopRequireDefault(require("./Text.module.css"));
+var style = _interopRequireWildcard(require("./Text.module.css"));
 var _excluded = ["accent", "action", "bold", "children", "headline", "level", "lighten", "markdown", "small", "tag", "tiny", "underline", "upperCase", "wide"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -32,7 +34,8 @@ var Text = function Text(_ref) {
     _ref$markdown = _ref.markdown,
     markdown = _ref$markdown === void 0 ? true : _ref$markdown,
     small = _ref.small,
-    tag = _ref.tag,
+    _ref$tag = _ref.tag,
+    tag = _ref$tag === void 0 ? 'text' : _ref$tag,
     tiny = _ref.tiny,
     underline = _ref.underline,
     upperCase = _ref.upperCase,
@@ -40,8 +43,8 @@ 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'),
-    className: (0, _helpers.styles)(_TextModule.default.text, accent && _TextModule.default.accent, bold && _TextModule.default.bold, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : tiny ? _TextModule.default.tiny : _TextModule.default.paragraph, lighten && _TextModule.default.lighten, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, wide && _TextModule.default.wide, others.className)
+    tag: headline ? "h".concat(level) : tag,
+    className: (0, _helpers.styles)(style.text, accent && style.accent, bold && style.bold, headline ? style["h".concat(level)] : action ? style.action : small ? style.small : tiny ? style.tiny : style.paragraph, lighten && style.lighten, underline && style.underline, upperCase && style.upperCase, wide && style.wide, others.className)
   }), markdown ? (0, _helpers2.parseMarkdown)(children) : children);
 };
 exports.Text = Text;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","markdown","small","tag","tiny","underline","upperCase","wide","others","React","createElement","Primitive","role","className","styles","style","text","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 { parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n  accent,\n  action,\n  bold,\n  children,\n  headline,\n  level = 3,\n  lighten,\n  markdown = true,\n  small,\n  tag,\n  tiny,\n  underline,\n  upperCase,\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        accent && style.accent,\n        bold && style.bold,\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        lighten && style.lighten,\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  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  headline: PropTypes.bool,\n  level: PropTypes.number,\n  lighten: PropTypes.bool,\n  markdown: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n  tiny: PropTypes.bool,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IACRC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IACfC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACDC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BT,GAAG,EAAEA,GAAG,KAAKL,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC;IAC7Cc,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVtB,MAAM,IAAIqB,mBAAK,CAACrB,MAAM,EACtBE,IAAI,IAAImB,mBAAK,CAACnB,IAAI,EAClBE,QAAQ,GACJiB,mBAAK,oBAAahB,KAAK,EAAG,GAC1BJ,MAAM,GACNoB,mBAAK,CAACpB,MAAM,GACZO,KAAK,GACLa,mBAAK,CAACb,KAAK,GACXE,IAAI,GACJW,mBAAK,CAACX,IAAI,GACVW,mBAAK,CAACE,SAAS,EACnBjB,OAAO,IAAIe,mBAAK,CAACf,OAAO,EACxBK,SAAS,IAAIU,mBAAK,CAACV,SAAS,EAC5BC,SAAS,IAAIS,mBAAK,CAACT,SAAS,EAC5BC,IAAI,IAAIQ,mBAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,SAAS;EACjB,IAEHZ,QAAQ,GAAG,IAAAiB,uBAAa,EAACrB,QAAQ,CAAC,GAAGA,QAAQ,CAC9C;AAAA;AAAC;AAEJJ,IAAI,CAAC0B,WAAW,GAAG,gBAAgB;AAEnC1B,IAAI,CAAC2B,SAAS,GAAG;EACf1B,MAAM,EAAE2B,kBAAS,CAACC,IAAI;EACtB3B,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,IAAI,EAAEyB,kBAAS,CAACC,IAAI;EACpBzB,QAAQ,EAAEwB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpF5B,QAAQ,EAAEuB,kBAAS,CAACC,IAAI;EACxBvB,KAAK,EAAEsB,kBAAS,CAACI,MAAM;EACvBzB,OAAO,EAAEqB,kBAAS,CAACC,IAAI;EACvBrB,QAAQ,EAAEoB,kBAAS,CAACC,IAAI;EACxBpB,KAAK,EAAEmB,kBAAS,CAACC,IAAI;EACrBnB,GAAG,EAAEkB,kBAAS,CAACG,MAAM;EACrBpB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBjB,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBhB,SAAS,EAAEe,kBAAS,CAACC,IAAI;EACzBf,IAAI,EAAEc,kBAAS,CAACC;AAClB,CAAC"}
+{"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","markdown","small","tag","tiny","underline","upperCase","wide","others","React","createElement","Primitive","role","className","styles","style","text","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 { parseMarkdown } from './helpers';\nimport * as style from './Text.module.css';\n\nconst Text = ({\n  accent,\n  action,\n  bold,\n  children,\n  headline,\n  level = 3,\n  lighten,\n  markdown = true,\n  small,\n  tag = 'text',\n  tiny,\n  underline,\n  upperCase,\n  wide,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'text',\n      tag: headline ? `h${level}` : tag,\n      className: styles(\n        style.text,\n        accent && style.accent,\n        bold && style.bold,\n        headline\n          ? style[`h${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : tiny\n          ? style.tiny\n          : style.paragraph,\n        lighten && style.lighten,\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  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  headline: PropTypes.bool,\n  level: PropTypes.number,\n  lighten: PropTypes.bool,\n  markdown: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n  tiny: PropTypes.bool,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3C,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IACRC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IACfC,KAAK,QAALA,KAAK;IAAA,gBACLC,GAAG;IAAHA,GAAG,yBAAG,MAAM;IACZC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACDC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BT,GAAG,EAAEL,QAAQ,cAAOC,KAAK,IAAKI,GAAG;IACjCU,SAAS,EAAE,IAAAC,eAAM,EACfC,KAAK,CAACC,IAAI,EACVtB,MAAM,IAAIqB,KAAK,CAACrB,MAAM,EACtBE,IAAI,IAAImB,KAAK,CAACnB,IAAI,EAClBE,QAAQ,GACJiB,KAAK,YAAKhB,KAAK,EAAG,GAClBJ,MAAM,GACNoB,KAAK,CAACpB,MAAM,GACZO,KAAK,GACLa,KAAK,CAACb,KAAK,GACXE,IAAI,GACJW,KAAK,CAACX,IAAI,GACVW,KAAK,CAACE,SAAS,EACnBjB,OAAO,IAAIe,KAAK,CAACf,OAAO,EACxBK,SAAS,IAAIU,KAAK,CAACV,SAAS,EAC5BC,SAAS,IAAIS,KAAK,CAACT,SAAS,EAC5BC,IAAI,IAAIQ,KAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,SAAS;EACjB,IAEHZ,QAAQ,GAAG,IAAAiB,uBAAa,EAACrB,QAAQ,CAAC,GAAGA,QAAQ,CAC9C;AAAA;AAAC;AAEJJ,IAAI,CAAC0B,WAAW,GAAG,gBAAgB;AAEnC1B,IAAI,CAAC2B,SAAS,GAAG;EACf1B,MAAM,EAAE2B,kBAAS,CAACC,IAAI;EACtB3B,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,IAAI,EAAEyB,kBAAS,CAACC,IAAI;EACpBzB,QAAQ,EAAEwB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpF5B,QAAQ,EAAEuB,kBAAS,CAACC,IAAI;EACxBvB,KAAK,EAAEsB,kBAAS,CAACI,MAAM;EACvBzB,OAAO,EAAEqB,kBAAS,CAACC,IAAI;EACvBrB,QAAQ,EAAEoB,kBAAS,CAACC,IAAI;EACxBpB,KAAK,EAAEmB,kBAAS,CAACC,IAAI;EACrBnB,GAAG,EAAEkB,kBAAS,CAACG,MAAM;EACrBpB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBjB,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBhB,SAAS,EAAEe,kBAAS,CAACC,IAAI;EACzBf,IAAI,EAAEc,kBAAS,CAACC;AAClB,CAAC"}

package/build/primitives/Text/Text.module.css

@@ -18,22 +18,22 @@
   font-weight: var(--mirai-ui-font-bold-weight);
 }
 
-.headline-1 {
+.h1 {
   font-size: var(--mirai-ui-font-size-headline-1);
   line-height: var(--mirai-ui-line-height-headline-1);
 }
 
-.headline-2 {
+.h2 {
   font-size: var(--mirai-ui-font-size-headline-2);
   line-height: var(--mirai-ui-line-height-headline-2);
 }
 
-.headline-3 {
+.h3 {
   font-size: var(--mirai-ui-font-size-headline-3);
   line-height: var(--mirai-ui-line-height-headline-3);
 }
 
-.headline-4 {
+.h4 {
   font-size: var(--mirai-ui-font-size-headline-4);
   line-height: var(--mirai-ui-line-height-headline-4);
 }

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

@@ -2,107 +2,107 @@
 
 exports[`primitive:<Text> inherit:className 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph mirai"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:accent 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text accent paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:action 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text action"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:bold 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text bold paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:1 1`] = `
 <DocumentFragment>
-  <h1
+  <ui_h1
     class="text headline-1"
   >
     Lorem Ipsum
-  </h1>
+  </ui_h1>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:2 1`] = `
 <DocumentFragment>
-  <h2
+  <ui_h2
     class="text headline-2"
   >
     Lorem Ipsum
-  </h2>
+  </ui_h2>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:3 1`] = `
 <DocumentFragment>
-  <h3
+  <ui_h3
     class="text headline-3"
   >
     Lorem Ipsum
-  </h3>
+  </ui_h3>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:4 1`] = `
 <DocumentFragment>
-  <h4
+  <ui_h4
     class="text headline-4"
   >
     Lorem Ipsum
-  </h4>
+  </ui_h4>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline 1`] = `
 <DocumentFragment>
-  <h3
+  <ui_h3
     class="text headline-3"
   >
     Lorem Ipsum
-  </h3>
+  </ui_h3>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:lighten 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph lighten"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:markdown 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph"
   >
     <span
@@ -116,87 +116,87 @@ exports[`primitive:<Text> prop:markdown 1`] = `
     >
       Ipsum
     </span>
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:small 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text small"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:tag 1`] = `
 <DocumentFragment>
-  <p
+  <ui_tag
     class="text paragraph"
   >
     Lorem Ipsum
-  </p>
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:tiny 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text tiny"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:underline 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph underline"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:upperCase 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph upperCase"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:wide 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph wide"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> renders 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> testId 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph"
     data-testid="mirai"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;

package/build/primitives/View/View.js

@@ -9,8 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _Primitive = require("../Primitive");
-var _ViewModule = _interopRequireDefault(require("./View.module.css"));
+var style = _interopRequireWildcard(require("./View.module.css"));
 var _excluded = ["children", "fit", "forceRow", "row", "tag", "wide"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -26,14 +28,14 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     forceRow = _ref$forceRow === void 0 ? false : _ref$forceRow,
     row = _ref.row,
     _ref$tag = _ref.tag,
-    tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+    tag = _ref$tag === void 0 ? 'view' : _ref$tag,
     wide = _ref.wide,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
     ref: ref,
     role: others.role || 'view',
     tag: tag,
-    className: (0, _helpers.styles)(_ViewModule.default.view, fit && _ViewModule.default.fit, row && !forceRow && _ViewModule.default.row, forceRow && _ViewModule.default.forceRow, wide && _ViewModule.default.wide, others.className)
+    className: (0, _helpers.styles)(style.view, fit && style.fit, row && !forceRow && style.row, forceRow && style.forceRow, wide && style.wide, others.className)
   }), children);
 });
 exports.View = View;

package/build/primitives/View/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","forceRow","row","tag","wide","others","createElement","Primitive","role","className","styles","style","view","displayName","propTypes","PropTypes","node","bool","string"],"sources":["../../../src/primitives/View/View.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './View.module.css';\n\nconst View = React.forwardRef(({ children, fit, forceRow = false, row, tag = 'div', wide, ...others }, ref) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      ref,\n      role: others.role || 'view',\n      tag,\n      className: styles(\n        style.view,\n        fit && style.fit,\n        row && !forceRow && style.row,\n        forceRow && style.forceRow,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    children,\n  ),\n);\n\nView.displayName = 'Primitive:View';\n\nView.propTypes = {\n  children: PropTypes.node,\n  fit: PropTypes.bool,\n  forceRow: PropTypes.bool,\n  row: PropTypes.bool,\n  tag: PropTypes.string,\n  wide: PropTypes.bool,\n};\n\nexport { View };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAC,gBAAyEC,GAAG;EAAA,IAAzEC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBACjGT,cAAK,CAACU,aAAa,CACjBC,oBAAS,kCAEJF,MAAM;IACTP,GAAG,EAAHA,GAAG;IACHU,IAAI,EAAEH,MAAM,CAACG,IAAI,IAAI,MAAM;IAC3BL,GAAG,EAAHA,GAAG;IACHM,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVZ,GAAG,IAAIW,mBAAK,CAACX,GAAG,EAChBE,GAAG,IAAI,CAACD,QAAQ,IAAIU,mBAAK,CAACT,GAAG,EAC7BD,QAAQ,IAAIU,mBAAK,CAACV,QAAQ,EAC1BG,IAAI,IAAIO,mBAAK,CAACP,IAAI,EAClBC,MAAM,CAACI,SAAS;EACjB,IAEHV,QAAQ,CACT;AAAA,EACF;AAAC;AAEFJ,IAAI,CAACkB,WAAW,GAAG,gBAAgB;AAEnClB,IAAI,CAACmB,SAAS,GAAG;EACff,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,GAAG,EAAEe,kBAAS,CAACE,IAAI;EACnBhB,QAAQ,EAAEc,kBAAS,CAACE,IAAI;EACxBf,GAAG,EAAEa,kBAAS,CAACE,IAAI;EACnBd,GAAG,EAAEY,kBAAS,CAACG,MAAM;EACrBd,IAAI,EAAEW,kBAAS,CAACE;AAClB,CAAC"}
+{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","forceRow","row","tag","wide","others","createElement","Primitive","role","className","styles","style","view","displayName","propTypes","PropTypes","node","bool","string"],"sources":["../../../src/primitives/View/View.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport * as style from './View.module.css';\n\nconst View = React.forwardRef(({ children, fit, forceRow = false, row, tag = 'view', wide, ...others }, ref) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      ref,\n      role: others.role || 'view',\n      tag,\n      className: styles(\n        style.view,\n        fit && style.fit,\n        row && !forceRow && style.row,\n        forceRow && style.forceRow,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    children,\n  ),\n);\n\nView.displayName = 'Primitive:View';\n\nView.propTypes = {\n  children: PropTypes.node,\n  fit: PropTypes.bool,\n  forceRow: PropTypes.bool,\n  row: PropTypes.bool,\n  tag: PropTypes.string,\n  wide: PropTypes.bool,\n};\n\nexport { View };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3C,IAAMA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAC,gBAA0EC,GAAG;EAAA,IAA1EC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBAClGT,cAAK,CAACU,aAAa,CACjBC,oBAAS,kCAEJF,MAAM;IACTP,GAAG,EAAHA,GAAG;IACHU,IAAI,EAAEH,MAAM,CAACG,IAAI,IAAI,MAAM;IAC3BL,GAAG,EAAHA,GAAG;IACHM,SAAS,EAAE,IAAAC,eAAM,EACfC,KAAK,CAACC,IAAI,EACVZ,GAAG,IAAIW,KAAK,CAACX,GAAG,EAChBE,GAAG,IAAI,CAACD,QAAQ,IAAIU,KAAK,CAACT,GAAG,EAC7BD,QAAQ,IAAIU,KAAK,CAACV,QAAQ,EAC1BG,IAAI,IAAIO,KAAK,CAACP,IAAI,EAClBC,MAAM,CAACI,SAAS;EACjB,IAEHV,QAAQ,CACT;AAAA,EACF;AAAC;AAEFJ,IAAI,CAACkB,WAAW,GAAG,gBAAgB;AAEnClB,IAAI,CAACmB,SAAS,GAAG;EACff,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,GAAG,EAAEe,kBAAS,CAACE,IAAI;EACnBhB,QAAQ,EAAEc,kBAAS,CAACE,IAAI;EACxBf,GAAG,EAAEa,kBAAS,CAACE,IAAI;EACnBd,GAAG,EAAEY,kBAAS,CAACG,MAAM;EACrBd,IAAI,EAAEW,kBAAS,CAACE;AAClB,CAAC"}

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

@@ -2,7 +2,7 @@
 
 exports[`primitive:<View> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view mirai"
   />
 </DocumentFragment>
@@ -10,19 +10,19 @@ exports[`primitive:<View> inherit:className 1`] = `
 
 exports[`primitive:<View> prop:children 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
   >
     <span>
       mirai
     </span>
-  </div>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`primitive:<View> prop:fit 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view fit"
   />
 </DocumentFragment>
@@ -30,7 +30,7 @@ exports[`primitive:<View> prop:fit 1`] = `
 
 exports[`primitive:<View> prop:forceRow 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view forceRow"
   />
 </DocumentFragment>
@@ -38,7 +38,7 @@ exports[`primitive:<View> prop:forceRow 1`] = `
 
 exports[`primitive:<View> prop:row 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row"
   />
 </DocumentFragment>
@@ -46,7 +46,7 @@ exports[`primitive:<View> prop:row 1`] = `
 
 exports[`primitive:<View> prop:tag 1`] = `
 <DocumentFragment>
-  <section
+  <ui_tag
     class="view"
   />
 </DocumentFragment>
@@ -54,7 +54,7 @@ exports[`primitive:<View> prop:tag 1`] = `
 
 exports[`primitive:<View> prop:wide 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view wide"
   />
 </DocumentFragment>
@@ -62,7 +62,7 @@ exports[`primitive:<View> prop:wide 1`] = `
 
 exports[`primitive:<View> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
   />
 </DocumentFragment>
@@ -70,7 +70,7 @@ exports[`primitive:<View> renders 1`] = `
 
 exports[`primitive:<View> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
     data-testid="mirai"
   />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.221",
+  "version": "1.1.0-beta",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",
@@ -62,5 +62,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "parcel": {
+    "extends": "@parcel/config-default",
+    "localIdentName": "[local]"
   }
 }