@mirai/ui 2.0.5 → 2.0.7

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

@@ -2,7 +2,7 @@
 
 exports[`<Primitive> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_primitive
+  <ui-primitive
     class="mirai"
   />
 </DocumentFragment>
@@ -10,36 +10,42 @@ exports[`<Primitive> inherit:className 1`] = `
 
 exports[`<Primitive> prop:children 1`] = `
 <DocumentFragment>
-  <ui_primitive>
+  <ui-primitive>
     <span>
       mirai
     </span>
-  </ui_primitive>
+  </ui-primitive>
 </DocumentFragment>
 `;
 
 exports[`<Primitive> prop:role 1`] = `
 <DocumentFragment>
-  <ui_primitive />
+  <ui-primitive />
 </DocumentFragment>
 `;
 
-exports[`<Primitive> prop:testId 1`] = `
+exports[`<Primitive> prop:tag (native) 1`] = `
 <DocumentFragment>
-  <ui_primitive
-    data-testid="mirai"
-  />
+  <input />
 </DocumentFragment>
 `;
 
-exports[`<Primitive> renders 1`] = `
+exports[`<Primitive> prop:tag 1`] = `
+<DocumentFragment>
+  <ui-section />
+</DocumentFragment>
+`;
+
+exports[`<Primitive> prop:testId 1`] = `
 <DocumentFragment>
-  <ui_primitive />
+  <ui-primitive
+    data-testid="mirai"
+  />
 </DocumentFragment>
 `;
 
-exports[`<Primitive> tag 1`] = `
+exports[`<Primitive> renders 1`] = `
 <DocumentFragment>
-  <ui_section />
+  <ui-primitive />
 </DocumentFragment>
 `;

package/build/primitives/Primitive/helpers/getTag.js

@@ -4,32 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTag = void 0;
-var NATIVE_TAGS = [
-// -- PRIMITIVES -------------------------------------------------------------
-'iframe', 'img',
-// <Input>
-'input', 'label', 'textarea',
-// <Select>
-'select', 'option',
-// <Text>
-'h1', 'h2', 'h3', 'span',
-// -- COMPONENTS -------------------------------------------------------------
-// <Action>
-'a',
-// <Button>
-'button',
-// <Form>
-'form',
-// <Table>
-'table', 'thead', 'tbody', 'tr', 'th', 'td'];
+var _Primitive = require("../Primitive.constants");
 var getTag = function getTag() {
   var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'primitive';
-  var isNative = NATIVE_TAGS.includes(tag);
-
-  // * Experimental
-  // if (tag === 'button' && props.type !== 'submit') isNative = false;
-
-  return isNative ? tag : "ui_".concat(tag);
+  var isNative = _Primitive.NATIVE_TAGS.includes(tag);
+  return isNative ? tag : "ui-".concat(tag);
 };
 exports.getTag = getTag;
 //# sourceMappingURL=getTag.js.map

package/build/primitives/Primitive/helpers/getTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTag.js","names":["NATIVE_TAGS","getTag","tag","isNative","includes"],"sources":["../../../../src/primitives/Primitive/helpers/getTag.js"],"sourcesContent":["const NATIVE_TAGS = [\n  // -- PRIMITIVES -------------------------------------------------------------\n  'iframe',\n  'img',\n  // <Input>\n  'input',\n  'label',\n  'textarea',\n  // <Select>\n  'select',\n  'option',\n  // <Text>\n  'h1',\n  'h2',\n  'h3',\n  'span',\n  // -- COMPONENTS -------------------------------------------------------------\n  // <Action>\n  'a',\n  // <Button>\n  'button',\n  // <Form>\n  'form',\n  // <Table>\n  'table',\n  'thead',\n  'tbody',\n  'tr',\n  'th',\n  'td',\n];\n\nexport const getTag = (\n  tag = 'primitive',\n  // * experimental\n  // props = {}\n) => {\n  let isNative = NATIVE_TAGS.includes(tag);\n\n  // * Experimental\n  // if (tag === 'button' && props.type !== 'submit') isNative = false;\n\n  return isNative ? tag : `ui_${tag}`;\n};\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG;AAClB;AACA,QAAQ,EACR,KAAK;AACL;AACA,OAAO,EACP,OAAO,EACP,UAAU;AACV;AACA,QAAQ,EACR,QAAQ;AACR;AACA,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA,QAAQ;AACR;AACA,MAAM;AACN;AACA,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;AAEM,IAAMC,MAAM,GAAG,SAATA,MAAM,GAId;EAAA,IAHHC,GAAG,uEAAG,WAAW;EAIjB,IAAIC,QAAQ,GAAGH,WAAW,CAACI,QAAQ,CAACF,GAAG,CAAC;;EAExC;EACA;;EAEA,OAAOC,QAAQ,GAAGD,GAAG,gBAASA,GAAG,CAAE;AACrC,CAAC;AAAC"}
+{"version":3,"file":"getTag.js","names":["getTag","tag","isNative","NATIVE_TAGS","includes"],"sources":["../../../../src/primitives/Primitive/helpers/getTag.js"],"sourcesContent":["import { NATIVE_TAGS } from '../Primitive.constants';\n\nexport const getTag = (tag = 'primitive') => {\n  let isNative = NATIVE_TAGS.includes(tag);\n\n  return isNative ? tag : `ui-${tag}`;\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,MAAM,GAAG,SAATA,MAAM,GAA0B;EAAA,IAAtBC,GAAG,uEAAG,WAAW;EACtC,IAAIC,QAAQ,GAAGC,sBAAW,CAACC,QAAQ,CAACH,GAAG,CAAC;EAExC,OAAOC,QAAQ,GAAGD,GAAG,gBAASA,GAAG,CAAE;AACrC,CAAC;AAAC"}

package/build/primitives/Radio/Radio.js

@@ -28,8 +28,8 @@ var Radio = function Radio(_ref) {
     onChange(value, event);
   };
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
-    role: others.role || 'radio',
-    tag: others.tag || 'radio',
+    role: others.role,
+    tag: "radio",
     className: (0, _helpers.styles)(_RadioModule.default.radio, others.className),
     style: others.style
   }, /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
@@ -41,7 +41,8 @@ var Radio = function Radio(_ref) {
     value: value,
     onChange: handleChange,
     testId: others.testId,
-    className: _RadioModule.default.input
+    className: _RadioModule.default.input,
+    "aria-label": others['aria-label']
   }), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
     className: _RadioModule.default.checkmark
   }));

package/build/primitives/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","role","tag","styles","style","radio","className","testId","input","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    onChange(value, event);\n  };\n\n  return (\n    <Primitive\n      role={others.role || 'radio'}\n      tag={others.tag || 'radio'}\n      className={styles(style.radio, others.className)}\n      style={others.style}\n    >\n      <Primitive\n        checked={checked}\n        disabled={disabled}\n        name={name}\n        tag=\"input\"\n        type=\"radio\"\n        value={value}\n        onChange={handleChange}\n        testId={others.testId}\n        className={style.input}\n      />\n      <Primitive className={style.checkmark} />\n    </Primitive>\n  );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE,6BAAC,oBAAS;IACR,IAAI,EAAEF,MAAM,CAACG,IAAI,IAAI,OAAQ;IAC7B,GAAG,EAAEH,MAAM,CAACI,GAAG,IAAI,OAAQ;IAC3B,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEP,MAAM,CAACQ,SAAS,CAAE;IACjD,KAAK,EAAER,MAAM,CAACM;EAAM,gBAEpB,6BAAC,oBAAS;IACR,OAAO,EAAEX,OAAQ;IACjB,QAAQ,EAAEC,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAC,OAAO;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,MAAM,EAAED,MAAM,CAACS,MAAO;IACtB,SAAS,EAAEH,oBAAK,CAACI;EAAM,EACvB,eACF,6BAAC,oBAAS;IAAC,SAAS,EAAEJ,oBAAK,CAACK;EAAU,EAAG,CAC/B;AAEhB,CAAC;AAAC;AAEFjB,KAAK,CAACkB,WAAW,GAAG,iBAAiB;AAErClB,KAAK,CAACmB,SAAS,GAAG;EAChBlB,OAAO,EAAEmB,kBAAS,CAACC,IAAI;EACvBnB,QAAQ,EAAEkB,kBAAS,CAACC,IAAI;EACxBlB,IAAI,EAAEiB,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCnB,KAAK,EAAEgB,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DhB,QAAQ,EAAEe,kBAAS,CAACK;AACtB,CAAC"}
+{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","role","styles","style","radio","className","testId","input","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    onChange(value, event);\n  };\n\n  return (\n    <Primitive role={others.role} tag=\"radio\" className={styles(style.radio, others.className)} style={others.style}>\n      <Primitive\n        checked={checked}\n        disabled={disabled}\n        name={name}\n        tag=\"input\"\n        type=\"radio\"\n        value={value}\n        onChange={handleChange}\n        testId={others.testId}\n        className={style.input}\n        aria-label={others['aria-label']}\n      />\n      <Primitive className={style.checkmark} />\n    </Primitive>\n  );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE,6BAAC,oBAAS;IAAC,IAAI,EAAEF,MAAM,CAACG,IAAK;IAAC,GAAG,EAAC,OAAO;IAAC,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEN,MAAM,CAACO,SAAS,CAAE;IAAC,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAC9G,6BAAC,oBAAS;IACR,OAAO,EAAEV,OAAQ;IACjB,QAAQ,EAAEC,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAC,OAAO;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,MAAM,EAAED,MAAM,CAACQ,MAAO;IACtB,SAAS,EAAEH,oBAAK,CAACI,KAAM;IACvB,cAAYT,MAAM,CAAC,YAAY;EAAE,EACjC,eACF,6BAAC,oBAAS;IAAC,SAAS,EAAEK,oBAAK,CAACK;EAAU,EAAG,CAC/B;AAEhB,CAAC;AAAC;AAEFhB,KAAK,CAACiB,WAAW,GAAG,iBAAiB;AAErCjB,KAAK,CAACkB,SAAS,GAAG;EAChBjB,OAAO,EAAEkB,kBAAS,CAACC,IAAI;EACvBlB,QAAQ,EAAEiB,kBAAS,CAACC,IAAI;EACxBjB,IAAI,EAAEgB,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjClB,KAAK,EAAEe,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Df,QAAQ,EAAEc,kBAAS,CAACK;AACtB,CAAC"}

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

@@ -2,7 +2,7 @@
 
 exports[`primitive:<Radio> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_radio
+  <ui-radio
     class="radio mirai"
   >
     <input
@@ -11,16 +11,16 @@ exports[`primitive:<Radio> inherit:className 1`] = `
       type="radio"
       value=""
     />
-    <ui_primitive
+    <ui-primitive
       class="checkmark"
     />
-  </ui_radio>
+  </ui-radio>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Radio> prop:checked && disabled 1`] = `
 <DocumentFragment>
-  <ui_radio
+  <ui-radio
     class="radio"
   >
     <input
@@ -31,16 +31,16 @@ exports[`primitive:<Radio> prop:checked && disabled 1`] = `
       type="radio"
       value=""
     />
-    <ui_primitive
+    <ui-primitive
       class="checkmark"
     />
-  </ui_radio>
+  </ui-radio>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Radio> prop:checked 1`] = `
 <DocumentFragment>
-  <ui_radio
+  <ui-radio
     class="radio"
   >
     <input
@@ -50,16 +50,16 @@ exports[`primitive:<Radio> prop:checked 1`] = `
       type="radio"
       value=""
     />
-    <ui_primitive
+    <ui-primitive
       class="checkmark"
     />
-  </ui_radio>
+  </ui-radio>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Radio> prop:disabled 1`] = `
 <DocumentFragment>
-  <ui_radio
+  <ui-radio
     class="radio"
   >
     <input
@@ -69,16 +69,16 @@ exports[`primitive:<Radio> prop:disabled 1`] = `
       type="radio"
       value=""
     />
-    <ui_primitive
+    <ui-primitive
       class="checkmark"
     />
-  </ui_radio>
+  </ui-radio>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Radio> prop:value 1`] = `
 <DocumentFragment>
-  <ui_radio
+  <ui-radio
     class="radio"
   >
     <input
@@ -87,16 +87,16 @@ exports[`primitive:<Radio> prop:value 1`] = `
       type="radio"
       value="value"
     />
-    <ui_primitive
+    <ui-primitive
       class="checkmark"
     />
-  </ui_radio>
+  </ui-radio>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Radio> render 1`] = `
 <DocumentFragment>
-  <ui_radio
+  <ui-radio
     class="radio"
   >
     <input
@@ -105,34 +105,16 @@ exports[`primitive:<Radio> render 1`] = `
       type="radio"
       value=""
     />
-    <ui_primitive
+    <ui-primitive
       class="checkmark"
     />
-  </ui_radio>
-</DocumentFragment>
-`;
-
-exports[`primitive:<Radio> tag 1`] = `
-<DocumentFragment>
-  <ui_tag
-    class="radio"
-  >
-    <input
-      class="input"
-      name="name"
-      type="radio"
-      value=""
-    />
-    <ui_primitive
-      class="checkmark"
-    />
-  </ui_tag>
+  </ui-radio>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Radio> testId 1`] = `
 <DocumentFragment>
-  <ui_radio
+  <ui-radio
     class="radio"
   >
     <input
@@ -142,9 +124,9 @@ exports[`primitive:<Radio> testId 1`] = `
       type="radio"
       value=""
     />
-    <ui_primitive
+    <ui-primitive
       class="checkmark"
     />
-  </ui_radio>
+  </ui-radio>
 </DocumentFragment>
 `;

package/build/primitives/ScrollView/ScrollView.js

@@ -12,7 +12,7 @@ var _Icon = require("../Icon");
 var _Primitive = require("../Primitive");
 var _View = require("../View");
 var _ScrollViewModule = _interopRequireDefault(require("./ScrollView.module.css"));
-var _excluded = ["behavior", "children", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "snap", "width", "onScroll"];
+var _excluded = ["behavior", "children", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "snap", "tag", "width", "onScroll"];
 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 }; }
@@ -42,6 +42,8 @@ var ScrollView = function ScrollView(_ref) {
     scrollTo = _ref.scrollTo,
     _ref$snap = _ref.snap,
     snap = _ref$snap === void 0 ? true : _ref$snap,
+    _ref$tag = _ref.tag,
+    tag = _ref$tag === void 0 ? 'scrollview' : _ref$tag,
     width = _ref.width,
     _ref$onScroll = _ref.onScroll,
     onScroll = _ref$onScroll === void 0 ? function () {} : _ref$onScroll,
@@ -100,7 +102,7 @@ var ScrollView = function ScrollView(_ref) {
     var y = parseInt(scrollTop, 10);
     var offsetX = scrollWidth - clientWidth;
     var offsetY = scrollHeight - clientHeight;
-    return offsetY > 0 ? {
+    return (horizontal ? offsetX : offsetY) > 0 ? {
       x: x,
       y: y,
       percentX: offsetX ? parseInt(x * 100 / offsetX, 10) : 0,
@@ -110,8 +112,7 @@ var ScrollView = function ScrollView(_ref) {
   var percent = scrollIndicator && value ? horizontal ? value.percentX : value.percentY : undefined;
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
     ref: ref,
-    role: others.role || 'scrollview',
-    tag: others.tag || 'scrollview',
+    tag: tag,
     onScroll: handleScroll,
     className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, snap && _ScrollViewModule.default.snap, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, others.className),
     style: _objectSpread(_objectSpread({}, others.style), {}, {
@@ -119,6 +120,7 @@ var ScrollView = function ScrollView(_ref) {
       width: width
     })
   }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, percent >= 0 && /*#__PURE__*/_react.default.createElement(_View.View, {
+    tag: "scrollview-indicator",
     className: (0, _helpers.styles)(_ScrollViewModule.default.indicator, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, percent > 95 && _ScrollViewModule.default.hide)
   }, /*#__PURE__*/_react.default.createElement(_View.View, {
     className: _ScrollViewModule.default.progress,
@@ -132,7 +134,8 @@ var ScrollView = function ScrollView(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
     headline: true,
     level: 2,
-    value: horizontal ? _Icon.ICON.RIGHT : _Icon.ICON.DOWN
+    value: horizontal ? _Icon.ICON.RIGHT : _Icon.ICON.DOWN,
+    className: _ScrollViewModule.default.icon
   }))));
 };
 exports.ScrollView = ScrollView;
@@ -146,6 +149,7 @@ ScrollView.propTypes = {
   scrollIndicator: _propTypes.default.bool,
   scrollTo: _propTypes.default.number,
   snap: _propTypes.default.bool,
+  tag: _propTypes.default.string,
   width: _propTypes.default.number,
   onScroll: _propTypes.default.func
 };

package/build/primitives/ScrollView/ScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","width","onScroll","others","ref","useRef","useState","value","setValue","timeout","useEffect","el","current","callback","calcValue","observer","MutationObserver","observe","childList","subtree","disconnect","undefined","handleScroll","target","next","clearTimeout","setTimeout","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","percentX","percentY","percent","React","createElement","Primitive","role","tag","className","styles","style","scrollview","vertical","indicator","hide","progress","ICON","RIGHT","DOWN","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON } from '../Icon';\nimport { Primitive } from '../Primitive';\nimport { View } from '../View';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n  behavior = 'smooth',\n  children,\n  height,\n  horizontal,\n  scrollEventThrottle = 16, // * 60fps\n  scrollIndicator = false,\n  scrollTo,\n  snap = true,\n  width,\n  onScroll = () => {},\n  ...others\n}) => {\n  const ref = useRef();\n\n  const [value, setValue] = useState();\n\n  let timeout = null;\n\n  useEffect(() => {\n    const { current: el } = ref || {};\n    if (!scrollIndicator || !el) return;\n\n    const callback = () => setValue(calcValue(el));\n    const observer = new MutationObserver(callback);\n    observer.observe(el, { childList: true, subtree: true });\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref]);\n\n  useEffect(() => {\n    const { current = {} } = ref || {};\n    if (!current.scrollTo || scrollTo === undefined) return;\n\n    current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollTo]);\n\n  const handleScroll = ({ target } = {}) => {\n    const next = calcValue(target);\n    setValue(next);\n    clearTimeout(timeout);\n    timeout = setTimeout(() => onScroll(next), scrollEventThrottle);\n  };\n\n  const calcValue = ({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {}) => {\n    const x = parseInt(scrollLeft, 10);\n    const y = parseInt(scrollTop, 10);\n    const offsetX = scrollWidth - clientWidth;\n    const offsetY = scrollHeight - clientHeight;\n\n    return offsetY > 0\n      ? {\n          x,\n          y,\n          percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n          percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n        }\n      : undefined;\n  };\n\n  const percent = scrollIndicator && value ? (horizontal ? value.percentX : value.percentY) : undefined;\n\n  return React.createElement(\n    Primitive,\n    {\n      ...others,\n      ref,\n      role: others.role || 'scrollview',\n      tag: others.tag || 'scrollview',\n      onScroll: handleScroll,\n      className: styles(\n        style.scrollview,\n        snap && style.snap,\n        horizontal ? style.horizontal : style.vertical,\n        others.className,\n      ),\n      style: { ...others.style, height, width },\n    },\n    <>\n      {children}\n      {percent >= 0 && (\n        <View\n          className={styles(\n            style.indicator,\n            horizontal ? style.horizontal : style.vertical,\n            percent > 95 && style.hide,\n          )}\n        >\n          <View\n            className={style.progress}\n            style={\n              horizontal ? { height: '100%', width: `${percent || 0}%` } : { height: `${percent || 0}%`, width: '100%' }\n            }\n          />\n          <Icon headline level={2} value={horizontal ? ICON.RIGHT : ICON.DOWN} />\n        </View>\n      )}\n    </>,\n  );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n  behavior: PropTypes.string,\n  children: PropTypes.node.isRequired,\n  height: PropTypes.number,\n  horizontal: PropTypes.bool,\n  scrollEventThrottle: PropTypes.number,\n  scrollIndicator: PropTypes.bool,\n  scrollTo: PropTypes.number,\n  snap: PropTypes.bool,\n  width: PropTypes.number,\n  onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}
+{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","useState","value","setValue","timeout","useEffect","el","current","callback","calcValue","observer","MutationObserver","observe","childList","subtree","disconnect","undefined","handleScroll","target","next","clearTimeout","setTimeout","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","percentX","percentY","percent","React","createElement","Primitive","className","styles","style","scrollview","vertical","indicator","hide","progress","ICON","RIGHT","DOWN","icon","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON } from '../Icon';\nimport { Primitive } from '../Primitive';\nimport { View } from '../View';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n  behavior = 'smooth',\n  children,\n  height,\n  horizontal,\n  scrollEventThrottle = 16, // * 60fps\n  scrollIndicator = false,\n  scrollTo,\n  snap = true,\n  tag = 'scrollview',\n  width,\n  onScroll = () => {},\n  ...others\n}) => {\n  const ref = useRef();\n\n  const [value, setValue] = useState();\n\n  let timeout = null;\n\n  useEffect(() => {\n    const { current: el } = ref || {};\n    if (!scrollIndicator || !el) return;\n\n    const callback = () => setValue(calcValue(el));\n    const observer = new MutationObserver(callback);\n    observer.observe(el, { childList: true, subtree: true });\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref]);\n\n  useEffect(() => {\n    const { current = {} } = ref || {};\n    if (!current.scrollTo || scrollTo === undefined) return;\n\n    current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollTo]);\n\n  const handleScroll = ({ target } = {}) => {\n    const next = calcValue(target);\n    setValue(next);\n    clearTimeout(timeout);\n    timeout = setTimeout(() => onScroll(next), scrollEventThrottle);\n  };\n\n  const calcValue = ({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {}) => {\n    const x = parseInt(scrollLeft, 10);\n    const y = parseInt(scrollTop, 10);\n    const offsetX = scrollWidth - clientWidth;\n    const offsetY = scrollHeight - clientHeight;\n\n    return (horizontal ? offsetX : offsetY) > 0\n      ? {\n          x,\n          y,\n          percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n          percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n        }\n      : undefined;\n  };\n\n  const percent = scrollIndicator && value ? (horizontal ? value.percentX : value.percentY) : undefined;\n\n  return React.createElement(\n    Primitive,\n    {\n      ...others,\n      ref,\n      tag,\n      onScroll: handleScroll,\n      className: styles(\n        style.scrollview,\n        snap && style.snap,\n        horizontal ? style.horizontal : style.vertical,\n        others.className,\n      ),\n      style: { ...others.style, height, width },\n    },\n    <>\n      {children}\n      {percent >= 0 && (\n        <View\n          tag=\"scrollview-indicator\"\n          className={styles(\n            style.indicator,\n            horizontal ? style.horizontal : style.vertical,\n            percent > 95 && style.hide,\n          )}\n        >\n          <View\n            className={style.progress}\n            style={\n              horizontal ? { height: '100%', width: `${percent || 0}%` } : { height: `${percent || 0}%`, width: '100%' }\n            }\n          />\n          <Icon headline level={2} value={horizontal ? ICON.RIGHT : ICON.DOWN} className={style.icon} />\n        </View>\n      )}\n    </>,\n  );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n  behavior: PropTypes.string,\n  children: PropTypes.node.isRequired,\n  height: PropTypes.number,\n  horizontal: PropTypes.bool,\n  scrollEventThrottle: PropTypes.number,\n  scrollIndicator: PropTypes.bool,\n  scrollTo: PropTypes.number,\n  snap: PropTypes.bool,\n  tag: PropTypes.string,\n  width: PropTypes.number,\n  onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}

package/build/primitives/ScrollView/ScrollView.module.css

@@ -3,7 +3,6 @@
   display: flex;
   height: fit-content;
   width: fit-content;
-  position: relative;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
@@ -77,7 +76,7 @@
   width: 100%;
 }
 
-.indicator [data-role='icon'] {
+.indicator .icon {
   z-index: var(--mirai-ui-layer-M);
 }
 

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

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

package/build/primitives/Select/Select.js

@@ -50,8 +50,7 @@ var Select = function Select(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread(_objectSpread({}, others), {}, {
     disabled: disabled,
-    role: others.role || 'select',
-    tag: others.tag || 'select',
+    tag: 'select',
     value: value
   }, !disabled ? {
     onChange: function onChange(event) {

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

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