@rpg-engine/long-bow 0.3.76 → 0.3.78

package/dist/long-bow.esm.js

@@ -33426,15 +33426,16 @@ var MobileItemTooltip = function MobileItemTooltip(_ref) {
       var x = -rect.x * 100 / (scale * 100);
       var y = -rect.y * 100 / (scale * 100);
       current.style.transform = "translate(" + x + "px, " + y + "px)";
-      current.style.opacity = '1';
+      current.style.opacity = '0.92';
     }
     return;
   }, []);
   return React.createElement(Container$9, {
     ref: ref,
-    onTouchEnd: function onTouchEnd(e) {
-      e.stopPropagation();
-      closeTooltip();
+    onTouchEnd: function onTouchEnd() {
+      setTimeout(function () {
+        closeTooltip();
+      }, 10);
     },
     scale: scale
   }, React.createElement(ItemInfoDisplay, {
@@ -33447,7 +33448,10 @@ var MobileItemTooltip = function MobileItemTooltip(_ref) {
     return React.createElement(Option, {
       key: option.id,
       onTouchEnd: function onTouchEnd() {
-        return onSelected == null ? void 0 : onSelected(option.id);
+        setTimeout(function () {
+          onSelected == null ? void 0 : onSelected(option.id);
+          closeTooltip();
+        }, 10);
       }
     }, option.text);
   })));
@@ -33455,7 +33459,7 @@ var MobileItemTooltip = function MobileItemTooltip(_ref) {
 var Container$9 = /*#__PURE__*/styled.div.withConfig({
   displayName: "MobileItemTooltip__Container",
   componentId: "sc-ku4p1j-0"
-})(["position:fixed;z-index:50;left:0;top:0;opacity:0;width:", ";height:", ";background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;"], function (_ref2) {
+})(["position:fixed;z-index:50;left:0;top:0;opacity:0;width:", ";height:", ";background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;gap:0.5rem;@media (max-width:580px){flex-direction:column;}"], function (_ref2) {
   var scale = _ref2.scale;
   return "calc(100vw * 100 / " + scale * 100 + ")";
 }, function (_ref3) {
@@ -33465,11 +33469,11 @@ var Container$9 = /*#__PURE__*/styled.div.withConfig({
 var OptionsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "MobileItemTooltip__OptionsContainer",
   componentId: "sc-ku4p1j-1"
-})(["display:flex;flex-direction:column;margin-left:2rem;gap:1rem;"]);
+})(["display:flex;flex-direction:column;gap:0.5rem;flex-wrap:wrap;@media (max-width:580px){flex-direction:row;justify-content:center;}"]);
 var Option = /*#__PURE__*/styled.button.withConfig({
   displayName: "MobileItemTooltip__Option",
   componentId: "sc-ku4p1j-2"
-})(["padding:1rem;background-color:", ";border:none;border-radius:3px;"], uiColors.lightGray);
+})(["padding:1rem;background-color:#333;color:white;border:none;border-radius:3px;width:8rem;transition:background-color 0.2s;&:hover{background-color:#555;}@media (max-width:580px){padding:1rem 0.5rem;}"]);
 
 var generateContextMenuListOptions = function generateContextMenuListOptions(actionsByTypeList) {
   var contextMenu = actionsByTypeList.map(function (action) {
@@ -34029,7 +34033,7 @@ var ItemInfo = function ItemInfo(_ref) {
 var Container$b = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Container",
   componentId: "sc-1xm4q8k-0"
-})(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;width:max-content;font-size:", ";border:3px solid ", ";"], uiFonts.size.small, function (_ref2) {
+})(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:15rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, function (_ref2) {
   var _rarityColor;
   var item = _ref2.item;
   return (_rarityColor = rarityColor(item)) != null ? _rarityColor : uiColors.lightGray;
@@ -34052,11 +34056,11 @@ var Type = /*#__PURE__*/styled.div.withConfig({
 var Statistic = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Statistic",
   componentId: "sc-1xm4q8k-4"
-})(["margin-bottom:0.4rem;.label{display:inline-block;margin-right:0.5rem;color:inherit;}.value{display:inline-block;color:inherit;}&.better,.better{color:", ";}&.worse,.worse{color:", ";}"], uiColors.lightGreen, uiColors.cardinal);
+})(["margin-bottom:0.4rem;width:max-content;.label{display:inline-block;margin-right:0.5rem;color:inherit;}.value{display:inline-block;color:inherit;}&.better,.better{color:", ";}&.worse,.worse{color:", ";}"], uiColors.lightGreen, uiColors.cardinal);
 var Description = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Description",
   componentId: "sc-1xm4q8k-5"
-})(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;width:max-content;max-width:20rem;"], uiFonts.size.small, uiColors.lightGray);
+})(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;"], uiFonts.size.small, uiColors.lightGray);
 var Header = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Header",
   componentId: "sc-1xm4q8k-6"
@@ -34064,7 +34068,7 @@ var Header = /*#__PURE__*/styled.div.withConfig({
 var AllowedSlots = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__AllowedSlots",
   componentId: "sc-1xm4q8k-7"
-})(["display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.5rem;margin-left:2rem;"]);
+})(["display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-left:auto;align-self:flex-start;"]);
 var StackInfo = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__StackInfo",
   componentId: "sc-1xm4q8k-8"
@@ -34117,7 +34121,7 @@ var ItemInfoDisplay = function ItemInfoDisplay(_ref) {
 var Flex = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfoDisplay__Flex",
   componentId: "sc-1lftdo8-0"
-})(["display:flex;gap:0.5rem;flex-direction:", ";"], function (_ref2) {
+})(["display:flex;gap:0.5rem;flex-direction:", ";@media (max-width:580px){flex-direction:column-reverse;align-items:center;}"], function (_ref2) {
   var $isMobile = _ref2.$isMobile;
   return $isMobile ? 'row-reverse' : 'row';
 });