@mirai/ui 2.0.6 → 2.0.8

package/build/components/Tooltip/Tooltip.js

@@ -85,8 +85,7 @@ var Tooltip = function Tooltip(_ref) {
     forceRender: false,
     left: propLeft,
     right: propRight,
-    role: others.role || 'tooltip',
-    tag: others.tag || 'tooltip',
+    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","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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"}
+{"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","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      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,182 +2,182 @@
 
 exports[` 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
     data-testid="onEnter"
   >
-    <button
+    <ui-button
       class="pressable button dispatcher"
       data-testid="onEnter-dispatcher"
       tabindex="0"
     >
       Action
-    </button>
-  </ui_tooltip>
+    </ui-button>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[` 2`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
     data-testid="onEnter"
   >
-    <button
+    <ui-button
       class="pressable button dispatcher"
       data-testid="onEnter-dispatcher"
       tabindex="0"
     >
       Action
-    </button>
-  </ui_tooltip>
+    </ui-button>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[` 3`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
     data-testid="onPress"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <button
+      <ui-button
         class="pressable button dispatcher"
         data-testid="onPress-dispatcher"
         tabindex="0"
       >
         Action
-      </button>
-    </ui_view>
-  </ui_tooltip>
+      </ui-button>
+    </ui-view>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[` 4`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
     data-testid="onPress"
   >
-    <ui_view
+    <ui-view
       class="view"
     >
-      <button
+      <ui-button
         class="pressable button dispatcher"
         data-testid="onPress-dispatcher"
         tabindex="0"
       >
         Action
-      </button>
-    </ui_view>
-  </ui_tooltip>
+      </ui-button>
+    </ui-view>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<Tooltip> inherit:className 1`] = `
 <DocumentFragment>
-  <button
+  <ui-button
     class="pressable button"
     tabindex="0"
   >
     Action
-  </button>
+  </ui-button>
 </DocumentFragment>
 `;
 
 exports[`component:<Tooltip> prop:Template 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
   >
-    <button
+    <ui-button
       class="pressable button dispatcher"
       tabindex="0"
     >
       Action
-    </button>
-  </ui_tooltip>
-  <ui_tooltip_content
+    </ui-button>
+  </ui-tooltip>
+  <ui-tooltip-content
     class="layer"
     style="left: 0px; top: 0px;"
   >
-    <ui_view
+    <ui-view
       class="view tooltip left bottom"
     >
       <strong>
         mirai
       </strong>
-    </ui_view>
-  </ui_tooltip_content>
+    </ui-view>
+  </ui-tooltip-content>
 </DocumentFragment>
 `;
 
 exports[`component:<Tooltip> prop:text 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
   >
-    <button
+    <ui-button
       class="pressable button dispatcher"
       tabindex="0"
     >
       Action
-    </button>
-  </ui_tooltip>
-  <ui_tooltip_content
+    </ui-button>
+  </ui-tooltip>
+  <ui-tooltip-content
     class="layer"
     style="left: 0px; top: 0px;"
   >
-    <ui_view
+    <ui-view
       class="view tooltip left bottom"
     >
-      <ui_text
+      <ui-text
         class="text bold small text"
       >
         mirai
-      </ui_text>
-    </ui_view>
-  </ui_tooltip_content>
+      </ui-text>
+    </ui-view>
+  </ui-tooltip-content>
 </DocumentFragment>
 `;
 
 exports[`component:<Tooltip> prop:top 1`] = `
 <DocumentFragment>
-  <button
+  <ui-button
     class="pressable button"
     tabindex="0"
   >
     Action
-  </button>
+  </ui-button>
 </DocumentFragment>
 `;
 
 exports[`component:<Tooltip> renders 1`] = `
 <DocumentFragment>
-  <button
+  <ui-button
     class="pressable button"
     tabindex="0"
   >
     Action
-  </button>
+  </ui-button>
 </DocumentFragment>
 `;
 
 exports[`component:<Tooltip> testId 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
     data-testid="mirai"
   >
-    <button
+    <ui-button
       class="pressable button dispatcher"
       data-testid="mirai-dispatcher"
       tabindex="0"
     >
       Action
-    </button>
-  </ui_tooltip>
+    </ui-button>
+  </ui-tooltip>
 </DocumentFragment>
 `;

package/build/components/components.customElements.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _helpers = require("../helpers");
+(0, _helpers.CustomElement)('ui-button', HTMLButtonElement, 'button');
+(0, _helpers.CustomElement)('ui-label', HTMLLabelElement, 'label');
+//# sourceMappingURL=components.customElements.js.map

package/build/components/components.customElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.customElements.js","names":["CustomElement","HTMLButtonElement","HTMLLabelElement"],"sources":["../../src/components/components.customElements.js"],"sourcesContent":["import { CustomElement } from '../helpers';\n\nCustomElement('ui-button', HTMLButtonElement, 'button');\nCustomElement('ui-label', HTMLLabelElement, 'label');\n"],"mappings":";;AAAA;AAEA,IAAAA,sBAAa,EAAC,WAAW,EAAEC,iBAAiB,EAAE,QAAQ,CAAC;AACvD,IAAAD,sBAAa,EAAC,UAAU,EAAEE,gBAAgB,EAAE,OAAO,CAAC"}

package/build/components/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+require("./components.customElements");
 var _Action = require("./Action");
 Object.keys(_Action).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/build/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.js"],"sourcesContent":["export * from './Action';\nexport * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputDate';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputPhone';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Notification';\nexport * from './Progress';\nexport * from './Slider';\nexport * from './Table';\nexport * from './Tooltip';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.js"],"sourcesContent":["import './components.customElements';\n\nexport * from './Action';\nexport * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputDate';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputPhone';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Notification';\nexport * from './Progress';\nexport * from './Slider';\nexport * from './Table';\nexport * from './Tooltip';\n"],"mappings":";;;;;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/helpers/CustomElement.js

@@ -0,0 +1,39 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomElement = void 0;
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var userAgent = navigator.userAgent.toLowerCase();
+var isSafari = userAgent.includes('safari') && !userAgent.includes('chrome') && !userAgent.includes('android');
+var CustomElement = function CustomElement(component) {
+  var TagElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : HTMLElement;
+  var tag = arguments.length > 2 ? arguments[2] : undefined;
+  var ClassElement = isSafari ? HTMLElement : TagElement;
+  return customElements.define(component, /*#__PURE__*/function (_ClassElement) {
+    _inherits(_class, _ClassElement);
+    var _super = _createSuper(_class);
+    function _class() {
+      _classCallCheck(this, _class);
+      return _super.apply(this, arguments);
+    }
+    return _createClass(_class);
+  }(ClassElement), {
+    extends: tag
+  });
+};
+exports.CustomElement = CustomElement;
+//# sourceMappingURL=CustomElement.js.map

package/build/helpers/CustomElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomElement.js","names":["userAgent","navigator","toLowerCase","isSafari","includes","CustomElement","component","TagElement","HTMLElement","tag","ClassElement","customElements","define","extends"],"sources":["../../src/helpers/CustomElement.js"],"sourcesContent":["const userAgent = navigator.userAgent.toLowerCase();\nconst isSafari = userAgent.includes('safari') && !userAgent.includes('chrome') && !userAgent.includes('android');\n\nexport const CustomElement = (component, TagElement = HTMLElement, tag) => {\n  const ClassElement = isSafari ? HTMLElement : TagElement;\n\n  return customElements.define(component, class extends ClassElement {}, { extends: tag });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAMA,SAAS,GAAGC,SAAS,CAACD,SAAS,CAACE,WAAW,EAAE;AACnD,IAAMC,QAAQ,GAAGH,SAAS,CAACI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAACJ,SAAS,CAACI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAACJ,SAAS,CAACI,QAAQ,CAAC,SAAS,CAAC;AAEzG,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAIC,SAAS,EAAoC;EAAA,IAAlCC,UAAU,uEAAGC,WAAW;EAAA,IAAEC,GAAG;EACpE,IAAMC,YAAY,GAAGP,QAAQ,GAAGK,WAAW,GAAGD,UAAU;EAExD,OAAOI,cAAc,CAACC,MAAM,CAACN,SAAS;IAAA;IAAA;IAAA;MAAA;MAAA;IAAA;IAAA;EAAA,EAAgBI,YAAY,GAAK;IAAEG,OAAO,EAAEJ;EAAI,CAAC,CAAC;AAC1F,CAAC;AAAC"}

package/build/helpers/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _CustomElement = require("./CustomElement");
+Object.keys(_CustomElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CustomElement[key];
+    }
+  });
+});
 var _getIconState = require("./getIconState");
 Object.keys(_getIconState).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/build/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export * from './getIconState';\nexport * from './getInputDateErrors';\nexport * from './getInputPhoneErrors';\nexport * from './getInputErrors';\nexport * from './isJest';\nexport * from './styles';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export * from './CustomElement';\nexport * from './getIconState';\nexport * from './getInputDateErrors';\nexport * from './getInputPhoneErrors';\nexport * from './getInputErrors';\nexport * from './isJest';\nexport * from './styles';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/Checkbox/Checkbox.js

@@ -31,8 +31,8 @@ var Checkbox = function Checkbox(_ref) {
     onChange(checked, event);
   };
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
-    role: others.role || 'checkbox',
-    tag: others.tag || 'checkbox',
+    role: others.role,
+    tag: "checkbox",
     className: (0, _helpers.styles)(_CheckboxModule.default.checkbox, others.className),
     style: others.style
   }, /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
@@ -44,7 +44,8 @@ var Checkbox = function Checkbox(_ref) {
     value: value,
     onChange: handleChange,
     testId: others.testId,
-    className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked, error && !checked && !disabled && _CheckboxModule.default.error, _CheckboxModule.default.input)
+    className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked, error && !checked && !disabled && _CheckboxModule.default.error, _CheckboxModule.default.input),
+    "aria-label": others['aria-label']
   }), children);
 };
 exports.Checkbox = Checkbox;

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","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"}
+{"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}\n      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        aria-label={others['aria-label']}\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,IAAK;IAClB,GAAG,EAAC,UAAU;IACd,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,CAAE;IACxG,cAAYV,MAAM,CAAC,YAAY;EAAE,EACjC,EACDN,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"}

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

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

package/build/primitives/Icon/Icon.js

@@ -39,8 +39,7 @@ var Icon = function Icon(_ref) {
     warning = _ref.warning,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
-    role: others.role || 'icon',
-    tag: others.tag || 'icon',
+    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: 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"}
+{"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","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      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,GAAG,EAAE,MAAM;IACXC,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACV,IAAAC,eAAK,EAAC;MAAExB,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,GACJgB,mBAAK,oBAAad,KAAK,EAAG,GAC1BL,MAAM,GACNmB,mBAAK,CAACnB,MAAM,GACZQ,KAAK,GACLW,mBAAK,CAACX,KAAK,GACXD,SAAS,GACTY,mBAAK,CAACZ,SAAS,GACfY,mBAAK,oBAAad,KAAK,EAAG,EAC9BO,MAAM,CAACK,SAAS;EACjB,IAEHP,KAAK,gBAAGG,cAAK,CAACC,aAAa,CAACJ,KAAK,CAAC,GAAGY,SAAS,CAC/C;AAAA;AAAC;AAEJ1B,IAAI,CAAC2B,WAAW,GAAG,gBAAgB;AAEnC3B,IAAI,CAAC4B,SAAS,GAAG;EACf3B,MAAM,EAAE4B,kBAAS,CAACC,IAAI;EACtB5B,WAAW,EAAE2B,kBAAS,CAACC,IAAI;EAC3B3B,UAAU,EAAE0B,kBAAS,CAACC,IAAI;EAC1B1B,MAAM,EAAEyB,kBAAS,CAACC,IAAI;EACtBzB,IAAI,EAAEwB,kBAAS,CAACC,IAAI;EACpBxB,KAAK,EAAEuB,kBAAS,CAACC,IAAI;EACrBvB,QAAQ,EAAEsB,kBAAS,CAACC,IAAI;EACxBtB,IAAI,EAAEqB,kBAAS,CAACC,IAAI;EACpBrB,KAAK,EAAEoB,kBAAS,CAACE,MAAM;EACvBrB,KAAK,EAAEmB,kBAAS,CAACC,IAAI;EACrBnB,SAAS,EAAEkB,kBAAS,CAACC,IAAI;EACzBlB,KAAK,EAAEiB,kBAAS,CAACC,IAAI;EACrBjB,OAAO,EAAEgB,kBAAS,CAACC,IAAI;EACvBhB,KAAK,EAAEe,kBAAS,CAACG,IAAI,CAACC,UAAU;EAChClB,OAAO,EAAEc,kBAAS,CAACC;AACrB,CAAC"}