@mirai/ui 1.0.80 → 1.0.81-beta

package/build/primitives/Layer/helpers/getLayerPosition.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLayerPosition = void 0;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var getLayerPosition = function getLayerPosition() {
   var componentLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var contentLayout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -30,23 +36,55 @@ var getLayerPosition = function getLayerPosition() {
     height = _device$height === void 0 ? 0 : _device$height,
     _device$width = device.width,
     width = _device$width === void 0 ? 0 : _device$width;
+  var orientation = {
+    left: true
+  };
   var top = componentTop + componentHeight;
   var gapTop = componentTop;
   var gapBottom = height - top;
-  if (contentHeight > gapBottom && gapTop > gapBottom && !forceBottom || forceTop) top = componentTop - contentHeight;
+  if (contentHeight > gapBottom && gapTop > gapBottom && !forceBottom || forceTop) {
+    top = componentTop - contentHeight;
+    orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+      top: true
+    });
+  }
   var left = componentLeft;
   var gapLeft = componentLeft + componentWidth;
   var gapRight = width - componentLeft;
-  if (contentWidth > gapRight && gapLeft > gapRight && !forceLeft || forceRight) left = componentLeft - contentWidth + componentWidth;
+  if (contentWidth > gapRight && gapLeft > gapRight && !forceLeft || forceRight) {
+    left = componentLeft - contentWidth + componentWidth;
+    orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+      left: undefined,
+      right: true
+    });
+  }
   if (centered) {
     var gapCenter = (componentWidth + contentWidth) / 2;
     var space = (contentWidth - componentWidth) / 2;
-    if (gapLeft > gapRight) left = componentLeft - contentWidth + componentWidth;
-    if (gapLeft > gapCenter && gapRight > gapCenter) left += space * (gapLeft > gapRight ? 1 : -1);
+    orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+      left: true,
+      right: undefined
+    });
+    if (gapLeft > gapRight) {
+      left = componentLeft - contentWidth + componentWidth;
+      orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+        left: undefined,
+        right: true
+      });
+    }
+    if (gapLeft > gapCenter && gapRight > gapCenter) {
+      left += space * (gapLeft > gapRight ? 1 : -1);
+      orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+        left: undefined,
+        right: undefined,
+        center: true
+      });
+    }
   }
   return {
     left: left,
-    top: top
+    top: top,
+    orientation: orientation
   };
 };
 exports.getLayerPosition = getLayerPosition;

package/build/primitives/Layer/helpers/getLayerPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","componentLayout","contentLayout","device","centered","forceBottom","forceLeft","forceRight","forceTop","left","componentLeft","top","componentTop","width","componentWidth","height","componentHeight","contentWidth","contentHeight","gapTop","gapBottom","gapLeft","gapRight","gapCenter","space"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (\n  componentLayout = {},\n  contentLayout = {},\n  device = {},\n  { centered, forceBottom, forceLeft, forceRight, forceTop } = {},\n) => {\n  const {\n    left: componentLeft = 0,\n    top: componentTop = 0,\n    width: componentWidth = 0,\n    height: componentHeight = 0,\n  } = componentLayout;\n  const { width: contentWidth = 0, height: contentHeight = 0 } = contentLayout;\n  const { height = 0, width = 0 } = device;\n\n  let top = componentTop + componentHeight;\n  const gapTop = componentTop;\n  const gapBottom = height - top;\n  if ((contentHeight > gapBottom && gapTop > gapBottom && !forceBottom) || forceTop) top = componentTop - contentHeight;\n\n  let left = componentLeft;\n  const gapLeft = componentLeft + componentWidth;\n  const gapRight = width - componentLeft;\n\n  if ((contentWidth > gapRight && gapLeft > gapRight && !forceLeft) || forceRight)\n    left = componentLeft - contentWidth + componentWidth;\n\n  if (centered) {\n    const gapCenter = (componentWidth + contentWidth) / 2;\n    const space = (contentWidth - componentWidth) / 2;\n    if (gapLeft > gapRight) left = componentLeft - contentWidth + componentWidth;\n    if (gapLeft > gapCenter && gapRight > gapCenter) left += space * (gapLeft > gapRight ? 1 : -1);\n  }\n\n  return { left, top };\n};\n"],"mappings":";;;;;;AAAO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAKxB;EAAA,IAJHC,eAAe,uEAAG,CAAC,CAAC;EAAA,IACpBC,aAAa,uEAAG,CAAC,CAAC;EAAA,IAClBC,MAAM,uEAAG,CAAC,CAAC;EAAA,+EACkD,CAAC,CAAC;IAA7DC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAEC,SAAS,QAATA,SAAS;IAAEC,UAAU,QAAVA,UAAU;IAAEC,QAAQ,QAARA,QAAQ;EAExD,4BAKIP,eAAe,CAJjBQ,IAAI;IAAEC,aAAa,sCAAG,CAAC;IAAA,uBAIrBT,eAAe,CAHjBU,GAAG;IAAEC,YAAY,qCAAG,CAAC;IAAA,wBAGnBX,eAAe,CAFjBY,KAAK;IAAEC,cAAc,sCAAG,CAAC;IAAA,wBAEvBb,eAAe,CADjBc,MAAM;IAAEC,eAAe,sCAAG,CAAC;EAE7B,2BAA+Dd,aAAa,CAApEW,KAAK;IAAEI,YAAY,qCAAG,CAAC;IAAA,wBAAgCf,aAAa,CAA3Ca,MAAM;IAAEG,aAAa,sCAAG,CAAC;EAC1D,qBAAkCf,MAAM,CAAhCY,MAAM;IAANA,MAAM,+BAAG,CAAC;IAAA,gBAAgBZ,MAAM,CAApBU,KAAK;IAALA,KAAK,8BAAG,CAAC;EAE7B,IAAIF,GAAG,GAAGC,YAAY,GAAGI,eAAe;EACxC,IAAMG,MAAM,GAAGP,YAAY;EAC3B,IAAMQ,SAAS,GAAGL,MAAM,GAAGJ,GAAG;EAC9B,IAAKO,aAAa,GAAGE,SAAS,IAAID,MAAM,GAAGC,SAAS,IAAI,CAACf,WAAW,IAAKG,QAAQ,EAAEG,GAAG,GAAGC,YAAY,GAAGM,aAAa;EAErH,IAAIT,IAAI,GAAGC,aAAa;EACxB,IAAMW,OAAO,GAAGX,aAAa,GAAGI,cAAc;EAC9C,IAAMQ,QAAQ,GAAGT,KAAK,GAAGH,aAAa;EAEtC,IAAKO,YAAY,GAAGK,QAAQ,IAAID,OAAO,GAAGC,QAAQ,IAAI,CAAChB,SAAS,IAAKC,UAAU,EAC7EE,IAAI,GAAGC,aAAa,GAAGO,YAAY,GAAGH,cAAc;EAEtD,IAAIV,QAAQ,EAAE;IACZ,IAAMmB,SAAS,GAAG,CAACT,cAAc,GAAGG,YAAY,IAAI,CAAC;IACrD,IAAMO,KAAK,GAAG,CAACP,YAAY,GAAGH,cAAc,IAAI,CAAC;IACjD,IAAIO,OAAO,GAAGC,QAAQ,EAAEb,IAAI,GAAGC,aAAa,GAAGO,YAAY,GAAGH,cAAc;IAC5E,IAAIO,OAAO,GAAGE,SAAS,IAAID,QAAQ,GAAGC,SAAS,EAAEd,IAAI,IAAIe,KAAK,IAAIH,OAAO,GAAGC,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EAChG;EAEA,OAAO;IAAEb,IAAI,EAAJA,IAAI;IAAEE,GAAG,EAAHA;EAAI,CAAC;AACtB,CAAC;AAAC"}
+{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","componentLayout","contentLayout","device","centered","forceBottom","forceLeft","forceRight","forceTop","left","componentLeft","top","componentTop","width","componentWidth","height","componentHeight","contentWidth","contentHeight","orientation","gapTop","gapBottom","gapLeft","gapRight","undefined","right","gapCenter","space","center"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (\n  componentLayout = {},\n  contentLayout = {},\n  device = {},\n  { centered, forceBottom, forceLeft, forceRight, forceTop } = {},\n) => {\n  const {\n    left: componentLeft = 0,\n    top: componentTop = 0,\n    width: componentWidth = 0,\n    height: componentHeight = 0,\n  } = componentLayout;\n  const { width: contentWidth = 0, height: contentHeight = 0 } = contentLayout;\n  const { height = 0, width = 0 } = device;\n  let orientation = { left: true };\n\n  let top = componentTop + componentHeight;\n  const gapTop = componentTop;\n  const gapBottom = height - top;\n  if ((contentHeight > gapBottom && gapTop > gapBottom && !forceBottom) || forceTop) {\n    top = componentTop - contentHeight;\n    orientation = { ...orientation, top: true };\n  }\n\n  let left = componentLeft;\n  const gapLeft = componentLeft + componentWidth;\n  const gapRight = width - componentLeft;\n\n  if ((contentWidth > gapRight && gapLeft > gapRight && !forceLeft) || forceRight) {\n    left = componentLeft - contentWidth + componentWidth;\n    orientation = { ...orientation, left: undefined, right: true };\n  }\n\n  if (centered) {\n    const gapCenter = (componentWidth + contentWidth) / 2;\n    const space = (contentWidth - componentWidth) / 2;\n    orientation = { ...orientation, left: true, right: undefined };\n\n    if (gapLeft > gapRight) {\n      left = componentLeft - contentWidth + componentWidth;\n      orientation = { ...orientation, left: undefined, right: true };\n    }\n    if (gapLeft > gapCenter && gapRight > gapCenter) {\n      left += space * (gapLeft > gapRight ? 1 : -1);\n      orientation = { ...orientation, left: undefined, right: undefined, center: true };\n    }\n  }\n\n  return { left, top, orientation };\n};\n"],"mappings":"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"}

package/build/primitives/Pressable/Pressable.js

@@ -33,7 +33,7 @@ var Pressable = function Pressable(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(tag, _objectSpread(_objectSpread({}, others), {}, {
     disabled: disabled,
-    className: (0, _helpers.styles)(_PressableModule.default.pressable, others.className)
+    className: (0, _helpers.styles)(_PressableModule.default.pressable, disabled && _PressableModule.default.disabled, others.className)
   }, !disabled ? {
     onClick: function onClick(event) {
       if (preventDefault) {

package/build/primitives/Pressable/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","preventDefault","tag","onEnter","onLeave","onPress","others","React","createElement","className","styles","style","pressable","onClick","event","stopPropagation","onKeyPress","keyCode","KEY_ENTER","onMouseEnter","onMouseLeave","displayName","propTypes","PropTypes","oneOfType","string","node","bool","func"],"sources":["../../../src/primitives/Pressable/Pressable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { KEY_ENTER } from './Pressable.constants';\nimport style from './Pressable.module.css';\n\nconst Pressable = ({\n  children,\n  disabled,\n  preventDefault = true,\n  tag = 'div',\n  onEnter,\n  onLeave,\n  onPress = () => {},\n  ...others\n}) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      disabled,\n      className: styles(style.pressable, others.className),\n      ...(!disabled\n        ? {\n            onClick: (event) => {\n              if (preventDefault) {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n              onPress(event);\n            },\n            onKeyPress: (event) => {\n              if (event.keyCode === KEY_ENTER) {\n                if (preventDefault) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n                onPress(event);\n              }\n            },\n            onMouseEnter: onEnter,\n            onMouseLeave: onLeave,\n          }\n        : {}),\n    },\n    children,\n  );\n\nPressable.displayName = 'Primitive:Pressable';\n\nPressable.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  preventDefault: PropTypes.bool,\n  tag: PropTypes.string,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Pressable };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3C,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IACbC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,2BACRC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IAAA,gBACrBC,GAAG;IAAHA,GAAG,yBAAG,KAAK;IACXC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBN,GAAG,kCAEEI,MAAM;IACTN,QAAQ,EAARA,QAAQ;IACRS,SAAS,EAAE,IAAAC,eAAM,EAACC,wBAAK,CAACC,SAAS,EAAEN,MAAM,CAACG,SAAS;EAAC,GAChD,CAACT,QAAQ,GACT;IACEa,OAAO,EAAE,iBAACC,KAAK,EAAK;MAClB,IAAIb,cAAc,EAAE;QAClBa,KAAK,CAACb,cAAc,EAAE;QACtBa,KAAK,CAACC,eAAe,EAAE;MACzB;MACAV,OAAO,CAACS,KAAK,CAAC;IAChB,CAAC;IACDE,UAAU,EAAE,oBAACF,KAAK,EAAK;MACrB,IAAIA,KAAK,CAACG,OAAO,KAAKC,oBAAS,EAAE;QAC/B,IAAIjB,cAAc,EAAE;UAClBa,KAAK,CAACb,cAAc,EAAE;UACtBa,KAAK,CAACC,eAAe,EAAE;QACzB;QACAV,OAAO,CAACS,KAAK,CAAC;MAChB;IACF,CAAC;IACDK,YAAY,EAAEhB,OAAO;IACrBiB,YAAY,EAAEhB;EAChB,CAAC,GACD,CAAC,CAAC,GAERL,QAAQ,CACT;AAAA;AAAC;AAEJD,SAAS,CAACuB,WAAW,GAAG,qBAAqB;AAE7CvB,SAAS,CAACwB,SAAS,GAAG;EACpBvB,QAAQ,EAAEwB,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,IAAI,CAAC,CAAC;EACjE1B,QAAQ,EAAEuB,kBAAS,CAACI,IAAI;EACxB1B,cAAc,EAAEsB,kBAAS,CAACI,IAAI;EAC9BzB,GAAG,EAAEqB,kBAAS,CAACE,MAAM;EACrBtB,OAAO,EAAEoB,kBAAS,CAACK,IAAI;EACvBxB,OAAO,EAAEmB,kBAAS,CAACK,IAAI;EACvBvB,OAAO,EAAEkB,kBAAS,CAACK;AACrB,CAAC"}
+{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","preventDefault","tag","onEnter","onLeave","onPress","others","React","createElement","className","styles","style","pressable","onClick","event","stopPropagation","onKeyPress","keyCode","KEY_ENTER","onMouseEnter","onMouseLeave","displayName","propTypes","PropTypes","oneOfType","string","node","bool","func"],"sources":["../../../src/primitives/Pressable/Pressable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { KEY_ENTER } from './Pressable.constants';\nimport style from './Pressable.module.css';\n\nconst Pressable = ({\n  children,\n  disabled,\n  preventDefault = true,\n  tag = 'div',\n  onEnter,\n  onLeave,\n  onPress = () => {},\n  ...others\n}) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      disabled,\n      className: styles(style.pressable, disabled && style.disabled, others.className),\n      ...(!disabled\n        ? {\n            onClick: (event) => {\n              if (preventDefault) {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n              onPress(event);\n            },\n            onKeyPress: (event) => {\n              if (event.keyCode === KEY_ENTER) {\n                if (preventDefault) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n                onPress(event);\n              }\n            },\n            onMouseEnter: onEnter,\n            onMouseLeave: onLeave,\n          }\n        : {}),\n    },\n    children,\n  );\n\nPressable.displayName = 'Primitive:Pressable';\n\nPressable.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  preventDefault: PropTypes.bool,\n  tag: PropTypes.string,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Pressable };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3C,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IACbC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,2BACRC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IAAA,gBACrBC,GAAG;IAAHA,GAAG,yBAAG,KAAK;IACXC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBN,GAAG,kCAEEI,MAAM;IACTN,QAAQ,EAARA,QAAQ;IACRS,SAAS,EAAE,IAAAC,eAAM,EAACC,wBAAK,CAACC,SAAS,EAAEZ,QAAQ,IAAIW,wBAAK,CAACX,QAAQ,EAAEM,MAAM,CAACG,SAAS;EAAC,GAC5E,CAACT,QAAQ,GACT;IACEa,OAAO,EAAE,iBAACC,KAAK,EAAK;MAClB,IAAIb,cAAc,EAAE;QAClBa,KAAK,CAACb,cAAc,EAAE;QACtBa,KAAK,CAACC,eAAe,EAAE;MACzB;MACAV,OAAO,CAACS,KAAK,CAAC;IAChB,CAAC;IACDE,UAAU,EAAE,oBAACF,KAAK,EAAK;MACrB,IAAIA,KAAK,CAACG,OAAO,KAAKC,oBAAS,EAAE;QAC/B,IAAIjB,cAAc,EAAE;UAClBa,KAAK,CAACb,cAAc,EAAE;UACtBa,KAAK,CAACC,eAAe,EAAE;QACzB;QACAV,OAAO,CAACS,KAAK,CAAC;MAChB;IACF,CAAC;IACDK,YAAY,EAAEhB,OAAO;IACrBiB,YAAY,EAAEhB;EAChB,CAAC,GACD,CAAC,CAAC,GAERL,QAAQ,CACT;AAAA;AAAC;AAEJD,SAAS,CAACuB,WAAW,GAAG,qBAAqB;AAE7CvB,SAAS,CAACwB,SAAS,GAAG;EACpBvB,QAAQ,EAAEwB,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,IAAI,CAAC,CAAC;EACjE1B,QAAQ,EAAEuB,kBAAS,CAACI,IAAI;EACxB1B,cAAc,EAAEsB,kBAAS,CAACI,IAAI;EAC9BzB,GAAG,EAAEqB,kBAAS,CAACE,MAAM;EACrBtB,OAAO,EAAEoB,kBAAS,CAACK,IAAI;EACvBxB,OAAO,EAAEmB,kBAAS,CAACK,IAAI;EACvBvB,OAAO,EAAEkB,kBAAS,CAACK;AACrB,CAAC"}

package/build/primitives/Pressable/Pressable.module.css

@@ -13,6 +13,7 @@
   -webkit-tap-highlight-color: transparent;
 }
 
+.pressable.disabled,
 .pressable:disabled {
   cursor: unset;
   outline: none;

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

@@ -13,7 +13,7 @@ exports[`primitive:<Pressable> inherit:className 1`] = `
 exports[`primitive:<Pressable> prop:disabled 1`] = `
 <DocumentFragment>
   <div
-    class="pressable"
+    class="pressable disabled"
     disabled=""
   >
     children

package/build/theme/theme.stories.js

@@ -1,2 +1,62 @@
 "use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("..");
+var _theme = require("./theme");
+var _defaultTheme = _interopRequireDefault(require("./default.theme.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var _default = {
+  title: 'Classes'
+};
+exports.default = _default;
+var Story = function Story() {
+  var _useState = (0, _react.useState)(_theme.Theme.get()),
+    _useState2 = _slicedToArray(_useState, 2),
+    theme = _useState2[0],
+    setTheme = _useState2[1];
+  var handlePress = function handlePress() {
+    _theme.Theme.setVariable('base', '#222');
+    _theme.Theme.setVariable('content', '#fff');
+    _theme.Theme.setVariable('font', 'courier');
+    _theme.Theme.setVariable('font-bold', 'courier');
+    _theme.Theme.setVariable('accent', '#f2a900');
+    setTheme(_theme.Theme.get());
+  };
+  var _Theme$get = _theme.Theme.get(),
+    accent = _Theme$get.accent,
+    spaceXL = _Theme$get.spaceXL;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Text, null, "Theme"), console.log(_theme.Theme.get()), Object.entries(_theme.Theme.get()).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return /*#__PURE__*/_react.default.createElement(_.View, {
+      row: true,
+      key: key
+    }, /*#__PURE__*/_react.default.createElement(_.Text, {
+      bold: true,
+      action: true
+    }, "".concat(key, ": ")), /*#__PURE__*/_react.default.createElement(_.Text, {
+      action: true
+    }, value.toString()));
+  }), /*#__PURE__*/_react.default.createElement(_.Button, {
+    onPress: handlePress
+  }, "demo"));
+};
+exports.Story = Story;
+Story.storyName = 'Theme';
+Story.args = {};
+Story.argTypes = {};
 //# sourceMappingURL=theme.stories.js.map

package/build/theme/theme.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.stories.js","names":[],"sources":["../../src/theme/theme.stories.jsx"],"sourcesContent":[""],"mappings":""}
+{"version":3,"file":"theme.stories.js","names":["title","Story","useState","Theme","get","theme","setTheme","handlePress","setVariable","accent","spaceXL","console","log","Object","entries","map","key","value","toString","storyName","args","argTypes"],"sources":["../../src/theme/theme.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button, Text, View } from '..';\nimport { Theme } from './theme';\nimport style from './default.theme.css';\n\nexport default {\n  title: 'Classes',\n};\n\nexport const Story = () => {\n  const [theme, setTheme] = useState(Theme.get());\n\n  const handlePress = () => {\n    Theme.setVariable('base', '#222');\n    Theme.setVariable('content', '#fff');\n    Theme.setVariable('font', 'courier');\n    Theme.setVariable('font-bold', 'courier');\n    Theme.setVariable('accent', '#f2a900');\n    setTheme(Theme.get());\n  };\n\n  const { accent, spaceXL } = Theme.get();\n\n  return (\n    <>\n      <Text>Theme</Text>\n      {console.log(Theme.get())}\n      {Object.entries(Theme.get()).map(([key, value]) => (\n        <View row key={key}>\n          <Text bold action>\n            {`${key}: `}\n          </Text>\n          <Text action>{value.toString()}</Text>\n        </View>\n      ))}\n      <Button onPress={handlePress}>demo</Button>\n    </>\n  );\n};\n\nStory.storyName = 'Theme';\n\nStory.args = {};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EACbA,KAAK,EAAE;AACT,CAAC;AAAA;AAEM,IAAMC,KAAK,GAAG,SAARA,KAAK,GAAS;EACzB,gBAA0B,IAAAC,eAAQ,EAACC,YAAK,CAACC,GAAG,EAAE,CAAC;IAAA;IAAxCC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAS;IACxBJ,YAAK,CAACK,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;IACjCL,YAAK,CAACK,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC;IACpCL,YAAK,CAACK,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC;IACpCL,YAAK,CAACK,WAAW,CAAC,WAAW,EAAE,SAAS,CAAC;IACzCL,YAAK,CAACK,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC;IACtCF,QAAQ,CAACH,YAAK,CAACC,GAAG,EAAE,CAAC;EACvB,CAAC;EAED,iBAA4BD,YAAK,CAACC,GAAG,EAAE;IAA/BK,MAAM,cAANA,MAAM;IAAEC,OAAO,cAAPA,OAAO;EAEvB,oBACE,yEACE,6BAAC,MAAI,gBAAa,EACjBC,OAAO,CAACC,GAAG,CAACT,YAAK,CAACC,GAAG,EAAE,CAAC,EACxBS,MAAM,CAACC,OAAO,CAACX,YAAK,CAACC,GAAG,EAAE,CAAC,CAACW,GAAG,CAAC;IAAA;MAAEC,GAAG;MAAEC,KAAK;IAAA,oBAC3C,6BAAC,MAAI;MAAC,GAAG;MAAC,GAAG,EAAED;IAAI,gBACjB,6BAAC,MAAI;MAAC,IAAI;MAAC,MAAM;IAAA,aACXA,GAAG,QACF,eACP,6BAAC,MAAI;MAAC,MAAM;IAAA,GAAEC,KAAK,CAACC,QAAQ,EAAE,CAAQ,CACjC;EAAA,CACR,CAAC,eACF,6BAAC,QAAM;IAAC,OAAO,EAAEX;EAAY,UAAc,CAC1C;AAEP,CAAC;AAAC;AAEFN,KAAK,CAACkB,SAAS,GAAG,OAAO;AAEzBlB,KAAK,CAACmB,IAAI,GAAG,CAAC,CAAC;AAEfnB,KAAK,CAACoB,QAAQ,GAAG,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.80",
+  "version": "1.0.81-beta",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "7.0.2",
     "babel-polyfill": "6.26.0",
-    "parcel": "2.7.0",
+    "parcel": "2.8.3",
     "process": "0.11.10",
     "react-scripts": "5.0.1",
     "source-map-explorer": "2.5.3"