@thecb/components 3.3.2 → 3.3.3

package/.tool-versions

@@ -0,0 +1 @@
+nodejs 10.13.0

package/dist/index.cjs.js

@@ -34147,8 +34147,10 @@ var Module = function Module(_ref) {
 var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$r, "default"));
 
 var backgroundColor$6 = "#3b414d";
+var shadowColor = "#292A33";
 var fallbackValues$s = {
-  backgroundColor: backgroundColor$6
+  backgroundColor: backgroundColor$6,
+  shadowColor: shadowColor
 };
 
 var NavMenuDesktop = function NavMenuDesktop(_ref) {
@@ -34177,7 +34179,7 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
     extraStyles: "position: relative; ".concat(menuCarat),
     background: themeValues.backgroundColor,
     borderRadius: "5px",
-    boxShadow: "0px 3px 8px 0px ".concat(themeValues.backgroundColor, ", 0px 2px 14px 0px ").concat(themeValues.backgroundColor, ";"),
+    boxShadow: "0px 3px 8px 0px ".concat(themeValues.shadowColor, ", 0px 2px 14px 0px ").concat(themeValues.shadowColor, ";"),
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onFocus: onFocus,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/molecules/nav-menu/NavMenu.theme.js

@@ -1,5 +1,7 @@
 const backgroundColor = "#3b414d";
+const shadowColor = "#292A33";
 
 export const fallbackValues = {
-  backgroundColor
+  backgroundColor,
+  shadowColor
 };

package/src/components/molecules/nav-menu/NavMenuDesktop.js

@@ -24,7 +24,7 @@ const NavMenuDesktop = ({
         extraStyles={`position: relative; ${menuCarat}`}
         background={themeValues.backgroundColor}
         borderRadius="5px"
-        boxShadow={`0px 3px 8px 0px ${themeValues.backgroundColor}, 0px 2px 14px 0px ${themeValues.backgroundColor};`}
+        boxShadow={`0px 3px 8px 0px ${themeValues.shadowColor}, 0px 2px 14px 0px ${themeValues.shadowColor};`}
         onMouseEnter={onMouseEnter}
         onMouseLeave={onMouseLeave}
         onFocus={onFocus}