@rpg-engine/long-bow 0.7.5 → 0.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -26175,34 +26175,38 @@ var Chat = function Chat(_ref) {
26175
26175
  var ChatContainer = /*#__PURE__*/styled__default.div.withConfig({
26176
26176
  displayName: "Chat__ChatContainer",
26177
26177
  componentId: "sc-1bk05n6-0"
26178
- })(["width:100%;background-color:#1e1e1e81;display:flex;flex-direction:column;position:relative;"]);
26178
+ })(["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) {
26179
+ return props.width;
26180
+ }, function (props) {
26181
+ return props.height;
26182
+ });
26183
+ var CloseButton = /*#__PURE__*/styled__default.button.withConfig({
26184
+ displayName: "Chat__CloseButton",
26185
+ componentId: "sc-1bk05n6-1"
26186
+ })(["position:absolute;top:8px;right:8px;background-color:transparent;border:none;color:white;font-size:16px;cursor:pointer;z-index:1;"]);
26179
26187
  var MessagesContainer = /*#__PURE__*/styled__default.div.withConfig({
26180
26188
  displayName: "Chat__MessagesContainer",
26181
- componentId: "sc-1bk05n6-1"
26182
- })(["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;}"]);
26189
+ componentId: "sc-1bk05n6-2"
26190
+ })(["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;}"]);
26183
26191
  var Message = /*#__PURE__*/styled__default.div.withConfig({
26184
26192
  displayName: "Chat__Message",
26185
- componentId: "sc-1bk05n6-2"
26186
- })(["margin-bottom:4px;color:", ";font-family:'Press Start 2P',cursive;font-size:0.7rem;white-space:pre-wrap;word-break:break-word;"], function (_ref2) {
26193
+ componentId: "sc-1bk05n6-3"
26194
+ })(["margin-bottom:6px;color:", ";font-family:'Press Start 2P',cursive;font-size:0.7rem;line-height:1.4;word-break:break-word;"], function (_ref2) {
26187
26195
  var color = _ref2.color;
26188
26196
  return color;
26189
26197
  });
26190
26198
  var Form = /*#__PURE__*/styled__default.form.withConfig({
26191
26199
  displayName: "Chat__Form",
26192
- componentId: "sc-1bk05n6-3"
26193
- })(["display:flex;width:100%;padding:5px;"]);
26200
+ componentId: "sc-1bk05n6-4"
26201
+ })(["display:flex;padding:8px;background-color:#2a2a2a;"]);
26194
26202
  var TextField = /*#__PURE__*/styled__default.input.withConfig({
26195
26203
  displayName: "Chat__TextField",
26196
- componentId: "sc-1bk05n6-4"
26197
- })(["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);
26204
+ componentId: "sc-1bk05n6-5"
26205
+ })(["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;}"]);
26198
26206
  var SendButton = /*#__PURE__*/styled__default.button.withConfig({
26199
26207
  displayName: "Chat__SendButton",
26200
- componentId: "sc-1bk05n6-5"
26201
- })(["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;}"]);
26202
- var CloseButton = /*#__PURE__*/styled__default.button.withConfig({
26203
- displayName: "Chat__CloseButton",
26204
26208
  componentId: "sc-1bk05n6-6"
26205
- })(["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);
26209
+ })(["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;}"]);
26206
26210
 
26207
26211
  var _excluded$2 = ["innerRef"];
26208
26212
  var Input = function Input(_ref) {
@@ -26612,7 +26616,7 @@ var Tab = /*#__PURE__*/styled__default.button.withConfig({
26612
26616
  }, function (props) {
26613
26617
  return props.active ? uiColors.orange : 'transparent';
26614
26618
  }, function (props) {
26615
- return props.active ? 'white' : uiColors.raisinBlack;
26619
+ return props.active ? 'white' : uiColors.gray;
26616
26620
  });
26617
26621
  var PrivateChatContainer = /*#__PURE__*/styled__default.div.withConfig({
26618
26622
  displayName: "ChatRevamp__PrivateChatContainer",