@rpg-engine/long-bow 0.7.7 → 0.7.8
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.
- package/dist/long-bow.cjs.development.js +6 -6
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +6 -6
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Chat/Chat.tsx +12 -11
- package/src/components/ChatRevamp/ChatRevamp.tsx +3 -2
package/dist/long-bow.esm.js
CHANGED
|
@@ -26168,7 +26168,7 @@ var Chat = function Chat(_ref) {
|
|
|
26168
26168
|
var ChatContainer = /*#__PURE__*/styled.div.withConfig({
|
|
26169
26169
|
displayName: "Chat__ChatContainer",
|
|
26170
26170
|
componentId: "sc-1bk05n6-0"
|
|
26171
|
-
})(["width:", ";height:", ";background-color
|
|
26171
|
+
})(["width:", ";height:", ";background-color:rgba(30,30,30,0.3);display:flex;flex-direction:column;position:relative;border-radius:8px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;"], function (props) {
|
|
26172
26172
|
return props.width;
|
|
26173
26173
|
}, function (props) {
|
|
26174
26174
|
return props.height;
|
|
@@ -26180,7 +26180,7 @@ var CloseButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
26180
26180
|
var MessagesContainer = /*#__PURE__*/styled.div.withConfig({
|
|
26181
26181
|
displayName: "Chat__MessagesContainer",
|
|
26182
26182
|
componentId: "sc-1bk05n6-2"
|
|
26183
|
-
})(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color
|
|
26183
|
+
})(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(51,51,51,0.4) rgba(30,30,30,0.4);&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(30,30,30,0.4);}&::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,0.4);border-radius:3px;}"]);
|
|
26184
26184
|
var Message = /*#__PURE__*/styled.div.withConfig({
|
|
26185
26185
|
displayName: "Chat__Message",
|
|
26186
26186
|
componentId: "sc-1bk05n6-3"
|
|
@@ -26191,11 +26191,11 @@ var Message = /*#__PURE__*/styled.div.withConfig({
|
|
|
26191
26191
|
var Form = /*#__PURE__*/styled.form.withConfig({
|
|
26192
26192
|
displayName: "Chat__Form",
|
|
26193
26193
|
componentId: "sc-1bk05n6-4"
|
|
26194
|
-
})(["display:flex;padding:8px;background-color
|
|
26194
|
+
})(["display:flex;padding:8px;background-color:rgba(42,42,42,0.4);"]);
|
|
26195
26195
|
var TextField = /*#__PURE__*/styled.input.withConfig({
|
|
26196
26196
|
displayName: "Chat__TextField",
|
|
26197
26197
|
componentId: "sc-1bk05n6-5"
|
|
26198
|
-
})(["flex-grow:1;background-color
|
|
26198
|
+
})(["flex-grow:1;background-color:rgba(26,26,26,0.6);color:#ff6600;border:1px solid rgba(51,51,51,0.6);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:rgba(255,255,255,0.5);font-size:0.6rem;}&:focus{outline:none;border-color:#ff6600;background-color:rgba(42,42,42,0.9);}"]);
|
|
26199
26199
|
var SendButton = /*#__PURE__*/styled.button.withConfig({
|
|
26200
26200
|
displayName: "Chat__SendButton",
|
|
26201
26201
|
componentId: "sc-1bk05n6-6"
|
|
@@ -26606,9 +26606,9 @@ var Tab = /*#__PURE__*/styled.button.withConfig({
|
|
|
26606
26606
|
displayName: "ChatRevamp__Tab",
|
|
26607
26607
|
componentId: "sc-1sdiknw-1"
|
|
26608
26608
|
})(["width:120px;color:white;font-size:0.8rem;all:unset;padding:0.6rem;font-size:0.8rem;border-radius:5px 5px 0 0;border-width:0.25rem 0.25rem 0 0.25rem;border-style:solid;border-color:", ";background-color:", ";color:", ";"], function (props) {
|
|
26609
|
-
return props.active ? '
|
|
26609
|
+
return props.active ? 'rgba(198, 81, 2, 0.5)' : 'rgba(128, 128, 128, 0.5)';
|
|
26610
26610
|
}, function (props) {
|
|
26611
|
-
return props.active ? uiColors.orange : '
|
|
26611
|
+
return props.active ? uiColors.orange : 'rgba(0, 0, 0, 0.2)';
|
|
26612
26612
|
}, function (props) {
|
|
26613
26613
|
return props.active ? 'white' : uiColors.gray;
|
|
26614
26614
|
});
|