@madie/madie-design-system 1.2.3 → 1.2.5
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/components/InputLabel/index.jsx +1 -1
- package/components/MadieDialog/index.jsx +4 -4
- package/components/Pagination/index.jsx +2 -1
- package/components/Popover/index.js +3 -3
- package/components/ReadOnlyTextField/index.jsx +26 -3
- package/components/TextField/TextField.stories.js +1 -2
- package/dist/browser.js +1 -1
- package/dist/index.js +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/index.js.map +1 -1
- package/package.json +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/main.9774363f.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/styles/qppds/components/_button.scss +2 -2
- package/storybook-static/main.9ac140bf.iframe.bundle.js +0 -1
|
@@ -107,7 +107,7 @@ const MadieDialog = ({
|
|
|
107
107
|
</IconButton>
|
|
108
108
|
</div>
|
|
109
109
|
</Box>
|
|
110
|
-
<Divider />
|
|
110
|
+
<Divider sx={{borderColor: "#8c8c8c"}}/>
|
|
111
111
|
<DialogContent sx={{ padding: "32px" }}>
|
|
112
112
|
{showRequiredFieldMessage && (
|
|
113
113
|
<Box
|
|
@@ -141,7 +141,7 @@ const MadieDialog = ({
|
|
|
141
141
|
|
|
142
142
|
{children}
|
|
143
143
|
</DialogContent>
|
|
144
|
-
<Divider />
|
|
144
|
+
<Divider sx={{borderColor: "#8c8c8c"}}/>
|
|
145
145
|
<DialogActions
|
|
146
146
|
sx={{
|
|
147
147
|
padding: "16px",
|
|
@@ -204,11 +204,11 @@ const MadieDialog = ({
|
|
|
204
204
|
</IconButton>
|
|
205
205
|
</div>
|
|
206
206
|
</Box>
|
|
207
|
-
<Divider />
|
|
207
|
+
<Divider sx={{borderColor: "#8c8c8c"}}/>
|
|
208
208
|
<DialogContent sx={{ padding: "32px" }}>
|
|
209
209
|
{children}
|
|
210
210
|
</DialogContent>
|
|
211
|
-
<Divider />
|
|
211
|
+
<Divider sx={{borderColor: "#8c8c8c"}}/>
|
|
212
212
|
<DialogActions
|
|
213
213
|
sx={{
|
|
214
214
|
padding: "16px",
|
|
@@ -77,6 +77,7 @@ const Pagination = ({
|
|
|
77
77
|
sx={{
|
|
78
78
|
margin: "0 11px",
|
|
79
79
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
80
|
+
borderColor: "#8C8C8C",
|
|
80
81
|
"& legend": {
|
|
81
82
|
width: 0,
|
|
82
83
|
},
|
|
@@ -123,7 +124,7 @@ const Pagination = ({
|
|
|
123
124
|
"& .MuiPagination-ul": {
|
|
124
125
|
"& .MuiPaginationItem-root": {
|
|
125
126
|
color: "#0073C8",
|
|
126
|
-
border: "solid 1px #
|
|
127
|
+
border: "solid 1px #8c8c8c",
|
|
127
128
|
"&:focus": {
|
|
128
129
|
border: "0.0625rem solid #125496",
|
|
129
130
|
borderRadius: "0.1875rem",
|
|
@@ -29,7 +29,7 @@ const MadiePopover = ({
|
|
|
29
29
|
boxShadow: "none",
|
|
30
30
|
overflow: "visible",
|
|
31
31
|
".popover-content": {
|
|
32
|
-
border: "solid 1px #
|
|
32
|
+
border: "solid 1px #8c8c8c",
|
|
33
33
|
position: "relative",
|
|
34
34
|
marginTop: "16px",
|
|
35
35
|
marginLeft: "-70px",
|
|
@@ -44,8 +44,8 @@ const MadiePopover = ({
|
|
|
44
44
|
height: "16px",
|
|
45
45
|
width: "16px",
|
|
46
46
|
background: "#F7F7F7",
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
border: 'solid 1px #8c8c8c',
|
|
48
|
+
borderColor: "#8c8c8c transparent transparent #8c8c8c",
|
|
49
49
|
content: '""',
|
|
50
50
|
transform: "rotate(45deg)",
|
|
51
51
|
},
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { FormControl, TextField as MUITextField
|
|
2
|
+
import { FormControl, TextField as MUITextField,
|
|
3
|
+
FormHelperText,
|
|
4
|
+
} from "@mui/material";
|
|
3
5
|
import InputLabel from "../InputLabel";
|
|
4
6
|
import PropTypes from "prop-types";
|
|
5
7
|
|
|
@@ -23,6 +25,26 @@ const ReadOnlyTextField = ({
|
|
|
23
25
|
>
|
|
24
26
|
{label}
|
|
25
27
|
</InputLabel>
|
|
28
|
+
{helperText && (
|
|
29
|
+
<FormHelperText
|
|
30
|
+
tabIndex={0}
|
|
31
|
+
aria-live="polite"
|
|
32
|
+
id={`${id}-helper-text`}
|
|
33
|
+
data-testid={`${id}-helper-text`}
|
|
34
|
+
sx={[
|
|
35
|
+
{
|
|
36
|
+
margin: "4px 0px 0px 0px",
|
|
37
|
+
color: "#515151",
|
|
38
|
+
lineHeight: 1,
|
|
39
|
+
},
|
|
40
|
+
error && {
|
|
41
|
+
color: "#AE1C1C !important",
|
|
42
|
+
},
|
|
43
|
+
]}
|
|
44
|
+
>
|
|
45
|
+
{helperText}
|
|
46
|
+
</FormHelperText>
|
|
47
|
+
)}
|
|
26
48
|
<MUITextField
|
|
27
49
|
sx={{
|
|
28
50
|
height: 40, //there's a .13 coming from somewhere.
|
|
@@ -39,8 +61,10 @@ const ReadOnlyTextField = ({
|
|
|
39
61
|
disableUnderline: true,
|
|
40
62
|
fontSize: 16,
|
|
41
63
|
padding: "9px 0px",
|
|
64
|
+
color: "#333",
|
|
42
65
|
"&::placeholder": {
|
|
43
|
-
opacity:
|
|
66
|
+
opacity: 1,
|
|
67
|
+
color: "#333",
|
|
44
68
|
},
|
|
45
69
|
"&:focus": {
|
|
46
70
|
border: "none",
|
|
@@ -59,7 +83,6 @@ const ReadOnlyTextField = ({
|
|
|
59
83
|
id={id}
|
|
60
84
|
{...rest}
|
|
61
85
|
/>
|
|
62
|
-
{helperText && helperText}
|
|
63
86
|
</FormControl>
|
|
64
87
|
);
|
|
65
88
|
};
|
|
@@ -53,13 +53,12 @@ export const Disabled = () => (
|
|
|
53
53
|
<Wrapper>
|
|
54
54
|
<TextField
|
|
55
55
|
placeholder="Placeholder"
|
|
56
|
-
label="Text Label"
|
|
56
|
+
label="Disabled Text Label"
|
|
57
57
|
id="measureName"
|
|
58
58
|
inputProps={{ "data-testid": "measure-name-input" }}
|
|
59
59
|
data-testid="measure-name-text-field"
|
|
60
60
|
size="small"
|
|
61
61
|
disabled
|
|
62
|
-
required
|
|
63
62
|
/>
|
|
64
63
|
</Wrapper>
|
|
65
64
|
);
|