@comicrelief/component-library 8.4.0 → 8.5.1

package/dist/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap

@@ -61,6 +61,10 @@ exports[`renders Column view correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c9 {
+  fill: #FFFFFF;
+}
+
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -115,10 +119,6 @@ exports[`renders Column view correctly 1`] = `
   z-index: 2;
 }
 
-.c9 {
-  fill: #FFFFFF;
-}
-
 @media (min-width:740px) {
   .c8 {
     width: auto;
@@ -145,6 +145,12 @@ exports[`renders Column view correctly 1`] = `
   }
 }
 
+@media (min-width:1024px) {
+  .c9 {
+    fill: #FFFFFF;
+  }
+}
+
 @media (min-width:1440px) {
   .c0 {
     -webkit-flex-direction: column;
@@ -172,12 +178,6 @@ exports[`renders Column view correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
-  .c9 {
-    fill: #FFFFFF;
-  }
-}
-
 <div
   className="c0"
 >
@@ -313,6 +313,10 @@ exports[`renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c9 {
+  fill: #FFFFFF;
+}
+
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -367,10 +371,6 @@ exports[`renders correctly 1`] = `
   z-index: 2;
 }
 
-.c9 {
-  fill: #FFFFFF;
-}
-
 @media (min-width:740px) {
   .c8 {
     width: auto;
@@ -397,6 +397,12 @@ exports[`renders correctly 1`] = `
   }
 }
 
+@media (min-width:1024px) {
+  .c9 {
+    fill: #FFFFFF;
+  }
+}
+
 @media (min-width:740px) {
   .c0 {
     -webkit-flex-direction: row;
@@ -457,12 +463,6 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
-  .c9 {
-    fill: #FFFFFF;
-  }
-}
-
 <div
   className="c0"
 >

package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js

@@ -31,7 +31,8 @@ const MarketingPreferencesDS = _ref => {
     copyBottom = _DefaultCopy.defaultCopyBottom,
     mpValidationOptions,
     id = null,
-    formContext = null
+    formContext = null,
+    ...rest
   } = _ref;
   const {
     formState: {
@@ -89,9 +90,9 @@ const MarketingPreferencesDS = _ref => {
   const showPhoneField = !mp_permissionPhone.hideInput && (phoneChoice || errors.mp_phone);
   const showPostFields = !mp_permissionPost.hideInput && (postChoice || isAddressErroring());
   const customId = id ? "marketing-preferences--".concat(id) : 'marketing-preferences';
-  return /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.OuterWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.OuterWrapper, Object.assign({
     id: customId
-  }, copyTop && /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.TopCopyWrapper, null, copyTop), !mp_permissionEmail.disableOption && /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.FormField, {
+  }, rest), copyTop && /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.TopCopyWrapper, null, copyTop), !mp_permissionEmail.disableOption && /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.FormField, {
     className: "field-email"
   }, /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.Head, null, /*#__PURE__*/_react.default.createElement(_CheckAnswer.default, {
     mpValidationOptions: mpValidationOptions,

package/dist/index.js

@@ -118,6 +118,12 @@ Object.defineProperty(exports, "ErrorText", {
     return _ErrorText.default;
   }
 });
+Object.defineProperty(exports, "External", {
+  enumerable: true,
+  get: function () {
+    return _External.default;
+  }
+});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function () {
@@ -160,6 +166,12 @@ Object.defineProperty(exports, "Input", {
     return _Input.default;
   }
 });
+Object.defineProperty(exports, "Internal", {
+  enumerable: true,
+  get: function () {
+    return _Internal.default;
+  }
+});
 Object.defineProperty(exports, "Label", {
   enumerable: true,
   get: function () {
@@ -427,6 +439,8 @@ var _ErrorText = _interopRequireDefault(require("./components/Atoms/ErrorText/Er
 var _Label = _interopRequireDefault(require("./components/Atoms/Label/Label"));
 var _ButtonWithStates = _interopRequireDefault(require("./components/Atoms/ButtonWithStates/ButtonWithStates"));
 var _Confetti = _interopRequireDefault(require("./components/Atoms/Confetti/Confetti"));
+var _External = _interopRequireDefault(require("./components/Atoms/Icons/External"));
+var _Internal = _interopRequireDefault(require("./components/Atoms/Icons/Internal"));
 var _HeroBanner = _interopRequireDefault(require("./components/Molecules/HeroBanner/HeroBanner"));
 var _InfoBanner = _interopRequireDefault(require("./components/Molecules/InfoBanner/InfoBanner"));
 var _SingleMessage = _interopRequireDefault(require("./components/Molecules/SingleMessage/SingleMessage"));

package/package.json

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

package/src/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap

@@ -61,6 +61,10 @@ exports[`renders Column view correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c9 {
+  fill: #FFFFFF;
+}
+
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -115,10 +119,6 @@ exports[`renders Column view correctly 1`] = `
   z-index: 2;
 }
 
-.c9 {
-  fill: #FFFFFF;
-}
-
 @media (min-width:740px) {
   .c8 {
     width: auto;
@@ -145,6 +145,12 @@ exports[`renders Column view correctly 1`] = `
   }
 }
 
+@media (min-width:1024px) {
+  .c9 {
+    fill: #FFFFFF;
+  }
+}
+
 @media (min-width:1440px) {
   .c0 {
     -webkit-flex-direction: column;
@@ -172,12 +178,6 @@ exports[`renders Column view correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
-  .c9 {
-    fill: #FFFFFF;
-  }
-}
-
 <div
   className="c0"
 >
@@ -313,6 +313,10 @@ exports[`renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c9 {
+  fill: #FFFFFF;
+}
+
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -367,10 +371,6 @@ exports[`renders correctly 1`] = `
   z-index: 2;
 }
 
-.c9 {
-  fill: #FFFFFF;
-}
-
 @media (min-width:740px) {
   .c8 {
     width: auto;
@@ -397,6 +397,12 @@ exports[`renders correctly 1`] = `
   }
 }
 
+@media (min-width:1024px) {
+  .c9 {
+    fill: #FFFFFF;
+  }
+}
+
 @media (min-width:740px) {
   .c0 {
     -webkit-flex-direction: row;
@@ -457,12 +463,6 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
-  .c9 {
-    fill: #FFFFFF;
-  }
-}
-
 <div
   className="c0"
 >

package/src/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js

@@ -19,7 +19,8 @@ const MarketingPreferencesDS = ({
   copyBottom = defaultCopyBottom,
   mpValidationOptions,
   id = null,
-  formContext = null
+  formContext = null,
+  ...rest
 }) => {
   const { formState: { errors }, control } = formContext;
 
@@ -61,7 +62,7 @@ const MarketingPreferencesDS = ({
   const customId = id ? `marketing-preferences--${id}` : 'marketing-preferences';
 
   return (
-    <OuterWrapper id={customId}>
+    <OuterWrapper id={customId} {...rest}>
       {copyTop && <TopCopyWrapper>{copyTop}</TopCopyWrapper>}
 
       {/* Render Email checkboxes and input if not removed in config */}

package/src/index.js

@@ -30,6 +30,8 @@ export { default as ErrorText } from './components/Atoms/ErrorText/ErrorText';
 export { default as Label } from './components/Atoms/Label/Label';
 export { default as ButtonWithStates } from './components/Atoms/ButtonWithStates/ButtonWithStates';
 export { default as Confetti } from './components/Atoms/Confetti/Confetti';
+export { default as External } from './components/Atoms/Icons/External';
+export { default as Internal } from './components/Atoms/Icons/Internal';
 
 /* Molecules */
 export { default as HeroBanner } from './components/Molecules/HeroBanner/HeroBanner';