@vertigis/react-ui 10.3.0 → 11.1.0
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/FormLabel/FormLabel.js +2 -3
- package/package.json +4 -4
- package/styles/createTheme.js +17 -0
package/FormLabel/FormLabel.js
CHANGED
|
@@ -16,10 +16,9 @@ export const formLabelClasses = {
|
|
|
16
16
|
...gcxFormLabelClasses,
|
|
17
17
|
};
|
|
18
18
|
const StyledMUIFormLabel = styled(MUIFormLabel)(({ theme: { spacing, palette } }) => ({
|
|
19
|
-
[`& .${
|
|
19
|
+
[`& .${formLabelClasses.errorIcon}`]: {
|
|
20
20
|
fontSize: "0.875em",
|
|
21
|
-
marginRight: spacing(0.
|
|
22
|
-
fill: palette.error.main,
|
|
21
|
+
marginRight: spacing(0.5),
|
|
23
22
|
},
|
|
24
23
|
}));
|
|
25
24
|
export const FormLabel = forwardRef(function FormLabel(props, ref) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vertigis/react-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "11.1.0",
|
|
4
4
|
"description": "Utilities and React components used in VertiGIS applications.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"vertigis",
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
"sideEffects": false,
|
|
16
16
|
"scripts": {},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@esri/arcgis-html-sanitizer": "^2.10.0",
|
|
19
18
|
"@emotion/cache": "^11.7.1",
|
|
20
19
|
"@emotion/react": "^11.8.2",
|
|
21
20
|
"@emotion/styled": "^11.8.1",
|
|
21
|
+
"@esri/arcgis-html-sanitizer": "^2.10.0",
|
|
22
22
|
"@mui/icons-material": "5.8.4",
|
|
23
|
-
"@mui/x-date-pickers-pro": "5.0.0-alpha.7",
|
|
24
|
-
"@mui/x-data-grid-pro": "5.13.0",
|
|
25
23
|
"@mui/material": "5.9.0",
|
|
24
|
+
"@mui/x-data-grid-pro": "5.13.0",
|
|
25
|
+
"@mui/x-date-pickers-pro": "5.0.0-alpha.7",
|
|
26
26
|
"clsx": "^1.1.1",
|
|
27
27
|
"color": "^3.1.3",
|
|
28
28
|
"lodash.escape": "^4.0.1",
|
package/styles/createTheme.js
CHANGED
|
@@ -377,6 +377,12 @@ function getOverrides(theme) {
|
|
|
377
377
|
fontSize: typography.pxToRem(13),
|
|
378
378
|
marginTop: 0,
|
|
379
379
|
marginBottom: spacing(0.5),
|
|
380
|
+
"&.Mui-error": {
|
|
381
|
+
paddingLeft: spacing(1),
|
|
382
|
+
borderRadius: shape.borderRadius,
|
|
383
|
+
color: "white",
|
|
384
|
+
backgroundColor: theme.palette.error.main,
|
|
385
|
+
},
|
|
380
386
|
},
|
|
381
387
|
},
|
|
382
388
|
},
|
|
@@ -391,10 +397,21 @@ function getOverrides(theme) {
|
|
|
391
397
|
paddingRight: typography.pxToRem(32),
|
|
392
398
|
lineHeight: 1,
|
|
393
399
|
fontWeight: typography.fontWeightMedium,
|
|
400
|
+
"&.Mui-error, &.Mui-error.Mui-focused": {
|
|
401
|
+
padding: spacing(1),
|
|
402
|
+
borderRadius: shape.borderRadius,
|
|
403
|
+
color: "white",
|
|
404
|
+
backgroundColor: theme.palette.error.main,
|
|
405
|
+
},
|
|
394
406
|
"&.Mui-focused": {
|
|
395
407
|
color: "currentColor",
|
|
396
408
|
},
|
|
397
409
|
},
|
|
410
|
+
asterisk: {
|
|
411
|
+
"&.Mui-error": {
|
|
412
|
+
color: "white",
|
|
413
|
+
},
|
|
414
|
+
},
|
|
398
415
|
},
|
|
399
416
|
},
|
|
400
417
|
MuiIconButton: {
|