@rpg-engine/long-bow 0.2.47 → 0.2.49

package/dist/components/shared/Ellipsis.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 interface IProps {
     children: React.ReactNode;
     maxLines: 1 | 2 | 3;
-    maxWidth: number;
+    maxWidth: string;
     fontSize?: string;
+    center?: boolean;
 }
-export declare const Ellipsis: ({ children, maxLines, maxWidth, fontSize, }: IProps) => JSX.Element;
+export declare const Ellipsis: ({ children, maxLines, maxWidth, fontSize, center, }: IProps) => JSX.Element;
 export {};

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

@@ -27350,10 +27350,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__default.createElement(Container$1, {
     maxWidth: maxWidth,
-    fontSize: fontSize
+    fontSize: fontSize,
+    center: center
   }, React__default.createElement("div", {
     className: "ellipsis-" + maxLines + "-lines"
   }, children));
@@ -27361,10 +27363,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) {
@@ -27401,10 +27403,11 @@ var PropertySelect = function PropertySelect(_ref) {
     }
     return '';
   };
-  return React__default.createElement(Container$2, null, React__default.createElement(TextOverlay, null, React__default.createElement(Item, null, React__default.createElement(Ellipsis, {
+  return React__default.createElement(Container$2, null, React__default.createElement(TextOverlay, null, React__default.createElement("p", null, React__default.createElement(Item, null, React__default.createElement(Ellipsis, {
     maxLines: 1,
-    maxWidth: 200
-  }, getCurrentSelectionName()))), React__default.createElement("div", {
+    maxWidth: "60%",
+    center: true
+  }, getCurrentSelectionName())))), React__default.createElement("div", {
     className: "rpgui-progress-track"
   }), React__default.createElement(SelectArrow, {
     direction: "left",
@@ -28060,7 +28063,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
         key: "qty-" + itemId
       }, React__default.createElement(Ellipsis, {
         maxLines: 1,
-        maxWidth: 48
+        maxWidth: "48px"
       }, React__default.createElement(ItemQty, {
         className: isFractionalStackQty || isLargerThan999 ? 'small' : 'regular'
       }, ' ', stackQty, ' ')));
@@ -29378,10 +29381,10 @@ var DayNightPeriod = function DayNightPeriod(_ref) {
     src: periodOfDaySrcFiles[periodOfDay]
   }));
 };
-var GifContainer = /*#__PURE__*/styled.span.withConfig({
+var GifContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DayNightPeriod__GifContainer",
   componentId: "sc-10t97fw-0"
-})(["width:100%;"]);
+})(["width:100%;img{width:67%;}"]);
 
 var img$c = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
 
@@ -29398,19 +29401,19 @@ var TimeWidget = function TimeWidget(_ref) {
 var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "TimeWidget__WidgetContainer",
   componentId: "sc-1ja236h-0"
-})(["background-image:url(", ");background-repeat:no-repeat;width:100%;position:absolute;margin:20px;"], img$c);
+})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;"], img$c);
 var Time = /*#__PURE__*/styled.div.withConfig({
   displayName: "TimeWidget__Time",
   componentId: "sc-1ja236h-1"
-})(["width:100%;top:-6.95rem;right:-4.4rem;position:relative;font-size:7.5px;color:white;"]);
+})(["top:0.75rem;right:0.5rem;position:absolute;font-size:", ";color:white;"], uiFonts.size.small);
 var CloseButton$3 = /*#__PURE__*/styled.p.withConfig({
   displayName: "TimeWidget__CloseButton",
   componentId: "sc-1ja236h-2"
-})(["width:100%;position:relative;top:-1rem;right:-6.9rem;font-size:", " !important;z-index:1;"], uiFonts.size.xxsmall);
-var DayNightContainer = /*#__PURE__*/styled.span.withConfig({
+})(["position:absolute;top:-0.5rem;margin:0;right:-0.2rem;font-size:", " !important;z-index:1;"], uiFonts.size.small);
+var DayNightContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "TimeWidget__DayNightContainer",
   componentId: "sc-1ja236h-3"
-})(["top:-41px;left:-3px;position:relative;"]);
+})(["margin-top:-0.3rem;margin-left:-0.3rem;"]);
 
 var TradingItemRow = function TradingItemRow(_ref) {
   var atlasIMG = _ref.atlasIMG,
@@ -29436,10 +29439,10 @@ var TradingItemRow = function TradingItemRow(_ref) {
     atlasJSON: atlasJSON,
     spriteKey: traderItem.texturePath,
     imgScale: 2.5
-  }))), React__default.createElement(ItemNameContainer, null, React__default.createElement(NameValue, null, React__default.createElement(Ellipsis, {
+  }))), React__default.createElement(ItemNameContainer, null, React__default.createElement(NameValue, null, React__default.createElement("p", null, React__default.createElement(Ellipsis, {
     maxLines: 1,
-    maxWidth: 250
-  }, capitalize(traderItem.name)), React__default.createElement("p", null, "$", traderItem.price))), React__default.createElement(QuantityContainer, null, React__default.createElement(SelectArrow, {
+    maxWidth: "250px"
+  }, capitalize(traderItem.name))), React__default.createElement("p", null, "$", traderItem.price))), React__default.createElement(QuantityContainer, null, React__default.createElement(SelectArrow, {
     size: 32,
     className: "arrow-selector",
     direction: "left",