@rpg-engine/long-bow 0.3.23 → 0.3.25

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

@@ -32788,7 +32788,6 @@ var Chat = function Chat(_ref) {
       return getInputValue(e.target.value);
     },
     height: 20,
-    className: "chat-input dark-background",
     type: "text",
     autoComplete: "off",
     onFocus: onFocus,
@@ -32803,13 +32802,13 @@ var Chat = function Chat(_ref) {
       borderRadius: '20%'
     }
   }, React__default.createElement(ci.CiPaperplane, {
-    size: 20
+    size: 15
   }))))));
 };
 var ChatContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__ChatContainer",
   componentId: "sc-1bk05n6-0"
-})(["height:", ";width:", ";border-radius:10px;padding:40px 30px;margin-top:100px;box-shadow:-3px -3px 9px #aaa9a9a2,3px 3px 7px rgba(147,149,151,0.671);"], function (props) {
+})(["height:", ";width:", ";padding:10px;margin-top:100px;background-color:rgba(0,0,0,0.2);"], function (props) {
   return props.height;
 }, function (_ref3) {
   var width = _ref3.width;
@@ -32818,11 +32817,11 @@ var ChatContainer = /*#__PURE__*/styled.div.withConfig({
 var TextField = /*#__PURE__*/styled.input.withConfig({
   displayName: "Chat__TextField",
   componentId: "sc-1bk05n6-1"
-})(["width:100%;border-radius:10px;box-shadow:-3px -3px 9px #aaa9a9a2,3px 3px 7px rgba(147,149,151,0.671);"]);
+})(["width:100%;background-color:rgba(0,0,0,0.25) !important;border:none !important;max-height:28px !important;"]);
 var MessagesContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__MessagesContainer",
   componentId: "sc-1bk05n6-2"
-})(["overflow:hidden;height:70%;margin-bottom:20px;"]);
+})(["overflow-x:scroll;height:70%;margin-bottom:10px;"]);
 var Message = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__Message",
   componentId: "sc-1bk05n6-3"
@@ -32837,7 +32836,7 @@ var Form = /*#__PURE__*/styled.form.withConfig({
 var Button$1 = /*#__PURE__*/styled.button.withConfig({
   displayName: "Chat__Button",
   componentId: "sc-1bk05n6-5"
-})(["color:", ";background-color:", ";width:50px;height:40px;"], function (_ref5) {
+})(["color:", ";background-color:", ";width:28px;height:28px;border:none !important;"], function (_ref5) {
   var buttonColor = _ref5.buttonColor;
   return buttonColor;
 }, function (_ref6) {