@mirai/ui 1.1.16 → 2.0.2

package/build/components/Tooltip/Tooltip.js

@@ -12,7 +12,7 @@ var _primitives = require("../../primitives");
 var _helpers2 = require("./helpers");
 var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
 var _excluded = ["children", "left", "pressable", "right", "Template", "text", "timestamp", "top", "visible"],
-  _excluded2 = ["fixed", "role", "testId"];
+  _excluded2 = ["fixed", "testId"];
 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 }; }
@@ -54,8 +54,6 @@ var Tooltip = function Tooltip(_ref) {
   var contentRef = (0, _react.useRef)();
   var ref = (0, _react.useRef)();
   var fixed = inherit.fixed,
-    _inherit$role = inherit.role,
-    role = _inherit$role === void 0 ? 'tooltip' : _inherit$role,
     testId = inherit.testId,
     others = _objectWithoutProperties(inherit, _excluded2);
   var left = position.left,
@@ -79,7 +77,6 @@ var Tooltip = function Tooltip(_ref) {
   }, [visible]);
   return text || Template ? /*#__PURE__*/_react.default.createElement(_primitives.Layer, {
     fixed: fixed,
-    role: role,
     testId: testId,
     timestamp: timestamp,
     top: top,
@@ -88,6 +85,8 @@ var Tooltip = function Tooltip(_ref) {
     forceRender: false,
     left: propLeft,
     right: propRight,
+    role: others.role || 'tooltip',
+    tag: others.tag || 'tooltip',
     onPosition: setPosition
   }, /*#__PURE__*/_react.default.createElement(pressable ? _primitives.View : _react.default.Fragment, _objectSpread({}, pressable ? {
     ref: ref

package/build/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","contentRef","useRef","ref","fixed","role","testId","others","useEffect","handleClickOutside","target","current","contains","document","addEventListener","removeEventListener","React","createElement","View","Fragment","undefined","Children","map","child","index","cloneElement","key","props","onClick","event","stopPropagation","isPressableInstance","styles","style","dispatcher","className","tooltip","align","bottom","displayName","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n  children,\n  left: propLeft,\n  pressable = false,\n  right: propRight,\n  Template,\n  text,\n  timestamp,\n  top: propTop,\n  visible: propVisible = false,\n  ...inherit\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n  const contentRef = useRef();\n  const ref = useRef();\n\n  const { fixed, role = 'tooltip', testId, ...others } = inherit;\n  const { left, right, top = propTop } = position;\n\n  useEffect(() => {\n    if (!pressable || !visible) return;\n\n    const handleClickOutside = ({ target } = {}) =>\n      !contentRef.current?.contains(target) && !ref.current?.contains(target) && setVisible(false);\n\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  return text || Template ? (\n    <Layer\n      {...{ fixed, role, testId, timestamp, top, visible }}\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      onPosition={setPosition}\n    >\n      {React.createElement(\n        pressable ? View : React.Fragment,\n        { ...(pressable ? { ref } : undefined) },\n        React.Children.map(children, (child, index) => {\n          return React.cloneElement(child, {\n            key: index,\n            ...child.props,\n            onClick: pressable\n              ? (event) => {\n                  event.stopPropagation();\n                  setVisible(!visible);\n                }\n              : undefined,\n            [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n            [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: !pressable ? () => setVisible(false) : undefined,\n            className: styles(style.dispatcher, child.props.className),\n            testId: testId ? `${testId}-dispatcher` : undefined,\n          });\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...others}\n          {...(pressable ? { ref: contentRef } : undefined)}\n          className={styles(\n            style.tooltip,\n            (propLeft || propRight) && style.align,\n            left && style.left,\n            right && style.right,\n            top ? style.top : style.bottom,\n            others.className,\n          )}\n        >\n          {Template ? (\n            <Template />\n          ) : (\n            <Text bold small className={style.text}>\n              {text}\n            </Text>\n          )}\n        </View>\n      </LayerContent>\n    </Layer>\n  ) : (\n    <>{children}</>\n  );\n};\n\nTooltip.displayName = 'Component:Tooltip';\n\nTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  left: PropTypes.bool,\n  pressable: PropTypes.bool,\n  right: PropTypes.bool,\n  Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","contentRef","useRef","ref","fixed","testId","others","useEffect","handleClickOutside","target","current","contains","document","addEventListener","removeEventListener","role","tag","React","createElement","View","Fragment","undefined","Children","map","child","index","cloneElement","key","props","onClick","event","stopPropagation","isPressableInstance","styles","style","dispatcher","className","tooltip","align","bottom","displayName","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n  children,\n  left: propLeft,\n  pressable = false,\n  right: propRight,\n  Template,\n  text,\n  timestamp,\n  top: propTop,\n  visible: propVisible = false,\n  ...inherit\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n  const contentRef = useRef();\n  const ref = useRef();\n\n  const { fixed, testId, ...others } = inherit;\n  const { left, right, top = propTop } = position;\n\n  useEffect(() => {\n    if (!pressable || !visible) return;\n\n    const handleClickOutside = ({ target } = {}) =>\n      !contentRef.current?.contains(target) && !ref.current?.contains(target) && setVisible(false);\n\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  return text || Template ? (\n    <Layer\n      {...{ fixed, testId, timestamp, top, visible }}\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      role={others.role || 'tooltip'}\n      tag={others.tag || 'tooltip'}\n      onPosition={setPosition}\n    >\n      {React.createElement(\n        pressable ? View : React.Fragment,\n        { ...(pressable ? { ref } : undefined) },\n        React.Children.map(children, (child, index) => {\n          return React.cloneElement(child, {\n            key: index,\n            ...child.props,\n            onClick: pressable\n              ? (event) => {\n                  event.stopPropagation();\n                  setVisible(!visible);\n                }\n              : undefined,\n            [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n            [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: !pressable ? () => setVisible(false) : undefined,\n            className: styles(style.dispatcher, child.props.className),\n            testId: testId ? `${testId}-dispatcher` : undefined,\n          });\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...others}\n          {...(pressable ? { ref: contentRef } : undefined)}\n          className={styles(\n            style.tooltip,\n            (propLeft || propRight) && style.align,\n            left && style.left,\n            right && style.right,\n            top ? style.top : style.bottom,\n            others.className,\n          )}\n        >\n          {Template ? (\n            <Template />\n          ) : (\n            <Text bold small className={style.text}>\n              {text}\n            </Text>\n          )}\n        </View>\n      </LayerContent>\n    </Layer>\n  ) : (\n    <>{children}</>\n  );\n};\n\nTooltip.displayName = 'Component:Tooltip';\n\nTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  left: PropTypes.bool,\n  pressable: PropTypes.bool,\n  right: PropTypes.bool,\n  Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}

package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap

@@ -2,73 +2,77 @@
 
 exports[` 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
     data-testid="onEnter"
   >
     <button
       class="pressable button dispatcher"
       data-testid="onEnter-dispatcher"
+      tabindex="0"
     >
       Action
     </button>
-  </span>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
 exports[` 2`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
     data-testid="onEnter"
   >
     <button
       class="pressable button dispatcher"
       data-testid="onEnter-dispatcher"
+      tabindex="0"
     >
       Action
     </button>
-  </span>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
 exports[` 3`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
     data-testid="onPress"
   >
-    <div
+    <ui_view
       class="view"
     >
       <button
         class="pressable button dispatcher"
         data-testid="onPress-dispatcher"
+        tabindex="0"
       >
         Action
       </button>
-    </div>
-  </span>
+    </ui_view>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
 exports[` 4`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
     data-testid="onPress"
   >
-    <div
+    <ui_view
       class="view"
     >
       <button
         class="pressable button dispatcher"
         data-testid="onPress-dispatcher"
+        tabindex="0"
       >
         Action
       </button>
-    </div>
-  </span>
+    </ui_view>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
@@ -76,6 +80,7 @@ exports[`component:<Tooltip> inherit:className 1`] = `
 <DocumentFragment>
   <button
     class="pressable button"
+    tabindex="0"
   >
     Action
   </button>
@@ -84,55 +89,57 @@ exports[`component:<Tooltip> inherit:className 1`] = `
 
 exports[`component:<Tooltip> prop:Template 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
     <button
       class="pressable button dispatcher"
+      tabindex="0"
     >
       Action
     </button>
-  </span>
-  <div
+  </ui_tooltip>
+  <ui_tooltip_content
     class="layer"
     style="left: 0px; top: 0px;"
   >
-    <div
+    <ui_view
       class="view tooltip left bottom"
     >
       <strong>
         mirai
       </strong>
-    </div>
-  </div>
+    </ui_view>
+  </ui_tooltip_content>
 </DocumentFragment>
 `;
 
 exports[`component:<Tooltip> prop:text 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
     <button
       class="pressable button dispatcher"
+      tabindex="0"
     >
       Action
     </button>
-  </span>
-  <div
+  </ui_tooltip>
+  <ui_tooltip_content
     class="layer"
     style="left: 0px; top: 0px;"
   >
-    <div
+    <ui_view
       class="view tooltip left bottom"
     >
-      <span
+      <ui_text
         class="text bold small text"
       >
         mirai
-      </span>
-    </div>
-  </div>
+      </ui_text>
+    </ui_view>
+  </ui_tooltip_content>
 </DocumentFragment>
 `;
 
@@ -140,6 +147,7 @@ exports[`component:<Tooltip> prop:top 1`] = `
 <DocumentFragment>
   <button
     class="pressable button"
+    tabindex="0"
   >
     Action
   </button>
@@ -150,6 +158,7 @@ exports[`component:<Tooltip> renders 1`] = `
 <DocumentFragment>
   <button
     class="pressable button"
+    tabindex="0"
   >
     Action
   </button>
@@ -158,16 +167,17 @@ exports[`component:<Tooltip> renders 1`] = `
 
 exports[`component:<Tooltip> testId 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
     data-testid="mirai"
   >
     <button
       class="pressable button dispatcher"
       data-testid="mirai-dispatcher"
+      tabindex="0"
     >
       Action
     </button>
-  </span>
+  </ui_tooltip>
 </DocumentFragment>
 `;

package/build/primitives/Checkbox/Checkbox.js

@@ -32,6 +32,7 @@ var Checkbox = function Checkbox(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
     role: others.role || 'checkbox',
+    tag: others.tag || 'checkbox',
     className: (0, _helpers.styles)(_CheckboxModule.default.checkbox, others.className),
     style: others.style
   }, /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {

package/build/primitives/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","error","name","value","onChange","others","handleChange","event","target","role","styles","style","checkbox","className","testId","input","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, error, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    const {\n      target: { checked },\n    } = event;\n    onChange(checked, event);\n  };\n\n  return (\n    <Primitive\n      role={others.role || 'checkbox'}\n      className={styles(style.checkbox, others.className)}\n      style={others.style}\n    >\n      <Primitive\n        checked={checked}\n        disabled={disabled}\n        name={name}\n        tag=\"input\"\n        type=\"checkbox\"\n        value={value}\n        onChange={handleChange}\n        testId={others.testId}\n        className={styles(checked && style.checked, error && !checked && !disabled && style.error, style.input)}\n      />\n      {children}\n    </Primitive>\n  );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAyG;EAAA,wBAAnGC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC9G,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIP,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfS,KAAK,CADPC,MAAM,CAAIV,OAAO;IAEnBM,QAAQ,CAACN,OAAO,EAAES,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE,6BAAC,oBAAS;IACR,IAAI,EAAEF,MAAM,CAACI,IAAI,IAAI,UAAW;IAChC,SAAS,EAAE,IAAAC,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEP,MAAM,CAACQ,SAAS,CAAE;IACpD,KAAK,EAAER,MAAM,CAACM;EAAM,gBAEpB,6BAAC,oBAAS;IACR,OAAO,EAAEb,OAAQ;IACjB,QAAQ,EAAEE,QAAS;IACnB,IAAI,EAAEE,IAAK;IACX,GAAG,EAAC,OAAO;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,MAAM,EAAED,MAAM,CAACS,MAAO;IACtB,SAAS,EAAE,IAAAJ,eAAM,EAACZ,OAAO,IAAIa,uBAAK,CAACb,OAAO,EAAEG,KAAK,IAAI,CAACH,OAAO,IAAI,CAACE,QAAQ,IAAIW,uBAAK,CAACV,KAAK,EAAEU,uBAAK,CAACI,KAAK;EAAE,EACxG,EACDhB,QAAQ,CACC;AAEhB,CAAC;AAAC;AAEFF,QAAQ,CAACmB,WAAW,GAAG,oBAAoB;AAE3CnB,QAAQ,CAACoB,SAAS,GAAG;EACnBnB,OAAO,EAAEoB,kBAAS,CAACC,IAAI;EACvBpB,QAAQ,EAAEmB,kBAAS,CAACE,IAAI;EACxBpB,QAAQ,EAAEkB,kBAAS,CAACC,IAAI;EACxBlB,KAAK,EAAEiB,kBAAS,CAACC,IAAI;EACrBjB,IAAI,EAAEgB,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjCnB,KAAK,EAAEe,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Df,QAAQ,EAAEc,kBAAS,CAACM;AACtB,CAAC"}
+{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","error","name","value","onChange","others","handleChange","event","target","role","tag","styles","style","checkbox","className","testId","input","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, error, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    const {\n      target: { checked },\n    } = event;\n    onChange(checked, event);\n  };\n\n  return (\n    <Primitive\n      role={others.role || 'checkbox'}\n      tag={others.tag || 'checkbox'}\n      className={styles(style.checkbox, others.className)}\n      style={others.style}\n    >\n      <Primitive\n        checked={checked}\n        disabled={disabled}\n        name={name}\n        tag=\"input\"\n        type=\"checkbox\"\n        value={value}\n        onChange={handleChange}\n        testId={others.testId}\n        className={styles(checked && style.checked, error && !checked && !disabled && style.error, style.input)}\n      />\n      {children}\n    </Primitive>\n  );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAyG;EAAA,wBAAnGC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC9G,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIP,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfS,KAAK,CADPC,MAAM,CAAIV,OAAO;IAEnBM,QAAQ,CAACN,OAAO,EAAES,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE,6BAAC,oBAAS;IACR,IAAI,EAAEF,MAAM,CAACI,IAAI,IAAI,UAAW;IAChC,GAAG,EAAEJ,MAAM,CAACK,GAAG,IAAI,UAAW;IAC9B,SAAS,EAAE,IAAAC,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAER,MAAM,CAACS,SAAS,CAAE;IACpD,KAAK,EAAET,MAAM,CAACO;EAAM,gBAEpB,6BAAC,oBAAS;IACR,OAAO,EAAEd,OAAQ;IACjB,QAAQ,EAAEE,QAAS;IACnB,IAAI,EAAEE,IAAK;IACX,GAAG,EAAC,OAAO;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,MAAM,EAAED,MAAM,CAACU,MAAO;IACtB,SAAS,EAAE,IAAAJ,eAAM,EAACb,OAAO,IAAIc,uBAAK,CAACd,OAAO,EAAEG,KAAK,IAAI,CAACH,OAAO,IAAI,CAACE,QAAQ,IAAIY,uBAAK,CAACX,KAAK,EAAEW,uBAAK,CAACI,KAAK;EAAE,EACxG,EACDjB,QAAQ,CACC;AAEhB,CAAC;AAAC;AAEFF,QAAQ,CAACoB,WAAW,GAAG,oBAAoB;AAE3CpB,QAAQ,CAACqB,SAAS,GAAG;EACnBpB,OAAO,EAAEqB,kBAAS,CAACC,IAAI;EACvBrB,QAAQ,EAAEoB,kBAAS,CAACE,IAAI;EACxBrB,QAAQ,EAAEmB,kBAAS,CAACC,IAAI;EACxBnB,KAAK,EAAEkB,kBAAS,CAACC,IAAI;EACrBlB,IAAI,EAAEiB,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjCpB,KAAK,EAAEgB,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DhB,QAAQ,EAAEe,kBAAS,CAACM;AACtB,CAAC"}

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

@@ -2,7 +2,7 @@
 
 exports[`primitive:<Checkbox> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox mirai"
   >
     <input
@@ -11,13 +11,13 @@ exports[`primitive:<Checkbox> inherit:className 1`] = `
       type="checkbox"
       value=""
     />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> prop:checked && disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -28,13 +28,13 @@ exports[`primitive:<Checkbox> prop:checked && disabled 1`] = `
       type="checkbox"
       value=""
     />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> prop:checked 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -44,13 +44,13 @@ exports[`primitive:<Checkbox> prop:checked 1`] = `
       type="checkbox"
       value=""
     />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> prop:children 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -60,13 +60,13 @@ exports[`primitive:<Checkbox> prop:children 1`] = `
       value=""
     />
     <div />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> prop:disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -76,13 +76,13 @@ exports[`primitive:<Checkbox> prop:disabled 1`] = `
       type="checkbox"
       value=""
     />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> prop:error && disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -92,13 +92,13 @@ exports[`primitive:<Checkbox> prop:error && disabled 1`] = `
       type="checkbox"
       value=""
     />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> prop:error 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -107,13 +107,13 @@ exports[`primitive:<Checkbox> prop:error 1`] = `
       type="checkbox"
       value=""
     />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> prop:value 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -122,13 +122,13 @@ exports[`primitive:<Checkbox> prop:value 1`] = `
       type="checkbox"
       value="value"
     />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> render 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -137,13 +137,28 @@ exports[`primitive:<Checkbox> render 1`] = `
       type="checkbox"
       value=""
     />
-  </div>
+  </ui_checkbox>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Checkbox> tag 1`] = `
+<DocumentFragment>
+  <ui_tag
+    class="checkbox"
+  >
+    <input
+      class="input"
+      name="name"
+      type="checkbox"
+      value=""
+    />
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Checkbox> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_checkbox
     class="checkbox"
   >
     <input
@@ -153,6 +168,6 @@ exports[`primitive:<Checkbox> testId 1`] = `
       type="checkbox"
       value=""
     />
-  </div>
+  </ui_checkbox>
 </DocumentFragment>
 `;

package/build/primitives/Icon/Icon.js

@@ -40,7 +40,7 @@ var Icon = function Icon(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
     role: others.role || 'icon',
-    tag: 'span',
+    tag: others.tag || 'icon',
     className: (0, _helpers.styles)(_IconModule.default.icon, (0, _helpers2.color)({
       accent: accent,
       accentDark: accentDark,

package/build/primitives/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["Icon","accent","accentLight","accentDark","action","dark","error","headline","info","level","light","paragraph","small","success","value","warning","others","React","createElement","Primitive","role","tag","className","styles","style","icon","color","undefined","displayName","propTypes","PropTypes","bool","number","func","isRequired"],"sources":["../../../src/primitives/Icon/Icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { color } from '../Text/helpers';\nimport style from './Icon.module.css';\n\nconst Icon = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  paragraph,\n  small,\n  success,\n  value,\n  warning,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'icon',\n      tag: 'span',\n\n      className: styles(\n        style.icon,\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          : paragraph\n          ? style.paragraph\n          : style[`headline-${level}`],\n        others.className,\n      ),\n    },\n    value ? React.createElement(value) : undefined,\n  );\n\nIcon.displayName = 'Primitive:Icon';\n\nIcon.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\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  paragraph: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.func.isRequired,\n  warning: PropTypes.bool,\n};\n\nexport { Icon };\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,WAAW,QAAXA,WAAW;IACXC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IAAA,kBACJC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BC,GAAG,EAAE,MAAM;IAEXC,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACV,IAAAC,eAAK,EAAC;MAAEzB,MAAM,EAANA,MAAM;MAAEE,UAAU,EAAVA,UAAU;MAAED,WAAW,EAAXA,WAAW;MAAEG,IAAI,EAAJA,IAAI;MAAEC,KAAK,EAALA,KAAK;MAAEE,IAAI,EAAJA,IAAI;MAAEE,KAAK,EAALA,KAAK;MAAEG,OAAO,EAAPA,OAAO;MAAEE,OAAO,EAAPA;IAAQ,CAAC,CAAC,EACtFR,QAAQ,GACJiB,mBAAK,oBAAaf,KAAK,EAAG,GAC1BL,MAAM,GACNoB,mBAAK,CAACpB,MAAM,GACZQ,KAAK,GACLY,mBAAK,CAACZ,KAAK,GACXD,SAAS,GACTa,mBAAK,CAACb,SAAS,GACfa,mBAAK,oBAAaf,KAAK,EAAG,EAC9BO,MAAM,CAACM,SAAS;EACjB,IAEHR,KAAK,gBAAGG,cAAK,CAACC,aAAa,CAACJ,KAAK,CAAC,GAAGa,SAAS,CAC/C;AAAA;AAAC;AAEJ3B,IAAI,CAAC4B,WAAW,GAAG,gBAAgB;AAEnC5B,IAAI,CAAC6B,SAAS,GAAG;EACf5B,MAAM,EAAE6B,kBAAS,CAACC,IAAI;EACtB7B,WAAW,EAAE4B,kBAAS,CAACC,IAAI;EAC3B5B,UAAU,EAAE2B,kBAAS,CAACC,IAAI;EAC1B3B,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,IAAI,EAAEyB,kBAAS,CAACC,IAAI;EACpBzB,KAAK,EAAEwB,kBAAS,CAACC,IAAI;EACrBxB,QAAQ,EAAEuB,kBAAS,CAACC,IAAI;EACxBvB,IAAI,EAAEsB,kBAAS,CAACC,IAAI;EACpBtB,KAAK,EAAEqB,kBAAS,CAACE,MAAM;EACvBtB,KAAK,EAAEoB,kBAAS,CAACC,IAAI;EACrBpB,SAAS,EAAEmB,kBAAS,CAACC,IAAI;EACzBnB,KAAK,EAAEkB,kBAAS,CAACC,IAAI;EACrBlB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,KAAK,EAAEgB,kBAAS,CAACG,IAAI,CAACC,UAAU;EAChCnB,OAAO,EAAEe,kBAAS,CAACC;AACrB,CAAC"}
+{"version":3,"file":"Icon.js","names":["Icon","accent","accentLight","accentDark","action","dark","error","headline","info","level","light","paragraph","small","success","value","warning","others","React","createElement","Primitive","role","tag","className","styles","style","icon","color","undefined","displayName","propTypes","PropTypes","bool","number","func","isRequired"],"sources":["../../../src/primitives/Icon/Icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { color } from '../Text/helpers';\nimport style from './Icon.module.css';\n\nconst Icon = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  paragraph,\n  small,\n  success,\n  value,\n  warning,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'icon',\n      tag: others.tag || 'icon',\n      className: styles(\n        style.icon,\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          : paragraph\n          ? style.paragraph\n          : style[`headline-${level}`],\n        others.className,\n      ),\n    },\n    value ? React.createElement(value) : undefined,\n  );\n\nIcon.displayName = 'Primitive:Icon';\n\nIcon.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\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  paragraph: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.func.isRequired,\n  warning: PropTypes.bool,\n};\n\nexport { Icon };\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,WAAW,QAAXA,WAAW;IACXC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IAAA,kBACJC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BC,GAAG,EAAEL,MAAM,CAACK,GAAG,IAAI,MAAM;IACzBC,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACV,IAAAC,eAAK,EAAC;MAAEzB,MAAM,EAANA,MAAM;MAAEE,UAAU,EAAVA,UAAU;MAAED,WAAW,EAAXA,WAAW;MAAEG,IAAI,EAAJA,IAAI;MAAEC,KAAK,EAALA,KAAK;MAAEE,IAAI,EAAJA,IAAI;MAAEE,KAAK,EAALA,KAAK;MAAEG,OAAO,EAAPA,OAAO;MAAEE,OAAO,EAAPA;IAAQ,CAAC,CAAC,EACtFR,QAAQ,GACJiB,mBAAK,oBAAaf,KAAK,EAAG,GAC1BL,MAAM,GACNoB,mBAAK,CAACpB,MAAM,GACZQ,KAAK,GACLY,mBAAK,CAACZ,KAAK,GACXD,SAAS,GACTa,mBAAK,CAACb,SAAS,GACfa,mBAAK,oBAAaf,KAAK,EAAG,EAC9BO,MAAM,CAACM,SAAS;EACjB,IAEHR,KAAK,gBAAGG,cAAK,CAACC,aAAa,CAACJ,KAAK,CAAC,GAAGa,SAAS,CAC/C;AAAA;AAAC;AAEJ3B,IAAI,CAAC4B,WAAW,GAAG,gBAAgB;AAEnC5B,IAAI,CAAC6B,SAAS,GAAG;EACf5B,MAAM,EAAE6B,kBAAS,CAACC,IAAI;EACtB7B,WAAW,EAAE4B,kBAAS,CAACC,IAAI;EAC3B5B,UAAU,EAAE2B,kBAAS,CAACC,IAAI;EAC1B3B,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,IAAI,EAAEyB,kBAAS,CAACC,IAAI;EACpBzB,KAAK,EAAEwB,kBAAS,CAACC,IAAI;EACrBxB,QAAQ,EAAEuB,kBAAS,CAACC,IAAI;EACxBvB,IAAI,EAAEsB,kBAAS,CAACC,IAAI;EACpBtB,KAAK,EAAEqB,kBAAS,CAACE,MAAM;EACvBtB,KAAK,EAAEoB,kBAAS,CAACC,IAAI;EACrBpB,SAAS,EAAEmB,kBAAS,CAACC,IAAI;EACzBnB,KAAK,EAAEkB,kBAAS,CAACC,IAAI;EACrBlB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,KAAK,EAAEgB,kBAAS,CAACG,IAAI,CAACC,UAAU;EAChCnB,OAAO,EAAEe,kBAAS,CAACC;AACrB,CAAC"}