@comicrelief/component-library 7.11.1 → 7.11.2

package/cypress/integration/components/Organisms/Donate.spec.js

@@ -125,7 +125,7 @@ describe('Donate component', () => {
         .click();
       cy.get('@container')
         .find('[id="mship-2--MoneyBuy-userInput"]')
-        .should('have.value', '20')
+        .should('have.value', '8888')
         .clear()
         .type(' ');
       cy.get('@container')

package/dist/components/Organisms/Donate/Donate.md

@@ -27,10 +27,9 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 />;
 ```
 
-## Form align left, with custom message after choosing an "Other amount" to donate.
-
+## Form align left, with custom message after choosing an "Other amount" to donate, high value cart.
 ```js
-import data from './dev-data/data';
+import data from './dev-data/data-high-value';
 const mobilePictures = require('../../../styleguide/data/data').mobileImages;
 const desktopPictures = require('../../../styleguide/data/data').defaultData;
 

package/dist/components/Organisms/Donate/Donate.style.js

@@ -127,7 +127,7 @@ exports.Legend = Legend;
 var MoneyBuys = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__MoneyBuys",
   componentId: "sc-8rjm3t-11"
-})(["display:flex;justify-content:space-between;flex-direction:column;margin-bottom:", ";", "{flex-direction:row;}label{flex:0 0 30%;margin-bottom:", ";", "{margin-bottom:0;}input{cursor:pointer;}}"], (0, _spacing.default)('l'), (0, _size.media)('small'), (0, _spacing.default)('sm'), (0, _size.media)('small'));
+})(["display:flex;justify-content:space-between;flex-direction:column;margin-bottom:", ";", "{flex-direction:row;}label{flex:0 0 30%;margin-bottom:", ";", "{margin-bottom:0;}input{cursor:pointer;padding:", "  ", ";}}"], (0, _spacing.default)('l'), (0, _size.media)('small'), (0, _spacing.default)('sm'), (0, _size.media)('small'), (0, _spacing.default)('m'), (0, _spacing.default)('sm'));
 
 exports.MoneyBuys = MoneyBuys;
 

package/dist/components/Organisms/Donate/__snapshots__/Donate.test.js.snap

@@ -240,6 +240,7 @@ exports[`Monthly donation renders correctly 1`] = `
 
 .c17 label input {
   cursor: pointer;
+  padding: 1.5rem 0.5rem;
 }
 
 .c24 {
@@ -1119,6 +1120,7 @@ exports[`Single donation renders correctly 1`] = `
 
 .c11 label input {
   cursor: pointer;
+  padding: 1.5rem 0.5rem;
 }
 
 .c19 {

package/dist/components/Organisms/Donate/dev-data/data-high-value.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  cartId: '1-4-the-high-rollers',
+  singleGiving: {
+    moneybuys: [{
+      description: 'a pregnant woman in Uganda to have access to a birth kit so she can have a clean, safe delivery.',
+      value: 7777
+    }, {
+      description: 'a support worker to visit 10 isolated young mums with postnatal depression in the UK.',
+      value: 8888
+    }, {
+      description: 'clothes for a child who has had to leave their possessions behind while escaping domestic abuse.',
+      value: 9999
+    }]
+  },
+  regularGiving: {
+    moneybuys: [{
+      description: 'a regular supply of toiletries for someone living in a refugee camp in Serbia.',
+      value: 1111
+    }, {
+      description: 'a potentially lifesaving call for a man at risk of suicide in the UK.',
+      value: 2222
+    }, {
+      description: 'the distribution of enough surplus food for a school breakfast club to feed 80 children.',
+      value: 3333
+    }]
+  }
+};
+exports.default = _default;

package/package.json

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

package/src/components/Organisms/Donate/Donate.md

@@ -27,10 +27,9 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 />;
 ```
 
-## Form align left, with custom message after choosing an "Other amount" to donate.
-
+## Form align left, with custom message after choosing an "Other amount" to donate, high value cart.
 ```js
-import data from './dev-data/data';
+import data from './dev-data/data-high-value';
 const mobilePictures = require('../../../styleguide/data/data').mobileImages;
 const desktopPictures = require('../../../styleguide/data/data').defaultData;
 

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

@@ -152,6 +152,7 @@ const MoneyBuys = styled.div`
     }
     input {
       cursor: pointer;
+      padding: ${spacing('m')}  ${spacing('sm')};
     }
   }
 `;

package/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap

@@ -240,6 +240,7 @@ exports[`Monthly donation renders correctly 1`] = `
 
 .c17 label input {
   cursor: pointer;
+  padding: 1.5rem 0.5rem;
 }
 
 .c24 {
@@ -1119,6 +1120,7 @@ exports[`Single donation renders correctly 1`] = `
 
 .c11 label input {
   cursor: pointer;
+  padding: 1.5rem 0.5rem;
 }
 
 .c19 {

package/src/components/Organisms/Donate/dev-data/data-high-value.js

@@ -0,0 +1,41 @@
+export default {
+  cartId: '1-4-the-high-rollers',
+  singleGiving: {
+    moneybuys: [
+      {
+        description:
+          'a pregnant woman in Uganda to have access to a birth kit so she can have a clean, safe delivery.',
+        value: 7777
+      },
+      {
+        description:
+          'a support worker to visit 10 isolated young mums with postnatal depression in the UK.',
+        value: 8888
+      },
+      {
+        description:
+          'clothes for a child who has had to leave their possessions behind while escaping domestic abuse.',
+        value: 9999
+      }
+    ]
+  },
+  regularGiving: {
+    moneybuys: [
+      {
+        description:
+          'a regular supply of toiletries for someone living in a refugee camp in Serbia.',
+        value: 1111
+      },
+      {
+        description:
+          'a potentially lifesaving call for a man at risk of suicide in the UK.',
+        value: 2222
+      },
+      {
+        description:
+          'the distribution of enough surplus food for a school breakfast club to feed 80 children.',
+        value: 3333
+      }
+    ]
+  }
+};