@comicrelief/component-library 8.31.0 → 8.31.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.
Files changed (19) hide show
  1. package/dist/components/Atoms/Input/Input.js +1 -1
  2. package/dist/components/Atoms/Input/input.test.js +2 -2
  3. package/dist/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap +3 -3
  4. package/dist/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap +1 -1
  5. package/dist/components/Molecules/SearchInput/SearchInput.test.js +1 -1
  6. package/dist/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap +1 -1
  7. package/dist/components/Organisms/Donate/__snapshots__/Donate.test.js.snap +4 -4
  8. package/dist/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap +1 -1
  9. package/dist/components/Organisms/Membership/Membership.test.js +1 -1
  10. package/package.json +1 -1
  11. package/src/components/Atoms/Input/Input.js +1 -1
  12. package/src/components/Atoms/Input/input.test.js +2 -2
  13. package/src/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap +3 -3
  14. package/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap +1 -1
  15. package/src/components/Molecules/SearchInput/SearchInput.test.js +1 -1
  16. package/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap +1 -1
  17. package/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap +4 -4
  18. package/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap +1 -1
  19. package/src/components/Organisms/Membership/Membership.test.js +1 -1
package/dist/components/Atoms/Input/Input.js CHANGED
@@ -50,7 +50,7 @@ const InputField = _styledComponents.default.input.withConfig({
50
50
  error,
51
51
  prefixLength
52
52
  } = _ref4;
53
- return (0, _styledComponents.css)(["position:relative;box-sizing:border-box;width:100%;height:48px;padding:1rem 2.4rem 1rem 1.5rem;", " background-color:", ";border:1px solid;border-color:", ";box-shadow:none;appearance:none;color:", ";border-radius:0.5rem;font-size:inherit;z-index:2;font-family:", ";:focus{border:1px solid ", ";}"], prefixLength > 0 ? `padding-left: ${getPrefixWidth(prefixLength)};` : '', theme.color('grey_light'), error ? theme.color('red') : theme.color('grey_medium'), theme.color('black'), theme.fontFamilies(theme.font.regular), theme.color('grey_for_forms'));
53
+ return (0, _styledComponents.css)(["position:relative;box-sizing:border-box;width:100%;height:48px;padding:1rem 2.4rem 1rem 1.5rem;", " background-color:", ";border:1px solid;border-color:", ";box-shadow:none;appearance:none;color:", ";border-radius:0.5rem;font-size:inherit;z-index:2;font-family:", ";:focus{border:1px solid ", ";}"], prefixLength > 0 ? `padding-left: ${getPrefixWidth(prefixLength)};` : '', theme.color('grey_light'), error ? theme.color('red') : theme.color('grey'), theme.color('black'), theme.fontFamilies(theme.font.regular), theme.color('grey_for_forms'));
54
54
  });
55
55
  const ErrorIconWrapper = _styledComponents.default.div.withConfig({
56
56
  displayName: "Input__ErrorIconWrapper",
package/dist/components/Atoms/Input/input.test.js CHANGED
@@ -71,7 +71,7 @@ it('renders correctly', () => {
71
71
  padding: 1rem 2.4rem 1rem 1.5rem;
72
72
  background-color: #F4F3F5;
73
73
  border: 1px solid;
74
- border-color: #E1E2E3;
74
+ border-color: #969598;
75
75
  box-shadow: none;
76
76
  -webkit-appearance: none;
77
77
  -moz-appearance: none;
@@ -199,7 +199,7 @@ it('renders with responsive max widths correctly', () => {
199
199
  padding: 1rem 2.4rem 1rem 1.5rem;
200
200
  background-color: #F4F3F5;
201
201
  border: 1px solid;
202
- border-color: #E1E2E3;
202
+ border-color: #969598;
203
203
  box-shadow: none;
204
204
  -webkit-appearance: none;
205
205
  -moz-appearance: none;
package/dist/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap CHANGED
@@ -57,7 +57,7 @@ exports[`renders correctly with no value and no options 1`] = `
57
57
  padding: 1rem 2.4rem 1rem 1.5rem;
58
58
  background-color: #F4F3F5;
59
59
  border: 1px solid;
60
- border-color: #E1E2E3;
60
+ border-color: #969598;
61
61
  box-shadow: none;
62
62
  -webkit-appearance: none;
63
63
  -moz-appearance: none;
@@ -187,7 +187,7 @@ exports[`renders correctly with value and no options 1`] = `
187
187
  padding: 1rem 2.4rem 1rem 1.5rem;
188
188
  background-color: #F4F3F5;
189
189
  border: 1px solid;
190
- border-color: #E1E2E3;
190
+ border-color: #969598;
191
191
  box-shadow: none;
192
192
  -webkit-appearance: none;
193
193
  -moz-appearance: none;
@@ -317,7 +317,7 @@ exports[`renders correctly with value and options 1`] = `
317
317
  padding: 1rem 2.4rem 1rem 1.5rem;
318
318
  background-color: #F4F3F5;
319
319
  border: 1px solid;
320
- border-color: #E1E2E3;
320
+ border-color: #969598;
321
321
  box-shadow: none;
322
322
  -webkit-appearance: none;
323
323
  -moz-appearance: none;
package/dist/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap CHANGED
@@ -57,7 +57,7 @@ exports[`renders correctly 1`] = `
57
57
  padding: 1rem 2.4rem 1rem 1.5rem;
58
58
  background-color: #F4F3F5;
59
59
  border: 1px solid;
60
- border-color: #E1E2E3;
60
+ border-color: #969598;
61
61
  box-shadow: none;
62
62
  -webkit-appearance: none;
63
63
  -moz-appearance: none;
package/dist/components/Molecules/SearchInput/SearchInput.test.js CHANGED
@@ -80,7 +80,7 @@ it('renders correctly', () => {
80
80
  padding: 1rem 2.4rem 1rem 1.5rem;
81
81
  background-color: #F4F3F5;
82
82
  border: 1px solid;
83
- border-color: #E1E2E3;
83
+ border-color: #969598;
84
84
  box-shadow: none;
85
85
  -webkit-appearance: none;
86
86
  -moz-appearance: none;
package/dist/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap CHANGED
@@ -57,7 +57,7 @@ exports[`renders correctly 1`] = `
57
57
  padding: 1rem 2.4rem 1rem 1.5rem;
58
58
  background-color: #F4F3F5;
59
59
  border: 1px solid;
60
- border-color: #E1E2E3;
60
+ border-color: #969598;
61
61
  box-shadow: none;
62
62
  -webkit-appearance: none;
63
63
  -moz-appearance: none;
package/dist/components/Organisms/Donate/__snapshots__/Donate.test.js.snap CHANGED
@@ -89,7 +89,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
89
89
  padding: 1rem 2.4rem 1rem 1.5rem;
90
90
  background-color: #F4F3F5;
91
91
  border: 1px solid;
92
- border-color: #E1E2E3;
92
+ border-color: #969598;
93
93
  box-shadow: none;
94
94
  -webkit-appearance: none;
95
95
  -moz-appearance: none;
@@ -788,7 +788,7 @@ exports[`Monthly donation renders correctly 1`] = `
788
788
  padding: 1rem 2.4rem 1rem 1.5rem;
789
789
  background-color: #F4F3F5;
790
790
  border: 1px solid;
791
- border-color: #E1E2E3;
791
+ border-color: #969598;
792
792
  box-shadow: none;
793
793
  -webkit-appearance: none;
794
794
  -moz-appearance: none;
@@ -1454,7 +1454,7 @@ exports[`Single donation renders correctly 1`] = `
1454
1454
  padding: 1rem 2.4rem 1rem 1.5rem;
1455
1455
  background-color: #F4F3F5;
1456
1456
  border: 1px solid;
1457
- border-color: #E1E2E3;
1457
+ border-color: #969598;
1458
1458
  box-shadow: none;
1459
1459
  -webkit-appearance: none;
1460
1460
  -moz-appearance: none;
@@ -2206,7 +2206,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
2206
2206
  padding: 1rem 2.4rem 1rem 1.5rem;
2207
2207
  background-color: #F4F3F5;
2208
2208
  border: 1px solid;
2209
- border-color: #E1E2E3;
2209
+ border-color: #969598;
2210
2210
  box-shadow: none;
2211
2211
  -webkit-appearance: none;
2212
2212
  -moz-appearance: none;
package/dist/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap CHANGED
@@ -109,7 +109,7 @@ exports[`renders correctly 1`] = `
109
109
  padding: 1rem 2.4rem 1rem 1.5rem;
110
110
  background-color: #F4F3F5;
111
111
  border: 1px solid;
112
- border-color: #E1E2E3;
112
+ border-color: #969598;
113
113
  box-shadow: none;
114
114
  -webkit-appearance: none;
115
115
  -moz-appearance: none;
package/dist/components/Organisms/Membership/Membership.test.js CHANGED
@@ -117,7 +117,7 @@ it('renders correctly', () => {
117
117
  padding: 1rem 2.4rem 1rem 1.5rem;
118
118
  background-color: #F4F3F5;
119
119
  border: 1px solid;
120
- border-color: #E1E2E3;
120
+ border-color: #969598;
121
121
  box-shadow: none;
122
122
  -webkit-appearance: none;
123
123
  -moz-appearance: none;
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.31.0",
4
+ "version": "8.31.1",
5
5
  "main": "dist/index.js",
6
6
  "license": "ISC",
7
7
  "jest": {
package/src/components/Atoms/Input/Input.js CHANGED
@@ -42,7 +42,7 @@ const InputField = styled.input`${({ theme, error, prefixLength }) => css`
42
42
  ${prefixLength > 0 ? `padding-left: ${getPrefixWidth(prefixLength)};` : ''}
43
43
  background-color: ${theme.color('grey_light')};
44
44
  border: 1px solid;
45
- border-color: ${error ? theme.color('red') : theme.color('grey_medium')};
45
+ border-color: ${error ? theme.color('red') : theme.color('grey')};
46
46
  box-shadow: none;
47
47
  appearance: none;
48
48
  color: ${theme.color('black')};
package/src/components/Atoms/Input/input.test.js CHANGED
@@ -72,7 +72,7 @@ it('renders correctly', () => {
72
72
  padding: 1rem 2.4rem 1rem 1.5rem;
73
73
  background-color: #F4F3F5;
74
74
  border: 1px solid;
75
- border-color: #E1E2E3;
75
+ border-color: #969598;
76
76
  box-shadow: none;
77
77
  -webkit-appearance: none;
78
78
  -moz-appearance: none;
@@ -204,7 +204,7 @@ it('renders with responsive max widths correctly', () => {
204
204
  padding: 1rem 2.4rem 1rem 1.5rem;
205
205
  background-color: #F4F3F5;
206
206
  border: 1px solid;
207
- border-color: #E1E2E3;
207
+ border-color: #969598;
208
208
  box-shadow: none;
209
209
  -webkit-appearance: none;
210
210
  -moz-appearance: none;
package/src/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap CHANGED
@@ -57,7 +57,7 @@ exports[`renders correctly with no value and no options 1`] = `
57
57
  padding: 1rem 2.4rem 1rem 1.5rem;
58
58
  background-color: #F4F3F5;
59
59
  border: 1px solid;
60
- border-color: #E1E2E3;
60
+ border-color: #969598;
61
61
  box-shadow: none;
62
62
  -webkit-appearance: none;
63
63
  -moz-appearance: none;
@@ -187,7 +187,7 @@ exports[`renders correctly with value and no options 1`] = `
187
187
  padding: 1rem 2.4rem 1rem 1.5rem;
188
188
  background-color: #F4F3F5;
189
189
  border: 1px solid;
190
- border-color: #E1E2E3;
190
+ border-color: #969598;
191
191
  box-shadow: none;
192
192
  -webkit-appearance: none;
193
193
  -moz-appearance: none;
@@ -317,7 +317,7 @@ exports[`renders correctly with value and options 1`] = `
317
317
  padding: 1rem 2.4rem 1rem 1.5rem;
318
318
  background-color: #F4F3F5;
319
319
  border: 1px solid;
320
- border-color: #E1E2E3;
320
+ border-color: #969598;
321
321
  box-shadow: none;
322
322
  -webkit-appearance: none;
323
323
  -moz-appearance: none;
package/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap CHANGED
@@ -57,7 +57,7 @@ exports[`renders correctly 1`] = `
57
57
  padding: 1rem 2.4rem 1rem 1.5rem;
58
58
  background-color: #F4F3F5;
59
59
  border: 1px solid;
60
- border-color: #E1E2E3;
60
+ border-color: #969598;
61
61
  box-shadow: none;
62
62
  -webkit-appearance: none;
63
63
  -moz-appearance: none;
package/src/components/Molecules/SearchInput/SearchInput.test.js CHANGED
@@ -81,7 +81,7 @@ it('renders correctly', () => {
81
81
  padding: 1rem 2.4rem 1rem 1.5rem;
82
82
  background-color: #F4F3F5;
83
83
  border: 1px solid;
84
- border-color: #E1E2E3;
84
+ border-color: #969598;
85
85
  box-shadow: none;
86
86
  -webkit-appearance: none;
87
87
  -moz-appearance: none;
package/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap CHANGED
@@ -57,7 +57,7 @@ exports[`renders correctly 1`] = `
57
57
  padding: 1rem 2.4rem 1rem 1.5rem;
58
58
  background-color: #F4F3F5;
59
59
  border: 1px solid;
60
- border-color: #E1E2E3;
60
+ border-color: #969598;
61
61
  box-shadow: none;
62
62
  -webkit-appearance: none;
63
63
  -moz-appearance: none;
package/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap CHANGED
@@ -89,7 +89,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
89
89
  padding: 1rem 2.4rem 1rem 1.5rem;
90
90
  background-color: #F4F3F5;
91
91
  border: 1px solid;
92
- border-color: #E1E2E3;
92
+ border-color: #969598;
93
93
  box-shadow: none;
94
94
  -webkit-appearance: none;
95
95
  -moz-appearance: none;
@@ -788,7 +788,7 @@ exports[`Monthly donation renders correctly 1`] = `
788
788
  padding: 1rem 2.4rem 1rem 1.5rem;
789
789
  background-color: #F4F3F5;
790
790
  border: 1px solid;
791
- border-color: #E1E2E3;
791
+ border-color: #969598;
792
792
  box-shadow: none;
793
793
  -webkit-appearance: none;
794
794
  -moz-appearance: none;
@@ -1454,7 +1454,7 @@ exports[`Single donation renders correctly 1`] = `
1454
1454
  padding: 1rem 2.4rem 1rem 1.5rem;
1455
1455
  background-color: #F4F3F5;
1456
1456
  border: 1px solid;
1457
- border-color: #E1E2E3;
1457
+ border-color: #969598;
1458
1458
  box-shadow: none;
1459
1459
  -webkit-appearance: none;
1460
1460
  -moz-appearance: none;
@@ -2206,7 +2206,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
2206
2206
  padding: 1rem 2.4rem 1rem 1.5rem;
2207
2207
  background-color: #F4F3F5;
2208
2208
  border: 1px solid;
2209
- border-color: #E1E2E3;
2209
+ border-color: #969598;
2210
2210
  box-shadow: none;
2211
2211
  -webkit-appearance: none;
2212
2212
  -moz-appearance: none;
package/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap CHANGED
@@ -109,7 +109,7 @@ exports[`renders correctly 1`] = `
109
109
  padding: 1rem 2.4rem 1rem 1.5rem;
110
110
  background-color: #F4F3F5;
111
111
  border: 1px solid;
112
- border-color: #E1E2E3;
112
+ border-color: #969598;
113
113
  box-shadow: none;
114
114
  -webkit-appearance: none;
115
115
  -moz-appearance: none;
package/src/components/Organisms/Membership/Membership.test.js CHANGED
@@ -119,7 +119,7 @@ it('renders correctly', () => {
119
119
  padding: 1rem 2.4rem 1rem 1.5rem;
120
120
  background-color: #F4F3F5;
121
121
  border: 1px solid;
122
- border-color: #E1E2E3;
122
+ border-color: #969598;
123
123
  box-shadow: none;
124
124
  -webkit-appearance: none;
125
125
  -moz-appearance: none;