@comicrelief/component-library 8.33.0 → 8.33.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.
- package/dist/components/Atoms/ErrorText/ErrorText.js +1 -1
- package/dist/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap +1 -1
- package/dist/components/Atoms/Input/Input.js +1 -1
- package/dist/components/Atoms/Select/Select.js +1 -1
- package/dist/components/Atoms/Select/__snapshots__/Select.test.js.snap +1 -1
- package/dist/components/Organisms/Header2025/Header2025.style.js +0 -1
- package/package.json +1 -1
- package/src/components/Atoms/ErrorText/ErrorText.js +1 -1
- package/src/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap +1 -1
- package/src/components/Atoms/Input/Input.js +1 -1
- package/src/components/Atoms/Select/Select.js +1 -1
- package/src/components/Atoms/Select/__snapshots__/Select.test.js.snap +1 -1
- package/src/components/Organisms/Header2025/Header2025.style.js +0 -2
- package/dist/components/Organisms/Header/annoying.css +0 -14
- package/dist/components/Organisms/Header2025/annoying.css +0 -14
- package/src/components/Organisms/Header/annoying.css +0 -14
- package/src/components/Organisms/Header2025/annoying.css +0 -14
|
@@ -11,7 +11,7 @@ var _Text = _interopRequireDefault(require("../Text/Text"));
|
|
|
11
11
|
const ErrorIcon = _styledComponents.default.span.withConfig({
|
|
12
12
|
displayName: "ErrorText__ErrorIcon",
|
|
13
13
|
componentId: "sc-19bj17r-0"
|
|
14
|
-
})(["display:inline-block;width:100%;z-index:1;font-weight:bold;
|
|
14
|
+
})(["display:inline-block;width:100%;z-index:1;font-weight:bold;margin-top:0.6rem;"]);
|
|
15
15
|
const ErrorText = _ref => {
|
|
16
16
|
let {
|
|
17
17
|
children,
|
|
@@ -123,7 +123,7 @@ Input.propTypes = {
|
|
|
123
123
|
placeholder: _propTypes.default.string,
|
|
124
124
|
errorMsg: _propTypes.default.string,
|
|
125
125
|
// This prop allows us to _visually_ hide the label if we want (even if we
|
|
126
|
-
//
|
|
126
|
+
// don't want to display a label, it should be present for screen readers).
|
|
127
127
|
// todo: convert this to 'hideLabel' to make it consistent with other components
|
|
128
128
|
showLabel: _propTypes.default.bool,
|
|
129
129
|
hasAria: _propTypes.default.bool,
|
|
@@ -36,7 +36,7 @@ const StyledSelect = _styledComponents.default.select.withConfig({
|
|
|
36
36
|
theme,
|
|
37
37
|
error
|
|
38
38
|
} = _ref4;
|
|
39
|
-
return error ? theme.color('red') : theme.color('
|
|
39
|
+
return error ? theme.color('red') : theme.color('grey');
|
|
40
40
|
}, _ref5 => {
|
|
41
41
|
let {
|
|
42
42
|
theme,
|
|
@@ -41,7 +41,7 @@ exports[`renders correctly 1`] = `
|
|
|
41
41
|
font-family: 'Montserrat',Helvetica,Arial,sans-serif;
|
|
42
42
|
background: #F4F3F5 url(mock.asset) calc(100% - 1.5rem) 14px/20px 1.5rem no-repeat;
|
|
43
43
|
border: 1px solid;
|
|
44
|
-
border-color: #
|
|
44
|
+
border-color: #969598;
|
|
45
45
|
box-shadow: none;
|
|
46
46
|
-webkit-appearance: none;
|
|
47
47
|
-moz-appearance: none;
|
|
@@ -9,7 +9,6 @@ exports.InnerWrapper = exports.Header2025Wrapper = exports.Header2025MetaIcons =
|
|
|
9
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
10
|
var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
|
|
11
11
|
var _containers = _interopRequireDefault(require("../../../theme/shared/containers"));
|
|
12
|
-
require("./annoying.css");
|
|
13
12
|
const Header2025Wrapper = exports.Header2025Wrapper = _styledComponents.default.header.attrs(() => ({
|
|
14
13
|
role: 'banner'
|
|
15
14
|
})).withConfig({
|
package/package.json
CHANGED
|
@@ -155,7 +155,7 @@ Input.propTypes = {
|
|
|
155
155
|
placeholder: PropTypes.string,
|
|
156
156
|
errorMsg: PropTypes.string,
|
|
157
157
|
// This prop allows us to _visually_ hide the label if we want (even if we
|
|
158
|
-
//
|
|
158
|
+
// don't want to display a label, it should be present for screen readers).
|
|
159
159
|
// todo: convert this to 'hideLabel' to make it consistent with other components
|
|
160
160
|
showLabel: PropTypes.bool,
|
|
161
161
|
hasAria: PropTypes.bool,
|
|
@@ -23,7 +23,7 @@ const StyledSelect = styled.select`
|
|
|
23
23
|
? theme.color('grey_light')
|
|
24
24
|
: `${theme.color('grey_light')} url(${dropDownIcon}) calc(100% - 1.5rem) 14px/20px 1.5rem no-repeat`)};
|
|
25
25
|
border: 1px solid;
|
|
26
|
-
border-color: ${({ theme, error }) => (error ? theme.color('red') : theme.color('
|
|
26
|
+
border-color: ${({ theme, error }) => (error ? theme.color('red') : theme.color('grey'))};
|
|
27
27
|
box-shadow: none;
|
|
28
28
|
appearance: none;
|
|
29
29
|
color: ${({ theme, greyDescription, hasValue }) => (greyDescription && !hasValue ? 'grey' : theme.color('black'))};
|
|
@@ -41,7 +41,7 @@ exports[`renders correctly 1`] = `
|
|
|
41
41
|
font-family: 'Montserrat',Helvetica,Arial,sans-serif;
|
|
42
42
|
background: #F4F3F5 url(mock.asset) calc(100% - 1.5rem) 14px/20px 1.5rem no-repeat;
|
|
43
43
|
border: 1px solid;
|
|
44
|
-
border-color: #
|
|
44
|
+
border-color: #969598;
|
|
45
45
|
box-shadow: none;
|
|
46
46
|
-webkit-appearance: none;
|
|
47
47
|
-moz-appearance: none;
|
|
@@ -3,8 +3,6 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
import zIndex from '../../../theme/shared/zIndex';
|
|
4
4
|
import containers from '../../../theme/shared/containers';
|
|
5
5
|
|
|
6
|
-
import './annoying.css';
|
|
7
|
-
|
|
8
6
|
const Header2025Wrapper = styled.header.attrs(() => ({
|
|
9
7
|
role: 'banner'
|
|
10
8
|
}))`
|