@comicrelief/component-library 8.1.0 → 8.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -109,18 +109,23 @@ const ShowHideInputWrapper = exports.ShowHideInputWrapper = _styledComponents.de
109
109
  const ExtraInfo = exports.ExtraInfo = _styledComponents.default.span.withConfig({
110
110
  displayName: "MarketingPreferencesDSstyle__ExtraInfo",
111
111
  componentId: "sc-68n85q-9"
112
- })(["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:0.5rem;+ label{margin-top:20px;&[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;}}"]);
112
+ })(["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:0.5rem;color:", ";+ label{margin-top:20px;&[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;}}"], _ref13 => {
113
+ let {
114
+ theme
115
+ } = _ref13;
116
+ return theme.color('grey_dark');
117
+ });
113
118
  const MPTextInput = exports.MPTextInput = (0, _styledComponents.default)(_TextInput.default).withConfig({
114
119
  displayName: "MarketingPreferencesDSstyle__MPTextInput",
115
120
  componentId: "sc-68n85q-10"
116
- })(["input{border:1px solid ", ";;@media ", "{max-width:none;}}"], _ref13 => {
121
+ })(["input{border:1px solid ", ";;@media ", "{max-width:none;}}"], _ref14 => {
117
122
  let {
118
123
  theme
119
- } = _ref13;
124
+ } = _ref14;
120
125
  return theme.color('black');
121
- }, _ref14 => {
126
+ }, _ref15 => {
122
127
  let {
123
128
  theme
124
- } = _ref14;
129
+ } = _ref15;
125
130
  return theme.allBreakpoints('M');
126
131
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@comicrelief/component-library",
3
3
  "author": "Comic Relief Engineering Team",
4
- "version": "8.1.0",
4
+ "version": "8.1.1",
5
5
  "main": "dist/index.js",
6
6
  "license": "ISC",
7
7
  "jest": {
@@ -138,6 +138,7 @@ const ExtraInfo = styled.span`
138
138
  line-height: normal;
139
139
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
140
140
  margin-bottom: 0.5rem;
141
+ color: ${({ theme }) => theme.color('grey_dark')};
141
142
 
142
143
  + label {
143
144
  margin-top: 20px;