@comicrelief/component-library 5.8.5 → 5.8.6

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js

@@ -102,7 +102,7 @@ exports.CTA = CTA;
 var Copy = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Copy",
   componentId: "sc-s8zd7s-8"
-})(["position:relative;height:auto;padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;", ";background:", ";", ";", ";@media ", "{height:448px;width:calc(50% + 1.5rem);flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 1.5rem);padding:", ";", ";", ";}@media ", "{padding:calc(", " * 2);", ";margin:", ";}"], (0, _spacing.default)('m'), (0, _zIndex.default)('low'), boxShadow, function (_ref10) {
+})(["position:relative;height:auto;padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;", ";background:", ";", ";", ";@media ", "{min-height:448px;height:auto;width:calc(50% + 1.5rem);flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 1.5rem);padding:", ";", ";", ";}@media ", "{padding:calc(", " * 2);", ";margin:", ";}"], (0, _spacing.default)('m'), (0, _zIndex.default)('low'), boxShadow, function (_ref10) {
   var theme = _ref10.theme,
       backgroundColor = _ref10.backgroundColor;
   return theme.color(backgroundColor);

package/dist/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap

@@ -200,7 +200,8 @@ exports[`renders correctly 1`] = `
 
 @media (min-width:740px) {
   .c5 {
-    height: 448px;
+    min-height: 448px;
+    height: auto;
     width: calc(50% + 1.5rem);
     -webkit-box-flex: 0;
     -webkit-flex-grow: 0;

package/docs/installation.md

@@ -3,10 +3,10 @@
 CR-CL has a dependency of Styled-components.
 
 #### Install the package
-`yarn add @comicrelief/component-library`
+`yarn add @comicrelief/component-library` 
 
 #### Wrap your app with the ThemeProvider and crTheme
-`import { ThemeProvider, theme as crTheme } from '@comic-relief/component-library';`
+`import { ThemeProvider, crTheme } from '@comicrelief/component-library';`
 
 #### Import components
-`import { HeroBanner } from '@comic-relief/component-library';`
+`import { HeroBanner } from '@comicrelief/component-library';`

package/package.json

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

package/src/components/Molecules/SingleMessageDS/SingleMessageDs.style.js

@@ -134,7 +134,8 @@ const Copy = styled.div`
 
 
   @media ${({ theme }) => theme.breakpoint('small')} {
-    height: 448px;
+    min-height: 448px;
+    height: auto;
     width: calc(50% + 1.5rem);
     flex-grow: 0;
     flex-shrink: 0;

package/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap

@@ -200,7 +200,8 @@ exports[`renders correctly 1`] = `
 
 @media (min-width:740px) {
   .c5 {
-    height: 448px;
+    min-height: 448px;
+    height: auto;
     width: calc(50% + 1.5rem);
     -webkit-box-flex: 0;
     -webkit-flex-grow: 0;

package/styleguide.config.js

@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = {
   getComponentPathLine(componentPath) {
     const name = path.basename(componentPath, '.js');
-    return `import { ${name} } from '@comic-relief/component-library';`;
+    return `import { ${name} } from '@comicrelief/component-library';`;
   },
   assetsDir: 'src/styleguide/assets/',
   styleguideComponents: {