@comicrelief/component-library 7.39.0 → 7.41.0

package/src/components/Organisms/Header/Header.style.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 import zIndex from '../../../theme/shared/zIndex';
-import container from '../../../theme/shared/allContainers';
+import allContainers from '../../../theme/shared/allContainers';
 import spacing from '../../../theme/shared/spacing';
 
 const HeaderWrapper = styled.header.attrs(() => ({
@@ -23,7 +23,7 @@ const InnerWrapper = styled.div`
   height: 100%;
   padding: 0 12px;
   cursor: pointer;
-  max-width: ${container.large};
+  max-width: ${allContainers.large};
 
   @media ${({ theme }) => theme.allBreakpoints('Nav')} {
     margin: 0 auto;

package/src/index.js

@@ -11,6 +11,7 @@ export { default as spacing } from './theme/shared/spacing';
 export { default as breakpoint } from './theme/shared/breakpoint';
 export { default as allBreakpoints } from './theme/shared/allBreakpoints';
 export { media, screen, container } from './theme/shared/size';
+export { default as allContainers } from './theme/shared/allContainers';
 
 /* Atoms */
 export { default as Text } from './components/Atoms/Text/Text';

package/src/theme/shared/allContainers.js

@@ -1,7 +1,7 @@
-const container = {
+const allContainers = {
   small: '880px',
   medium: '1200px',
   large: '1440px'
 };
 
-export default container;
+export default allContainers;