sag_components 1.0.228 → 1.0.229
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.
|
@@ -29,7 +29,9 @@ var Datepicker = function Datepicker(_ref) {
|
|
|
29
29
|
value = _ref.value,
|
|
30
30
|
disableClearable = _ref.disableClearable,
|
|
31
31
|
_ref$disabled = _ref.disabled,
|
|
32
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled
|
|
32
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
33
|
+
_ref$labelColor = _ref.labelColor,
|
|
34
|
+
labelColor = _ref$labelColor === void 0 ? "#1B30AA" : _ref$labelColor;
|
|
33
35
|
/**
|
|
34
36
|
* SAG Datepicker
|
|
35
37
|
*/
|
|
@@ -53,6 +55,14 @@ var Datepicker = function Datepicker(_ref) {
|
|
|
53
55
|
if (shape === "round") {
|
|
54
56
|
// round
|
|
55
57
|
return {
|
|
58
|
+
"& .MuiInputLabel-inputRoot": {
|
|
59
|
+
fontFamily: "Poppins",
|
|
60
|
+
fontSize: "14px",
|
|
61
|
+
fontWidth: 400,
|
|
62
|
+
paddingLeft: "10px !important",
|
|
63
|
+
borderRadius: "12px",
|
|
64
|
+
width: width
|
|
65
|
+
},
|
|
56
66
|
"& .MuiOutlinedInput-root": {
|
|
57
67
|
borderRadius: "12px",
|
|
58
68
|
fontFamily: "Poppins",
|
|
@@ -60,27 +70,42 @@ var Datepicker = function Datepicker(_ref) {
|
|
|
60
70
|
fontWidth: 400,
|
|
61
71
|
width: width,
|
|
62
72
|
legend: {
|
|
63
|
-
marginLeft: "
|
|
73
|
+
marginLeft: "10px"
|
|
74
|
+
},
|
|
75
|
+
// This matches the specificity of the default styles at https://github.com/mui-org/material-ui/blob/v4.11.3/packages/material-ui-lab/src/Autocomplete/Autocomplete.js#L90
|
|
76
|
+
'&[class*="MuiOutlinedInput-root"] .MuiInputLabel-input:first-of-type': {
|
|
77
|
+
// Default left padding is 6px
|
|
78
|
+
paddingLeft: "10px"
|
|
79
|
+
},
|
|
80
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
81
|
+
borderColor: "#E7E7E7",
|
|
82
|
+
color: labelColor
|
|
83
|
+
},
|
|
84
|
+
"&:hover .MuiOutlinedInput-notchedOutline": {
|
|
85
|
+
borderColor: labelColor,
|
|
86
|
+
color: labelColor
|
|
87
|
+
},
|
|
88
|
+
"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
|
|
89
|
+
borderColor: labelColor,
|
|
90
|
+
color: labelColor
|
|
64
91
|
}
|
|
65
92
|
},
|
|
66
|
-
"& .
|
|
67
|
-
|
|
93
|
+
"& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)": {
|
|
94
|
+
// Default transform is "translate(14px, 20px) scale(1)""
|
|
95
|
+
// This lines up the label with the initial cursor position in the input
|
|
96
|
+
// after changing its padding-left.
|
|
97
|
+
transform: "translate(14px, 18px) scale(1);",
|
|
68
98
|
fontSize: "14px",
|
|
69
|
-
|
|
70
|
-
paddingLeft: "10px !important",
|
|
71
|
-
borderRadius: "12px",
|
|
72
|
-
width: width
|
|
99
|
+
color: "#212121"
|
|
73
100
|
},
|
|
74
101
|
"& .MuiInputLabel-outlined": {
|
|
75
102
|
fontFamily: "Poppins",
|
|
76
|
-
|
|
103
|
+
paddingLeft: "10px",
|
|
104
|
+
color: labelColor,
|
|
77
105
|
fontWidth: 400,
|
|
78
|
-
|
|
106
|
+
fontSize: "18px"
|
|
79
107
|
},
|
|
80
108
|
"& .MuiInputLabel-shrink": {
|
|
81
|
-
fontFamily: "Poppins",
|
|
82
|
-
fontSize: "14px",
|
|
83
|
-
fontWidth: 400,
|
|
84
109
|
marginLeft: "1px",
|
|
85
110
|
paddingLeft: "4px",
|
|
86
111
|
paddingRight: 0,
|
|
@@ -111,7 +111,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
111
111
|
"& .MuiOutlinedInput-root": {
|
|
112
112
|
borderRadius: "12px",
|
|
113
113
|
legend: {
|
|
114
|
-
marginLeft: "
|
|
114
|
+
marginLeft: "12px"
|
|
115
115
|
}
|
|
116
116
|
},
|
|
117
117
|
"& .MuiAutocomplete-inputRoot": {
|
|
@@ -127,17 +127,19 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
127
127
|
color: labelColor
|
|
128
128
|
},
|
|
129
129
|
"&:hover .MuiOutlinedInput-notchedOutline": {
|
|
130
|
-
borderColor: labelColor
|
|
130
|
+
borderColor: labelColor,
|
|
131
|
+
color: labelColor
|
|
131
132
|
},
|
|
132
133
|
"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
|
|
133
|
-
borderColor: labelColor
|
|
134
|
+
borderColor: labelColor,
|
|
135
|
+
color: labelColor
|
|
134
136
|
}
|
|
135
137
|
},
|
|
136
138
|
"& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)": {
|
|
137
139
|
// Default transform is "translate(14px, 20px) scale(1)""
|
|
138
140
|
// This lines up the label with the initial cursor position in the input
|
|
139
141
|
// after changing its padding-left.
|
|
140
|
-
transform: "translate(14px,
|
|
142
|
+
transform: "translate(14px, 18px) scale(1);",
|
|
141
143
|
fontSize: "14px",
|
|
142
144
|
color: "#212121"
|
|
143
145
|
},
|