@nulogy/components 6.8.0 → 7.0.0

package/dist/main.js

@@ -23257,7 +23257,7 @@
     };
   };
 
-  var ApplyMenuLinkStyles$2 = styled__default['default'].div.withConfig({
+  var ApplyMenuLinkStyles$1 = styled__default['default'].div.withConfig({
     displayName: "DesktopMenu__ApplyMenuLinkStyles",
     componentId: "sc-1mpxh2o-0"
   })(function (_ref) {
@@ -23282,12 +23282,12 @@
       })
     };
   });
-  ApplyMenuLinkStyles$2.propTypes = {
+  ApplyMenuLinkStyles$1.propTypes = {
     color: PropTypes__default['default'].string,
     hoverColor: PropTypes__default['default'].string,
     hoverBackground: PropTypes__default['default'].string
   };
-  ApplyMenuLinkStyles$2.defaultProps = {
+  ApplyMenuLinkStyles$1.defaultProps = {
     color: Theme.colors.white,
     hoverColor: Theme.colors.lightBlue,
     hoverBackground: Theme.colors.black
@@ -23350,7 +23350,7 @@
   };
 
   var renderCustom$4 = function renderCustom(menuItem, themeColorObject) {
-    return /*#__PURE__*/React__default['default'].createElement(ApplyMenuLinkStyles$2, Object.assign({}, themeColorObject, {
+    return /*#__PURE__*/React__default['default'].createElement(ApplyMenuLinkStyles$1, Object.assign({}, themeColorObject, {
       key: menuItem.name
     }), menuItem.render());
   };
@@ -23469,7 +23469,7 @@
     };
   };
 
-  var ApplyMenuLinkStyles$1 = styled__default['default'].li.withConfig({
+  var ApplyMenuLinkStyles = styled__default['default'].li.withConfig({
     displayName: "MobileMenu__ApplyMenuLinkStyles",
     componentId: "vqy2lk-1"
   })(function (_ref2) {
@@ -23498,13 +23498,13 @@
       })
     };
   });
-  ApplyMenuLinkStyles$1.propTypes = {
+  ApplyMenuLinkStyles.propTypes = {
     layer: PropTypes__default['default'].number,
     color: PropTypes__default['default'].string,
     hoverColor: PropTypes__default['default'].string,
     hoverBackground: PropTypes__default['default'].string
   };
-  ApplyMenuLinkStyles$1.defaultProps = {
+  ApplyMenuLinkStyles.defaultProps = {
     layer: 0,
     color: Theme.colors.white,
     hoverColor: Theme.colors.lightBlue,
@@ -23577,7 +23577,7 @@
   };
 
   var renderCustom$3 = function renderCustom(menuItem, linkOnClick, themeColorObject, layer) {
-    return /*#__PURE__*/React__default['default'].createElement(ApplyMenuLinkStyles$1, Object.assign({
+    return /*#__PURE__*/React__default['default'].createElement(ApplyMenuLinkStyles, Object.assign({
       key: menuItem.name
     }, themeColorObject, {
       layer: layer,
@@ -44874,43 +44874,14 @@
     };
   };
 
-  var ApplyMenuLinkStyles = styled__default['default'].div.withConfig({
-    displayName: "DesktopMenu__ApplyMenuLinkStyles",
+  var MenuLink = styled__default['default'].a.withConfig({
+    displayName: "DesktopMenu__MenuLink",
     componentId: "sc-8mrjkc-0"
   })(function (_ref) {
-    var _ref$color = _ref.color,
-        color = _ref$color === void 0 ? "white" : _ref$color,
-        _ref$hoverColor = _ref.hoverColor,
-        hoverColor = _ref$hoverColor === void 0 ? "lightBlue" : _ref$hoverColor,
-        _ref$hoverBackground = _ref.hoverBackground,
-        hoverBackground = _ref$hoverBackground === void 0 ? "black" : _ref$hoverBackground,
+    var color = _ref.color,
+        hoverColor = _ref.hoverColor,
+        hoverBackground = _ref.hoverBackground,
         theme = _ref.theme;
-    return {
-      "button, a": Object.assign(Object.assign({}, getSharedStyles$1(color, theme)), {
-        transition: ".2s",
-        "&:hover, &:focus": {
-          outline: "none",
-          color: theme.colors[hoverColor] || hoverColor,
-          backgroundColor: theme.colors[hoverBackground] || hoverBackground,
-          cursor: "pointer"
-        },
-        "&:disabled": {
-          opacity: ".5"
-        },
-        "&:focus": {
-          boxShadow: theme.shadows.focus
-        }
-      })
-    };
-  });
-  var MenuLink = styled__default['default'].a.withConfig({
-    displayName: "DesktopMenu__MenuLink",
-    componentId: "sc-8mrjkc-1"
-  })(function (_ref2) {
-    var color = _ref2.color,
-        hoverColor = _ref2.hoverColor,
-        hoverBackground = _ref2.hoverBackground,
-        theme = _ref2.theme;
     return Object.assign(Object.assign({}, getSharedStyles$1(color, theme)), {
       fontWeight: theme.fontWeights.medium,
       transition: ".2s",
@@ -44930,17 +44901,17 @@
   });
   var MenuText = styled__default['default'].div.withConfig({
     displayName: "DesktopMenu__MenuText",
-    componentId: "sc-8mrjkc-2"
-  })(function (_ref3) {
-    var textColor = _ref3.textColor,
-        theme = _ref3.theme;
+    componentId: "sc-8mrjkc-1"
+  })(function (_ref2) {
+    var textColor = _ref2.textColor,
+        theme = _ref2.theme;
     return Object.assign(Object.assign({}, getSharedStyles$1(textColor, theme)), {
       fontWeight: theme.fontWeights.medium
     });
   });
   var Nav$1 = styled__default['default'].nav.withConfig({
     displayName: "DesktopMenu__Nav",
-    componentId: "sc-8mrjkc-3"
+    componentId: "sc-8mrjkc-2"
   })({
     display: "flex",
     alignItems: "center"
@@ -44970,12 +44941,12 @@
     }, themeColorObject), menuItem.name));
   };
 
-  var renderCustom$1 = function renderCustom(menuItem, themeColorObject) {
+  var renderCustom$1 = function renderCustom(menuItem) {
     var _a;
 
-    return /*#__PURE__*/React__default['default'].createElement(ApplyMenuLinkStyles, Object.assign({}, themeColorObject, {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
       key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
-    }), menuItem.render());
+    }, menuItem.render());
   };
 
   var renderText$1 = function renderText(menuItem, themeColorObject) {
@@ -45014,7 +44985,7 @@
 
   var DesktopMenu = styled__default['default'](BaseDesktopMenu).withConfig({
     displayName: "DesktopMenu",
-    componentId: "sc-8mrjkc-4"
+    componentId: "sc-8mrjkc-3"
   })({
     "> div": {
       ":not(:last-of-type)": {

package/dist/main.module.js

@@ -23231,7 +23231,7 @@ var getSharedStyles$3 = function getSharedStyles(color) {
   };
 };
 
-var ApplyMenuLinkStyles$2 = styled.div.withConfig({
+var ApplyMenuLinkStyles$1 = styled.div.withConfig({
   displayName: "DesktopMenu__ApplyMenuLinkStyles",
   componentId: "sc-1mpxh2o-0"
 })(function (_ref) {
@@ -23256,12 +23256,12 @@ var ApplyMenuLinkStyles$2 = styled.div.withConfig({
     })
   };
 });
-ApplyMenuLinkStyles$2.propTypes = {
+ApplyMenuLinkStyles$1.propTypes = {
   color: PropTypes.string,
   hoverColor: PropTypes.string,
   hoverBackground: PropTypes.string
 };
-ApplyMenuLinkStyles$2.defaultProps = {
+ApplyMenuLinkStyles$1.defaultProps = {
   color: Theme.colors.white,
   hoverColor: Theme.colors.lightBlue,
   hoverBackground: Theme.colors.black
@@ -23324,7 +23324,7 @@ var renderMenuLink$3 = function renderMenuLink(menuItem, themeColorObject) {
 };
 
 var renderCustom$4 = function renderCustom(menuItem, themeColorObject) {
-  return /*#__PURE__*/React__default.createElement(ApplyMenuLinkStyles$2, Object.assign({}, themeColorObject, {
+  return /*#__PURE__*/React__default.createElement(ApplyMenuLinkStyles$1, Object.assign({}, themeColorObject, {
     key: menuItem.name
   }), menuItem.render());
 };
@@ -23443,7 +23443,7 @@ var getSharedStyles$2 = function getSharedStyles(_ref) {
   };
 };
 
-var ApplyMenuLinkStyles$1 = styled.li.withConfig({
+var ApplyMenuLinkStyles = styled.li.withConfig({
   displayName: "MobileMenu__ApplyMenuLinkStyles",
   componentId: "vqy2lk-1"
 })(function (_ref2) {
@@ -23472,13 +23472,13 @@ var ApplyMenuLinkStyles$1 = styled.li.withConfig({
     })
   };
 });
-ApplyMenuLinkStyles$1.propTypes = {
+ApplyMenuLinkStyles.propTypes = {
   layer: PropTypes.number,
   color: PropTypes.string,
   hoverColor: PropTypes.string,
   hoverBackground: PropTypes.string
 };
-ApplyMenuLinkStyles$1.defaultProps = {
+ApplyMenuLinkStyles.defaultProps = {
   layer: 0,
   color: Theme.colors.white,
   hoverColor: Theme.colors.lightBlue,
@@ -23551,7 +23551,7 @@ var renderMenuLink$2 = function renderMenuLink(menuItem, linkOnClick, themeColor
 };
 
 var renderCustom$3 = function renderCustom(menuItem, linkOnClick, themeColorObject, layer) {
-  return /*#__PURE__*/React__default.createElement(ApplyMenuLinkStyles$1, Object.assign({
+  return /*#__PURE__*/React__default.createElement(ApplyMenuLinkStyles, Object.assign({
     key: menuItem.name
   }, themeColorObject, {
     layer: layer,
@@ -44848,43 +44848,14 @@ var getSharedStyles$1 = function getSharedStyles(color, theme) {
   };
 };
 
-var ApplyMenuLinkStyles = styled.div.withConfig({
-  displayName: "DesktopMenu__ApplyMenuLinkStyles",
+var MenuLink = styled.a.withConfig({
+  displayName: "DesktopMenu__MenuLink",
   componentId: "sc-8mrjkc-0"
 })(function (_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "white" : _ref$color,
-      _ref$hoverColor = _ref.hoverColor,
-      hoverColor = _ref$hoverColor === void 0 ? "lightBlue" : _ref$hoverColor,
-      _ref$hoverBackground = _ref.hoverBackground,
-      hoverBackground = _ref$hoverBackground === void 0 ? "black" : _ref$hoverBackground,
+  var color = _ref.color,
+      hoverColor = _ref.hoverColor,
+      hoverBackground = _ref.hoverBackground,
       theme = _ref.theme;
-  return {
-    "button, a": Object.assign(Object.assign({}, getSharedStyles$1(color, theme)), {
-      transition: ".2s",
-      "&:hover, &:focus": {
-        outline: "none",
-        color: theme.colors[hoverColor] || hoverColor,
-        backgroundColor: theme.colors[hoverBackground] || hoverBackground,
-        cursor: "pointer"
-      },
-      "&:disabled": {
-        opacity: ".5"
-      },
-      "&:focus": {
-        boxShadow: theme.shadows.focus
-      }
-    })
-  };
-});
-var MenuLink = styled.a.withConfig({
-  displayName: "DesktopMenu__MenuLink",
-  componentId: "sc-8mrjkc-1"
-})(function (_ref2) {
-  var color = _ref2.color,
-      hoverColor = _ref2.hoverColor,
-      hoverBackground = _ref2.hoverBackground,
-      theme = _ref2.theme;
   return Object.assign(Object.assign({}, getSharedStyles$1(color, theme)), {
     fontWeight: theme.fontWeights.medium,
     transition: ".2s",
@@ -44904,17 +44875,17 @@ var MenuLink = styled.a.withConfig({
 });
 var MenuText = styled.div.withConfig({
   displayName: "DesktopMenu__MenuText",
-  componentId: "sc-8mrjkc-2"
-})(function (_ref3) {
-  var textColor = _ref3.textColor,
-      theme = _ref3.theme;
+  componentId: "sc-8mrjkc-1"
+})(function (_ref2) {
+  var textColor = _ref2.textColor,
+      theme = _ref2.theme;
   return Object.assign(Object.assign({}, getSharedStyles$1(textColor, theme)), {
     fontWeight: theme.fontWeights.medium
   });
 });
 var Nav$1 = styled.nav.withConfig({
   displayName: "DesktopMenu__Nav",
-  componentId: "sc-8mrjkc-3"
+  componentId: "sc-8mrjkc-2"
 })({
   display: "flex",
   alignItems: "center"
@@ -44944,12 +44915,12 @@ var renderMenuLink$1 = function renderMenuLink(menuItem, themeColorObject) {
   }, themeColorObject), menuItem.name));
 };
 
-var renderCustom$1 = function renderCustom(menuItem, themeColorObject) {
+var renderCustom$1 = function renderCustom(menuItem) {
   var _a;
 
-  return /*#__PURE__*/React__default.createElement(ApplyMenuLinkStyles, Object.assign({}, themeColorObject, {
+  return /*#__PURE__*/React__default.createElement("div", {
     key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
-  }), menuItem.render());
+  }, menuItem.render());
 };
 
 var renderText$1 = function renderText(menuItem, themeColorObject) {
@@ -44988,7 +44959,7 @@ var BaseDesktopMenu = function BaseDesktopMenu(_a) {
 
 var DesktopMenu = styled(BaseDesktopMenu).withConfig({
   displayName: "DesktopMenu",
-  componentId: "sc-8mrjkc-4"
+  componentId: "sc-8mrjkc-3"
 })({
   "> div": {
     ":not(:last-of-type)": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "6.8.0",
+  "version": "7.0.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {