sceyt-chat-react-uikit 1.7.9-beta.3 → 1.7.9-beta.4

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 -3
  2. package/index.modern.js +4 -3
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -45748,7 +45748,8 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45748
45748
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
45749
45749
  background = _useColor[THEME_COLORS.BACKGROUND],
45750
45750
  iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
45751
- backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED];
45751
+ backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED],
45752
+ surface2 = _useColor[THEME_COLORS.SURFACE_2];
45752
45753
  var contactsMap = useSelector(contactsMapSelector);
45753
45754
  var getFromContacts = getShowOnlyContactUsers();
45754
45755
  var dispatch = useDispatch();
@@ -45813,7 +45814,7 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45813
45814
  onMouseLeave: function onMouseLeave() {
45814
45815
  return setIsScrolling(false);
45815
45816
  },
45816
- thumbColor: background
45817
+ thumbColor: surface2
45817
45818
  }, isLoadingInitial ? (/*#__PURE__*/React__default.createElement(LoadingText$1, {
45818
45819
  color: textSecondary
45819
45820
  }, "Loading...")) : mutualChannels.length > 0 ? mutualChannels.map(function (channel) {
@@ -45836,7 +45837,7 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45836
45837
  color: textSecondary
45837
45838
  }, "Loading more...")))));
45838
45839
  };
45839
- 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) {
45840
+ 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: 8px;\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: transparent;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 4px;\n }\n &.show-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n }\n"])), function (props) {
45840
45841
  return props.thumbColor;
45841
45842
  });
45842
45843
  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) {
package/index.modern.js CHANGED
@@ -45747,7 +45747,8 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45747
45747
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
45748
45748
  background = _useColor[THEME_COLORS.BACKGROUND],
45749
45749
  iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
45750
- backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED];
45750
+ backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED],
45751
+ surface2 = _useColor[THEME_COLORS.SURFACE_2];
45751
45752
  var contactsMap = useSelector(contactsMapSelector);
45752
45753
  var getFromContacts = getShowOnlyContactUsers();
45753
45754
  var dispatch = useDispatch();
@@ -45812,7 +45813,7 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45812
45813
  onMouseLeave: function onMouseLeave() {
45813
45814
  return setIsScrolling(false);
45814
45815
  },
45815
- thumbColor: background
45816
+ thumbColor: surface2
45816
45817
  }, isLoadingInitial ? (/*#__PURE__*/React__default.createElement(LoadingText$1, {
45817
45818
  color: textSecondary
45818
45819
  }, "Loading...")) : mutualChannels.length > 0 ? mutualChannels.map(function (channel) {
@@ -45835,7 +45836,7 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45835
45836
  color: textSecondary
45836
45837
  }, "Loading more...")))));
45837
45838
  };
45838
- 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) {
45839
+ 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: 8px;\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: transparent;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 4px;\n }\n &.show-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n }\n"])), function (props) {
45839
45840
  return props.thumbColor;
45840
45841
  });
45841
45842
  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) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.9-beta.3",
3
+ "version": "1.7.9-beta.4",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",