@comicrelief/component-library 8.0.2 → 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.
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +10 -5
- package/dist/theme/crTheme/Colors.md +19 -2
- package/dist/theme/crTheme/colors.js +1 -0
- package/dist/theme/srTheme/colors.js +1 -0
- package/package.json +1 -1
- package/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +1 -0
- package/src/theme/crTheme/Colors.md +19 -2
- package/src/theme/crTheme/colors.js +1 -0
- package/src/theme/srTheme/colors.js +1 -0
|
@@ -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;}}"],
|
|
121
|
+
})(["input{border:1px solid ", ";;@media ", "{max-width:none;}}"], _ref14 => {
|
|
117
122
|
let {
|
|
118
123
|
theme
|
|
119
|
-
} =
|
|
124
|
+
} = _ref14;
|
|
120
125
|
return theme.color('black');
|
|
121
|
-
},
|
|
126
|
+
}, _ref15 => {
|
|
122
127
|
let {
|
|
123
128
|
theme
|
|
124
|
-
} =
|
|
129
|
+
} = _ref15;
|
|
125
130
|
return theme.allBreakpoints('M');
|
|
126
131
|
});
|
|
@@ -31,7 +31,7 @@ const Item = styled.div`
|
|
|
31
31
|
|
|
32
32
|
<div>
|
|
33
33
|
<Text tag="h3" family="Anton" uppercase color="black" size="l">
|
|
34
|
-
Primary
|
|
34
|
+
Primary (CR Theme)
|
|
35
35
|
</Text>
|
|
36
36
|
<Grid>
|
|
37
37
|
<Item>
|
|
@@ -277,7 +277,7 @@ const Item = styled.div`
|
|
|
277
277
|
</Item>
|
|
278
278
|
</Grid>
|
|
279
279
|
<Text tag="h3" family="Anton" uppercase color="black" size="l">
|
|
280
|
-
Accent Colours
|
|
280
|
+
Accent Colours (CR Theme)
|
|
281
281
|
</Text>
|
|
282
282
|
<Text tag="h3" color="black" size="xs">
|
|
283
283
|
Used for highlighted actions and content
|
|
@@ -319,5 +319,22 @@ const Item = styled.div`
|
|
|
319
319
|
</Card>
|
|
320
320
|
</Item>
|
|
321
321
|
</Grid>
|
|
322
|
+
|
|
323
|
+
<Text tag="h3" family="Anton" uppercase color="black" size="l">
|
|
324
|
+
Additional Colours (CR Theme)
|
|
325
|
+
</Text>
|
|
326
|
+
<Text tag="h3" color="black" size="xs">
|
|
327
|
+
Currently, just one new colour used exclusively in the Donate widget on CRcom and the 2024 Donate build
|
|
328
|
+
</Text>
|
|
329
|
+
<Grid>
|
|
330
|
+
<Item>
|
|
331
|
+
<Card backgroundColor="blue_donate" height="auto">
|
|
332
|
+
<Text tag="h3" color="white" size="xs">
|
|
333
|
+
Blue Donate
|
|
334
|
+
</Text>
|
|
335
|
+
<Text tag="p" color="white">#2042AD</Text>
|
|
336
|
+
</Card>
|
|
337
|
+
</Item>
|
|
338
|
+
</Grid>
|
|
322
339
|
</div>;
|
|
323
340
|
```
|
package/package.json
CHANGED
|
@@ -31,7 +31,7 @@ const Item = styled.div`
|
|
|
31
31
|
|
|
32
32
|
<div>
|
|
33
33
|
<Text tag="h3" family="Anton" uppercase color="black" size="l">
|
|
34
|
-
Primary
|
|
34
|
+
Primary (CR Theme)
|
|
35
35
|
</Text>
|
|
36
36
|
<Grid>
|
|
37
37
|
<Item>
|
|
@@ -277,7 +277,7 @@ const Item = styled.div`
|
|
|
277
277
|
</Item>
|
|
278
278
|
</Grid>
|
|
279
279
|
<Text tag="h3" family="Anton" uppercase color="black" size="l">
|
|
280
|
-
Accent Colours
|
|
280
|
+
Accent Colours (CR Theme)
|
|
281
281
|
</Text>
|
|
282
282
|
<Text tag="h3" color="black" size="xs">
|
|
283
283
|
Used for highlighted actions and content
|
|
@@ -319,5 +319,22 @@ const Item = styled.div`
|
|
|
319
319
|
</Card>
|
|
320
320
|
</Item>
|
|
321
321
|
</Grid>
|
|
322
|
+
|
|
323
|
+
<Text tag="h3" family="Anton" uppercase color="black" size="l">
|
|
324
|
+
Additional Colours (CR Theme)
|
|
325
|
+
</Text>
|
|
326
|
+
<Text tag="h3" color="black" size="xs">
|
|
327
|
+
Currently, just one new colour used exclusively in the Donate widget on CRcom and the 2024 Donate build
|
|
328
|
+
</Text>
|
|
329
|
+
<Grid>
|
|
330
|
+
<Item>
|
|
331
|
+
<Card backgroundColor="blue_donate" height="auto">
|
|
332
|
+
<Text tag="h3" color="white" size="xs">
|
|
333
|
+
Blue Donate
|
|
334
|
+
</Text>
|
|
335
|
+
<Text tag="p" color="white">#2042AD</Text>
|
|
336
|
+
</Card>
|
|
337
|
+
</Item>
|
|
338
|
+
</Grid>
|
|
322
339
|
</div>;
|
|
323
340
|
```
|