@dnanpm/styleguide 3.10.0 → 3.11.0

package/build/cjs/components/MainNavigation/ChildComponents/MobileMenu.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var icons = require('@dnanpm/icons');
 var React = require('react');
 var reactSpring = require('react-spring');
-var styled = require('../../../themes/styled.js');
+var styledComponents = require('styled-components');
 var theme = require('../../../themes/theme.js');
 var navigation = require('../../../themes/themeComponents/navigation.js');
 var styledUtils = require('../../../utils/styledUtils.js');
@@ -20,12 +20,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const MobileMenuWrapper = styled.default.div `
+const MobileMenuWrapper = styledComponents.styled.div `
     width: ${100 * navigation.menuLevelsAmount}%;
 `;
 const mobileMenuWithRibbon = `calc(100vh - ${navigation.mobileNavMaxHeight} - ${navigation.ribbonHeight})`;
 const mobileMenuNoRibbon = `calc(100vh - ${navigation.mobileNavMaxHeight})`;
-const MobileMenuContainer = styled.default.div `
+const MobileMenuContainer = styledComponents.styled.div `
     width: 100%;
     position: absolute;
     top: ${navigation.mobileNavMaxHeight};
@@ -42,8 +42,8 @@ const MobileMenuContainer = styled.default.div `
         height: ${mobileMenuWithRibbon};
     `};
 `;
-const MenuLinkBackLink = styled.default(globalNavStyles.MenuLink) ``;
-const MobileMenu = styled.default.div `
+const MenuLinkBackLink = styledComponents.styled(globalNavStyles.MenuLink) ``;
+const MobileMenu = styledComponents.styled.div `
     background: ${theme.default.color.background.white.default};
     ${globalNavStyles.MenuList} {
         display: block;

package/build/cjs/components/MainNavigation/ChildComponents/Ribbon.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var styled = require('../../../themes/styled.js');
+var styledComponents = require('styled-components');
 var theme = require('../../../themes/theme.js');
 var navigation = require('../../../themes/themeComponents/navigation.js');
 var styledUtils = require('../../../utils/styledUtils.js');
@@ -13,14 +13,14 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const RibbonContainer = styled.default.div `
+const RibbonContainer = styledComponents.styled.div `
     display: none;
     ${styledUtils.media.md `
         background: ${theme.default.color.background.sand.E01};
         display: block;
     `};
 `;
-const RibbonItems = styled.default.div `
+const RibbonItems = styledComponents.styled.div `
     max-width: 1290px;
     height: ${navigation.ribbonHeight};
     padding: 0 ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 2)};
@@ -29,7 +29,7 @@ const RibbonItems = styled.default.div `
     justify-content: center;
     align-items: center;
 `;
-const RibbonColumn = styled.default.div `
+const RibbonColumn = styledComponents.styled.div `
     flex: 1 1 auto;
     display: flex;
     justify-content: center;

package/build/cjs/components/MainNavigation/MainNavigation.js

@@ -6,7 +6,7 @@ var ramda = require('ramda');
 var React = require('react');
 var useScrollPosition = require('../../hooks/useScrollPosition.js');
 var useWindowSize = require('../../hooks/useWindowSize.js');
-var styled = require('../../themes/styled.js');
+var styledComponents = require('styled-components');
 var theme = require('../../themes/theme.js');
 var navigation = require('../../themes/themeComponents/navigation.js');
 var styledUtils = require('../../utils/styledUtils.js');
@@ -20,7 +20,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const GlobalStyle = styled.createGlobalStyle `
+const GlobalStyle = styledComponents.createGlobalStyle `
     body.overflow-hidden {
         overflow: hidden;
     }
@@ -35,7 +35,7 @@ const isIosDevice = () => {
     return false;
 };
 const iosDevice = isIosDevice();
-const fadeIn = styled.keyframes `
+const fadeIn = styledComponents.keyframes `
     0% {
         opacity: 0;
         transform: translateY(-5px);
@@ -65,7 +65,7 @@ const resumeBodyScroll = () => {
         });
     }
 };
-const PageOverlay = styled.default.div `
+const PageOverlay = styledComponents.styled.div `
     position: fixed;
     animation: ${fadeIn} 0.2s ease-in-out;
     top: 0;
@@ -82,7 +82,7 @@ const checkThreshold = (prevPos, currPos) => {
     }
     return currPos - prevPos > scrollThreshold;
 };
-const GlobalNavigationContainer = styled.default.nav `
+const GlobalNavigationContainer = styledComponents.styled.nav `
     z-index: ${({ navZIndex }) => navZIndex};
     position: relative;
     position: sticky;
@@ -98,7 +98,7 @@ const GlobalNavigationContainer = styled.default.nav `
     transition: top 0.2s ease-in-out;
     box-sizing: border-box;
 `;
-const NavigationWrapper = styled.default.div `
+const NavigationWrapper = styledComponents.styled.div `
     display: flex;
     width: 100%;
     max-width: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 256)};