@mirai/ui 1.0.221 → 1.1.0-c

package/build/components/Action/Action.js

@@ -9,8 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
-var _ActionModule = _interopRequireDefault(require("./Action.module.css"));
+var style = _interopRequireWildcard(require("./Action.module.css"));
 var _excluded = ["bold", "children", "disabled", "href", "inline", "large", "small", "tag", "target", "underline", "wide", "onPress"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -28,7 +30,7 @@ var Action = function Action(_ref) {
     large = _ref.large,
     small = _ref.small,
     _ref$tag = _ref.tag,
-    tag = _ref$tag === void 0 ? 'button' : _ref$tag,
+    tag = _ref$tag === void 0 ? 'action' : _ref$tag,
     target = _ref.target,
     underline = _ref.underline,
     wide = _ref.wide,
@@ -43,7 +45,7 @@ var Action = function Action(_ref) {
       _onPress && _onPress(event);
       if (href && target) window.open(href, target);else if (href) window.location = href;
     },
-    className: (0, _helpers.styles)(_ActionModule.default.action, bold && _ActionModule.default.bold, disabled && _ActionModule.default.disabled, inline && _ActionModule.default.inline, large && _ActionModule.default.large, small && _ActionModule.default.small, underline && _ActionModule.default.underline, wide && _ActionModule.default.wide, others.className)
+    className: (0, _helpers.styles)(style.action, bold && style.bold, disabled && style.disabled, inline && style.inline, large && style.large, small && style.small, underline && style.underline, wide && style.wide, others.className)
   }), children);
 };
 exports.Action = Action;

package/build/components/Action/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["Action","bold","children","disabled","href","inline","large","small","tag","target","underline","wide","onPress","others","React","createElement","Pressable","role","event","window","open","location","className","styles","style","action","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Action/Action.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport style from './Action.module.css';\n\nconst Action = ({\n  bold,\n  children,\n  disabled,\n  href,\n  inline,\n  large,\n  small,\n  tag = 'button',\n  target,\n  underline,\n  wide,\n  onPress,\n  ...others\n}) =>\n  React.createElement(\n    Pressable,\n    {\n      ...others,\n      disabled,\n      href,\n      role: others.role || 'action',\n      tag: href ? 'a' : tag,\n      onPress: (event) => {\n        onPress && onPress(event);\n        if (href && target) window.open(href, target);\n        else if (href) window.location = href;\n      },\n      className: styles(\n        style.action,\n        bold && style.bold,\n        disabled && style.disabled,\n        inline && style.inline,\n        large && style.large,\n        small && style.small,\n        underline && style.underline,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    children,\n  );\n\nAction.displayName = 'Component:Action';\n\nAction.propTypes = {\n  bold: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n  target: PropTypes.string,\n  underline: PropTypes.bool,\n  wide: PropTypes.bool,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Action };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IACVC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IAAA,gBACLC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IACdC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,QAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,qBAAS,kCAEJH,MAAM;IACTV,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJa,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,QAAQ;IAC7BT,GAAG,EAAEJ,IAAI,GAAG,GAAG,GAAGI,GAAG;IACrBI,OAAO,EAAE,iBAACM,KAAK,EAAK;MAClBN,QAAO,IAAIA,QAAO,CAACM,KAAK,CAAC;MACzB,IAAId,IAAI,IAAIK,MAAM,EAAEU,MAAM,CAACC,IAAI,CAAChB,IAAI,EAAEK,MAAM,CAAC,CAAC,KACzC,IAAIL,IAAI,EAAEe,MAAM,CAACE,QAAQ,GAAGjB,IAAI;IACvC,CAAC;IACDkB,SAAS,EAAE,IAAAC,eAAM,EACfC,qBAAK,CAACC,MAAM,EACZxB,IAAI,IAAIuB,qBAAK,CAACvB,IAAI,EAClBE,QAAQ,IAAIqB,qBAAK,CAACrB,QAAQ,EAC1BE,MAAM,IAAImB,qBAAK,CAACnB,MAAM,EACtBC,KAAK,IAAIkB,qBAAK,CAAClB,KAAK,EACpBC,KAAK,IAAIiB,qBAAK,CAACjB,KAAK,EACpBG,SAAS,IAAIc,qBAAK,CAACd,SAAS,EAC5BC,IAAI,IAAIa,qBAAK,CAACb,IAAI,EAClBE,MAAM,CAACS,SAAS;EACjB,IAEHpB,QAAQ,CACT;AAAA;AAAC;AAEJF,MAAM,CAAC0B,WAAW,GAAG,kBAAkB;AAEvC1B,MAAM,CAAC2B,SAAS,GAAG;EACjB1B,IAAI,EAAE2B,kBAAS,CAACC,IAAI;EACpB3B,QAAQ,EAAE0B,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,IAAI,CAAC,CAAC;EACjE7B,QAAQ,EAAEyB,kBAAS,CAACC,IAAI;EACxBzB,IAAI,EAAEwB,kBAAS,CAACG,MAAM;EACtB1B,MAAM,EAAEuB,kBAAS,CAACC,IAAI;EACtBvB,KAAK,EAAEsB,kBAAS,CAACC,IAAI;EACrBtB,KAAK,EAAEqB,kBAAS,CAACC,IAAI;EACrBrB,GAAG,EAAEoB,kBAAS,CAACG,MAAM;EACrBtB,MAAM,EAAEmB,kBAAS,CAACG,MAAM;EACxBrB,SAAS,EAAEkB,kBAAS,CAACC,IAAI;EACzBlB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBI,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBtB,OAAO,EAAEgB,kBAAS,CAACM;AACrB,CAAC"}
+{"version":3,"file":"Action.js","names":["Action","bold","children","disabled","href","inline","large","small","tag","target","underline","wide","onPress","others","React","createElement","Pressable","role","event","window","open","location","className","styles","style","action","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Action/Action.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport * as style from './Action.module.css';\n\nconst Action = ({\n  bold,\n  children,\n  disabled,\n  href,\n  inline,\n  large,\n  small,\n  tag = 'action',\n  target,\n  underline,\n  wide,\n  onPress,\n  ...others\n}) =>\n  React.createElement(\n    Pressable,\n    {\n      ...others,\n      disabled,\n      href,\n      role: others.role || 'action',\n      tag: href ? 'a' : tag,\n      onPress: (event) => {\n        onPress && onPress(event);\n        if (href && target) window.open(href, target);\n        else if (href) window.location = href;\n      },\n      className: styles(\n        style.action,\n        bold && style.bold,\n        disabled && style.disabled,\n        inline && style.inline,\n        large && style.large,\n        small && style.small,\n        underline && style.underline,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    children,\n  );\n\nAction.displayName = 'Component:Action';\n\nAction.propTypes = {\n  bold: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n  target: PropTypes.string,\n  underline: PropTypes.bool,\n  wide: PropTypes.bool,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Action };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7C,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IACVC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IAAA,gBACLC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IACdC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,QAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,qBAAS,kCAEJH,MAAM;IACTV,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJa,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,QAAQ;IAC7BT,GAAG,EAAEJ,IAAI,GAAG,GAAG,GAAGI,GAAG;IACrBI,OAAO,EAAE,iBAACM,KAAK,EAAK;MAClBN,QAAO,IAAIA,QAAO,CAACM,KAAK,CAAC;MACzB,IAAId,IAAI,IAAIK,MAAM,EAAEU,MAAM,CAACC,IAAI,CAAChB,IAAI,EAAEK,MAAM,CAAC,CAAC,KACzC,IAAIL,IAAI,EAAEe,MAAM,CAACE,QAAQ,GAAGjB,IAAI;IACvC,CAAC;IACDkB,SAAS,EAAE,IAAAC,eAAM,EACfC,KAAK,CAACC,MAAM,EACZxB,IAAI,IAAIuB,KAAK,CAACvB,IAAI,EAClBE,QAAQ,IAAIqB,KAAK,CAACrB,QAAQ,EAC1BE,MAAM,IAAImB,KAAK,CAACnB,MAAM,EACtBC,KAAK,IAAIkB,KAAK,CAAClB,KAAK,EACpBC,KAAK,IAAIiB,KAAK,CAACjB,KAAK,EACpBG,SAAS,IAAIc,KAAK,CAACd,SAAS,EAC5BC,IAAI,IAAIa,KAAK,CAACb,IAAI,EAClBE,MAAM,CAACS,SAAS;EACjB,IAEHpB,QAAQ,CACT;AAAA;AAAC;AAEJF,MAAM,CAAC0B,WAAW,GAAG,kBAAkB;AAEvC1B,MAAM,CAAC2B,SAAS,GAAG;EACjB1B,IAAI,EAAE2B,kBAAS,CAACC,IAAI;EACpB3B,QAAQ,EAAE0B,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,IAAI,CAAC,CAAC;EACjE7B,QAAQ,EAAEyB,kBAAS,CAACC,IAAI;EACxBzB,IAAI,EAAEwB,kBAAS,CAACG,MAAM;EACtB1B,MAAM,EAAEuB,kBAAS,CAACC,IAAI;EACtBvB,KAAK,EAAEsB,kBAAS,CAACC,IAAI;EACrBtB,KAAK,EAAEqB,kBAAS,CAACC,IAAI;EACrBrB,GAAG,EAAEoB,kBAAS,CAACG,MAAM;EACrBtB,MAAM,EAAEmB,kBAAS,CAACG,MAAM;EACxBrB,SAAS,EAAEkB,kBAAS,CAACC,IAAI;EACzBlB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBI,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBtB,OAAO,EAAEgB,kBAAS,CAACM;AACrB,CAAC"}

package/build/components/Action/Action.stories.js

@@ -27,7 +27,7 @@ Story.args = {
   inline: false,
   large: false,
   small: false,
-  tag: 'button',
+  tag: 'action',
   target: '',
   underline: false,
   wide: false,

package/build/components/Action/Action.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","ICON","INFO","disabled","href","icon","inline","large","small","tag","target","underline","wide","testId","style","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Action/Action.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Action } from './Action';\nimport { Icon, ICON } from '../../primitives/Icon';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Action {...props} />;\n\nStory.storyName = 'Action';\n\nStory.args = {\n  children: (\n    <>\n      <Icon value={ICON.INFO} />\n      children\n    </>\n  ),\n  disabled: false,\n  href: '',\n  icon: '',\n  inline: false,\n  large: false,\n  small: false,\n  tag: 'button',\n  target: '',\n  underline: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAmD;AAAA,eAEpC;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI,GAAG;EACXC,QAAQ,eACN,yEACE,6BAAC,UAAI;IAAC,KAAK,EAAEC,UAAI,CAACC;EAAK,EAAG,aAG7B;EACDC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,QAAQ;EACbC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDlB,KAAK,CAACmB,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","ICON","INFO","disabled","href","icon","inline","large","small","tag","target","underline","wide","testId","style","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Action/Action.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Action } from './Action';\nimport { Icon, ICON } from '../../primitives/Icon';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Action {...props} />;\n\nStory.storyName = 'Action';\n\nStory.args = {\n  children: (\n    <>\n      <Icon value={ICON.INFO} />\n      children\n    </>\n  ),\n  disabled: false,\n  href: '',\n  icon: '',\n  inline: false,\n  large: false,\n  small: false,\n  tag: 'action',\n  target: '',\n  underline: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAmD;AAAA,eAEpC;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI,GAAG;EACXC,QAAQ,eACN,yEACE,6BAAC,UAAI;IAAC,KAAK,EAAEC,UAAI,CAACC;EAAK,EAAG,aAG7B;EACDC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,QAAQ;EACbC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDlB,KAAK,CAACmB,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}

package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap

@@ -2,32 +2,34 @@
 
 exports[`component:<Action> inherit:className 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action mirai"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:bold 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action bold"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:disabled 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable disabled action disabled"
     disabled=""
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
@@ -36,6 +38,7 @@ exports[`component:<Action> prop:href + prop:target 1`] = `
   <a
     class="pressable action"
     href="soyjavi.com"
+    tabindex="0"
   >
     children
   </a>
@@ -47,6 +50,7 @@ exports[`component:<Action> prop:href 1`] = `
   <a
     class="pressable action"
     href="soyjavi.com"
+    tabindex="0"
   >
     children
   </a>
@@ -55,101 +59,111 @@ exports[`component:<Action> prop:href 1`] = `
 
 exports[`component:<Action> prop:inline & prop:large 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action inline large"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:inline & prop:small 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action inline small"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:inline default 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action inline"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:large 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action large"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:small 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action small"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:tag 1`] = `
 <DocumentFragment>
-  <a
+  <ui_tag
     class="pressable action"
+    tabindex="0"
   >
     children
-  </a>
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:underline 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action underline"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:wide 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action wide"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> renders 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> testId 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action"
     data-testid="mirai"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;

package/build/components/Button/Button.js

@@ -10,9 +10,11 @@ var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _Tooltip = require("../Tooltip");
-var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
+var style = _interopRequireWildcard(require("./Button.module.css"));
 var _excluded = ["busy", "children", "disabled", "large", "rounded", "secondary", "small", "squared", "tag", "transparent", "tooltip", "wide", "onPress"],
   _excluded2 = ["fixed", "left", "right", "top"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -55,14 +57,14 @@ var Button = function Button(_ref) {
     role: others.role || 'button',
     tag: tag,
     onPress: onPress,
-    className: (0, _helpers.styles)(_ButtonModule.default.button, busy && !disabled && _ButtonModule.default.busy, large && _ButtonModule.default.large, small && _ButtonModule.default.small, rounded && _ButtonModule.default.rounded, squared && _ButtonModule.default.squared, secondary && !transparent && !disabled && _ButtonModule.default.secondary, transparent && _ButtonModule.default.transparent, (disabled || busy) && _ButtonModule.default.disabled, wide && _ButtonModule.default.wide, others.className)
+    className: (0, _helpers.styles)(style.button, busy && !disabled && style.busy, large && style.large, small && style.small, rounded && style.rounded, squared && style.squared, secondary && !transparent && !disabled && style.secondary, transparent && style.transparent, (disabled || busy) && style.disabled, wide && style.wide, others.className)
   }), busy === undefined ? children : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: (0, _helpers.styles)(_ButtonModule.default.busyContainer, busy && _ButtonModule.default.active)
+    className: (0, _helpers.styles)(style.busyContainer, busy && style.active)
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: _ButtonModule.default.spinner
+    className: style.spinner
   })), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,
-    className: _ButtonModule.default.children
+    className: style.children
   }, children))));
 };
 exports.Button = Button;

package/build/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["Button","busy","children","disabled","large","rounded","secondary","small","squared","tag","transparent","tooltip","wide","onPress","inherit","fixed","left","right","top","others","React","createElement","Tooltip","Fragment","text","undefined","Pressable","role","className","styles","style","button","busyContainer","active","spinner","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, View } from '../../primitives';\nimport { Tooltip } from '../Tooltip';\nimport style from './Button.module.css';\n\nconst Button = ({\n  busy,\n  children,\n  disabled,\n  large,\n  rounded,\n  secondary,\n  small,\n  squared = false,\n  tag = 'button',\n  transparent = false,\n  tooltip,\n  wide,\n  onPress,\n  ...inherit\n}) => {\n  const { fixed, left, right, top, ...others } = inherit;\n\n  return React.createElement(\n    tooltip ? Tooltip : React.Fragment,\n    tooltip ? { fixed, left, right, text: tooltip, top } : undefined,\n    React.createElement(\n      Pressable,\n      {\n        ...others,\n        disabled: disabled || busy,\n        role: others.role || 'button',\n        tag,\n        onPress,\n        className: styles(\n          style.button,\n          busy && !disabled && style.busy,\n          large && style.large,\n          small && style.small,\n          rounded && style.rounded,\n          squared && style.squared,\n          secondary && !transparent && !disabled && style.secondary,\n          transparent && style.transparent,\n          (disabled || busy) && style.disabled,\n          wide && style.wide,\n          others.className,\n        ),\n      },\n      busy === undefined ? (\n        children\n      ) : (\n        <>\n          <View className={styles(style.busyContainer, busy && style.active)}>\n            <View className={style.spinner} />\n          </View>\n          <View row className={style.children}>\n            {children}\n          </View>\n        </>\n      ),\n    ),\n  );\n};\n\nButton.displayName = 'Component:Button';\nButton.propTypes = {\n  busy: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  large: PropTypes.bool,\n  rounded: PropTypes.bool,\n  secondary: PropTypes.bool,\n  small: PropTypes.bool,\n  squared: PropTypes.bool,\n  tag: PropTypes.string,\n  tooltip: PropTypes.string,\n  transparent: PropTypes.bool,\n  wide: PropTypes.bool,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["Button","busy","children","disabled","large","rounded","secondary","small","squared","tag","transparent","tooltip","wide","onPress","inherit","fixed","left","right","top","others","React","createElement","Tooltip","Fragment","text","undefined","Pressable","role","className","styles","style","button","busyContainer","active","spinner","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, View } from '../../primitives';\nimport { Tooltip } from '../Tooltip';\nimport * as style from './Button.module.css';\n\nconst Button = ({\n  busy,\n  children,\n  disabled,\n  large,\n  rounded,\n  secondary,\n  small,\n  squared = false,\n  tag = 'button',\n  transparent = false,\n  tooltip,\n  wide,\n  onPress,\n  ...inherit\n}) => {\n  const { fixed, left, right, top, ...others } = inherit;\n\n  return React.createElement(\n    tooltip ? Tooltip : React.Fragment,\n    tooltip ? { fixed, left, right, text: tooltip, top } : undefined,\n    React.createElement(\n      Pressable,\n      {\n        ...others,\n        disabled: disabled || busy,\n        role: others.role || 'button',\n        tag,\n        onPress,\n        className: styles(\n          style.button,\n          busy && !disabled && style.busy,\n          large && style.large,\n          small && style.small,\n          rounded && style.rounded,\n          squared && style.squared,\n          secondary && !transparent && !disabled && style.secondary,\n          transparent && style.transparent,\n          (disabled || busy) && style.disabled,\n          wide && style.wide,\n          others.className,\n        ),\n      },\n      busy === undefined ? (\n        children\n      ) : (\n        <>\n          <View className={styles(style.busyContainer, busy && style.active)}>\n            <View className={style.spinner} />\n          </View>\n          <View row className={style.children}>\n            {children}\n          </View>\n        </>\n      ),\n    ),\n  );\n};\n\nButton.displayName = 'Component:Button';\nButton.propTypes = {\n  busy: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  large: PropTypes.bool,\n  rounded: PropTypes.bool,\n  secondary: PropTypes.bool,\n  small: PropTypes.bool,\n  squared: PropTypes.bool,\n  tag: PropTypes.string,\n  tooltip: PropTypes.string,\n  transparent: PropTypes.bool,\n  wide: PropTypes.bool,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":"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"}

package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap

@@ -4,6 +4,7 @@ exports[`component:<Button> inherit:className 1`] = `
 <DocumentFragment>
   <button
     class="pressable button mirai"
+    tabindex="0"
   >
     children
   </button>
@@ -16,18 +17,18 @@ exports[`component:<Button> prop:busy 1`] = `
     class="pressable disabled button busy disabled"
     disabled=""
   >
-    <div
+    <ui_view
       class="view busyContainer active"
     >
-      <div
+      <ui_view
         class="view spinner"
       />
-    </div>
-    <div
+    </ui_view>
+    <ui_view
       class="view row children"
     >
       children
-    </div>
+    </ui_view>
   </button>
 </DocumentFragment>
 `;
@@ -47,6 +48,7 @@ exports[`component:<Button> prop:large 1`] = `
 <DocumentFragment>
   <button
     class="pressable button large"
+    tabindex="0"
   >
     children
   </button>
@@ -59,18 +61,18 @@ exports[`component:<Button> prop:secondary && prop:busy 1`] = `
     class="pressable disabled button busy secondary disabled"
     disabled=""
   >
-    <div
+    <ui_view
       class="view busyContainer active"
     >
-      <div
+      <ui_view
         class="view spinner"
       />
-    </div>
-    <div
+    </ui_view>
+    <ui_view
       class="view row children"
     >
       children
-    </div>
+    </ui_view>
   </button>
 </DocumentFragment>
 `;
@@ -81,18 +83,18 @@ exports[`component:<Button> prop:secondary && prop:busy 2`] = `
     class="pressable disabled button busy transparent disabled"
     disabled=""
   >
-    <div
+    <ui_view
       class="view busyContainer active"
     >
-      <div
+      <ui_view
         class="view spinner"
       />
-    </div>
-    <div
+    </ui_view>
+    <ui_view
       class="view row children"
     >
       children
-    </div>
+    </ui_view>
   </button>
 </DocumentFragment>
 `;
@@ -101,6 +103,7 @@ exports[`component:<Button> prop:secondary 1`] = `
 <DocumentFragment>
   <button
     class="pressable button secondary"
+    tabindex="0"
   >
     children
   </button>
@@ -111,6 +114,7 @@ exports[`component:<Button> prop:small 1`] = `
 <DocumentFragment>
   <button
     class="pressable button small"
+    tabindex="0"
   >
     children
   </button>
@@ -121,6 +125,7 @@ exports[`component:<Button> prop:squared 1`] = `
 <DocumentFragment>
   <button
     class="pressable button squared"
+    tabindex="0"
   >
     children
   </button>
@@ -129,23 +134,25 @@ exports[`component:<Button> prop:squared 1`] = `
 
 exports[`component:<Button> prop:tag 1`] = `
 <DocumentFragment>
-  <a
+  <ui_tag
     class="pressable button"
+    tabindex="0"
   >
     children
-  </a>
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`component:<Button> prop:tooltip 1`] = `
 <DocumentFragment>
-  <span>
+  <ui_layer>
     <button
       class="pressable dispatcher button"
+      tabindex="0"
     >
       children
     </button>
-  </span>
+  </ui_layer>
 </DocumentFragment>
 `;
 
@@ -153,6 +160,7 @@ exports[`component:<Button> prop:transparent 1`] = `
 <DocumentFragment>
   <button
     class="pressable button transparent"
+    tabindex="0"
   >
     children
   </button>
@@ -163,6 +171,7 @@ exports[`component:<Button> prop:wide 1`] = `
 <DocumentFragment>
   <button
     class="pressable button wide"
+    tabindex="0"
   >
     children
   </button>
@@ -173,6 +182,7 @@ exports[`component:<Button> renders 1`] = `
 <DocumentFragment>
   <button
     class="pressable button"
+    tabindex="0"
   >
     children
   </button>
@@ -184,6 +194,7 @@ exports[`component:<Button> testId 1`] = `
   <button
     class="pressable button"
     data-testid="mirai"
+    tabindex="0"
   >
     children
   </button>

package/build/components/Calendar/Calendar.Month.js

@@ -11,11 +11,13 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _theme = require("../../theme");
 var _Calendar = require("./Calendar.constants");
-var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
+var style = _interopRequireWildcard(require("./Calendar.module.css"));
 var _Calendar2 = require("./Calendar.Week");
 var _Calendar3 = require("./Calendar.Weekdays");
 var _helpers2 = require("./helpers");
 var _excluded = ["disabledPast", "focus", "format", "from", "instance", "locale", "range", "selected", "timestamp", "to", "vertical", "onChange", "onFocus", "onNext", "onPrevious"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -51,10 +53,10 @@ var Month = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var testId = others.testId;
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
     ref: ref,
-    className: (0, _helpers.styles)(_CalendarModule.default.month, others.className)
+    className: (0, _helpers.styles)(style.month, others.className)
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     forceRow: true,
-    className: _CalendarModule.default.header
+    className: style.header
   }, onPrevious && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: onPrevious,
     testId: testId ? "".concat(testId, "-previous") : undefined
@@ -64,7 +66,7 @@ var Month = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     bold: true,
     headline: true,
     level: 4,
-    className: _CalendarModule.default.title
+    className: style.title
   }, (0, _helpers2.getHeader)(instance, locale)), onNext && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: onNext,
     testId: testId ? "".concat(testId, "-next") : undefined

package/build/components/Calendar/Calendar.Month.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.Month.js","names":["LEFT","DIRECTION_TYPE","Month","React","forwardRef","ref","disabledPast","focus","format","from","instance","locale","range","selected","timestamp","to","vertical","onChange","onFocus","onNext","onPrevious","others","direction","Theme","getDirection","weekNumber","getWeekNumber","testId","styles","style","month","className","header","undefined","ICON","RIGHT","title","getHeader","VISIBLE_WEEKS","map","week","getMonth","getFullYear","displayName","propTypes","captions","PropTypes","shape","any","disabledDates","arrayOf","string","bool","instanceOf","Date","number","tooltips","value","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.Month.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { VISIBLE_WEEKS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { Week } from './Calendar.Week';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getHeader, getWeekNumber } from './helpers';\n\nconst { LEFT } = DIRECTION_TYPE;\n\nexport const Month = React.forwardRef(\n  (\n    {\n      disabledPast,\n      focus,\n      format,\n      from,\n      instance,\n      locale,\n      range = false,\n      selected,\n      timestamp,\n      to,\n      vertical,\n      onChange = () => {},\n      onFocus = () => {},\n      onNext,\n      onPrevious,\n      ...others\n    },\n    ref,\n  ) => {\n    const direction = Theme.getDirection();\n    const weekNumber = getWeekNumber(instance);\n    const { testId } = others;\n\n    return (\n      <View ref={ref} className={styles(style.month, others.className)}>\n        <View forceRow className={style.header}>\n          {onPrevious && (\n            <Pressable onPress={onPrevious} testId={testId ? `${testId}-previous` : undefined}>\n              <Icon value={direction === LEFT ? ICON.LEFT : ICON.RIGHT} />\n            </Pressable>\n          )}\n          <Text bold headline level={4} className={style.title}>\n            {getHeader(instance, locale)}\n          </Text>\n          {onNext && (\n            <Pressable onPress={onNext} testId={testId ? `${testId}-next` : undefined}>\n              <Icon value={direction === LEFT ? ICON.RIGHT : ICON.LEFT} />\n            </Pressable>\n          )}\n        </View>\n\n        {!vertical && <Weekdays locale={locale} />}\n\n        {VISIBLE_WEEKS.map((week) => (\n          <Week\n            {...{\n              ...others,\n              disabledPast,\n              focus,\n              format,\n              from,\n              locale,\n              range,\n              selected,\n              timestamp,\n              to,\n            }}\n            key={week}\n            month={instance.getMonth()}\n            number={weekNumber + week}\n            year={instance.getFullYear()}\n            onFocus={onFocus}\n            onPress={onChange}\n          />\n        ))}\n      </View>\n    );\n  },\n);\n\nMonth.displayName = 'Component:Calendar:Month';\n\nMonth.propTypes = {\n  captions: PropTypes.shape({}),\n  focus: PropTypes.any,\n  instance: PropTypes.any,\n  selected: PropTypes.any,\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.instanceOf(Date),\n  locale: PropTypes.string,\n  range: PropTypes.bool,\n  timestamp: PropTypes.number,\n  to: PropTypes.instanceOf(Date),\n  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  vertical: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNext: PropTypes.func,\n  onPrevious: PropTypes.func,\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAErD,IAAQA,IAAI,GAAKC,qBAAc,CAAvBD,IAAI;AAEL,IAAME,KAAK,gBAAGC,cAAK,CAACC,UAAU,CACnC,gBAmBEC,GAAG,EACA;EAAA,IAlBDC,YAAY,QAAZA,YAAY;IACZC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,kBACNC,KAAK;IAALA,KAAK,2BAAG,KAAK;IACbC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,EAAE,QAAFA,EAAE;IACFC,QAAQ,QAARA,QAAQ;IAAA,qBACRC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IAClBC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACPC,MAAM;EAIX,IAAMC,SAAS,GAAGC,YAAK,CAACC,YAAY,EAAE;EACtC,IAAMC,UAAU,GAAG,IAAAC,uBAAa,EAAChB,QAAQ,CAAC;EAC1C,IAAQiB,MAAM,GAAKN,MAAM,CAAjBM,MAAM;EAEd,oBACE,6BAAC,gBAAI;IAAC,GAAG,EAAEtB,GAAI;IAAC,SAAS,EAAE,IAAAuB,eAAM,EAACC,uBAAK,CAACC,KAAK,EAAET,MAAM,CAACU,SAAS;EAAE,gBAC/D,6BAAC,gBAAI;IAAC,QAAQ;IAAC,SAAS,EAAEF,uBAAK,CAACG;EAAO,GACpCZ,UAAU,iBACT,6BAAC,qBAAS;IAAC,OAAO,EAAEA,UAAW;IAAC,MAAM,EAAEO,MAAM,aAAMA,MAAM,iBAAcM;EAAU,gBAChF,6BAAC,gBAAI;IAAC,KAAK,EAAEX,SAAS,KAAKtB,IAAI,GAAGkC,gBAAI,CAAClC,IAAI,GAAGkC,gBAAI,CAACC;EAAM,EAAG,CAE/D,eACD,6BAAC,gBAAI;IAAC,IAAI;IAAC,QAAQ;IAAC,KAAK,EAAE,CAAE;IAAC,SAAS,EAAEN,uBAAK,CAACO;EAAM,GAClD,IAAAC,mBAAS,EAAC3B,QAAQ,EAAEC,MAAM,CAAC,CACvB,EACNQ,MAAM,iBACL,6BAAC,qBAAS;IAAC,OAAO,EAAEA,MAAO;IAAC,MAAM,EAAEQ,MAAM,aAAMA,MAAM,aAAUM;EAAU,gBACxE,6BAAC,gBAAI;IAAC,KAAK,EAAEX,SAAS,KAAKtB,IAAI,GAAGkC,gBAAI,CAACC,KAAK,GAAGD,gBAAI,CAAClC;EAAK,EAAG,CAE/D,CACI,EAEN,CAACgB,QAAQ,iBAAI,6BAAC,mBAAQ;IAAC,MAAM,EAAEL;EAAO,EAAG,EAEzC2B,uBAAa,CAACC,GAAG,CAAC,UAACC,IAAI;IAAA,oBACtB,6BAAC,eAAI,+CAEEnB,MAAM;MACTf,YAAY,EAAZA,YAAY;MACZC,KAAK,EAALA,KAAK;MACLC,MAAM,EAANA,MAAM;MACNC,IAAI,EAAJA,IAAI;MACJE,MAAM,EAANA,MAAM;MACNC,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA,QAAQ;MACRC,SAAS,EAATA,SAAS;MACTC,EAAE,EAAFA;IAAE;MAEJ,GAAG,EAAEyB,IAAK;MACV,KAAK,EAAE9B,QAAQ,CAAC+B,QAAQ,EAAG;MAC3B,MAAM,EAAEhB,UAAU,GAAGe,IAAK;MAC1B,IAAI,EAAE9B,QAAQ,CAACgC,WAAW,EAAG;MAC7B,OAAO,EAAExB,OAAQ;MACjB,OAAO,EAAED;IAAS,GAClB;EAAA,CACH,CAAC,CACG;AAEX,CAAC,CACF;AAAC;AAEFf,KAAK,CAACyC,WAAW,GAAG,0BAA0B;AAE9CzC,KAAK,CAAC0C,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAS,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC7BxC,KAAK,EAAEuC,kBAAS,CAACE,GAAG;EACpBtC,QAAQ,EAAEoC,kBAAS,CAACE,GAAG;EACvBnC,QAAQ,EAAEiC,kBAAS,CAACE,GAAG;EACvBC,aAAa,EAAEH,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACK,MAAM,CAAC;EAClD7C,YAAY,EAAEwC,kBAAS,CAACM,IAAI;EAC5B5C,MAAM,EAAEsC,kBAAS,CAACK,MAAM;EACxB1C,IAAI,EAAEqC,kBAAS,CAACO,UAAU,CAACC,IAAI,CAAC;EAChC3C,MAAM,EAAEmC,kBAAS,CAACK,MAAM;EACxBvC,KAAK,EAAEkC,kBAAS,CAACM,IAAI;EACrBtC,SAAS,EAAEgC,kBAAS,CAACS,MAAM;EAC3BxC,EAAE,EAAE+B,kBAAS,CAACO,UAAU,CAACC,IAAI,CAAC;EAC9BE,QAAQ,EAAEV,kBAAS,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC7BU,KAAK,EAAEX,kBAAS,CAACY,SAAS,CAAC,CAACZ,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACK,MAAM,CAAC,CAAC,CAAC;EACnFnC,QAAQ,EAAE8B,kBAAS,CAACM,IAAI;EACxBnC,QAAQ,EAAE6B,kBAAS,CAACa,IAAI;EACxBzC,OAAO,EAAE4B,kBAAS,CAACa,IAAI;EACvBxC,MAAM,EAAE2B,kBAAS,CAACa,IAAI;EACtBvC,UAAU,EAAE0B,kBAAS,CAACa;AACxB,CAAC"}
+{"version":3,"file":"Calendar.Month.js","names":["LEFT","DIRECTION_TYPE","Month","React","forwardRef","ref","disabledPast","focus","format","from","instance","locale","range","selected","timestamp","to","vertical","onChange","onFocus","onNext","onPrevious","others","direction","Theme","getDirection","weekNumber","getWeekNumber","testId","styles","style","month","className","header","undefined","ICON","RIGHT","title","getHeader","VISIBLE_WEEKS","map","week","getMonth","getFullYear","displayName","propTypes","captions","PropTypes","shape","any","disabledDates","arrayOf","string","bool","instanceOf","Date","number","tooltips","value","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.Month.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { VISIBLE_WEEKS } from './Calendar.constants';\nimport * as style from './Calendar.module.css';\nimport { Week } from './Calendar.Week';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getHeader, getWeekNumber } from './helpers';\n\nconst { LEFT } = DIRECTION_TYPE;\n\nexport const Month = React.forwardRef(\n  (\n    {\n      disabledPast,\n      focus,\n      format,\n      from,\n      instance,\n      locale,\n      range = false,\n      selected,\n      timestamp,\n      to,\n      vertical,\n      onChange = () => {},\n      onFocus = () => {},\n      onNext,\n      onPrevious,\n      ...others\n    },\n    ref,\n  ) => {\n    const direction = Theme.getDirection();\n    const weekNumber = getWeekNumber(instance);\n    const { testId } = others;\n\n    return (\n      <View ref={ref} className={styles(style.month, others.className)}>\n        <View forceRow className={style.header}>\n          {onPrevious && (\n            <Pressable onPress={onPrevious} testId={testId ? `${testId}-previous` : undefined}>\n              <Icon value={direction === LEFT ? ICON.LEFT : ICON.RIGHT} />\n            </Pressable>\n          )}\n          <Text bold headline level={4} className={style.title}>\n            {getHeader(instance, locale)}\n          </Text>\n          {onNext && (\n            <Pressable onPress={onNext} testId={testId ? `${testId}-next` : undefined}>\n              <Icon value={direction === LEFT ? ICON.RIGHT : ICON.LEFT} />\n            </Pressable>\n          )}\n        </View>\n\n        {!vertical && <Weekdays locale={locale} />}\n\n        {VISIBLE_WEEKS.map((week) => (\n          <Week\n            {...{\n              ...others,\n              disabledPast,\n              focus,\n              format,\n              from,\n              locale,\n              range,\n              selected,\n              timestamp,\n              to,\n            }}\n            key={week}\n            month={instance.getMonth()}\n            number={weekNumber + week}\n            year={instance.getFullYear()}\n            onFocus={onFocus}\n            onPress={onChange}\n          />\n        ))}\n      </View>\n    );\n  },\n);\n\nMonth.displayName = 'Component:Calendar:Month';\n\nMonth.propTypes = {\n  captions: PropTypes.shape({}),\n  focus: PropTypes.any,\n  instance: PropTypes.any,\n  selected: PropTypes.any,\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.instanceOf(Date),\n  locale: PropTypes.string,\n  range: PropTypes.bool,\n  timestamp: PropTypes.number,\n  to: PropTypes.instanceOf(Date),\n  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  vertical: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNext: PropTypes.func,\n  onPrevious: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/Calendar/Calendar.Week.js

@@ -12,7 +12,7 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _Tooltip = require("../Tooltip");
 var _Calendar = require("./Calendar.constants");
-var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
+var style = _interopRequireWildcard(require("./Calendar.module.css"));
 var _helpers2 = require("./helpers");
 var _excluded = ["captions", "disabledDates", "disabledPast", "focus", "locale", "format", "from", "highlights", "month", "number", "range", "rangeMinDays", "selected", "timestamp", "to", "tooltips", "year", "onPress", "onFocus"];
 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); }
@@ -84,7 +84,7 @@ var Week = function Week(_ref) {
   }
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
     forceRow: true,
-    className: (0, _helpers.styles)(rangeTS.start !== undefined && range && _CalendarModule.default.range)
+    className: (0, _helpers.styles)(rangeTS.start !== undefined && range && style.range)
   }, _Calendar.DAYS.map(function (day) {
     var date = (0, _locale.UTC)(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));
     var dateTS = date.getTime();
@@ -112,7 +112,7 @@ var Week = function Week(_ref) {
       today: dateTS === todayTS,
       visible: date.getMonth() === month
     };
-    var textStyle = is.disabled || is.ranging && is.outOfRange ? _CalendarModule.default.textDisabled : is.selected || dateTS === rangeTS.end ? _CalendarModule.default.textSelected : is.highlight && !is.range ? _CalendarModule.default.textHighlight : undefined;
+    var textStyle = is.disabled || is.ranging && is.outOfRange ? style.textDisabled : is.selected || dateTS === rangeTS.end ? style.textSelected : is.highlight && !is.range ? style.textHighlight : undefined;
     var tooltip = !is.disabled && tooltips[dateString];
     return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
       disabled: is.disabled || !is.visible || is.ranging && (is.minRange || is.outOfRange),
@@ -127,7 +127,7 @@ var Week = function Week(_ref) {
       onPress: function onPress() {
         return _onPress(date);
       },
-      className: _CalendarModule.default.cell,
+      className: style.cell,
       testId: "".concat(others.testId || 'calendar', "-").concat(number, "-").concat(day)
     }, is.visible && /*#__PURE__*/_react.default.createElement(tooltip ? _Tooltip.Tooltip : _react.Fragment, tooltip ? _objectSpread({
       pressable: true,
@@ -135,13 +135,13 @@ var Week = function Week(_ref) {
       top: true,
       visible: true
     }, tooltip) : {}, /*#__PURE__*/_react.default.createElement(_primitives.View, {
-      className: (0, _helpers.styles)(_CalendarModule.default.day, is.range && !is.disabled && !is.outOfRange && _CalendarModule.default.dayRange, (is.rangeLimit || !is.range && is.selected) && _CalendarModule.default.daySelected, is.rangeLimit && dateTS === rangeTS.start && _CalendarModule.default.daySelectedStart, is.rangeLimit && dateTS === rangeTS.end && _CalendarModule.default.daySelectedEnd, !is.selected && !is.disabled && !is.minRange && !is.outOfRange && _CalendarModule.default.dayTouchable)
+      className: (0, _helpers.styles)(style.day, is.range && !is.disabled && !is.outOfRange && style.dayRange, (is.rangeLimit || !is.range && is.selected) && style.daySelected, is.rangeLimit && dateTS === rangeTS.start && style.daySelectedStart, is.rangeLimit && dateTS === rangeTS.end && style.daySelectedEnd, !is.selected && !is.disabled && !is.minRange && !is.outOfRange && style.dayTouchable)
     }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
       bold: is.today || is.highlight || is.selected && !is.range,
       className: textStyle
     }, date.getDate()), captions && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
       tiny: true,
-      className: (0, _helpers.styles)(textStyle, _CalendarModule.default.caption, disabledPast && dateTS < todayTS && _CalendarModule.default.hide, !is.disabled && !is.highlight && !is.selected && !is.rangeLimit && !is.range && _CalendarModule.default.color)
+      className: (0, _helpers.styles)(textStyle, style.caption, disabledPast && dateTS < todayTS && style.hide, !is.disabled && !is.highlight && !is.selected && !is.rangeLimit && !is.range && style.color)
     }, captions[dateString] || '-'))));
   }));
 };