@rpg-engine/long-bow 0.2.47 → 0.2.48

package/dist/long-bow.esm.js

@@ -27344,10 +27344,12 @@ var Ellipsis = function Ellipsis(_ref) {
   var children = _ref.children,
     maxLines = _ref.maxLines,
     maxWidth = _ref.maxWidth,
-    fontSize = _ref.fontSize;
+    fontSize = _ref.fontSize,
+    center = _ref.center;
   return React.createElement(Container$1, {
     maxWidth: maxWidth,
-    fontSize: fontSize
+    fontSize: fontSize,
+    center: center
   }, React.createElement("div", {
     className: "ellipsis-" + maxLines + "-lines"
   }, children));
@@ -27355,10 +27357,10 @@ var Ellipsis = function Ellipsis(_ref) {
 var Container$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Ellipsis__Container",
   componentId: "sc-ysrlju-0"
-})(["p{font-size:", ";}.ellipsis-1-lines{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:", "px;}.ellipsis-2-lines{display:-webkit-box;max-width:", "px;height:25px;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}.ellipsis-3-lines{display:-webkit-box;max-width:", "px;height:43px;margin:0 auto;line-height:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}"], function (props) {
-  return props.fontSize || '1rem';
-}, function (props) {
+})([".ellipsis-1-lines{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:", ";", "}.ellipsis-2-lines{display:-webkit-box;max-width:", "px;height:25px;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}.ellipsis-3-lines{display:-webkit-box;max-width:", "px;height:43px;margin:0 auto;line-height:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}"], function (props) {
   return props.maxWidth;
+}, function (props) {
+  return props.center && "margin: 0 auto;";
 }, function (props) {
   return props.maxWidth;
 }, function (props) {
@@ -27395,10 +27397,11 @@ var PropertySelect = function PropertySelect(_ref) {
     }
     return '';
   };
-  return React.createElement(Container$2, null, React.createElement(TextOverlay, null, React.createElement(Item, null, React.createElement(Ellipsis, {
+  return React.createElement(Container$2, null, React.createElement(TextOverlay, null, React.createElement("p", null, React.createElement(Item, null, React.createElement(Ellipsis, {
     maxLines: 1,
-    maxWidth: 200
-  }, getCurrentSelectionName()))), React.createElement("div", {
+    maxWidth: "60%",
+    center: true
+  }, getCurrentSelectionName())))), React.createElement("div", {
     className: "rpgui-progress-track"
   }), React.createElement(SelectArrow, {
     direction: "left",
@@ -28055,7 +28058,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
         key: "qty-" + itemId
       }, React.createElement(Ellipsis, {
         maxLines: 1,
-        maxWidth: 48
+        maxWidth: "48px"
       }, React.createElement(ItemQty, {
         className: isFractionalStackQty || isLargerThan999 ? 'small' : 'regular'
       }, ' ', stackQty, ' ')));
@@ -29434,10 +29437,10 @@ var TradingItemRow = function TradingItemRow(_ref) {
     atlasJSON: atlasJSON,
     spriteKey: traderItem.texturePath,
     imgScale: 2.5
-  }))), React.createElement(ItemNameContainer, null, React.createElement(NameValue, null, React.createElement(Ellipsis, {
+  }))), React.createElement(ItemNameContainer, null, React.createElement(NameValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
     maxLines: 1,
-    maxWidth: 250
-  }, capitalize(traderItem.name)), React.createElement("p", null, "$", traderItem.price))), React.createElement(QuantityContainer, null, React.createElement(SelectArrow, {
+    maxWidth: "250px"
+  }, capitalize(traderItem.name))), React.createElement("p", null, "$", traderItem.price))), React.createElement(QuantityContainer, null, React.createElement(SelectArrow, {
     size: 32,
     className: "arrow-selector",
     direction: "left",