@groupeactual/design-tokens 1.4.1 → 1.4.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/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/index.mjs +1 -1
- package/dist/es/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/buttonCss.ts +14 -10
- package/src/css/form/datePickerCss.ts +31 -31
|
@@ -1,56 +1,56 @@
|
|
|
1
1
|
const DatePickerCss = (
|
|
2
2
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3
|
-
muiTokens: Record<string, string | number | any
|
|
3
|
+
muiTokens: Record<string, string | number | any>,
|
|
4
4
|
): Record<string, unknown> => {
|
|
5
5
|
return {
|
|
6
6
|
'.MuiTextField-root': {
|
|
7
|
-
width: 'inherit'
|
|
7
|
+
width: 'inherit',
|
|
8
8
|
},
|
|
9
9
|
legend: {
|
|
10
|
-
fontSize: '0.7em'
|
|
10
|
+
fontSize: '0.7em',
|
|
11
11
|
},
|
|
12
12
|
'.MuiFormHelperText-root': {
|
|
13
13
|
marginLeft: '-8px !important',
|
|
14
|
-
color: muiTokens.palette.greyDark
|
|
14
|
+
color: muiTokens.palette.greyDark,
|
|
15
15
|
},
|
|
16
16
|
'.Mui-error': {
|
|
17
17
|
'.MuiInputLabel-root': {
|
|
18
|
-
color: muiTokens.palette.redError + ' !important'
|
|
18
|
+
color: muiTokens.palette.redError + ' !important',
|
|
19
19
|
},
|
|
20
20
|
'.MuiOutlinedInput-notchedOutline': {
|
|
21
|
-
borderColor: muiTokens.palette.redError + ' !important'
|
|
21
|
+
borderColor: muiTokens.palette.redError + ' !important',
|
|
22
22
|
},
|
|
23
23
|
'.MuiFormHelperText-root': {
|
|
24
|
-
color: muiTokens.palette.redError + ' !important'
|
|
25
|
-
}
|
|
24
|
+
color: muiTokens.palette.redError + ' !important',
|
|
25
|
+
},
|
|
26
26
|
},
|
|
27
27
|
'.Mui-success': {
|
|
28
28
|
'.MuiInputLabel-root': {
|
|
29
|
-
color: muiTokens.palette.greenSuccess + ' !important'
|
|
29
|
+
color: muiTokens.palette.greenSuccess + ' !important',
|
|
30
30
|
},
|
|
31
31
|
'.MuiOutlinedInput-notchedOutline': {
|
|
32
32
|
fontSize: '16px !important',
|
|
33
|
-
borderColor: muiTokens.palette.greenSuccess + ' !important'
|
|
33
|
+
borderColor: muiTokens.palette.greenSuccess + ' !important',
|
|
34
34
|
},
|
|
35
35
|
'.MuiInputAdornment-root': {
|
|
36
36
|
'.MuiSvgIcon-root': {
|
|
37
|
-
color: muiTokens.palette.greenSuccess
|
|
38
|
-
}
|
|
39
|
-
}
|
|
37
|
+
color: muiTokens.palette.greenSuccess,
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
40
|
},
|
|
41
41
|
'.MuiOutlinedInput-notchedOutline': {
|
|
42
42
|
fontSize: '16px !important',
|
|
43
43
|
legend: {
|
|
44
|
-
fontSize: '12px !important'
|
|
45
|
-
}
|
|
44
|
+
fontSize: '12px !important',
|
|
45
|
+
},
|
|
46
46
|
},
|
|
47
47
|
|
|
48
48
|
'.MuiInputBase-input': {
|
|
49
49
|
color: muiTokens.palette.greyXDark,
|
|
50
50
|
padding: 0,
|
|
51
51
|
'&.Mui-disabled': {
|
|
52
|
-
'-webkit-text-fill-color': muiTokens.palette.greyDark
|
|
53
|
-
}
|
|
52
|
+
'-webkit-text-fill-color': muiTokens.palette.greyDark,
|
|
53
|
+
},
|
|
54
54
|
},
|
|
55
55
|
'.MuiInputBase-root': {
|
|
56
56
|
height: 44,
|
|
@@ -58,23 +58,23 @@ const DatePickerCss = (
|
|
|
58
58
|
'&.Mui-disabled': {
|
|
59
59
|
backgroundColor: muiTokens.palette.greyXLight + ' !important',
|
|
60
60
|
'.MuiSvgIcon-root': {
|
|
61
|
-
color: muiTokens.palette.greyMediumInactive
|
|
62
|
-
}
|
|
63
|
-
}
|
|
61
|
+
color: muiTokens.palette.greyMediumInactive,
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
64
|
},
|
|
65
65
|
'.MuiOutlinedInput-root': {
|
|
66
66
|
padding: '13px 14.5px 13px 8px !important',
|
|
67
67
|
'& fieldset': {
|
|
68
|
-
borderWidth: '1px !important'
|
|
69
|
-
}
|
|
68
|
+
borderWidth: '1px !important',
|
|
69
|
+
},
|
|
70
70
|
},
|
|
71
71
|
'& .MuiFormHelperText-root': {
|
|
72
72
|
marginTop: '8px',
|
|
73
73
|
paddingTop: '0px',
|
|
74
|
-
paddingLeft: '16px'
|
|
74
|
+
paddingLeft: '16px',
|
|
75
75
|
},
|
|
76
76
|
'& .MuiSvgIcon-root': {
|
|
77
|
-
color: muiTokens.palette.blueClickable
|
|
77
|
+
color: muiTokens.palette.blueClickable,
|
|
78
78
|
},
|
|
79
79
|
'.MuiInputLabel-root': {
|
|
80
80
|
marginTop: '-4px',
|
|
@@ -82,14 +82,14 @@ const DatePickerCss = (
|
|
|
82
82
|
color: muiTokens.palette.greyDark,
|
|
83
83
|
fontSize: '14px',
|
|
84
84
|
'&.Mui-disabled': {
|
|
85
|
-
color: muiTokens.palette.greyDark
|
|
86
|
-
}
|
|
85
|
+
color: muiTokens.palette.greyDark,
|
|
86
|
+
},
|
|
87
87
|
},
|
|
88
88
|
'.MuiInputLabel-shrink': {
|
|
89
89
|
marginTop: '4px',
|
|
90
90
|
lineHeight: '16px',
|
|
91
91
|
fontWeight: '500',
|
|
92
|
-
fontSize: '16px'
|
|
92
|
+
fontSize: '16px',
|
|
93
93
|
},
|
|
94
94
|
'.MuiFormLabel-filled': {
|
|
95
95
|
marginTop: '4px',
|
|
@@ -98,12 +98,12 @@ const DatePickerCss = (
|
|
|
98
98
|
marginLeft: '0px',
|
|
99
99
|
color: muiTokens.palette.greyXDark,
|
|
100
100
|
fontSize: '16px !important', // bug fontsize limited max to 16px : https://github.com/mui/material-ui/issues/26607
|
|
101
|
-
transform: 'translate(14px, -11px) scale(0.75)'
|
|
101
|
+
transform: 'translate(14px, -11px) scale(0.75)',
|
|
102
102
|
},
|
|
103
103
|
'.MuiInputLabel-root.Mui-focused': {
|
|
104
|
-
color: muiTokens.palette.blueClickable
|
|
105
|
-
}
|
|
104
|
+
color: muiTokens.palette.blueClickable,
|
|
105
|
+
},
|
|
106
106
|
};
|
|
107
107
|
};
|
|
108
108
|
|
|
109
|
-
export default DatePickerCss;
|
|
109
|
+
export default DatePickerCss;
|