sceyt-chat-react-uikit 1.7.8-beta.14 → 1.7.8-beta.16

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.
Files changed (3) hide show
  1. package/index.js +4 -4
  2. package/index.modern.js +4 -4
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -30061,7 +30061,7 @@ var IconWrapper = styled__default.span(_templateObject10$2 || (_templateObject10
30061
30061
  }, function (props) {
30062
30062
  return props.hideInMobile && "\n @media (max-width: 550px) {\n display: none;\n }\n ";
30063
30063
  });
30064
- var CarouselItem = styled__default.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n opacity: ", ";\n\n img,\n video {\n //max-width: calc(100vw - 300px);\n min-width: 280px;\n max-width: 100%;\n max-height: calc(100vh - 200px);\n height: 100%;\n @media (max-width: 480px) {\n min-width: inherit;\n }\n }\n\n img {\n min-width: inherit;\n }\n"])), function (props) {
30064
+ var CarouselItem = styled__default.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n opacity: ", ";\n\n img,\n video {\n min-width: 280px;\n max-width: 100%;\n max-height: calc(100vh - 200px);\n height: 100%;\n width: 100%;\n @media (max-width: 480px) {\n min-width: inherit;\n }\n }\n\n img {\n min-width: inherit;\n }\n"])), function (props) {
30065
30065
  return props.visibleSlide ? 1 : 0;
30066
30066
  });
30067
30067
  var UploadCont$1 = styled__default.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n //position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n min-height: 100px;\n min-width: 100px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
@@ -45471,17 +45471,17 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45471
45471
  color: textSecondary
45472
45472
  }, "Loading more...")))));
45473
45473
  };
45474
- var ChannelsList$1 = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n max-height: 400px;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: 8px;\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 3px;\n opacity: 0.3;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n opacity: 0.6;\n }\n"])), function (props) {
45474
+ var ChannelsList$1 = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n max-height: 400px;\n overflow-y: auto;\n overflow-x: hidden;\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 3px;\n opacity: 0.3;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n opacity: 0.6;\n }\n"])), function (props) {
45475
45475
  return props.thumbColor;
45476
45476
  });
45477
45477
  var ChannelItem$1 = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 6px 2px 6px 6px;\n border-radius: 8px;\n cursor: pointer;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
45478
45478
  return props.backgroundHover;
45479
45479
  });
45480
45480
  var ChannelInfo$4 = styled__default.div(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 12px;\n min-width: 0;\n"])));
45481
- var ChannelTitle$1 = styled__default.div(_templateObject4$B || (_templateObject4$B = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n color: ", ";\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])), function (props) {
45481
+ var ChannelTitle$1 = styled__default.div(_templateObject4$B || (_templateObject4$B = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n font-family: Inter;\n letter-spacing: -0.2px;\n color: ", ";\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])), function (props) {
45482
45482
  return props.color;
45483
45483
  });
45484
- var ChannelMembers$1 = styled__default.div(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
45484
+ var ChannelMembers$1 = styled__default.div(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n color: ", ";\n"])), function (props) {
45485
45485
  return props.color;
45486
45486
  });
45487
45487
  var LoadingText$1 = styled__default.div(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
package/index.modern.js CHANGED
@@ -30060,7 +30060,7 @@ var IconWrapper = styled.span(_templateObject10$2 || (_templateObject10$2 = _tag
30060
30060
  }, function (props) {
30061
30061
  return props.hideInMobile && "\n @media (max-width: 550px) {\n display: none;\n }\n ";
30062
30062
  });
30063
- var CarouselItem = styled.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n opacity: ", ";\n\n img,\n video {\n //max-width: calc(100vw - 300px);\n min-width: 280px;\n max-width: 100%;\n max-height: calc(100vh - 200px);\n height: 100%;\n @media (max-width: 480px) {\n min-width: inherit;\n }\n }\n\n img {\n min-width: inherit;\n }\n"])), function (props) {
30063
+ var CarouselItem = styled.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n opacity: ", ";\n\n img,\n video {\n min-width: 280px;\n max-width: 100%;\n max-height: calc(100vh - 200px);\n height: 100%;\n width: 100%;\n @media (max-width: 480px) {\n min-width: inherit;\n }\n }\n\n img {\n min-width: inherit;\n }\n"])), function (props) {
30064
30064
  return props.visibleSlide ? 1 : 0;
30065
30065
  });
30066
30066
  var UploadCont$1 = styled.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n //position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n min-height: 100px;\n min-width: 100px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
@@ -45470,17 +45470,17 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45470
45470
  color: textSecondary
45471
45471
  }, "Loading more...")))));
45472
45472
  };
45473
- var ChannelsList$1 = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n max-height: 400px;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: 8px;\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 3px;\n opacity: 0.3;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n opacity: 0.6;\n }\n"])), function (props) {
45473
+ var ChannelsList$1 = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n max-height: 400px;\n overflow-y: auto;\n overflow-x: hidden;\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 3px;\n opacity: 0.3;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n opacity: 0.6;\n }\n"])), function (props) {
45474
45474
  return props.thumbColor;
45475
45475
  });
45476
45476
  var ChannelItem$1 = styled.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 6px 2px 6px 6px;\n border-radius: 8px;\n cursor: pointer;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
45477
45477
  return props.backgroundHover;
45478
45478
  });
45479
45479
  var ChannelInfo$4 = styled.div(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 12px;\n min-width: 0;\n"])));
45480
- var ChannelTitle$1 = styled.div(_templateObject4$B || (_templateObject4$B = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n color: ", ";\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])), function (props) {
45480
+ var ChannelTitle$1 = styled.div(_templateObject4$B || (_templateObject4$B = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n font-family: Inter;\n letter-spacing: -0.2px;\n color: ", ";\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])), function (props) {
45481
45481
  return props.color;
45482
45482
  });
45483
- var ChannelMembers$1 = styled.div(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
45483
+ var ChannelMembers$1 = styled.div(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n color: ", ";\n"])), function (props) {
45484
45484
  return props.color;
45485
45485
  });
45486
45486
  var LoadingText$1 = styled.div(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.8-beta.14",
3
+ "version": "1.7.8-beta.16",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",