@rpg-engine/long-bow 0.8.54 → 0.8.56

package/dist/long-bow.esm.js

@@ -27496,9 +27496,6 @@ var Icon = /*#__PURE__*/styled.img.withConfig({
   return width;
 });
 
-var ITEM_HEIGHT = 35;
-var MAX_ITEMS_VISIBLE = 10;
-var MAX_HEIGHT = MAX_ITEMS_VISIBLE * ITEM_HEIGHT;
 var Dropdown = function Dropdown(_ref) {
   var options = _ref.options,
     width = _ref.width,
@@ -27551,8 +27548,7 @@ var Dropdown = function Dropdown(_ref) {
   }, React.createElement("label", null, "\u25BC"), " ", selectedOption), React.createElement(DropdownOptions$1, {
     className: "rpgui-dropdown-imp",
     opened: opened,
-    opensUp: opensUp,
-    optionsCount: options.length
+    opensUp: opensUp
   }, options.map(function (option) {
     return React.createElement("li", {
       key: option.id,
@@ -27567,25 +27563,23 @@ var Dropdown = function Dropdown(_ref) {
 var Container$9 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Dropdown__Container",
   componentId: "sc-8arn65-0"
-})(["position:relative;width:", ";max-height:", "px;"], function (props) {
+})(["position:relative;width:", ";"], function (props) {
   return props.width || '100%';
-}, MAX_HEIGHT);
+});
 var DropdownSelect$1 = /*#__PURE__*/styled.p.withConfig({
   displayName: "Dropdown__DropdownSelect",
   componentId: "sc-8arn65-1"
-})(["width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:", "px;label{display:inline-block;transform:translateY(-2px);}"], ITEM_HEIGHT);
+})(["width:100%;box-sizing:border-box;label{display:inline-block;transform:translateY(-2px);}"]);
 var DropdownOptions$1 = /*#__PURE__*/styled.ul.withConfig({
   displayName: "Dropdown__DropdownOptions",
   componentId: "sc-8arn65-2"
-})(["position:absolute;width:100%;max-height:", ";overflow-y:auto;display:", ";box-sizing:border-box;bottom:", ";top:", ";margin:0;padding:0;li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 12px;min-height:", "px;max-height:", "px;box-sizing:border-box;line-height:1.2;}"], function (props) {
-  return props.opened ? Math.min(props.optionsCount * ITEM_HEIGHT, MAX_HEIGHT) + "px" : '0';
-}, function (props) {
+})(["position:absolute;width:100%;max-height:300px;overflow-y:auto;display:", ";box-sizing:border-box;bottom:", ";top:", ";margin:0;padding:0;@media (max-width:768px){padding:8px 0;}"], function (props) {
   return props.opened ? 'block' : 'none';
 }, function (props) {
   return props.opensUp ? '100%' : 'auto';
 }, function (props) {
   return props.opensUp ? 'auto' : '100%';
-}, ITEM_HEIGHT, ITEM_HEIGHT);
+});
 
 var modalRoot = /*#__PURE__*/document.getElementById('modal-root');
 var ModalPortal = function ModalPortal(_ref) {
@@ -34057,7 +34051,7 @@ var ConfirmModal = function ConfirmModal(_ref) {
     e.stopPropagation();
   };
   return React.createElement(ModalPortal, null, React.createElement(GlobalStyle, null), React.createElement(Overlay$2, {
-    onPointerDown: handleClose
+    onClick: handleClose
   }), React.createElement(ModalContainer, null, React.createElement(ModalContent, {
     onPointerDown: stopPropagation
   }, React.createElement(MessageContainer, null, typeof message === 'string' ? React.createElement(Message$1, null, message) : message), React.createElement(ButtonsContainer$2, null, React.createElement(CancelButtonWrapper, null, React.createElement(Button, {
@@ -34071,15 +34065,15 @@ var ConfirmModal = function ConfirmModal(_ref) {
 var Overlay$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ConfirmModal__Overlay",
   componentId: "sc-11qkyu1-0"
-})(["position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000;animation:fadeIn 0.2s ease-out;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"]);
+})(["position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:1000;animation:fadeIn 0.2s ease-out;cursor:pointer;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"]);
 var ModalContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "ConfirmModal__ModalContainer",
   componentId: "sc-11qkyu1-1"
-})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;"]);
+})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);"]);
 var ModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "ConfirmModal__ModalContent",
   componentId: "sc-11qkyu1-2"
-})(["background:url('/assets/ui/paper-dialog.png') no-repeat center center;background-size:100% 100%;padding:20px;min-width:300px;max-width:90%;margin:0 auto;animation:scaleIn 0.2s ease-out;transform-origin:center;box-shadow:0 4px 20px rgba(0,0,0,0.4);@keyframes scaleIn{from{transform:scale(0.8);opacity:0;}to{transform:scale(1);opacity:1;}}@media (max-width:768px){padding:25px;width:85%;}"]);
+})(["background-color:#2a2a2a;border:2px solid #444;border-radius:8px;padding:20px;min-width:300px;max-width:90%;margin:0 auto;animation:scaleIn 0.2s ease-out;transform-origin:center;box-shadow:0 4px 20px rgba(0,0,0,0.5),0 0 40px rgba(0,0,0,0.3);pointer-events:auto;@keyframes scaleIn{from{transform:scale(0.8);opacity:0;}to{transform:scale(1);opacity:1;}}@media (max-width:768px){padding:25px;width:85%;}"]);
 var MessageContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "ConfirmModal__MessageContainer",
   componentId: "sc-11qkyu1-3"
@@ -34087,7 +34081,7 @@ var MessageContainer = /*#__PURE__*/styled.div.withConfig({
 var Message$1 = /*#__PURE__*/styled.p.withConfig({
   displayName: "ConfirmModal__Message",
   componentId: "sc-11qkyu1-4"
-})(["margin:0;font-size:16px;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.5);@media (max-width:768px){font-size:18px;}"]);
+})(["margin:0;font-size:16px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.5);@media (max-width:768px){font-size:18px;}"]);
 var ButtonsContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ConfirmModal__ButtonsContainer",
   componentId: "sc-11qkyu1-5"