@mirai/ui 1.1.16 → 2.0.2

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

@@ -2,291 +2,291 @@
 
 exports[`primitive:<Text> color prop:accent 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text accent paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:accentDark 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text accentDark paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:accentLight 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text accentLight paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:dark 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text dark paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:error 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text error paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:info 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text info paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:light 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text light paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:success 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text success paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:warning 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text warning paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> inherit:className 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph mirai"
   >
     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:brand 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text brand paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:capitalize 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text capitalize paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:1 1`] = `
 <DocumentFragment>
-  <h1
+  <ui_text
     class="text headline-1"
   >
     Lorem Ipsum
-  </h1>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:2 1`] = `
 <DocumentFragment>
-  <h2
+  <ui_text
     class="text headline-2"
   >
     Lorem Ipsum
-  </h2>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:3 1`] = `
 <DocumentFragment>
-  <h3
+  <ui_text
     class="text headline-3"
   >
     Lorem Ipsum
-  </h3>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:4 1`] = `
 <DocumentFragment>
-  <h4
+  <ui_text
     class="text headline-4"
   >
     Lorem Ipsum
-  </h4>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline 1`] = `
 <DocumentFragment>
-  <h3
+  <ui_text
     class="text headline-3"
   >
     Lorem Ipsum
-  </h3>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:markdown 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text paragraph"
   >
-    <span
+    <ui_text
       style="font-style: italic;"
     >
       Lorem
-    </span>
+    </ui_text>
      
-    <span
+    <ui_text
       style="text-decoration: underline;"
     >
       Ipsum
-    </span>
-  </span>
+    </ui_text>
+  </ui_text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:small 1`] = `
 <DocumentFragment>
-  <span
+  <ui_text
     class="text small"
   >
     Lorem Ipsum
-  </span>
-</DocumentFragment>
-`;
-
-exports[`primitive:<Text> prop:tag 1`] = `
-<DocumentFragment>
-  <p
-    class="text paragraph"
-  >
-    Lorem Ipsum
-  </p>
+  </ui_text>
 </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
+  </ui_text>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Text> tag 1`] = `
+<DocumentFragment>
+  <ui_tag
     class="text paragraph"
   >
     Lorem Ipsum
-  </span>
+  </ui_tag>
 </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/Text/helpers/parseMarkdown.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.parseMarkdown = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _helpers = require("../../Primitive/helpers");
 var _excluded = ["text"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -58,6 +59,7 @@ var STYLE = {
   }
 };
 var parseMarkdown = function parseMarkdown(value) {
+  var tag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'text';
   if (!value || typeof value !== 'string' || value.match(MARKDOWN_REGEXP) === null) return value;
   var tokens = [];
   var lastIndex = 0;
@@ -103,7 +105,7 @@ var parseMarkdown = function parseMarkdown(value) {
   return tokens.map(function (_ref) {
     var text = _ref.text,
       props = _objectWithoutProperties(_ref, _excluded);
-    return Object.keys(props).length ? /*#__PURE__*/_react.default.createElement(props.href ? 'a' : 'span', props, text) : text;
+    return Object.keys(props).length ? /*#__PURE__*/_react.default.createElement(props.href ? 'a' : (0, _helpers.getTag)(tag), props, text) : text;
   });
 };
 exports.parseMarkdown = parseMarkdown;

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

@@ -1 +1 @@
-{"version":3,"file":"parseMarkdown.js","names":["LINK_REGEXP","MARKDOWN_REGEXP","STYLE","BINDING","style","color","fontWeight","BOLD","ITALIC","fontStyle","LINE_THROUGH","textDecoration","LINK","UNDERLINE","parseMarkdown","value","match","tokens","lastIndex","exec","raw","start","text","slice","index","push","title","href","map","props","Object","keys","length","React","createElement"],"sources":["../../../../src/primitives/Text/helpers/parseMarkdown.js"],"sourcesContent":["import React from 'react';\n\nconst LINK_REGEXP = /\\[(.*?)\\]\\((.*?)\\)/;\nconst MARKDOWN_REGEXP = /(\\*\\*|\\*|_|~~|\\[|\\{)(.+?)(?:\\1|\\)|\\})/g;\n\nconst STYLE = {\n  BINDING: { style: { color: 'var(--mirai-ui-accent)', fontWeight: 'bold' } },\n  BOLD: { style: { fontWeight: 'bold' } },\n  ITALIC: { style: { fontStyle: 'italic' } },\n  LINE_THROUGH: { style: { textDecoration: 'line-through' } },\n  LINK: { style: { textDecoration: 'underline', color: 'var(--mirai-ui-accent)' } },\n  UNDERLINE: { style: { textDecoration: 'underline' } },\n};\n\nexport const parseMarkdown = (value) => {\n  if (!value || typeof value !== 'string' || value.match(MARKDOWN_REGEXP) === null) return value;\n\n  const tokens = [];\n  let lastIndex = 0;\n  let match;\n\n  while ((match = MARKDOWN_REGEXP.exec(value)) !== null) {\n    const [raw, start, text] = match;\n\n    if (value.slice(lastIndex, match.index)) tokens.push({ text: value.slice(lastIndex, match.index) });\n\n    if (start === '**') tokens.push({ text, ...STYLE.BOLD });\n    else if (start === '*') tokens.push({ text, ...STYLE.ITALIC });\n    else if (start === '_') tokens.push({ text, ...STYLE.UNDERLINE });\n    else if (start === '~~') tokens.push({ text, ...STYLE.LINE_THROUGH });\n    else if (start === '{') tokens.push({ text: raw, ...STYLE.BINDING });\n    else if (start === '[') {\n      const [, title, href] = raw.match(LINK_REGEXP);\n      tokens.push({ text: title, href, ...STYLE.LINK });\n    } else {\n      tokens.push({ text: raw });\n    }\n\n    lastIndex = MARKDOWN_REGEXP.lastIndex;\n  }\n\n  if (value.slice(lastIndex)) tokens.push({ text: value.slice(lastIndex) });\n\n  return tokens.map(({ text, ...props }) =>\n    Object.keys(props).length ? React.createElement(props.href ? 'a' : 'span', props, text) : text,\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"parseMarkdown.js","names":["LINK_REGEXP","MARKDOWN_REGEXP","STYLE","BINDING","style","color","fontWeight","BOLD","ITALIC","fontStyle","LINE_THROUGH","textDecoration","LINK","UNDERLINE","parseMarkdown","value","tag","match","tokens","lastIndex","exec","raw","start","text","slice","index","push","title","href","map","props","Object","keys","length","React","createElement","getTag"],"sources":["../../../../src/primitives/Text/helpers/parseMarkdown.js"],"sourcesContent":["import React from 'react';\n\nimport { getTag } from '../../Primitive/helpers';\n\nconst LINK_REGEXP = /\\[(.*?)\\]\\((.*?)\\)/;\nconst MARKDOWN_REGEXP = /(\\*\\*|\\*|_|~~|\\[|\\{)(.+?)(?:\\1|\\)|\\})/g;\n\nconst STYLE = {\n  BINDING: { style: { color: 'var(--mirai-ui-accent)', fontWeight: 'bold' } },\n  BOLD: { style: { fontWeight: 'bold' } },\n  ITALIC: { style: { fontStyle: 'italic' } },\n  LINE_THROUGH: { style: { textDecoration: 'line-through' } },\n  LINK: { style: { textDecoration: 'underline', color: 'var(--mirai-ui-accent)' } },\n  UNDERLINE: { style: { textDecoration: 'underline' } },\n};\n\nexport const parseMarkdown = (value, tag = 'text') => {\n  if (!value || typeof value !== 'string' || value.match(MARKDOWN_REGEXP) === null) return value;\n\n  const tokens = [];\n  let lastIndex = 0;\n  let match;\n\n  while ((match = MARKDOWN_REGEXP.exec(value)) !== null) {\n    const [raw, start, text] = match;\n\n    if (value.slice(lastIndex, match.index)) tokens.push({ text: value.slice(lastIndex, match.index) });\n\n    if (start === '**') tokens.push({ text, ...STYLE.BOLD });\n    else if (start === '*') tokens.push({ text, ...STYLE.ITALIC });\n    else if (start === '_') tokens.push({ text, ...STYLE.UNDERLINE });\n    else if (start === '~~') tokens.push({ text, ...STYLE.LINE_THROUGH });\n    else if (start === '{') tokens.push({ text: raw, ...STYLE.BINDING });\n    else if (start === '[') {\n      const [, title, href] = raw.match(LINK_REGEXP);\n      tokens.push({ text: title, href, ...STYLE.LINK });\n    } else {\n      tokens.push({ text: raw });\n    }\n\n    lastIndex = MARKDOWN_REGEXP.lastIndex;\n  }\n\n  if (value.slice(lastIndex)) tokens.push({ text: value.slice(lastIndex) });\n\n  return tokens.map(({ text, ...props }) =>\n    Object.keys(props).length ? React.createElement(props.href ? 'a' : getTag(tag), props, text) : text,\n  );\n};\n"],"mappings":"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"}

package/build/primitives/View/View.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _Primitive = require("../Primitive");
 var _ViewModule = _interopRequireDefault(require("./View.module.css"));
-var _excluded = ["children", "fit", "forceRow", "row", "tag", "wide"];
+var _excluded = ["children", "fit", "forceRow", "row", "wide"];
 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; }
@@ -25,14 +25,12 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     _ref$forceRow = _ref.forceRow,
     forceRow = _ref$forceRow === void 0 ? false : _ref$forceRow,
     row = _ref.row,
-    _ref$tag = _ref.tag,
-    tag = _ref$tag === void 0 ? 'div' : _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,
+    tag: others.tag || 'view',
     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)
   }), children);
 });
@@ -43,7 +41,6 @@ View.propTypes = {
   fit: _propTypes.default.bool,
   forceRow: _propTypes.default.bool,
   row: _propTypes.default.bool,
-  tag: _propTypes.default.string,
   wide: _propTypes.default.bool
 };
 //# sourceMappingURL=View.js.map

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","wide","others","createElement","Primitive","role","tag","className","styles","style","view","displayName","propTypes","PropTypes","node","bool"],"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, wide, ...others }, ref) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      ref,\n      role: others.role || 'view',\n      tag: others.tag || 'view',\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  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,gBAA4DC,GAAG;EAAA,IAA5DC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBACpFR,cAAK,CAACS,aAAa,CACjBC,oBAAS,kCAEJF,MAAM;IACTN,GAAG,EAAHA,GAAG;IACHS,IAAI,EAAEH,MAAM,CAACG,IAAI,IAAI,MAAM;IAC3BC,GAAG,EAAEJ,MAAM,CAACI,GAAG,IAAI,MAAM;IACzBC,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,EAC1BE,IAAI,IAAIQ,mBAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,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,IAAI,EAAEY,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,31 +38,31 @@ exports[`primitive:<View> prop:forceRow 1`] = `
 
 exports[`primitive:<View> prop:row 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row"
   />
 </DocumentFragment>
 `;
 
-exports[`primitive:<View> prop:tag 1`] = `
+exports[`primitive:<View> prop:wide 1`] = `
 <DocumentFragment>
-  <section
-    class="view"
+  <ui_view
+    class="view wide"
   />
 </DocumentFragment>
 `;
 
-exports[`primitive:<View> prop:wide 1`] = `
+exports[`primitive:<View> renders 1`] = `
 <DocumentFragment>
-  <div
-    class="view wide"
+  <ui_view
+    class="view"
   />
 </DocumentFragment>
 `;
 
-exports[`primitive:<View> renders 1`] = `
+exports[`primitive:<View> tag 1`] = `
 <DocumentFragment>
-  <div
+  <ui_tag
     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.1.16",
+  "version": "2.0.2",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",