@mirai/ui 1.1.0-f → 1.1.1

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

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

package/build/components/Button/Button.module.css

@@ -8,44 +8,31 @@ button.button {
   font-size: var(--mirai-ui-font-size-action);
   font-weight: var(--mirai-ui-button-font-weight);
   justify-content: center;
+  outline: none;
+  overflow: hidden;
   padding: var(--mirai-ui-button-padding-y) var(--mirai-ui-button-padding-x);
   position: relative;
+  transition: background-color var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing),
+    box-shadow var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
   width: fit-content;
 }
 
+/* -- variants */
 button.button:disabled:not(.busy) {
   background-color: var(--mirai-ui-button-disabled-background);
   color: var(--mirai-ui-button-disabled-color);
 }
 
-button.button:not(.transparent):not(:disabled):hover {
-  color: var(--mirai-ui-button-color);
-}
-
-button.button:not(.secondary):not(:disabled):active {
-  box-shadow: inset 0 0 var(--mirai-ui-space-XL) var(--mirai-ui-space-XL) var(--mirai-ui-button-color-active);
-}
-
-button.button.secondary:not(:disabled):active {
-  background-color: var(--mirai-ui-button-color-hover);
-  box-shadow: none;
-  color: var(--mirai-ui-button-color);
-}
-
-button.large:not(.squared) {
-  font-size: var(--mirai-ui-font-size-paragraph);
-  padding: var(--mirai-ui-button-padding-y)
-    calc(var(--mirai-ui-button-padding-x) + calc(var(--mirai-ui-button-padding-y) / 2));
-}
-
 button.secondary {
   background-color: var(--mirai-ui-button-secondary-background);
   box-shadow: inset 0 0 0 var(--mirai-ui-border-width) var(--mirai-ui-button-background);
   color: var(--mirai-ui-button-background);
 }
 
-button.secondary.disabled:not(.busy) {
-  box-shadow: none;
+button.button:not(:disabled).secondary:focus,
+button.button:not(:disabled).secondary:hover {
+  box-shadow: inset 0 0 0 var(--mirai-ui-border-width) var(--mirai-ui-focus-color), var(--mirai-ui-focus-shadow);
+  color: var(--mirai-ui-focus-color);
 }
 
 button.transparent {
@@ -53,10 +40,28 @@ button.transparent {
   color: var(--mirai-ui-content);
 }
 
-button.transparent:hover {
+button.transparent:not(:disabled):focus,
+button.transparent:not(:disabled):hover {
   background-color: var(--mirai-ui-content-background);
 }
 
+button.button:not(:disabled):not(.secondary):not(.transparent):focus,
+button.button:not(:disabled):not(.secondary):not(.transparent):hover {
+  background-color: var(--mirai-ui-focus-color);
+}
+
+button.button:not(:disabled):focus,
+button.button:not(:disabled):hover {
+  box-shadow: var(--mirai-ui-focus-shadow);
+}
+
+/* -- sizing */
+button.large:not(.squared) {
+  font-size: var(--mirai-ui-font-size-paragraph);
+  padding: var(--mirai-ui-button-padding-y)
+    calc(var(--mirai-ui-button-padding-x) + calc(var(--mirai-ui-button-padding-y) / 2));
+}
+
 button.rounded {
   border-radius: var(--mirai-ui-space-XXL);
 }
@@ -77,6 +82,7 @@ button.wide {
   width: 100%;
 }
 
+/* -- children */
 button.button .children,
 button.button .spinner {
   transition: opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
@@ -98,15 +104,6 @@ button.button.busy .spinner {
   transform: translateY(0%);
 }
 
-.button:not(:disabled).secondary:hover:not(:active) {
-  box-shadow: inset 0 0 0 var(--mirai-ui-border-width) var(--mirai-ui-button-color-hover);
-  color: var(--mirai-ui-button-color-hover);
-}
-
-.button:not(:disabled):not(.secondary):not(.transparent):hover {
-  background-color: var(--mirai-ui-button-color-hover);
-}
-
 .busyContainer {
   align-items: center;
   justify-content: center;
@@ -144,7 +141,7 @@ button.button.busy .spinner {
 .spinner::after {
   animation: mirai-button-busy calc(var(--mirai-ui-motion-expand) * 3) infinite var(--mirai-ui-motion-easing) alternate;
   background-color: var(--mirai-ui-button-color-active);
-  border-radius: calc(var(--mirai-ui-space-XS) / 2);
+  border-radius: var(--mirai-ui-space-XXS);
   height: var(--mirai-ui-space-XS);
   width: var(--mirai-ui-space-XS);
 }

package/build/components/Button/Button.stories.js

@@ -11,6 +11,7 @@ var _Button = require("./Button");
 var _excluded = ["busy", "icon"];
 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 _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; }
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -38,6 +39,14 @@ var Story = function Story(_ref) {
     setBusy = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, _objectSpread(_objectSpread({}, props), {}, {
     busy: busy
+  })), /*#__PURE__*/_react.default.createElement(_Button.Button, _extends({}, _objectSpread(_objectSpread({}, props), {}, {
+    busy: busy
+  }), {
+    secondary: true
+  })), /*#__PURE__*/_react.default.createElement(_Button.Button, _extends({}, _objectSpread(_objectSpread({}, props), {}, {
+    busy: busy
+  }), {
+    transparent: true
   })), /*#__PURE__*/_react.default.createElement(_Button.Button, _objectSpread(_objectSpread({}, props), {}, {
     busy: busy
   }), /*#__PURE__*/_react.default.createElement(_.Icon, {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","names":["title","Story","busyProp","busy","icon","props","useState","setBusy","ICON","storyName","args","children","disabled","undefined","large","rounded","secondary","small","squared","tag","tooltip","transparent","wide","testId","style","marginBottom","argTypes","options","Object","keys","control","type","defaultValue","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Button/Button.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\n\nimport { Icon, ICON, View } from '../../';\nimport { Button } from './Button';\n\nexport default { title: 'Components' };\n\nexport const Story = ({ busy: busyProp, icon, ...props }) => {\n  const [busy, setBusy] = useState(busyProp);\n\n  return (\n    <>\n      <Button {...{ ...props, busy }} />\n      <Button {...{ ...props, busy }}>\n        <Icon value={ICON[icon]} />\n      </Button>\n\n      <View onClick={() => setBusy(!busy)}>Switch busy</View>\n    </>\n  );\n};\n\nStory.storyName = 'Button';\n\nStory.args = {\n  busy: false,\n  children: 'children',\n  disabled: false,\n  icon: undefined,\n  large: false,\n  rounded: false,\n  secondary: false,\n  small: false,\n  squared: false,\n  tag: 'button',\n  tooltip: 'tooltip',\n  transparent: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: { marginBottom: 'var(--mirai-ui-space-M)' },\n};\n\nStory.argTypes = {\n  icon: {\n    options: Object.keys(ICON),\n    control: { type: 'select' },\n    defaultValue: Object.keys(ICON)[0],\n  },\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;AACA;AAEA;AACA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,OAA2C;EAAA,IAA/BC,QAAQ,QAAdC,IAAI;IAAYC,IAAI,QAAJA,IAAI;IAAKC,KAAK;EACpD,gBAAwB,IAAAC,eAAQ,EAACJ,QAAQ,CAAC;IAAA;IAAnCC,IAAI;IAAEI,OAAO;EAEpB,oBACE,yEACE,6BAAC,cAAM,kCAAUF,KAAK;IAAEF,IAAI,EAAJA;EAAI,GAAM,eAClC,6BAAC,cAAM,kCAAUE,KAAK;IAAEF,IAAI,EAAJA;EAAI,iBAC1B,6BAAC,MAAI;IAAC,KAAK,EAAEK,MAAI,CAACJ,IAAI;EAAE,EAAG,CACpB,eAET,6BAAC,MAAI;IAAC,OAAO,EAAE;MAAA,OAAMG,OAAO,CAAC,CAACJ,IAAI,CAAC;IAAA;EAAC,iBAAmB,CACtD;AAEP,CAAC;AAAC;AAEFF,KAAK,CAACQ,SAAS,GAAG,QAAQ;AAE1BR,KAAK,CAACS,IAAI,GAAG;EACXP,IAAI,EAAE,KAAK;EACXQ,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfR,IAAI,EAAES,SAAS;EACfC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,GAAG,EAAE,QAAQ;EACbC,OAAO,EAAE,SAAS;EAClBC,WAAW,EAAE,KAAK;EAClBC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE;IAAEC,YAAY,EAAE;EAA0B;AACnD,CAAC;AAEDxB,KAAK,CAACyB,QAAQ,GAAG;EACftB,IAAI,EAAE;IACJuB,OAAO,EAAEC,MAAM,CAACC,IAAI,CAACrB,MAAI,CAAC;IAC1BsB,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC;IAC3BC,YAAY,EAAEJ,MAAM,CAACC,IAAI,CAACrB,MAAI,CAAC,CAAC,CAAC;EACnC,CAAC;EACDyB,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":"Button.stories.js","names":["title","Story","busyProp","busy","icon","props","useState","setBusy","ICON","storyName","args","children","disabled","undefined","large","rounded","secondary","small","squared","tag","tooltip","transparent","wide","testId","style","marginBottom","argTypes","options","Object","keys","control","type","defaultValue","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Button/Button.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\n\nimport { Icon, ICON, View } from '../../';\nimport { Button } from './Button';\n\nexport default { title: 'Components' };\n\nexport const Story = ({ busy: busyProp, icon, ...props }) => {\n  const [busy, setBusy] = useState(busyProp);\n\n  return (\n    <>\n      <Button {...{ ...props, busy }} />\n      <Button {...{ ...props, busy }} secondary />\n      <Button {...{ ...props, busy }} transparent />\n      <Button {...{ ...props, busy }}>\n        <Icon value={ICON[icon]} />\n      </Button>\n\n      <View onClick={() => setBusy(!busy)}>Switch busy</View>\n    </>\n  );\n};\n\nStory.storyName = 'Button';\n\nStory.args = {\n  busy: false,\n  children: 'children',\n  disabled: false,\n  icon: undefined,\n  large: false,\n  rounded: false,\n  secondary: false,\n  small: false,\n  squared: false,\n  tag: 'button',\n  tooltip: 'tooltip',\n  transparent: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: { marginBottom: 'var(--mirai-ui-space-M)' },\n};\n\nStory.argTypes = {\n  icon: {\n    options: Object.keys(ICON),\n    control: { type: 'select' },\n    defaultValue: Object.keys(ICON)[0],\n  },\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;AACA;AAEA;AACA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,OAA2C;EAAA,IAA/BC,QAAQ,QAAdC,IAAI;IAAYC,IAAI,QAAJA,IAAI;IAAKC,KAAK;EACpD,gBAAwB,IAAAC,eAAQ,EAACJ,QAAQ,CAAC;IAAA;IAAnCC,IAAI;IAAEI,OAAO;EAEpB,oBACE,yEACE,6BAAC,cAAM,kCAAUF,KAAK;IAAEF,IAAI,EAAJA;EAAI,GAAM,eAClC,6BAAC,cAAM,+CAAUE,KAAK;IAAEF,IAAI,EAAJA;EAAI;IAAI,SAAS;EAAA,GAAG,eAC5C,6BAAC,cAAM,+CAAUE,KAAK;IAAEF,IAAI,EAAJA;EAAI;IAAI,WAAW;EAAA,GAAG,eAC9C,6BAAC,cAAM,kCAAUE,KAAK;IAAEF,IAAI,EAAJA;EAAI,iBAC1B,6BAAC,MAAI;IAAC,KAAK,EAAEK,MAAI,CAACJ,IAAI;EAAE,EAAG,CACpB,eAET,6BAAC,MAAI;IAAC,OAAO,EAAE;MAAA,OAAMG,OAAO,CAAC,CAACJ,IAAI,CAAC;IAAA;EAAC,iBAAmB,CACtD;AAEP,CAAC;AAAC;AAEFF,KAAK,CAACQ,SAAS,GAAG,QAAQ;AAE1BR,KAAK,CAACS,IAAI,GAAG;EACXP,IAAI,EAAE,KAAK;EACXQ,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfR,IAAI,EAAES,SAAS;EACfC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,GAAG,EAAE,QAAQ;EACbC,OAAO,EAAE,SAAS;EAClBC,WAAW,EAAE,KAAK;EAClBC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE;IAAEC,YAAY,EAAE;EAA0B;AACnD,CAAC;AAEDxB,KAAK,CAACyB,QAAQ,GAAG;EACftB,IAAI,EAAE;IACJuB,OAAO,EAAEC,MAAM,CAACC,IAAI,CAACrB,MAAI,CAAC;IAC1BsB,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC;IAC3BC,YAAY,EAAEJ,MAAM,CAACC,IAAI,CAACrB,MAAI,CAAC,CAAC,CAAC;EACnC,CAAC;EACDyB,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/Button/__tests__/__snapshots__/Button.test.js.snap

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

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

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _theme = require("../../theme");
+var _Button = require("../Button");
 var _Calendar = require("./Calendar.constants");
 var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
 var _Calendar2 = require("./Calendar.Week");
@@ -25,7 +26,6 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var LEFT = _theme.DIRECTION_TYPE.LEFT;
 var Month = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var disabledPast = _ref.disabledPast,
     focus = _ref.focus,
@@ -46,7 +46,7 @@ var Month = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     onNext = _ref.onNext,
     onPrevious = _ref.onPrevious,
     others = _objectWithoutProperties(_ref, _excluded);
-  var direction = _theme.Theme.getDirection();
+  var defaultDirection = _theme.Theme.getDirection() === _theme.DIRECTION_TYPE.LEFT;
   var weekNumber = (0, _helpers2.getWeekNumber)(instance);
   var testId = others.testId;
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
@@ -55,21 +55,25 @@ var Month = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     forceRow: true,
     className: _CalendarModule.default.header
-  }, onPrevious && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+  }, onPrevious && /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    small: true,
+    squared: true,
+    transparent: true,
     onPress: onPrevious,
     testId: testId ? "".concat(testId, "-previous") : undefined
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    value: direction === LEFT ? _primitives.ICON.LEFT : _primitives.ICON.RIGHT
+    value: defaultDirection ? _primitives.ICON.LEFT : _primitives.ICON.RIGHT
   })), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     bold: true,
-    headline: true,
-    level: 4,
     className: _CalendarModule.default.title
-  }, (0, _helpers2.getHeader)(instance, locale)), onNext && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+  }, (0, _helpers2.getHeader)(instance, locale)), onNext && /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    small: true,
+    squared: true,
+    transparent: true,
     onPress: onNext,
     testId: testId ? "".concat(testId, "-next") : undefined
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    value: direction === LEFT ? _primitives.ICON.RIGHT : _primitives.ICON.LEFT
+    value: defaultDirection ? _primitives.ICON.RIGHT : _primitives.ICON.LEFT
   }))), !vertical && /*#__PURE__*/_react.default.createElement(_Calendar3.Weekdays, {
     locale: locale
   }), _Calendar.VISIBLE_WEEKS.map(function (week) {

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":"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"}
+{"version":3,"file":"Calendar.Month.js","names":["Month","React","forwardRef","ref","disabledPast","focus","format","from","instance","locale","range","selected","timestamp","to","vertical","onChange","onFocus","onNext","onPrevious","others","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","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, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { Button } from '../Button';\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\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 defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\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            <Button small squared transparent onPress={onPrevious} testId={testId ? `${testId}-previous` : undefined}>\n              <Icon value={defaultDirection ? ICON.LEFT : ICON.RIGHT} />\n            </Button>\n          )}\n          <Text bold className={style.title}>\n            {getHeader(instance, locale)}\n          </Text>\n          {onNext && (\n            <Button small squared transparent onPress={onNext} testId={testId ? `${testId}-next` : undefined}>\n              <Icon value={defaultDirection ? ICON.RIGHT : ICON.LEFT} />\n            </Button>\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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"}