@comicrelief/component-library 8.35.0 → 8.35.1

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

@@ -25,12 +25,7 @@ const OuterWrapper = exports.OuterWrapper = _styledComponents.default.div.withCo
 const TopCopyWrapper = exports.TopCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__TopCopyWrapper",
   componentId: "sc-68n85q-1"
-})(["margin:", " 0;display:flex;width:100%;@media ", "{padding:10px;}"], (0, _spacing.default)('l'), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.allBreakpoints('M');
-});
+})(["margin:", " 0;display:flex;width:100%;"], (0, _spacing.default)('l'));
 const BottomCopyWrapper = exports.BottomCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__BottomCopyWrapper",
   componentId: "sc-68n85q-2"
@@ -46,94 +41,94 @@ const AssociatedFieldsName = exports.AssociatedFieldsName = _styledComponents.de
 const FormField = exports.FormField = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__FormField",
   componentId: "sc-68n85q-5"
-})(["", ""], _ref2 => {
+})(["", ""], _ref => {
   let {
     theme,
     isError
-  } = _ref2;
+  } = _ref;
   return (0, _styledComponents.css)(["position:relative;margin-bottom:", ";width:100%;display:flex;flex-direction:column;padding:", ";background-color:", ";transition:background-color 0.3s,color 0.3s;border-radius:0.5rem;border:1px solid ", ";&.selected{background-color:", ";&:hover{background-color:", ";border-color:", ";}span.icon-mp_permissionEmail{background-image:url(", ");}span.icon-mp_permissionPhone{background-image:url(", ");}span.icon-mp_permissionPost{background-image:url(", ");}span.icon-mp_permissionSMS{background-image:url(", ");}> div{label,> span{color:", ";}}}label{position:relative;margin-bottom:0;width:100%;color:", ";font-weight:600;display:flex;justify-content:space-between;}h3{position:relative;margin-bottom:", ";&:before{position:absolute;top:0;left:0;width:24px;height:24px;content:'';}}"], (0, _spacing.default)('md'), (0, _spacing.default)('m'), theme.color('grey_light'), theme.color('grey'), isError ? theme.color('red') : theme.color('blue_donate'), isError ? theme.color('red_dark') : theme.color('blue_donate'), theme.color('grey_4'), _EmailWhite.default, _PhoneWhite.default, _PostWhite.default, _TextWhite.default, theme.color('white'), theme.color('black'), (0, _spacing.default)('md'));
 });
 const CheckContainer = exports.CheckContainer = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__CheckContainer",
   componentId: "sc-68n85q-6"
-})(["", ""], _ref3 => {
+})(["", ""], _ref2 => {
   let {
     theme
-  } = _ref3;
+  } = _ref2;
   return (0, _styledComponents.css)(["width:100%;display:flex;justify-content:space-between;font-size:", ";font-family:", ";"], theme.fontSize('md'), theme.fontFamilies(theme.font.regular));
 });
 const CheckLabel = exports.CheckLabel = _styledComponents.default.label.withConfig({
   displayName: "MarketingPreferencesDSstyle__CheckLabel",
   componentId: "sc-68n85q-7"
-})(["", ""], _ref4 => {
+})(["", ""], _ref3 => {
   let {
     theme
-  } = _ref4;
+  } = _ref3;
   return (0, _styledComponents.css)(["display:flex;align-items:center;font-size:", ";@media ", "{font-size:", ";}"], theme.fontSize('xs'), theme.allBreakpoints('M'), theme.fontSize('s'));
 });
 const CheckInput = exports.CheckInput = _styledComponents.default.input.withConfig({
   displayName: "MarketingPreferencesDSstyle__CheckInput",
   componentId: "sc-68n85q-8"
-})(["font-size:", ";display:block;box-sizing:border-box;opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;margin:0;border:1px solid ", ";+ span{width:30px;height:30px;background-color:", ";border:1px solid ", ";float:left;border-radius:0.5rem;}:checked + span{background:url(", ") no-repeat center ", ";background-size:contain;}"], _ref5 => {
+})(["font-size:", ";display:block;box-sizing:border-box;opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;margin:0;border:1px solid ", ";+ span{width:30px;height:30px;background-color:", ";border:1px solid ", ";float:left;border-radius:0.5rem;}:checked + span{background:url(", ") no-repeat center ", ";background-size:contain;}"], _ref4 => {
   let {
     theme
-  } = _ref5;
+  } = _ref4;
   return theme.fontSize('sm');
-}, _ref6 => {
+}, _ref5 => {
   let {
     theme
-  } = _ref6;
+  } = _ref5;
   return theme.color('grey');
-}, _ref7 => {
+}, _ref6 => {
   let {
     theme
-  } = _ref7;
+  } = _ref6;
   return theme.color('white');
-}, _ref8 => {
+}, _ref7 => {
   let {
     theme
-  } = _ref8;
+  } = _ref7;
   return theme.color('grey');
-}, _CR_Tick_black.default, _ref9 => {
+}, _CR_Tick_black.default, _ref8 => {
   let {
     theme
-  } = _ref9;
+  } = _ref8;
   return theme.color('white');
 });
 const ShowHideInputWrapper = exports.ShowHideInputWrapper = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__ShowHideInputWrapper",
   componentId: "sc-68n85q-9"
-})(["display:", ";width:100%;label{width:100%;border:none;padding:0;}"], _ref10 => {
+})(["display:", ";width:100%;label{width:100%;border:none;padding:0;}"], _ref9 => {
   let {
     show
-  } = _ref10;
+  } = _ref9;
   return show ? 'block' : 'none';
 });
 const ExtraInfo = exports.ExtraInfo = _styledComponents.default.span.withConfig({
   displayName: "MarketingPreferencesDSstyle__ExtraInfo",
   componentId: "sc-68n85q-10"
-})(["display:block;width:100%;font-size:1rem;text-transform:inherit;font-weight:normal;line-height:normal;font-family:'Montserrat',Helvetica,Arial,sans-serif;margin-bottom:0rem;margin-top:1rem;color:", ";+ label{margin-top:", ";margin-bottom:0;&[for=\"mp_email\"],&[for=\"mp_mobile\"],&[for=\"mp_phone\"]{> span:first-child{position:absolute;margin:-1px;padding:0;width:1px;height:1px;border:0;overflow:hidden;clip:rect(1px 1px 1px 1px);word-wrap:normal;}}"], _ref11 => {
+})(["display:block;width:100%;font-size:1rem;text-transform:inherit;font-weight:normal;line-height:normal;font-family:'Montserrat',Helvetica,Arial,sans-serif;margin-bottom:0rem;margin-top:1rem;color:", ";+ label{margin-top:", ";margin-bottom:0;&[for=\"mp_email\"],&[for=\"mp_mobile\"],&[for=\"mp_phone\"]{> span:first-child{position:absolute;margin:-1px;padding:0;width:1px;height:1px;border:0;overflow:hidden;clip:rect(1px 1px 1px 1px);word-wrap:normal;}}"], _ref10 => {
   let {
     theme
-  } = _ref11;
+  } = _ref10;
   return theme.color('black');
 }, (0, _spacing.default)('md'));
 const MPTextInput = exports.MPTextInput = (0, _styledComponents.default)(_TextInput.default).withConfig({
   displayName: "MarketingPreferencesDSstyle__MPTextInput",
   componentId: "sc-68n85q-11"
-})(["input{border:1px solid  ", ";background-color:", ";@media ", "{max-width:none;}}span{color:white;}"], _ref12 => {
+})(["input{border:1px solid  ", ";background-color:", ";@media ", "{max-width:none;}}span{color:white;}"], _ref11 => {
   let {
     theme
-  } = _ref12;
+  } = _ref11;
   return theme.color('black');
-}, _ref13 => {
+}, _ref12 => {
   let {
     theme
-  } = _ref13;
+  } = _ref12;
   return theme.color('white');
-}, _ref14 => {
+}, _ref13 => {
   let {
     theme
-  } = _ref14;
+  } = _ref13;
   return theme.allBreakpoints('M');
 });

package/package.json

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

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

@@ -35,10 +35,6 @@ const TopCopyWrapper = styled.div`
   margin: ${spacing('l')} 0;
   display: flex;
   width: 100%;
-
-  @media ${({ theme }) => theme.allBreakpoints('M')} {
-    padding: 10px;
-  }
 `;
 
 const BottomCopyWrapper = styled.div`