@rpg-engine/long-bow 0.8.23 → 0.8.25

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

@@ -31161,15 +31161,15 @@ var BaseInformationDetails = function BaseInformationDetails(_ref) {
 var Container$p = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Container",
   componentId: "sc-1vguuz8-0"
-})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;height:90%;width:90%;"]);
+})(["position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000;"]);
 var Overlay = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Overlay",
   componentId: "sc-1vguuz8-1"
-})(["position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);"]);
+})(["position:absolute;inset:0;background-color:rgba(0,0,0,0.8);"]);
 var Modal = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Modal",
   componentId: "sc-1vguuz8-2"
-})(["position:relative;width:90%;max-width:800px;max-height:90vh;background-color:rgba(0,0,0,0.95);border-radius:4px;padding:16px;overflow-y:auto;z-index:1;font-family:'Press Start 2P',cursive;border:1px solid ", ";box-shadow:0 2px 4px rgba(0,0,0,0.2);&::-webkit-scrollbar{width:2px;}&::-webkit-scrollbar-track{background:transparent;}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:4px;opacity:0.5;&:hover{opacity:1;}}scrollbar-width:thin;scrollbar-color:", " transparent;"], uiColors.darkGray, uiColors.yellow, uiColors.yellow);
+})(["position:relative;width:90%;height:90%;background-color:rgba(0,0,0,0.95);border-radius:4px;padding:16px;overflow-y:auto;z-index:1;font-family:'Press Start 2P',cursive;border:1px solid ", ";box-shadow:0 2px 4px rgba(0,0,0,0.2);&::-webkit-scrollbar{width:2px;}&::-webkit-scrollbar-track{background:transparent;}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:4px;opacity:0.5;&:hover{opacity:1;}}scrollbar-width:thin;scrollbar-color:", " transparent;"], uiColors.darkGray, uiColors.yellow, uiColors.yellow);
 var CloseButton$5 = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "BaseInformationDetails__CloseButton",
   componentId: "sc-1vguuz8-3"
@@ -31181,7 +31181,7 @@ var Header$2 = /*#__PURE__*/styled__default.div.withConfig({
 var Content$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Content",
   componentId: "sc-1vguuz8-5"
-})(["display:flex;flex-direction:column;gap:16px;"]);
+})(["display:flex;flex-direction:column;gap:16px;height:100%;overflow:auto;"]);
 var Title$4 = /*#__PURE__*/styled__default.h2.withConfig({
   displayName: "BaseInformationDetails__Title",
   componentId: "sc-1vguuz8-6"
@@ -31269,7 +31269,7 @@ var Value = /*#__PURE__*/styled__default.span.withConfig({
 var StyledCollapsible = /*#__PURE__*/styled__default(Collapsible).withConfig({
   displayName: "InformationCenterItemDetails__StyledCollapsible",
   componentId: "sc-zwf6pb-4"
-})(["background:rgba(255,255,255,0.05);border-radius:4px;overflow:hidden;"]);
+})(["background:rgba(255,255,255,0.05);border-radius:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:", " transparent;"], uiColors.darkGray);
 var Description$2 = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "InformationCenterItemDetails__Description",
   componentId: "sc-zwf6pb-5"
@@ -31692,7 +31692,7 @@ var Value$1 = /*#__PURE__*/styled__default.span.withConfig({
 var StyledCollapsible$1 = /*#__PURE__*/styled__default(Collapsible).withConfig({
   displayName: "InformationCenterNPCDetails__StyledCollapsible",
   componentId: "sc-fdu3xl-4"
-})(["background:rgba(255,255,255,0.05);border-radius:4px;overflow:hidden;"]);
+})(["background:rgba(255,255,255,0.05);border-radius:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:", " transparent;"], uiColors.darkGray);
 var StatGrid$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__StatGrid",
   componentId: "sc-fdu3xl-5"
@@ -32303,7 +32303,9 @@ var InformationCenter = function InformationCenter(_ref) {
       tabId: "tutorials"
     })
   }];
-  return React__default.createElement(Container$r, null, React__default.createElement(InternalTabs, {
+  return React__default.createElement(DraggableContainer, {
+    title: "Information Center"
+  }, React__default.createElement(Container$r, null, React__default.createElement(InternalTabs, {
     tabs: tabs,
     activeTextColor: "#000000",
     activeTab: activeTab,
@@ -32325,7 +32327,7 @@ var InformationCenter = function InformationCenter(_ref) {
     onBack: function onBack() {
       return setSelectedItem(null);
     }
-  }));
+  })));
 };
 var Container$r = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenter__Container",