@m4l/graphics 7.2.14 → 7.3.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.
Files changed (15) hide show
  1. package/components/GlobalStyles/getInputAutofillGlobalStyles.d.ts +1 -1
  2. package/components/GlobalStyles/getInputAutofillGlobalStyles.d.ts.map +1 -1
  3. package/components/GlobalStyles/getScrollbarHoverRevealGlobalStyles.d.ts +1 -1
  4. package/components/GlobalStyles/getScrollbarHoverRevealGlobalStyles.d.ts.map +1 -1
  5. package/components/GlobalStyles/index.d.ts.map +1 -1
  6. package/components/GlobalStyles/index.js +9 -17
  7. package/components/GlobalStyles/types.d.ts +21 -0
  8. package/components/GlobalStyles/types.d.ts.map +1 -0
  9. package/decorators/MFIsolationAppStorybook/MFIsolationAppStorybook.d.ts.map +1 -1
  10. package/decorators/MFIsolationAppStorybook/MFIsolationAppStorybook.js +2 -3
  11. package/package.json +2 -2
  12. package/assets/index-BedfwGgy.css +0 -1
  13. package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts +0 -319
  14. package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts.map +0 -1
  15. package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.js +0 -347
package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts DELETED
@@ -1,319 +0,0 @@
1
- import { Theme } from '@mui/material/styles';
2
- /**
3
- * Tipo extendido del Theme de MUI que incluye las propiedades personalizadas del tema de M4L
4
- */
5
- export type ExtendedTheme = Theme & {
6
- vars: {
7
- size: {
8
- [key: string]: {
9
- [key: string]: {
10
- [key: string]: string | number;
11
- };
12
- };
13
- };
14
- palette: Record<string, any>;
15
- customShadows: Record<string, any>;
16
- };
17
- generalSettings: {
18
- isMobile: boolean;
19
- };
20
- };
21
- /**
22
- * Genera los estilos globales para el popup del DateRangePicker de rsuite.
23
- * Estos estilos se aplican globalmente a todos los popups de DateRangePicker.
24
- * @param theme - Tema de MUI
25
- * @returns Objeto con los estilos del popup
26
- */
27
- export declare function getDateRangePickerPopupGlobalStyles(theme: ExtendedTheme): {
28
- '.rs-picker-popup': {
29
- backgroundColor: string;
30
- borderRadius: string;
31
- marginTop: string;
32
- boxShadow: string;
33
- color: string;
34
- '& .rs-picker-daterange-header': {
35
- fontSize: string;
36
- lineHeight: string;
37
- fontWeight: number;
38
- letterSpacing: string;
39
- color: string;
40
- borderColor: string;
41
- };
42
- '& .rs-picker-daterange-calendar-group': {
43
- height: string;
44
- '& .rs-calendar-header': {
45
- '& .rs-btn-icon:not([data-with-text])': {
46
- '&:hover': {
47
- backgroundColor: string;
48
- };
49
- '&:active': {
50
- backgroundColor: string;
51
- };
52
- '& svg': {
53
- fill: string;
54
- };
55
- };
56
- '& .rs-calendar-header-title': {
57
- '&:hover': {
58
- backgroundColor: string;
59
- };
60
- '&:active': {
61
- backgroundColor: string;
62
- };
63
- fontSize: string;
64
- lineHeight: string;
65
- fontWeight: number;
66
- letterSpacing: string;
67
- color: string;
68
- };
69
- };
70
- '& .rs-calendar:first-of-type': {
71
- borderColor: string;
72
- };
73
- '& .rs-calendar-body': {
74
- display: string;
75
- alignItems: string;
76
- justifyContent: string;
77
- '& .rs-calendar-table': {
78
- display: string;
79
- flexDirection: string;
80
- alignItems: string;
81
- justifyContent: string;
82
- gap: string;
83
- '& .rs-calendar-table-header-row': {
84
- display: string;
85
- justifyContent: string;
86
- width: string;
87
- '& .rs-calendar-table-header-cell': {
88
- width: string;
89
- height: string;
90
- '& .rs-calendar-table-header-cell-content': any;
91
- };
92
- };
93
- };
94
- '& .rs-calendar-table-cell': {
95
- width: string;
96
- height: string;
97
- borderTop: string;
98
- borderBottom: string;
99
- '&:hover .rs-calendar-table-cell-content': {
100
- backgroundColor: string;
101
- '& .rs-calendar-table-cell-day': {
102
- color: string;
103
- };
104
- };
105
- '&:active .rs-calendar-table-cell-content': {
106
- backgroundColor: string;
107
- '& .rs-calendar-table-cell-day': {
108
- color: string;
109
- };
110
- };
111
- '& .rs-calendar-table-cell-content': any;
112
- '&.rs-calendar-table-cell-un-same-month': {
113
- '& .rs-calendar-table-cell-content': {
114
- '& .rs-calendar-table-cell-day': {
115
- color: string;
116
- };
117
- };
118
- };
119
- '&.rs-calendar-table-cell-is-today': {
120
- '& .rs-calendar-table-cell-content': {
121
- boxShadow: string;
122
- };
123
- };
124
- '&.rs-calendar-table-cell-in-range': {
125
- borderRadius: number;
126
- borderTop: string;
127
- borderBottom: string;
128
- '&:before': {
129
- height: string;
130
- margin: string;
131
- backgroundColor: string;
132
- inset: number;
133
- };
134
- '& .rs-calendar-table-cell-content': {
135
- backgroundColor: string;
136
- };
137
- };
138
- '&.rs-calendar-table-cell-selected-start': {
139
- borderTopLeftRadius: string;
140
- borderBottomLeftRadius: string;
141
- '&:hover .rs-calendar-table-cell-content': {
142
- backgroundColor: string;
143
- '& .rs-calendar-table-cell-day': {
144
- color: string;
145
- };
146
- };
147
- '&:active .rs-calendar-table-cell-content': {
148
- backgroundColor: string;
149
- '& .rs-calendar-table-cell-day': {
150
- color: string;
151
- };
152
- };
153
- '& .rs-calendar-table-cell-content': {
154
- boxShadow: string;
155
- backgroundColor: string;
156
- };
157
- };
158
- '&.rs-calendar-table-cell-selected-end': {
159
- borderTopRightRadius: string;
160
- borderBottomRightRadius: string;
161
- '&:hover .rs-calendar-table-cell-content': {
162
- backgroundColor: string;
163
- '& .rs-calendar-table-cell-day': {
164
- color: string;
165
- };
166
- };
167
- '&:active .rs-calendar-table-cell-content': {
168
- backgroundColor: string;
169
- '& .rs-calendar-table-cell-day': {
170
- color: string;
171
- };
172
- };
173
- '& .rs-calendar-table-cell-content': {
174
- boxShadow: string;
175
- backgroundColor: string;
176
- };
177
- };
178
- };
179
- };
180
- '& .rs-calendar-month-dropdown': {
181
- backgroundColor: string;
182
- borderColor: string;
183
- '& .rs-calendar-month-dropdown-row': {
184
- borderColor: string;
185
- '& .rs-calendar-month-dropdown-list': {
186
- height: string;
187
- };
188
- '& .rs-calendar-month-dropdown-year': {
189
- '&.rs-calendar-month-dropdown-year-active': {
190
- color: string;
191
- };
192
- fontSize: string;
193
- lineHeight: string;
194
- fontWeight: number;
195
- letterSpacing: string;
196
- color: string;
197
- };
198
- '& .rs-calendar-month-dropdown-cell': {
199
- display: string;
200
- alignItems: string;
201
- justifyContent: string;
202
- '& .rs-calendar-month-dropdown-cell-content': {
203
- '&:hover': {
204
- backgroundColor: string;
205
- color: string;
206
- };
207
- '&:active': {
208
- backgroundColor: string;
209
- color: string;
210
- };
211
- fontSize: string;
212
- lineHeight: string;
213
- fontWeight: number;
214
- letterSpacing: string;
215
- color: string;
216
- };
217
- '&.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content': {
218
- '&:hover': {
219
- backgroundColor: string;
220
- };
221
- '&:active': {
222
- backgroundColor: string;
223
- };
224
- fontSize: string;
225
- lineHeight: string;
226
- fontWeight: number;
227
- letterSpacing: string;
228
- backgroundColor: string;
229
- color: string;
230
- };
231
- };
232
- };
233
- };
234
- '& .rs-calendar-time-dropdown': {
235
- backgroundColor: string;
236
- borderColor: string;
237
- '& .rs-calendar-time-dropdown-column-title': {
238
- fontSize: string;
239
- lineHeight: string;
240
- fontWeight: number;
241
- letterSpacing: string;
242
- backgroundColor: string;
243
- color: string;
244
- };
245
- '& .rs-scroll-view-custom-scrollbar': {
246
- '& li': {
247
- '& .rs-calendar-time-dropdown-cell': {
248
- '&:hover': {
249
- backgroundColor: string;
250
- };
251
- '&:active': {
252
- backgroundColor: string;
253
- };
254
- '&.rs-calendar-time-dropdown-cell-active': {
255
- backgroundColor: string;
256
- color: string;
257
- '&:hover': {
258
- backgroundColor: string;
259
- };
260
- '&:active': {
261
- backgroundColor: string;
262
- };
263
- };
264
- fontSize: string;
265
- lineHeight: string;
266
- fontWeight: number;
267
- letterSpacing: string;
268
- borderRadius: string;
269
- color: string;
270
- };
271
- };
272
- };
273
- };
274
- '& .rs-calendar-btn-close': {
275
- backgroundColor: string;
276
- '&:hover': {
277
- backgroundColor: string;
278
- borderColor: string;
279
- color: string;
280
- };
281
- '&:active': {
282
- backgroundColor: string;
283
- };
284
- '& svg': {
285
- fill: string;
286
- };
287
- };
288
- '& .rs-calendar': {
289
- borderColor: string;
290
- height: string;
291
- };
292
- };
293
- '& .rs-picker-toolbar': {
294
- backgroundColor: string;
295
- borderColor: string;
296
- display: string;
297
- alignItems: string;
298
- justifyContent: string;
299
- '& .rs-picker-toolbar-ranges': {
300
- '& .rs-btn': {
301
- color: string;
302
- };
303
- };
304
- '& .rs-btn': {
305
- fontSize: string;
306
- lineHeight: string;
307
- fontWeight: number;
308
- letterSpacing: string;
309
- };
310
- '& .rs-picker-toolbar-right': {
311
- display: string;
312
- alignItems: string;
313
- justifyContent: string;
314
- '& .rs-btn': any;
315
- };
316
- };
317
- };
318
- };
319
- //# sourceMappingURL=getDateRangePickerPopupGlobalStyles.d.ts.map
package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"getDateRangePickerPopupGlobalStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG;IAClC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,CAAC,GAAG,EAAE,MAAM,GAAG;gBACb,CAAC,GAAG,EAAE,MAAM,GAAG;oBACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;iBAChC,CAAC;aACH,CAAC;SACH,CAAC;QACF,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC7B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACpC,CAAC;IACF,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC;AA6CF;;;;;GAKG;AACH,wBAAgB,mCAAmC,CAAC,KAAK,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyWvE"}
package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.js DELETED
@@ -1,347 +0,0 @@
1
- import { TYPOGRAPHY_SIZES_MOBILE as s, TYPOGRAPHY_SIZES_DESKTOP as i } from "@m4l/styles";
2
- function l(r, a, e, t, n = "height") {
3
- const d = r.vars.size[r.generalSettings.isMobile ? "mobile" : "desktop"][a][e], c = typeof t == "function" ? t(d) : t;
4
- return {
5
- [n]: d,
6
- ...c
7
- };
8
- }
9
- function o(r, a, e) {
10
- return (r ? s : i)[a][e];
11
- }
12
- function b(r) {
13
- const a = "medium", e = r.generalSettings.isMobile;
14
- return {
15
- // Estilos globales para el popup del DateRangePicker de rsuite
16
- ".rs-picker-popup": {
17
- backgroundColor: r.vars.palette.background.default,
18
- borderRadius: r.vars.size.borderRadius.r3,
19
- marginTop: r.vars.size.baseSpacings.sp1,
20
- boxShadow: r.vars.customShadows.z4,
21
- color: r.vars.palette.text.primary,
22
- // Header.
23
- "& .rs-picker-daterange-header": {
24
- color: r.vars.palette.text.primary,
25
- borderColor: r.vars.palette.border.disabled,
26
- ...o(e, a, "bodyStandard")
27
- },
28
- // Body
29
- "& .rs-picker-daterange-calendar-group": {
30
- height: "fit-content",
31
- "& .rs-calendar-header": {
32
- // arrow buttons
33
- "& .rs-btn-icon:not([data-with-text])": {
34
- "&:hover": {
35
- backgroundColor: r.vars.palette.default.hoverOpacity
36
- },
37
- "&:active": {
38
- backgroundColor: r.vars.palette.default.activeOpacity
39
- },
40
- "& svg": {
41
- fill: r.vars.palette.text.primary
42
- }
43
- },
44
- // button title month
45
- "& .rs-calendar-header-title": {
46
- color: r.vars.palette.text.primary,
47
- ...o(e, a, "bodyStandard"),
48
- "&:hover": {
49
- backgroundColor: r.vars.palette.default.hoverOpacity
50
- },
51
- "&:active": {
52
- backgroundColor: r.vars.palette.default.activeOpacity
53
- }
54
- }
55
- },
56
- // calendar start
57
- "& .rs-calendar:first-of-type": {
58
- borderColor: r.vars.palette.border.disabled
59
- },
60
- // calendar body
61
- "& .rs-calendar-body": {
62
- display: "flex",
63
- alignItems: "center",
64
- justifyContent: "center",
65
- "& .rs-calendar-table": {
66
- display: "flex",
67
- flexDirection: "column",
68
- alignItems: "center",
69
- justifyContent: "center",
70
- gap: r.vars.size.baseSpacings["sp0-5"],
71
- // table header
72
- "& .rs-calendar-table-header-row": {
73
- display: "flex",
74
- justifyContent: "space-between",
75
- width: "100%",
76
- "& .rs-calendar-table-header-cell": {
77
- width: "fit-content",
78
- height: "fit-content",
79
- "& .rs-calendar-table-header-cell-content": {
80
- color: r.vars.palette.text.secondary,
81
- ...o(e, a, "bodyStandard"),
82
- ...l(
83
- r,
84
- a,
85
- "action",
86
- (t) => ({
87
- minWidth: t,
88
- maxWidth: t,
89
- height: "auto"
90
- })
91
- )
92
- }
93
- }
94
- }
95
- },
96
- // button days
97
- "& .rs-calendar-table-cell": {
98
- width: "fit-content",
99
- height: "fit-content",
100
- borderTop: "1px dashed transparent",
101
- borderBottom: "1px dashed transparent",
102
- "&:hover .rs-calendar-table-cell-content": {
103
- backgroundColor: r.vars.palette.default.hoverOpacity,
104
- "& .rs-calendar-table-cell-day": {
105
- color: r.vars.palette.primary.enabled
106
- }
107
- },
108
- "&:active .rs-calendar-table-cell-content": {
109
- backgroundColor: r.vars.palette.default.activeOpacity,
110
- "& .rs-calendar-table-cell-day": {
111
- color: r.vars.palette.primary.enabled
112
- }
113
- },
114
- "& .rs-calendar-table-cell-content": {
115
- borderRadius: r.vars.size.borderRadius.r2,
116
- display: "flex",
117
- alignItems: "center",
118
- justifyContent: "center",
119
- ...l(
120
- r,
121
- a,
122
- "action",
123
- (t) => ({
124
- minHeight: t,
125
- maxHeight: t,
126
- minWidth: t,
127
- maxWidth: t
128
- })
129
- ),
130
- "& .rs-calendar-table-cell-day": {
131
- ...o(e, a, "bodyStandard")
132
- }
133
- },
134
- "&.rs-calendar-table-cell-un-same-month": {
135
- "& .rs-calendar-table-cell-content": {
136
- "& .rs-calendar-table-cell-day": {
137
- color: r.vars.palette.text.secondary
138
- }
139
- }
140
- },
141
- "&.rs-calendar-table-cell-is-today": {
142
- "& .rs-calendar-table-cell-content": {
143
- boxShadow: `0 0 0 1px ${r.vars.palette.primary.enabled}`
144
- }
145
- },
146
- "&.rs-calendar-table-cell-in-range": {
147
- borderRadius: 0,
148
- borderTop: `1px dashed ${r.vars.palette.border.secondary}`,
149
- borderBottom: `1px dashed ${r.vars.palette.border.secondary}`,
150
- "&:before": {
151
- height: "unset",
152
- margin: "unset",
153
- backgroundColor: r.vars.palette.default.hoverOpacity,
154
- inset: 0
155
- },
156
- "& .rs-calendar-table-cell-content": {
157
- backgroundColor: "transparent"
158
- }
159
- },
160
- "&.rs-calendar-table-cell-selected-start": {
161
- // Radio exterior = radio interior (r2 = 8px) + grosor del borde (1px) = 9px
162
- // para que el contenido interno no se vea cortado en las esquinas
163
- borderTopLeftRadius: `calc(${r.vars.size.borderRadius.r2} + 1px)`,
164
- borderBottomLeftRadius: `calc(${r.vars.size.borderRadius.r2} + 1px)`,
165
- "&:hover .rs-calendar-table-cell-content": {
166
- backgroundColor: `${r.vars.palette.primary.hover} !important`,
167
- "& .rs-calendar-table-cell-day": {
168
- color: `${r.vars.palette.primary.contrastText} !important`
169
- }
170
- },
171
- "&:active .rs-calendar-table-cell-content": {
172
- backgroundColor: `${r.vars.palette.primary.active} !important`,
173
- "& .rs-calendar-table-cell-day": {
174
- color: `${r.vars.palette.primary.contrastText} !important`
175
- }
176
- },
177
- "& .rs-calendar-table-cell-content": {
178
- boxShadow: `0 0 0 1px ${r.vars.palette.primary.activeOpacity}`,
179
- backgroundColor: r.vars.palette.primary.enabled
180
- }
181
- },
182
- "&.rs-calendar-table-cell-selected-end": {
183
- // Radio exterior = radio interior (r2 = 8px) + grosor del borde (1px) = 9px
184
- // para que el contenido interno no se vea cortado en las esquinas
185
- borderTopRightRadius: `calc(${r.vars.size.borderRadius.r2} + 1px)`,
186
- borderBottomRightRadius: `calc(${r.vars.size.borderRadius.r2} + 1px)`,
187
- "&:hover .rs-calendar-table-cell-content": {
188
- backgroundColor: `${r.vars.palette.primary.hover} !important`,
189
- "& .rs-calendar-table-cell-day": {
190
- color: `${r.vars.palette.primary.contrastText} !important`
191
- }
192
- },
193
- "&:active .rs-calendar-table-cell-content": {
194
- backgroundColor: `${r.vars.palette.primary.active} !important`,
195
- "& .rs-calendar-table-cell-day": {
196
- color: `${r.vars.palette.primary.contrastText} !important`
197
- }
198
- },
199
- "& .rs-calendar-table-cell-content": {
200
- boxShadow: `0 0 0 1px ${r.vars.palette.primary.activeOpacity}`,
201
- backgroundColor: r.vars.palette.primary.enabled
202
- }
203
- }
204
- }
205
- },
206
- // calendar month dropdown
207
- "& .rs-calendar-month-dropdown": {
208
- backgroundColor: r.vars.palette.background.default,
209
- borderColor: r.vars.palette.border.disabled,
210
- "& .rs-calendar-month-dropdown-row": {
211
- borderColor: r.vars.palette.border.disabled,
212
- "& .rs-calendar-month-dropdown-list": {
213
- height: "100%"
214
- },
215
- // year title
216
- "& .rs-calendar-month-dropdown-year": {
217
- color: r.vars.palette.text.primary,
218
- ...o(e, a, "bodyStandard"),
219
- "&.rs-calendar-month-dropdown-year-active": {
220
- color: r.vars.palette.primary.enabled
221
- }
222
- },
223
- // month title
224
- "& .rs-calendar-month-dropdown-cell": {
225
- display: "flex",
226
- alignItems: "center",
227
- justifyContent: "center",
228
- "& .rs-calendar-month-dropdown-cell-content": {
229
- color: r.vars.palette.text.primary,
230
- ...o(e, a, "bodyStandard"),
231
- "&:hover": {
232
- backgroundColor: r.vars.palette.default.hoverOpacity,
233
- color: r.vars.palette.primary.enabled
234
- },
235
- "&:active": {
236
- backgroundColor: r.vars.palette.default.activeOpacity,
237
- color: r.vars.palette.primary.enabled
238
- }
239
- },
240
- "&.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content": {
241
- backgroundColor: r.vars.palette.primary.enabled,
242
- color: r.vars.palette.primary.contrastText,
243
- ...o(e, a, "bodyStandard"),
244
- "&:hover": {
245
- backgroundColor: r.vars.palette.primary.hover
246
- },
247
- "&:active": {
248
- backgroundColor: r.vars.palette.primary.active
249
- }
250
- }
251
- }
252
- }
253
- },
254
- // calendar hours dropdown
255
- "& .rs-calendar-time-dropdown": {
256
- backgroundColor: r.vars.palette.background.default,
257
- borderColor: r.vars.palette.border.disabled,
258
- "& .rs-calendar-time-dropdown-column-title": {
259
- backgroundColor: "transparent",
260
- color: r.vars.palette.text.primary,
261
- ...o(e, a, "bodyStandard")
262
- },
263
- "& .rs-scroll-view-custom-scrollbar": {
264
- "& li": {
265
- "& .rs-calendar-time-dropdown-cell": {
266
- borderRadius: r.vars.size.borderRadius.r2,
267
- color: r.vars.palette.text.primary,
268
- ...o(e, a, "bodyStandard"),
269
- "&:hover": {
270
- backgroundColor: r.vars.palette.default.hoverOpacity
271
- },
272
- "&:active": {
273
- backgroundColor: r.vars.palette.default.activeOpacity
274
- },
275
- "&.rs-calendar-time-dropdown-cell-active": {
276
- backgroundColor: r.vars.palette.primary.enabled,
277
- color: r.vars.palette.primary.contrastText,
278
- "&:hover": {
279
- backgroundColor: r.vars.palette.primary.hover
280
- },
281
- "&:active": {
282
- backgroundColor: r.vars.palette.primary.active
283
- }
284
- }
285
- }
286
- }
287
- }
288
- },
289
- // calendar close button dropdown
290
- "& .rs-calendar-btn-close": {
291
- backgroundColor: r.vars.palette.background.default,
292
- "&:hover": {
293
- backgroundColor: r.vars.palette.background.hover,
294
- borderColor: r.vars.palette.border.disabled,
295
- color: r.vars.palette.text.primary
296
- },
297
- "&:active": {
298
- backgroundColor: r.vars.palette.background.hover
299
- },
300
- "& svg": {
301
- fill: r.vars.palette.text.primary
302
- }
303
- },
304
- "& .rs-calendar": {
305
- borderColor: r.vars.palette.border.disabled,
306
- height: "fit-content"
307
- }
308
- },
309
- // toolbar
310
- "& .rs-picker-toolbar": {
311
- backgroundColor: r.vars.palette.background.default,
312
- borderColor: r.vars.palette.border.disabled,
313
- display: "flex",
314
- alignItems: "center",
315
- justifyContent: "space-between",
316
- "& .rs-picker-toolbar-ranges": {
317
- "& .rs-btn": {
318
- color: r.vars.palette.primary.enabled
319
- }
320
- },
321
- "& .rs-btn": {
322
- ...o(e, a, "bodyStandard")
323
- },
324
- "& .rs-picker-toolbar-right": {
325
- display: "flex",
326
- alignItems: "center",
327
- justifyContent: "center",
328
- "& .rs-btn": {
329
- backgroundColor: r.vars.palette.primary.enabled,
330
- borderRadius: r.vars.size.borderRadius["r1-5"],
331
- color: r.vars.palette.primary.contrastText,
332
- ...l(r, a, "action"),
333
- "&:hover": {
334
- backgroundColor: r.vars.palette.primary.hover
335
- },
336
- "&:active": {
337
- backgroundColor: r.vars.palette.primary.active
338
- }
339
- }
340
- }
341
- }
342
- }
343
- };
344
- }
345
- export {
346
- b as getDateRangePickerPopupGlobalStyles
347
- };