@rpg-engine/long-bow 0.2.46 → 0.2.47

package/dist/long-bow.cjs.development.js

@@ -27354,7 +27354,7 @@ var Ellipsis = function Ellipsis(_ref) {
   return React__default.createElement(Container$1, {
     maxWidth: maxWidth,
     fontSize: fontSize
-  }, React__default.createElement("p", {
+  }, React__default.createElement("div", {
     className: "ellipsis-" + maxLines + "-lines"
   }, children));
 };
@@ -28051,17 +28051,19 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
       setContextActions(generateContextMenu(item, containerType));
     }
   }, [item]);
-  var getLeftPositionValue = function getLeftPositionValue(quantity) {
-    if (quantity > 0 && quantity < 10) return '2.5rem';else if (quantity > 9 && quantity < 100) return '2.0rem';else if (quantity > 99) return '1rem';
-    return '2.5rem';
-  };
   var getStackInfo = function getStackInfo(itemId, stackQty) {
     // if (itemToRender?.isStackable && itemToRender?.stackQty) {
+    var isFractionalStackQty = stackQty % 1 !== 0;
+    var isLargerThan999 = stackQty > 999;
     if (stackQty > 1) {
-      return React__default.createElement(ItemQty, {
-        left: getLeftPositionValue(stackQty),
+      return React__default.createElement(ItemQtyContainer, {
         key: "qty-" + itemId
-      }, ' ', stackQty, ' ');
+      }, React__default.createElement(Ellipsis, {
+        maxLines: 1,
+        maxWidth: 48
+      }, React__default.createElement(ItemQty, {
+        className: isFractionalStackQty || isLargerThan999 ? 'small' : 'regular'
+      }, ' ', stackQty, ' ')));
     }
     return undefined;
   };
@@ -28168,12 +28170,14 @@ var Container$9 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemSlot__Container",
   componentId: "sc-l2j5ef-0"
 })(["margin:0.1rem;.sprite-from-atlas-img{position:relative;top:1.5rem;left:1.5rem;}position:relative;"]);
+var ItemQtyContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ItemSlot__ItemQtyContainer",
+  componentId: "sc-l2j5ef-1"
+})(["position:relative;width:85%;height:16px;top:25px;left:2px;display:flex;justify-content:flex-end;"]);
 var ItemQty = /*#__PURE__*/styled.span.withConfig({
   displayName: "ItemSlot__ItemQty",
-  componentId: "sc-l2j5ef-1"
-})(["position:relative;top:1.5rem;left:", ";"], function (props) {
-  return props.left;
-});
+  componentId: "sc-l2j5ef-2"
+})(["&.regular{font-size:", ";}&.small{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall);
 
 var EquipmentSet = function EquipmentSet(_ref) {
   var equipmentSet = _ref.equipmentSet,