@comicrelief/component-library 7.40.0 → 7.41.0

package/dist/index.js

@@ -334,6 +334,12 @@ Object.defineProperty(exports, "allBreakpoints", {
     return _allBreakpoints.default;
   }
 });
+Object.defineProperty(exports, "allContainers", {
+  enumerable: true,
+  get: function () {
+    return _allContainers.default;
+  }
+});
 Object.defineProperty(exports, "allowListed", {
   enumerable: true,
   get: function () {
@@ -422,6 +428,7 @@ var _spacing = _interopRequireDefault(require("./theme/shared/spacing"));
 var _breakpoint = _interopRequireDefault(require("./theme/shared/breakpoint"));
 var _allBreakpoints = _interopRequireDefault(require("./theme/shared/allBreakpoints"));
 var _size = require("./theme/shared/size");
+var _allContainers = _interopRequireDefault(require("./theme/shared/allContainers"));
 var _Text = _interopRequireDefault(require("./components/Atoms/Text/Text"));
 var _Logo = _interopRequireDefault(require("./components/Atoms/Logo/Logo"));
 var _Picture = _interopRequireDefault(require("./components/Atoms/Picture/Picture"));

package/dist/theme/shared/allContainers.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const container = {
+const allContainers = {
   small: '880px',
   medium: '1200px',
   large: '1440px'
 };
-var _default = exports.default = container;
+var _default = exports.default = allContainers;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "7.40.0",
+  "version": "7.41.0",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {

package/src/components/Molecules/Promo/Promo.style.js

@@ -1,5 +1,5 @@
 import styled, { css } from 'styled-components';
-import container from '../../../theme/shared/allContainers';
+import allContainers from '../../../theme/shared/allContainers';
 import spacing from '../../../theme/shared/spacing';
 import zIndex from '../../../theme/shared/zIndex';
 
@@ -37,7 +37,7 @@ const Container = styled.div`
 
 const Wrapper = styled.div`
   width: 100%;
-  max-width: ${container.medium};
+  max-width: ${allContainers.medium};
   height: 100%;
   left: 0;
   right: 0;

package/src/components/Molecules/SingleMessage/SingleMessage.style.js

@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import spacing from '../../../theme/shared/spacing';
-import container from '../../../theme/shared/allContainers';
+import allContainers from '../../../theme/shared/allContainers';
 import zIndex from '../../../theme/shared/zIndex';
 import playIcon from './assets/video--play-icon.svg';
 import playIconHover from './assets/video--play-icon__hover.svg';
@@ -68,7 +68,7 @@ const Copy = styled.div`
     : css`
           @media ${({ theme }) => theme.allBreakpoints('M')} {
             width: 100%;
-            max-width ${container.small};
+            max-width ${allContainers.small};
             padding: ${spacing('xl')};
           }
           margin: auto;

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;