@twreporter/universal-header - npm Package Compare versions

Comparing version 2.0.3-beta-6 to 2.0.3-beta-7

dist/components/channels.js

@@ -191,3 +191,5 @@ "use strict";
   componentId: "nu2llv-2"
-})(["justify-content:space-between;padding:", ";background-color:", ";", " ", " ", " user-select:none;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;list-style-type:none;margin:0;"], (0, _styleUtils.arrayToCssShorthand)(styles.channelsPadding.mobile), _colors.default.white, _styleUtils.screen.tabletOnly(_templateObject3(), (0, _styleUtils.arrayToCssShorthand)(styles.channelsPadding.tablet)), _styleUtils.screen.desktopAbove(_templateObject4(), styles.channelsPositionTop.desktop, styles.channelsPositionLeft.desktop), _styleUtils.screen.hdAbove(_templateObject5(), styles.channelsPositionLeft.hd));
+})(["justify-content:space-between;padding:", ";background-color:", ";", " ", " ", " user-select:none;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;list-style-type:none;margin:0;"], (0, _styleUtils.arrayToCssShorthand)(styles.channelsPadding.mobile), function (props) {
+  return props.bgColor || _colors.default.white;
+}, _styleUtils.screen.tabletOnly(_templateObject3(), (0, _styleUtils.arrayToCssShorthand)(styles.channelsPadding.tablet)), _styleUtils.screen.desktopAbove(_templateObject4(), styles.channelsPositionTop.desktop, styles.channelsPositionLeft.desktop), _styleUtils.screen.hdAbove(_templateObject5(), styles.channelsPositionLeft.hd));
 
@@ -346,3 +348,11 @@ var ListItem = _styledComponents.default.li.withConfig({
 
-      return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(Box, null, _react.default.createElement(List, null, channelsJSX)), _react.default.createElement(DropDownMenuTransitionGroup, {
+      return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(Box, null, _react.default.createElement(_headerContext.default.Consumer, null, function (_ref2) {
+        var theme = _ref2.theme;
+
+        var bgColor = _theme.default.selectChannelsBgColor(theme);
+
+        return _react.default.createElement(List, {
+          bgColor: bgColor
+        }, channelsJSX);
+      })), _react.default.createElement(DropDownMenuTransitionGroup, {
         key: "transition",
@@ -349,0 +359,0 @@ transitionName: "effect",

dist/utils/theme.js

@@ -400,5 +400,20 @@ "use strict";
 
+function selectChannelsBgColor(theme) {
+  switch (theme) {
+    case _theme.default.transparent:
+      {
+        return 'transparent';
+      }
+
+    default:
+      {
+        return _colors.default.white;
+      }
+  }
+}
+
 var _default = {
   selectBgColor: selectBgColor,
   selectChannelTextShadow: selectChannelTextShadow,
+  selectChannelsBgColor: selectChannelsBgColor,
   selectFontColor: selectFontColor,
@@ -405,0 +420,0 @@ selectHoverFontColor: selectHoverFontColor,

package.json

 {
   "name": "@twreporter/universal-header",
-  "version": "2.0.3-beta-6",
+  "version": "2.0.3-beta-7",
   "description": "Universal header of TWReporter sites",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

157427

increased by0.36%

Lines of code

2977

increased by0.71%

No dependency changes