@rpg-engine/long-bow 0.7.4 → 0.7.7

package/dist/long-bow.esm.js

@@ -26168,38 +26168,38 @@ var Chat = function Chat(_ref) {
 var ChatContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__ChatContainer",
   componentId: "sc-1bk05n6-0"
-})(["width:", ";height:", ";background-color:#1e1e1e81;display:flex;flex-direction:column;position:relative;"], function (props) {
+})(["width:", ";height:", ";background-color:#1e1e1e;display:flex;flex-direction:column;position:relative;border-radius:8px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;"], function (props) {
   return props.width;
 }, function (props) {
   return props.height;
 });
+var CloseButton = /*#__PURE__*/styled.button.withConfig({
+  displayName: "Chat__CloseButton",
+  componentId: "sc-1bk05n6-1"
+})(["position:absolute;top:8px;right:8px;background-color:transparent;border:none;color:white;font-size:16px;cursor:pointer;z-index:1;"]);
 var MessagesContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__MessagesContainer",
-  componentId: "sc-1bk05n6-1"
-})(["flex-grow:1;overflow-y:auto;padding:10px;margin-left:0.9rem;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:#333;}&::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;}&::-webkit-scrollbar-thumb:hover{background:#222;}&::-webkit-scrollbar-corner{background:#333;}&::-webkit-scrollbar-button{background:#333;}&::-webkit-scrollbar-button:hover{background:#222;}"]);
+  componentId: "sc-1bk05n6-2"
+})(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:#333 #1e1e1e;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:#1e1e1e;}&::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px;}"]);
 var Message = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__Message",
-  componentId: "sc-1bk05n6-2"
-})(["margin-bottom:4px;color:", ";font-family:'Press Start 2P',cursive;font-size:0.7rem;white-space:pre-wrap;word-break:break-word;"], function (_ref2) {
+  componentId: "sc-1bk05n6-3"
+})(["margin-bottom:6px;color:", ";font-family:'Press Start 2P',cursive;font-size:0.7rem;line-height:1.4;word-break:break-word;"], function (_ref2) {
   var color = _ref2.color;
   return color;
 });
 var Form = /*#__PURE__*/styled.form.withConfig({
   displayName: "Chat__Form",
-  componentId: "sc-1bk05n6-3"
-})(["display:flex;width:100%;padding:5px;"]);
+  componentId: "sc-1bk05n6-4"
+})(["display:flex;padding:8px;background-color:#2a2a2a;"]);
 var TextField = /*#__PURE__*/styled.input.withConfig({
   displayName: "Chat__TextField",
-  componentId: "sc-1bk05n6-4"
-})(["flex-grow:1;background-color:transparent;color:#ff6600;border:none;font-family:'Press Start 2P',cursive;font-size:0.7rem;border-radius:5px;margin-left:0.9rem;&::placeholder{color:", ";font-size:0.7rem;}&:focus{outline:none;}"], uiColors.lightGray);
+  componentId: "sc-1bk05n6-5"
+})(["flex-grow:1;background-color:#1a1a1a;color:#ff6600;border:1px solid #333;border-radius:4px;padding:8px;margin-right:8px;font-family:'Press Start 2P',cursive;font-size:0.7rem;height:32px;transition:border-color 0.3s,background-color 0.3s;&::placeholder{color:#666;}&:focus{outline:none;border-color:#ff6600;background-color:#2a2a2a;}"]);
 var SendButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "Chat__SendButton",
-  componentId: "sc-1bk05n6-5"
-})(["background-color:transparent;color:#ff6600;border:none;padding:0 10px;font-size:18px;cursor:pointer;transition:color 0.3s ease;&:hover{color:#ff8533;}&:disabled{color:#666;cursor:not-allowed;}"]);
-var CloseButton = /*#__PURE__*/styled.button.withConfig({
-  displayName: "Chat__CloseButton",
   componentId: "sc-1bk05n6-6"
-})(["position:absolute;top:0;right:0;background-color:transparent;border:none;color:white;font-size:16px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color 0.3s ease;&:hover{color:", ";}"], uiColors.darkYellow);
+})(["background-color:transparent;color:#ff6600;border:none;padding:8px 12px;font-size:14px;cursor:pointer;transition:opacity 0.3s ease;&:disabled{opacity:0.5;cursor:not-allowed;}"]);
 
 var _excluded$2 = ["innerRef"];
 var Input = function Input(_ref) {
@@ -26610,7 +26610,7 @@ var Tab = /*#__PURE__*/styled.button.withConfig({
 }, function (props) {
   return props.active ? uiColors.orange : 'transparent';
 }, function (props) {
-  return props.active ? 'white' : uiColors.raisinBlack;
+  return props.active ? 'white' : uiColors.gray;
 });
 var PrivateChatContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatRevamp__PrivateChatContainer",