@mirai/ui 1.0.174 → 1.0.175

package/build/components/Tooltip/Tooltip.js

@@ -72,9 +72,11 @@ var Tooltip = function Tooltip(_ref) {
     var _objectSpread2;
     return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({
       key: index
-    }, child.props), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onPress' : 'onClick', pressable ? function () {
-      return setVisible(!visible);
-    } : undefined), _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onEnter' : 'onMouseEnter', !pressable ? function () {
+    }, child.props), {}, (_objectSpread2 = {
+      onClick: pressable ? function () {
+        return setVisible(!visible);
+      } : undefined
+    }, _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onEnter' : 'onMouseEnter', !pressable ? function () {
       return setVisible(true);
     } : undefined), _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onLeave' : 'onMouseLeave', function () {
       return setVisible(false);

package/build/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","others","useState","setVisible","position","setPosition","testId","rest","role","React","Children","map","child","index","cloneElement","key","props","isPressableInstance","undefined","styles","style","dispatcher","className","tooltip","aline","bottom","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n  children,\n  left: propLeft,\n  pressable = false,\n  right: propRight,\n  Template,\n  text,\n  timestamp,\n  top: propTop,\n  visible: propVisible = false,\n  ...others\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n\n  const { testId, ...rest } = others;\n\n  const { left, right, top = propTop } = position;\n\n  return text || Template ? (\n    <Layer\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      role={others.role || 'tooltip'}\n      timestamp={timestamp}\n      top={top}\n      visible={visible}\n      onPosition={setPosition}\n      testId={testId}\n    >\n      {React.Children.map(children, (child, index) =>\n        React.cloneElement(child, {\n          key: index,\n          ...child.props,\n          [isPressableInstance(child) ? 'onPress' : 'onClick']: pressable ? () => setVisible(!visible) : undefined,\n          [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n          [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: () => setVisible(false),\n          className: styles(style.dispatcher, child.props.className),\n          testId: testId ? `${testId}-dispatcher` : undefined,\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...rest}\n          className={styles(\n            style.tooltip,\n            (propLeft || propRight) && style.aline,\n            left && style.left,\n            right && style.right,\n            top ? style.top : style.bottom,\n            rest.className,\n          )}\n        >\n          {Template ? (\n            <Template />\n          ) : (\n            <Text bold small className={style.text}>\n              {text}\n            </Text>\n          )}\n        </View>\n      </LayerContent>\n    </Layer>\n  ) : (\n    <>{children}</>\n  );\n};\n\nTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  left: PropTypes.bool,\n  pressable: PropTypes.bool,\n  right: PropTypes.bool,\n  Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","others","useState","setVisible","position","setPosition","testId","rest","role","React","Children","map","child","index","cloneElement","key","props","onClick","undefined","isPressableInstance","styles","style","dispatcher","className","tooltip","aline","bottom","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n  children,\n  left: propLeft,\n  pressable = false,\n  right: propRight,\n  Template,\n  text,\n  timestamp,\n  top: propTop,\n  visible: propVisible = false,\n  ...others\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n\n  const { testId, ...rest } = others;\n\n  const { left, right, top = propTop } = position;\n\n  return text || Template ? (\n    <Layer\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      role={others.role || 'tooltip'}\n      timestamp={timestamp}\n      top={top}\n      visible={visible}\n      onPosition={setPosition}\n      testId={testId}\n    >\n      {React.Children.map(children, (child, index) =>\n        React.cloneElement(child, {\n          key: index,\n          ...child.props,\n          onClick: pressable ? () => setVisible(!visible) : undefined,\n          [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n          [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: () => setVisible(false),\n          className: styles(style.dispatcher, child.props.className),\n          testId: testId ? `${testId}-dispatcher` : undefined,\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...rest}\n          className={styles(\n            style.tooltip,\n            (propLeft || propRight) && style.aline,\n            left && style.left,\n            right && style.right,\n            top ? style.top : style.bottom,\n            rest.className,\n          )}\n        >\n          {Template ? (\n            <Template />\n          ) : (\n            <Text bold small className={style.text}>\n              {text}\n            </Text>\n          )}\n        </View>\n      </LayerContent>\n    </Layer>\n  ) : (\n    <>{children}</>\n  );\n};\n\nTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  left: PropTypes.bool,\n  pressable: PropTypes.bool,\n  right: PropTypes.bool,\n  Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}

package/build/theme/default.theme.css

@@ -186,6 +186,7 @@
   --mirai-ui-calendar-caption-line-height: calc(var(--mirai-ui-calendar-caption-font-size) * 1.5);
   --mirai-ui-calendar-caption-color: var(--mirai-ui-content-light);
   --mirai-ui-calendar-cell: var(--mirai-ui-space-XL);
+  --mirai-ui-calendar-cell-border-radius: var(--mirai-ui-border-radius);
   --mirai-ui-calendar-highlight-color: var(--mirai-ui-accent);
   --mirai-ui-calendar-padding: var(--mirai-ui-space-XS);
   --mirai-ui-calendar-range-background: var(--mirai-ui-content-background);
@@ -289,6 +290,16 @@
   }
 }
 
+@keyframes mirai-button-transparent-busy {
+  0% {
+    background-color: var(--mirai-ui-content);
+  }
+  50%,
+  100% {
+    background-color: var(--mirai-ui-content-border);
+  }
+}
+
 @keyframes mirai-progress-indeterminate {
   0% {
     transform: translateX(0) scaleX(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.174",
+  "version": "1.0.175",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",