@m4l/styles 0.0.41 → 0.0.43

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.
Files changed (26) hide show
  1. package/index.js +8 -8
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.c5fe2519.js → defaultThemeOptions.4c9bc728.js} +4 -4
  4. package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts +2 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +22 -7
  6. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +24 -0
  7. package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.d.ts +25 -0
  8. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +8 -28
  9. package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts +0 -26
  10. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +6 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +366 -342
  12. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +355 -137
  13. package/theme/overrides/M4LExtendedComponents/{index.8f5f04ca.js → index.b9151f24.js} +395 -352
  14. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +3 -14
  15. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +1 -47
  16. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +29 -14
  17. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +29 -151
  18. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +1 -0
  19. package/theme/overrides/M4LRHFComponents/{index.427e0f0e.js → index.02fada22.js} +82 -57
  20. package/theme/overrides/{index.a3e99f67.js → index.fd981495.js} +26 -25
  21. package/theme/{palette.1b577d8c.js → palette.0590e8a6.js} +16 -14
  22. package/theme/palette.d.ts +2 -0
  23. package/theme/{shadows.479d005a.js → shadows.86540b18.js} +1 -1
  24. package/types/augmentations.d.ts +1 -1
  25. package/utils/{getColorPresets.479f9922.js → getColorPresets.2a91ffaf.js} +1 -1
  26. package/utils/{getColorState.0ad9ea67.js → getColorState.6c23eada.js} +1 -1
package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts CHANGED
@@ -4,212 +4,275 @@ export declare const M4LPeriod: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LPeriod-root': {
6
6
  [x: string]: string | {
7
- backgroundColor?: undefined;
8
- padding?: undefined;
9
- minHeight?: undefined;
10
- minWidth?: undefined;
11
- borderLeft?: undefined;
12
- borderColor?: undefined;
7
+ flexDirection: string;
13
8
  width?: undefined;
14
- height?: undefined;
15
- borderRight?: undefined;
16
9
  display?: undefined;
17
- '& .MuiAutocomplete-root'?: undefined;
18
- "& .MuiFormControl-root"?: undefined;
10
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
11
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
12
+ borderColor?: undefined;
13
+ borderRadius?: undefined;
14
+ borderRight?: undefined;
15
+ '& .MuiInput-root'?: undefined;
16
+ '& .MuiInput-input'?: undefined;
17
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
18
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
19
19
  '& .MuiTextField-root'?: undefined;
20
- '&:hover'?: undefined;
20
+ height?: undefined;
21
+ padding?: undefined;
21
22
  boxShadow?: undefined;
22
23
  "&.M4LPeriod-stateError:hover"?: undefined;
23
24
  "& .MuiTextField-root:hover"?: undefined;
24
25
  '&.M4LPeriod-stateWarning:hover'?: undefined;
25
26
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
26
27
  '&.M4LPeriod-stateInfo:hover'?: undefined;
27
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
28
28
  } | {
29
- backgroundColor: string;
30
- padding?: undefined;
31
- minHeight?: undefined;
32
- minWidth?: undefined;
33
- borderLeft?: undefined;
29
+ [x: string]: string | {
30
+ flexDirection: string;
31
+ width?: undefined;
32
+ paddingLeft?: undefined;
33
+ borderRight?: undefined;
34
+ display?: undefined;
35
+ alignItems?: undefined;
36
+ borderColor?: undefined;
37
+ } | {
38
+ [x: string]: string | {
39
+ borderRight: string;
40
+ borderBottom: string;
41
+ borderColor: string;
42
+ };
43
+ width: string;
44
+ paddingLeft: string;
45
+ borderRight: string;
46
+ display: string;
47
+ alignItems: string;
48
+ borderColor: string;
49
+ flexDirection?: undefined;
50
+ } | {
51
+ width: string;
52
+ paddingLeft: string;
53
+ display: string;
54
+ alignItems: string;
55
+ flexDirection?: undefined;
56
+ borderRight?: undefined;
57
+ borderColor?: undefined;
58
+ };
59
+ width: string;
60
+ display: string;
61
+ '& .M4LPeriod-skeletonFieldPrimary': {
62
+ [x: string]: string | {
63
+ borderRight: string;
64
+ borderBottom: string;
65
+ borderColor: string;
66
+ };
67
+ width: string;
68
+ paddingLeft: string;
69
+ borderRight: string;
70
+ display: string;
71
+ alignItems: string;
72
+ borderColor: string;
73
+ height?: undefined;
74
+ };
75
+ '& .M4LPeriod-skeletonFieldSecondary': {
76
+ width: string;
77
+ paddingLeft: string;
78
+ display: string;
79
+ alignItems: string;
80
+ height?: undefined;
81
+ };
82
+ flexDirection?: undefined;
34
83
  borderColor?: undefined;
35
- width?: undefined;
36
- height?: undefined;
84
+ borderRadius?: undefined;
37
85
  borderRight?: undefined;
38
- display?: undefined;
39
- '& .MuiAutocomplete-root'?: undefined;
40
- "& .MuiFormControl-root"?: undefined;
86
+ '& .MuiInput-root'?: undefined;
87
+ '& .MuiInput-input'?: undefined;
88
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
89
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
41
90
  '& .MuiTextField-root'?: undefined;
42
- '&:hover'?: undefined;
91
+ height?: undefined;
92
+ padding?: undefined;
43
93
  boxShadow?: undefined;
44
94
  "&.M4LPeriod-stateError:hover"?: undefined;
45
95
  "& .MuiTextField-root:hover"?: undefined;
46
96
  '&.M4LPeriod-stateWarning:hover'?: undefined;
47
97
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
48
98
  '&.M4LPeriod-stateInfo:hover'?: undefined;
49
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
50
99
  } | {
51
- padding: string;
52
- minHeight: string;
53
- minWidth: string;
54
- borderLeft: string;
55
100
  borderColor: string;
56
- backgroundColor?: undefined;
101
+ flexDirection?: undefined;
57
102
  width?: undefined;
58
- height?: undefined;
59
- borderRight?: undefined;
60
103
  display?: undefined;
61
- '& .MuiAutocomplete-root'?: undefined;
62
- "& .MuiFormControl-root"?: undefined;
104
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
105
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
106
+ borderRadius?: undefined;
107
+ borderRight?: undefined;
108
+ '& .MuiInput-root'?: undefined;
109
+ '& .MuiInput-input'?: undefined;
110
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
111
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
63
112
  '& .MuiTextField-root'?: undefined;
64
- '&:hover'?: undefined;
113
+ height?: undefined;
114
+ padding?: undefined;
65
115
  boxShadow?: undefined;
66
116
  "&.M4LPeriod-stateError:hover"?: undefined;
67
117
  "& .MuiTextField-root:hover"?: undefined;
68
118
  '&.M4LPeriod-stateWarning:hover'?: undefined;
69
119
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
70
120
  '&.M4LPeriod-stateInfo:hover'?: undefined;
71
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
72
121
  } | {
122
+ [x: string]: string | number | {
123
+ borderRight: number;
124
+ borderBottom: string;
125
+ borderColor: string;
126
+ backgroundColor?: undefined;
127
+ padding?: undefined;
128
+ } | {
129
+ backgroundColor: string;
130
+ borderRight?: undefined;
131
+ borderBottom?: undefined;
132
+ borderColor?: undefined;
133
+ padding?: undefined;
134
+ } | {
135
+ padding: string;
136
+ borderRight?: undefined;
137
+ borderBottom?: undefined;
138
+ borderColor?: undefined;
139
+ backgroundColor?: undefined;
140
+ };
73
141
  width: string;
74
- height: string;
75
- padding: string;
142
+ borderRadius: number;
76
143
  borderRight: string;
77
144
  borderColor: string;
78
- backgroundColor?: undefined;
79
- minHeight?: undefined;
80
- minWidth?: undefined;
81
- borderLeft?: undefined;
145
+ '& .MuiInput-root': {
146
+ backgroundColor: string;
147
+ };
148
+ '& .MuiInput-input': {
149
+ padding: string;
150
+ };
151
+ flexDirection?: undefined;
82
152
  display?: undefined;
83
- '& .MuiAutocomplete-root'?: undefined;
84
- "& .MuiFormControl-root"?: undefined;
153
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
154
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
155
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
156
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
85
157
  '& .MuiTextField-root'?: undefined;
86
- '&:hover'?: undefined;
158
+ height?: undefined;
159
+ padding?: undefined;
87
160
  boxShadow?: undefined;
88
161
  "&.M4LPeriod-stateError:hover"?: undefined;
89
162
  "& .MuiTextField-root:hover"?: undefined;
90
163
  '&.M4LPeriod-stateWarning:hover'?: undefined;
91
164
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
92
165
  '&.M4LPeriod-stateInfo:hover'?: undefined;
93
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
94
166
  } | {
95
- display: string;
96
167
  width: string;
97
- padding: string;
98
- backgroundColor?: undefined;
99
- minHeight?: undefined;
100
- minWidth?: undefined;
101
- borderLeft?: undefined;
168
+ '& .MuiInputBase-root.MuiInput-root': {
169
+ padding: string;
170
+ height: string;
171
+ backgroundColor: string;
172
+ };
173
+ flexDirection?: undefined;
174
+ display?: undefined;
175
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
176
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
102
177
  borderColor?: undefined;
103
- height?: undefined;
178
+ borderRadius?: undefined;
104
179
  borderRight?: undefined;
105
- '& .MuiAutocomplete-root'?: undefined;
106
- "& .MuiFormControl-root"?: undefined;
180
+ '& .MuiInput-root'?: undefined;
181
+ '& .MuiInput-input'?: undefined;
182
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
107
183
  '& .MuiTextField-root'?: undefined;
108
- '&:hover'?: undefined;
184
+ height?: undefined;
185
+ padding?: undefined;
109
186
  boxShadow?: undefined;
110
187
  "&.M4LPeriod-stateError:hover"?: undefined;
111
188
  "& .MuiTextField-root:hover"?: undefined;
112
189
  '&.M4LPeriod-stateWarning:hover'?: undefined;
113
190
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
114
191
  '&.M4LPeriod-stateInfo:hover'?: undefined;
115
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
116
192
  } | {
117
- width: string;
118
- height: string;
119
- '& .MuiAutocomplete-root': {
120
- width: string;
193
+ '& .MuiAutocomplete-hasPopupIcon': {
121
194
  height: string;
122
- borderColor: string;
123
- "& .MuiFormControl-root": {
124
- height: string;
125
- minHeight: string;
126
- width: string;
127
- borderRight: string;
128
- borderColor: string;
129
- '& .MuiInputBase-root': {
130
- height: string;
131
- width: string;
132
- gap: string;
133
- padding: string;
134
- background: string;
135
- "& .MuiInputBase-input": {
136
- padding: string;
137
- height: string;
138
- };
139
- '& .MuiAutocomplete-endAdornment': {
140
- position: string;
141
- minHeight: string;
142
- height: string;
143
- '& .MuiButtonBase-root': {
144
- padding: string;
145
- display: string;
146
- margin: string;
147
- height: string;
148
- '& .MuiSvgIcon-root': {
149
- height: string;
150
- width: string;
151
- };
152
- };
153
- };
154
- };
155
- };
156
195
  };
157
- "& .MuiFormControl-root": {
196
+ '& .MuiTextField-root': {
158
197
  height: string;
159
- minHeight: string;
160
- width: string;
161
- '& .MuiInputBase-root': {
162
- height: string;
163
- width: string;
164
- gap: string;
165
- padding: string;
166
- background: string;
167
- "& .MuiInputBase-input": {
168
- padding: string;
169
- height: string;
170
- };
171
- };
172
198
  };
173
- '& .MuiTextField-root': {
174
- width: string;
175
- minHeight: string;
199
+ '& .M4LPeriod-skeletonFieldPrimary': {
176
200
  height: string;
177
- '& .MuiInputBase-root': {
178
- minHeight: string;
179
- padding: string;
180
- background: string;
181
- };
182
- '& .MuiInputBase-root.Mui-focused': {
183
- paddingLeft: string;
184
- borderColor: string;
185
- };
186
- '& .MuiInputBase-root:hover': {
187
- paddingLeft: string;
188
- background: string;
189
- padding: string;
190
- };
201
+ width?: undefined;
202
+ paddingLeft?: undefined;
203
+ borderRight?: undefined;
204
+ display?: undefined;
205
+ alignItems?: undefined;
206
+ borderColor?: undefined;
191
207
  };
192
- "&:hover": {
193
- borderColor: string;
194
- '& .MuiAutocomplete-root': {
195
- borderColor: string;
196
- };
208
+ '& .M4LPeriod-skeletonFieldSecondary': {
209
+ width: string;
210
+ height: string;
211
+ paddingLeft: string;
212
+ display?: undefined;
213
+ alignItems?: undefined;
197
214
  };
198
- backgroundColor?: undefined;
199
- padding?: undefined;
200
- minHeight?: undefined;
201
- minWidth?: undefined;
202
- borderLeft?: undefined;
215
+ flexDirection?: undefined;
216
+ width?: undefined;
217
+ display?: undefined;
203
218
  borderColor?: undefined;
219
+ borderRadius?: undefined;
204
220
  borderRight?: undefined;
221
+ '& .MuiInput-root'?: undefined;
222
+ '& .MuiInput-input'?: undefined;
223
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
224
+ height?: undefined;
225
+ padding?: undefined;
226
+ boxShadow?: undefined;
227
+ "&.M4LPeriod-stateError:hover"?: undefined;
228
+ "& .MuiTextField-root:hover"?: undefined;
229
+ '&.M4LPeriod-stateWarning:hover'?: undefined;
230
+ '&.M4LPeriod-stateSuccess:hover'?: undefined;
231
+ '&.M4LPeriod-stateInfo:hover'?: undefined;
232
+ } | {
233
+ width: string;
234
+ height: string;
235
+ padding: string;
236
+ borderRight: string;
237
+ borderColor: string;
238
+ flexDirection?: undefined;
205
239
  display?: undefined;
240
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
241
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
242
+ borderRadius?: undefined;
243
+ '& .MuiInput-root'?: undefined;
244
+ '& .MuiInput-input'?: undefined;
245
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
246
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
247
+ '& .MuiTextField-root'?: undefined;
248
+ boxShadow?: undefined;
249
+ "&.M4LPeriod-stateError:hover"?: undefined;
250
+ "& .MuiTextField-root:hover"?: undefined;
251
+ '&.M4LPeriod-stateWarning:hover'?: undefined;
252
+ '&.M4LPeriod-stateSuccess:hover'?: undefined;
253
+ '&.M4LPeriod-stateInfo:hover'?: undefined;
254
+ } | {
255
+ display: string;
256
+ width: string;
257
+ padding: string;
258
+ flexDirection?: undefined;
259
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
260
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
261
+ borderColor?: undefined;
262
+ borderRadius?: undefined;
263
+ borderRight?: undefined;
264
+ '& .MuiInput-root'?: undefined;
265
+ '& .MuiInput-input'?: undefined;
266
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
267
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
268
+ '& .MuiTextField-root'?: undefined;
269
+ height?: undefined;
206
270
  boxShadow?: undefined;
207
271
  "&.M4LPeriod-stateError:hover"?: undefined;
208
272
  "& .MuiTextField-root:hover"?: undefined;
209
273
  '&.M4LPeriod-stateWarning:hover'?: undefined;
210
274
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
211
275
  '&.M4LPeriod-stateInfo:hover'?: undefined;
212
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
213
276
  } | {
214
277
  borderColor: string;
215
278
  boxShadow: string;
@@ -222,28 +285,27 @@ export declare const M4LPeriod: (theme: Theme) => {
222
285
  width: string;
223
286
  background: string;
224
287
  '& .MuiInputBase-root:hover': {
225
- paddingLeft: string;
226
288
  background: string | undefined;
227
289
  height: string;
228
290
  };
229
291
  };
230
- backgroundColor?: undefined;
231
- padding?: undefined;
232
- minHeight?: undefined;
233
- minWidth?: undefined;
234
- borderLeft?: undefined;
292
+ flexDirection?: undefined;
235
293
  width?: undefined;
236
- height?: undefined;
237
- borderRight?: undefined;
238
294
  display?: undefined;
239
- '& .MuiAutocomplete-root'?: undefined;
240
- "& .MuiFormControl-root"?: undefined;
295
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
296
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
297
+ borderRadius?: undefined;
298
+ borderRight?: undefined;
299
+ '& .MuiInput-root'?: undefined;
300
+ '& .MuiInput-input'?: undefined;
301
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
302
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
241
303
  '& .MuiTextField-root'?: undefined;
242
- '&:hover'?: undefined;
304
+ height?: undefined;
305
+ padding?: undefined;
243
306
  '&.M4LPeriod-stateWarning:hover'?: undefined;
244
307
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
245
308
  '&.M4LPeriod-stateInfo:hover'?: undefined;
246
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
247
309
  } | {
248
310
  borderColor: string;
249
311
  boxShadow: string;
@@ -255,28 +317,27 @@ export declare const M4LPeriod: (theme: Theme) => {
255
317
  background: string;
256
318
  '& .MuiInputBase-root:hover': {
257
319
  background: string | undefined;
258
- paddingLeft: string;
259
320
  };
260
321
  };
261
322
  };
262
- backgroundColor?: undefined;
263
- padding?: undefined;
264
- minHeight?: undefined;
265
- minWidth?: undefined;
266
- borderLeft?: undefined;
323
+ flexDirection?: undefined;
267
324
  width?: undefined;
268
- height?: undefined;
269
- borderRight?: undefined;
270
325
  display?: undefined;
271
- '& .MuiAutocomplete-root'?: undefined;
272
- "& .MuiFormControl-root"?: undefined;
326
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
327
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
328
+ borderRadius?: undefined;
329
+ borderRight?: undefined;
330
+ '& .MuiInput-root'?: undefined;
331
+ '& .MuiInput-input'?: undefined;
332
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
333
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
273
334
  '& .MuiTextField-root'?: undefined;
274
- '&:hover'?: undefined;
335
+ height?: undefined;
336
+ padding?: undefined;
275
337
  "&.M4LPeriod-stateError:hover"?: undefined;
276
338
  "& .MuiTextField-root:hover"?: undefined;
277
339
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
278
340
  '&.M4LPeriod-stateInfo:hover'?: undefined;
279
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
280
341
  } | {
281
342
  borderColor: string;
282
343
  boxShadow: string;
@@ -288,28 +349,27 @@ export declare const M4LPeriod: (theme: Theme) => {
288
349
  background: string;
289
350
  '& .MuiInputBase-root:hover': {
290
351
  background: string | undefined;
291
- paddingLeft: string;
292
352
  };
293
353
  };
294
354
  };
295
- backgroundColor?: undefined;
296
- padding?: undefined;
297
- minHeight?: undefined;
298
- minWidth?: undefined;
299
- borderLeft?: undefined;
355
+ flexDirection?: undefined;
300
356
  width?: undefined;
301
- height?: undefined;
302
- borderRight?: undefined;
303
357
  display?: undefined;
304
- '& .MuiAutocomplete-root'?: undefined;
305
- "& .MuiFormControl-root"?: undefined;
358
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
359
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
360
+ borderRadius?: undefined;
361
+ borderRight?: undefined;
362
+ '& .MuiInput-root'?: undefined;
363
+ '& .MuiInput-input'?: undefined;
364
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
365
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
306
366
  '& .MuiTextField-root'?: undefined;
307
- '&:hover'?: undefined;
367
+ height?: undefined;
368
+ padding?: undefined;
308
369
  "&.M4LPeriod-stateError:hover"?: undefined;
309
370
  "& .MuiTextField-root:hover"?: undefined;
310
371
  '&.M4LPeriod-stateWarning:hover'?: undefined;
311
372
  '&.M4LPeriod-stateInfo:hover'?: undefined;
312
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
313
373
  } | {
314
374
  borderColor: string;
315
375
  boxShadow: string;
@@ -320,209 +380,177 @@ export declare const M4LPeriod: (theme: Theme) => {
320
380
  "& .MuiTextField-root:hover": {
321
381
  background: string;
322
382
  '& .MuiInputBase-root:hover': {
323
- paddingLeft: string;
324
383
  background: string | undefined;
325
384
  };
326
385
  };
327
386
  };
328
- backgroundColor?: undefined;
329
- padding?: undefined;
330
- minHeight?: undefined;
331
- minWidth?: undefined;
332
- borderLeft?: undefined;
387
+ flexDirection?: undefined;
333
388
  width?: undefined;
334
- height?: undefined;
335
- borderRight?: undefined;
336
389
  display?: undefined;
337
- '& .MuiAutocomplete-root'?: undefined;
338
- "& .MuiFormControl-root"?: undefined;
339
- '& .MuiTextField-root'?: undefined;
340
- '&:hover'?: undefined;
341
- "&.M4LPeriod-stateError:hover"?: undefined;
342
- "& .MuiTextField-root:hover"?: undefined;
343
- '&.M4LPeriod-stateWarning:hover'?: undefined;
344
- '&.M4LPeriod-stateSuccess:hover'?: undefined;
345
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod'?: undefined;
346
- } | {
347
- minHeight: string;
348
- height: string;
349
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod': {
350
- height: string;
351
- minHeight: string;
352
- '& .MuiAutocomplete-root': {
353
- height: string;
354
- minHeight: string;
355
- "& .MuiFormControl-root": {
356
- height: string;
357
- minHeight: string;
358
- '& .MuiInputBase-root': {
359
- height: string;
360
- minHeight: string;
361
- "& .MuiInputBase-input": {
362
- minHeight: string;
363
- height: string;
364
- };
365
- '& .MuiAutocomplete-endAdornment': {
366
- minHeight: string;
367
- height: string;
368
- '& .MuiButtonBase-root': {
369
- minHeight: string;
370
- minWidth: string;
371
- height: string;
372
- '& .MuiSvgIcon-root': {
373
- minHeight: string;
374
- minWidth: string;
375
- height: string;
376
- };
377
- };
378
- };
379
- };
380
- };
381
- };
382
- "& .MuiFormControl-root": {
383
- height: string;
384
- minHeight: string;
385
- '& .MuiInputBase-root': {
386
- height: string;
387
- minHeight: string;
388
- "& .MuiInputBase-input": {
389
- height: string;
390
- minHeight: string;
391
- };
392
- };
393
- };
394
- };
395
- backgroundColor?: undefined;
396
- padding?: undefined;
397
- minWidth?: undefined;
398
- borderLeft?: undefined;
399
- borderColor?: undefined;
400
- width?: undefined;
390
+ '& .M4LPeriod-skeletonFieldPrimary'?: undefined;
391
+ '& .M4LPeriod-skeletonFieldSecondary'?: undefined;
392
+ borderRadius?: undefined;
401
393
  borderRight?: undefined;
402
- display?: undefined;
403
- '& .MuiAutocomplete-root'?: undefined;
404
- "& .MuiFormControl-root"?: undefined;
394
+ '& .MuiInput-root'?: undefined;
395
+ '& .MuiInput-input'?: undefined;
396
+ '& .MuiInputBase-root.MuiInput-root'?: undefined;
397
+ '& .MuiAutocomplete-hasPopupIcon'?: undefined;
405
398
  '& .MuiTextField-root'?: undefined;
406
- '&:hover'?: undefined;
407
- boxShadow?: undefined;
399
+ height?: undefined;
400
+ padding?: undefined;
408
401
  "&.M4LPeriod-stateError:hover"?: undefined;
409
402
  "& .MuiTextField-root:hover"?: undefined;
410
403
  '&.M4LPeriod-stateWarning:hover'?: undefined;
411
404
  '&.M4LPeriod-stateSuccess:hover'?: undefined;
412
- '&.M4LPeriod-stateInfo:hover'?: undefined;
413
405
  };
414
406
  border: string;
415
407
  borderColor: string;
416
408
  display: string;
417
409
  width: string;
418
- minHeight: string;
419
410
  height: string;
420
411
  borderRadius: string;
421
- '& .M4LPeriod-stateReadOnly': {};
422
- '& .M4LPeriod-gap': {
423
- backgroundColor: string;
412
+ transition: string;
413
+ '& .M4LPeriod-skeleton': {
414
+ [x: string]: string | {
415
+ flexDirection: string;
416
+ width?: undefined;
417
+ paddingLeft?: undefined;
418
+ borderRight?: undefined;
419
+ display?: undefined;
420
+ alignItems?: undefined;
421
+ borderColor?: undefined;
422
+ } | {
423
+ [x: string]: string | {
424
+ borderRight: string;
425
+ borderBottom: string;
426
+ borderColor: string;
427
+ };
428
+ width: string;
429
+ paddingLeft: string;
430
+ borderRight: string;
431
+ display: string;
432
+ alignItems: string;
433
+ borderColor: string;
434
+ flexDirection?: undefined;
435
+ } | {
436
+ width: string;
437
+ paddingLeft: string;
438
+ display: string;
439
+ alignItems: string;
440
+ flexDirection?: undefined;
441
+ borderRight?: undefined;
442
+ borderColor?: undefined;
443
+ };
444
+ width: string;
445
+ display: string;
446
+ '& .M4LPeriod-skeletonFieldPrimary': {
447
+ [x: string]: string | {
448
+ borderRight: string;
449
+ borderBottom: string;
450
+ borderColor: string;
451
+ };
452
+ width: string;
453
+ paddingLeft: string;
454
+ borderRight: string;
455
+ display: string;
456
+ alignItems: string;
457
+ borderColor: string;
458
+ };
459
+ '& .M4LPeriod-skeletonFieldSecondary': {
460
+ width: string;
461
+ paddingLeft: string;
462
+ display: string;
463
+ alignItems: string;
464
+ };
424
465
  };
425
- '& .M4LIcon-root': {
426
- padding: string;
427
- minHeight: string;
428
- minWidth: string;
429
- borderLeft: string;
466
+ '&:hover': {
430
467
  borderColor: string;
431
468
  };
432
- '& .M4LPeriod-containerDateLabel': {
469
+ '&.M4LPeriod-isFocus': {
470
+ borderColor: string;
471
+ };
472
+ '& .MuiAutocomplete-root': {
473
+ [x: string]: string | number | {
474
+ borderRight: number;
475
+ borderBottom: string;
476
+ borderColor: string;
477
+ backgroundColor?: undefined;
478
+ padding?: undefined;
479
+ } | {
480
+ backgroundColor: string;
481
+ borderRight?: undefined;
482
+ borderBottom?: undefined;
483
+ borderColor?: undefined;
484
+ padding?: undefined;
485
+ } | {
486
+ padding: string;
487
+ borderRight?: undefined;
488
+ borderBottom?: undefined;
489
+ borderColor?: undefined;
490
+ backgroundColor?: undefined;
491
+ };
433
492
  width: string;
434
- height: string;
435
- padding: string;
493
+ borderRadius: number;
436
494
  borderRight: string;
437
495
  borderColor: string;
496
+ '& .MuiInput-root': {
497
+ backgroundColor: string;
498
+ };
499
+ '& .MuiInput-input': {
500
+ padding: string;
501
+ };
438
502
  };
439
- '& .M4LPeriod-containerDateValue': {
440
- display: string;
503
+ '& .MuiTextField-root': {
441
504
  width: string;
442
- padding: string;
505
+ '& .MuiInputBase-root.MuiInput-root': {
506
+ padding: string;
507
+ height: string;
508
+ backgroundColor: string;
509
+ };
443
510
  };
444
- '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod': {
445
- width: string;
446
- height: string;
447
- '& .MuiAutocomplete-root': {
448
- width: string;
511
+ '&.M4LPeriod-sizeSmall': {
512
+ '& .MuiAutocomplete-hasPopupIcon': {
513
+ height: string;
514
+ };
515
+ '& .MuiTextField-root': {
449
516
  height: string;
450
- borderColor: string;
451
- "& .MuiFormControl-root": {
452
- height: string;
453
- minHeight: string;
454
- width: string;
455
- borderRight: string;
456
- borderColor: string;
457
- '& .MuiInputBase-root': {
458
- height: string;
459
- width: string;
460
- gap: string;
461
- padding: string;
462
- background: string;
463
- "& .MuiInputBase-input": {
464
- padding: string;
465
- height: string;
466
- };
467
- '& .MuiAutocomplete-endAdornment': {
468
- position: string;
469
- minHeight: string;
470
- height: string;
471
- '& .MuiButtonBase-root': {
472
- padding: string;
473
- display: string;
474
- margin: string;
475
- height: string;
476
- '& .MuiSvgIcon-root': {
477
- height: string;
478
- width: string;
479
- };
480
- };
481
- };
482
- };
483
- };
484
517
  };
485
- "& .MuiFormControl-root": {
518
+ '& .M4LPeriod-skeletonFieldPrimary': {
486
519
  height: string;
487
- minHeight: string;
520
+ };
521
+ '& .M4LPeriod-skeletonFieldSecondary': {
488
522
  width: string;
489
- '& .MuiInputBase-root': {
490
- height: string;
491
- width: string;
492
- gap: string;
493
- padding: string;
494
- background: string;
495
- "& .MuiInputBase-input": {
496
- padding: string;
497
- height: string;
498
- };
499
- };
523
+ height: string;
524
+ paddingLeft: string;
525
+ };
526
+ };
527
+ '&.M4LPeriod-sizeMedium': {
528
+ '& .MuiAutocomplete-hasPopupIcon': {
529
+ height: string;
500
530
  };
501
531
  '& .MuiTextField-root': {
502
- width: string;
503
- minHeight: string;
504
532
  height: string;
505
- '& .MuiInputBase-root': {
506
- minHeight: string;
507
- padding: string;
508
- background: string;
509
- };
510
- '& .MuiInputBase-root.Mui-focused': {
511
- paddingLeft: string;
512
- borderColor: string;
513
- };
514
- '& .MuiInputBase-root:hover': {
515
- paddingLeft: string;
516
- background: string;
517
- padding: string;
518
- };
519
533
  };
520
- "&:hover": {
521
- borderColor: string;
522
- '& .MuiAutocomplete-root': {
523
- borderColor: string;
524
- };
534
+ '& .M4LPeriod-skeletonFieldPrimary': {
535
+ height: string;
525
536
  };
537
+ '& .M4LPeriod-skeletonFieldSecondary': {
538
+ width: string;
539
+ height: string;
540
+ paddingLeft: string;
541
+ };
542
+ };
543
+ '& .M4LPeriod-containerDateLabel': {
544
+ width: string;
545
+ height: string;
546
+ padding: string;
547
+ borderRight: string;
548
+ borderColor: string;
549
+ };
550
+ '& .M4LPeriod-containerDateValue': {
551
+ display: string;
552
+ width: string;
553
+ padding: string;
526
554
  };
527
555
  '&.M4LPeriod-stateError': {
528
556
  borderColor: string;
@@ -536,7 +564,6 @@ export declare const M4LPeriod: (theme: Theme) => {
536
564
  width: string;
537
565
  background: string;
538
566
  '& .MuiInputBase-root:hover': {
539
- paddingLeft: string;
540
567
  background: string | undefined;
541
568
  height: string;
542
569
  };
@@ -553,7 +580,6 @@ export declare const M4LPeriod: (theme: Theme) => {
553
580
  background: string;
554
581
  '& .MuiInputBase-root:hover': {
555
582
  background: string | undefined;
556
- paddingLeft: string;
557
583
  };
558
584
  };
559
585
  };
@@ -569,7 +595,6 @@ export declare const M4LPeriod: (theme: Theme) => {
569
595
  background: string;
570
596
  '& .MuiInputBase-root:hover': {
571
597
  background: string | undefined;
572
- paddingLeft: string;
573
598
  };
574
599
  };
575
600
  };
@@ -584,7 +609,6 @@ export declare const M4LPeriod: (theme: Theme) => {
584
609
  "& .MuiTextField-root:hover": {
585
610
  background: string;
586
611
  '& .MuiInputBase-root:hover': {
587
- paddingLeft: string;
588
612
  background: string | undefined;
589
613
  };
590
614
  };