@comicrelief/component-library 8.44.1 → 8.44.2

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.
Files changed (45) hide show
  1. package/dist/components/Atoms/Checkbox/Checkbox.js +2 -1
  2. package/dist/components/Atoms/Checkbox/Checkbox.md +2 -2
  3. package/dist/components/Atoms/Checkbox/Checkbox.test.js +6 -0
  4. package/dist/components/Atoms/RadioButton/RadioButton.js +2 -1
  5. package/dist/components/Atoms/RadioButton/RadioButton.test.js +6 -0
  6. package/dist/components/Molecules/Accordion/Accordion.md +3 -3
  7. package/dist/components/Molecules/Accordion/Accordion.test.js +2 -1
  8. package/dist/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap +6 -0
  9. package/dist/components/Molecules/Banner/Banner.test.js +2 -1
  10. package/dist/components/Molecules/Banner/__snapshots__/Banner.test.js.snap +3 -0
  11. package/dist/components/Organisms/Footer/Footer.js +2 -1
  12. package/dist/components/Organisms/Footer/Nav/Nav.js +8 -4
  13. package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +40 -0
  14. package/dist/components/Organisms/Header/HeaderNav/HeaderNav.js +2 -1
  15. package/dist/components/Organisms/Header/Nav/Nav.js +2 -1
  16. package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js +2 -1
  17. package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js +1 -1
  18. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +4 -2
  19. package/dist/components/Organisms/Membership/Form/Form.js +2 -1
  20. package/dist/components/Organisms/Membership/Membership.js +2 -1
  21. package/dist/components/Organisms/Membership/Membership.test.js +86 -48
  22. package/dist/components/Organisms/WYMDCarousel/WYMDCarousel.js +4 -2
  23. package/package.json +1 -1
  24. package/src/components/Atoms/Checkbox/Checkbox.js +1 -1
  25. package/src/components/Atoms/Checkbox/Checkbox.md +2 -2
  26. package/src/components/Atoms/Checkbox/Checkbox.test.js +6 -0
  27. package/src/components/Atoms/RadioButton/RadioButton.js +1 -1
  28. package/src/components/Atoms/RadioButton/RadioButton.test.js +6 -0
  29. package/src/components/Molecules/Accordion/Accordion.md +3 -3
  30. package/src/components/Molecules/Accordion/Accordion.test.js +1 -1
  31. package/src/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap +6 -0
  32. package/src/components/Molecules/Banner/Banner.test.js +1 -1
  33. package/src/components/Molecules/Banner/__snapshots__/Banner.test.js.snap +3 -0
  34. package/src/components/Organisms/Footer/Footer.js +1 -1
  35. package/src/components/Organisms/Footer/Nav/Nav.js +4 -4
  36. package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +40 -0
  37. package/src/components/Organisms/Header/HeaderNav/HeaderNav.js +1 -1
  38. package/src/components/Organisms/Header/Nav/Nav.js +1 -1
  39. package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js +1 -1
  40. package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js +1 -1
  41. package/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +2 -2
  42. package/src/components/Organisms/Membership/Form/Form.js +1 -1
  43. package/src/components/Organisms/Membership/Membership.js +1 -1
  44. package/src/components/Organisms/Membership/Membership.test.js +86 -48
  45. package/src/components/Organisms/WYMDCarousel/WYMDCarousel.js +2 -2
package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap CHANGED
@@ -13,6 +13,11 @@ exports[`renders correctly 1`] = `
13
13
  line-height: 1.5rem;
14
14
  }
15
15
 
16
+ .c12 {
17
+ font-size: 1rem;
18
+ line-height: normal;
19
+ }
20
+
16
21
  .c15 {
17
22
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
18
23
  font-weight: 400;
@@ -26,6 +31,8 @@ exports[`renders correctly 1`] = `
26
31
  }
27
32
 
28
33
  .c15 {
34
+ font-size: 1rem;
35
+ line-height: normal;
29
36
  font-weight: bold;
30
37
  color: #FFFFFF;
31
38
  }
@@ -43,6 +50,8 @@ exports[`renders correctly 1`] = `
43
50
  }
44
51
 
45
52
  .c20 {
53
+ font-size: 1rem;
54
+ line-height: normal;
46
55
  color: #FFFFFF;
47
56
  }
48
57
 
@@ -59,6 +68,8 @@ exports[`renders correctly 1`] = `
59
68
  }
60
69
 
61
70
  .c25 {
71
+ font-size: 1rem;
72
+ line-height: normal;
62
73
  color: #969598;
63
74
  }
64
75
 
@@ -739,6 +750,7 @@ exports[`renders correctly 1`] = `
739
750
  className="c12"
740
751
  color="inherit"
741
752
  id="footer-menu"
753
+ size="s"
742
754
  >
743
755
  Footer navigation
744
756
  </h2>
@@ -753,6 +765,7 @@ exports[`renders correctly 1`] = `
753
765
  <span
754
766
  className="c15"
755
767
  color="white"
768
+ size="s"
756
769
  >
757
770
  Hear from us
758
771
  </span>
@@ -775,6 +788,7 @@ exports[`renders correctly 1`] = `
775
788
  <span
776
789
  className="c20"
777
790
  color="white"
791
+ size="s"
778
792
  >
779
793
  Get the newsletter
780
794
  </span>
@@ -794,6 +808,7 @@ exports[`renders correctly 1`] = `
794
808
  <span
795
809
  className="c20"
796
810
  color="white"
811
+ size="s"
797
812
  >
798
813
  How we contact you
799
814
  </span>
@@ -808,6 +823,7 @@ exports[`renders correctly 1`] = `
808
823
  <span
809
824
  className="c15"
810
825
  color="white"
826
+ size="s"
811
827
  >
812
828
  Get in touch
813
829
  </span>
@@ -830,6 +846,7 @@ exports[`renders correctly 1`] = `
830
846
  <span
831
847
  className="c20"
832
848
  color="white"
849
+ size="s"
833
850
  >
834
851
  Contact us
835
852
  </span>
@@ -849,6 +866,7 @@ exports[`renders correctly 1`] = `
849
866
  <span
850
867
  className="c20"
851
868
  color="white"
869
+ size="s"
852
870
  >
853
871
  Your Gift Aid
854
872
  </span>
@@ -868,6 +886,7 @@ exports[`renders correctly 1`] = `
868
886
  <span
869
887
  className="c20"
870
888
  color="white"
889
+ size="s"
871
890
  >
872
891
  FAQs
873
892
  </span>
@@ -887,6 +906,7 @@ exports[`renders correctly 1`] = `
887
906
  <span
888
907
  className="c20"
889
908
  color="white"
909
+ size="s"
890
910
  >
891
911
  Red Nose Day 2019 FAQs
892
912
  </span>
@@ -901,6 +921,7 @@ exports[`renders correctly 1`] = `
901
921
  <span
902
922
  className="c15"
903
923
  color="white"
924
+ size="s"
904
925
  >
905
926
  About us
906
927
  </span>
@@ -923,6 +944,7 @@ exports[`renders correctly 1`] = `
923
944
  <span
924
945
  className="c20"
925
946
  color="white"
947
+ size="s"
926
948
  >
927
949
  Mission
928
950
  </span>
@@ -942,6 +964,7 @@ exports[`renders correctly 1`] = `
942
964
  <span
943
965
  className="c20"
944
966
  color="white"
967
+ size="s"
945
968
  >
946
969
  Our history
947
970
  </span>
@@ -961,6 +984,7 @@ exports[`renders correctly 1`] = `
961
984
  <span
962
985
  className="c20"
963
986
  color="white"
987
+ size="s"
964
988
  >
965
989
  Finances
966
990
  </span>
@@ -980,6 +1004,7 @@ exports[`renders correctly 1`] = `
980
1004
  <span
981
1005
  className="c20"
982
1006
  color="white"
1007
+ size="s"
983
1008
  >
984
1009
  Partners
985
1010
  </span>
@@ -999,6 +1024,7 @@ exports[`renders correctly 1`] = `
999
1024
  <span
1000
1025
  className="c20"
1001
1026
  color="white"
1027
+ size="s"
1002
1028
  >
1003
1029
  Meet the team
1004
1030
  </span>
@@ -1018,6 +1044,7 @@ exports[`renders correctly 1`] = `
1018
1044
  <span
1019
1045
  className="c20"
1020
1046
  color="white"
1047
+ size="s"
1021
1048
  >
1022
1049
  Sport Relief
1023
1050
  </span>
@@ -1032,6 +1059,7 @@ exports[`renders correctly 1`] = `
1032
1059
  <span
1033
1060
  className="c15"
1034
1061
  color="white"
1062
+ size="s"
1035
1063
  >
1036
1064
  Careers
1037
1065
  </span>
@@ -1054,6 +1082,7 @@ exports[`renders correctly 1`] = `
1054
1082
  <span
1055
1083
  className="c20"
1056
1084
  color="white"
1085
+ size="s"
1057
1086
  >
1058
1087
  Working at Comic Relief
1059
1088
  </span>
@@ -1073,6 +1102,7 @@ exports[`renders correctly 1`] = `
1073
1102
  <span
1074
1103
  className="c20"
1075
1104
  color="white"
1105
+ size="s"
1076
1106
  >
1077
1107
  Open roles
1078
1108
  </span>
@@ -1087,6 +1117,7 @@ exports[`renders correctly 1`] = `
1087
1117
  <span
1088
1118
  className="c15"
1089
1119
  color="white"
1120
+ size="s"
1090
1121
  >
1091
1122
  News
1092
1123
  </span>
@@ -1109,6 +1140,7 @@ exports[`renders correctly 1`] = `
1109
1140
  <span
1110
1141
  className="c20"
1111
1142
  color="white"
1143
+ size="s"
1112
1144
  >
1113
1145
  News
1114
1146
  </span>
@@ -1128,6 +1160,7 @@ exports[`renders correctly 1`] = `
1128
1160
  <span
1129
1161
  className="c20"
1130
1162
  color="white"
1163
+ size="s"
1131
1164
  >
1132
1165
  Press area
1133
1166
  </span>
@@ -1142,6 +1175,7 @@ exports[`renders correctly 1`] = `
1142
1175
  <span
1143
1176
  className="c15"
1144
1177
  color="white"
1178
+ size="s"
1145
1179
  >
1146
1180
  Legal
1147
1181
  </span>
@@ -1164,6 +1198,7 @@ exports[`renders correctly 1`] = `
1164
1198
  <span
1165
1199
  className="c20"
1166
1200
  color="white"
1201
+ size="s"
1167
1202
  >
1168
1203
  Link comp with both URL and Ref
1169
1204
  </span>
@@ -1183,6 +1218,7 @@ exports[`renders correctly 1`] = `
1183
1218
  <span
1184
1219
  className="c20"
1185
1220
  color="white"
1221
+ size="s"
1186
1222
  >
1187
1223
  Link comp with only Ref
1188
1224
  </span>
@@ -1202,6 +1238,7 @@ exports[`renders correctly 1`] = `
1202
1238
  <span
1203
1239
  className="c20"
1204
1240
  color="white"
1241
+ size="s"
1205
1242
  >
1206
1243
  Link comp with only URL
1207
1244
  </span>
@@ -1226,6 +1263,7 @@ exports[`renders correctly 1`] = `
1226
1263
  <span
1227
1264
  className="c20"
1228
1265
  color="white"
1266
+ size="s"
1229
1267
  >
1230
1268
  Test allowListed external link
1231
1269
  </span>
@@ -1245,6 +1283,7 @@ exports[`renders correctly 1`] = `
1245
1283
  <span
1246
1284
  className="c20"
1247
1285
  color="white"
1286
+ size="s"
1248
1287
  >
1249
1288
  Test non-allowListed external link
1250
1289
  </span>
@@ -1265,6 +1304,7 @@ exports[`renders correctly 1`] = `
1265
1304
  <p
1266
1305
  className="c25"
1267
1306
  color="grey"
1307
+ size="s"
1268
1308
  >
1269
1309
  Comic Relief is the trading name of Charity Projects, a registered charity in England and Wales (326568) and Scotland (SC039730), which is a company limited by guarantee registered in England and Wales (01806414). Registered address: 6th Floor, The White Chapel Building, 10 Whitechapel High Street, London, E1 8QS.
1270
1310
  </p>
package/src/components/Organisms/Header/HeaderNav/HeaderNav.js CHANGED
@@ -85,7 +85,7 @@ const HeaderNav = ({
85
85
  return (
86
86
  <>
87
87
  <Nav aria-label="main-menu" isExpandable={isExpandable} role="navigation">
88
- <Text id="main-menu" tag="h2">
88
+ <Text id="main-menu" tag="h2" size="s">
89
89
  Main navigation
90
90
  </Text>
91
91
 
package/src/components/Organisms/Header/Nav/Nav.js CHANGED
@@ -65,7 +65,7 @@ const MainNav = ({ navItems = {} }) => {
65
65
  return (
66
66
  <>
67
67
  <Nav aria-label="main-menu" isExpandable={isExpandable} role="navigation">
68
- <Text id="main-menu" tag="h2">
68
+ <Text id="main-menu" tag="h2" size="s">
69
69
  Main navigation
70
70
  </Text>
71
71
 
package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js CHANGED
@@ -113,7 +113,7 @@ const HeaderNav2025 = ({
113
113
  return (
114
114
  <>
115
115
  <Nav aria-label="main-menu" isExpandable={isExpandable} role="navigation" id="main-nav">
116
- <Text id="main-menu" tag="h2">
116
+ <Text id="main-menu" tag="h2" size="s">
117
117
  Main navigation
118
118
  </Text>
119
119
 
package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js CHANGED
@@ -32,7 +32,7 @@ const NavLinkClass = styled(Link)`
32
32
  :focus {
33
33
  color: ${({ theme }) => theme.color('red')};
34
34
  background-color: ${({ theme }) => theme.color('grey_extra_light')};
35
- font-weight: inherit;
35
+ font-weight: 700;
36
36
  }
37
37
 
38
38
  :focus-within {
package/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js CHANGED
@@ -64,7 +64,7 @@ const MarketingPreferencesDSForm = () => {
64
64
 
65
65
  return (
66
66
  <>
67
- <Text tag="p" weight="bold">Our default instance:</Text>
67
+ <Text tag="p" weight="bold" size="s">Our default instance:</Text>
68
68
  <FormProvider {...formMethods}>
69
69
  <form onSubmit={handleSubmit(customSubmitHandler)} noValidate>
70
70
  <MarketingPreferencesDS
@@ -78,7 +78,7 @@ const MarketingPreferencesDSForm = () => {
78
78
 
79
79
  <Text tag="h3" size="xl">- - - - - - - - - - - - - </Text>
80
80
 
81
- <Text tag="p" weight="bold">Our customised instance:</Text>
81
+ <Text tag="p" weight="bold" size="s">Our customised instance:</Text>
82
82
  <FormProvider {...formMethodsCustom}>
83
83
  <form onSubmit={handleSubmitCustom(customSubmitHandler)} noValidate>
84
84
  <MarketingPreferencesDS
package/src/components/Organisms/Membership/Form/Form.js CHANGED
@@ -153,7 +153,7 @@ const Signup = ({
153
153
  >
154
154
  <OuterFieldset>
155
155
  <Legend>
156
- <Text tag="h3">Choose your monthly donation</Text>
156
+ <Text tag="h3" size="s">Choose your monthly donation</Text>
157
157
  </Legend>
158
158
  <MoneyBuys>{MoneyBoxes}</MoneyBuys>
159
159
  <FormFieldset>
package/src/components/Organisms/Membership/Membership.js CHANGED
@@ -43,7 +43,7 @@ const Membership = ({
43
43
  <Text tag="h2" size="l" weight="800">
44
44
  {title}
45
45
  </Text>
46
- <Text tag="p">{subtitle}</Text>
46
+ <Text tag="p" size="s">{subtitle}</Text>
47
47
  </Header>
48
48
  <Form
49
49
  data={data}