@m4l/graphics 7.2.2-BE20260202-2 → 7.2.2-BE20260203-1

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 (3) hide show
  1. package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts +3 -0
  2. package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.js +24 -21
  3. package/package.json +1 -1
package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts CHANGED
@@ -61,6 +61,9 @@ export declare function getDateRangePickerPopupGlobalStyles(theme: Theme): {
61
61
  alignItems: string;
62
62
  justifyContent: string;
63
63
  gap: string;
64
+ '& .rs-calendar-table-row, & .rs-calendar-table-row': {
65
+ gap: string;
66
+ };
64
67
  '& .rs-calendar-table-header-row': {
65
68
  display: string;
66
69
  justifyContent: string;
package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.js CHANGED
@@ -1,12 +1,12 @@
1
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;
2
+ function l(r, a, e, o, n = "height") {
3
+ const d = r.vars.size[r.generalSettings.isMobile ? "mobile" : "desktop"][a][e], c = typeof o == "function" ? o(d) : o;
4
4
  return {
5
5
  [n]: d,
6
6
  ...c
7
7
  };
8
8
  }
9
- function o(r, a, e) {
9
+ function t(r, a, e) {
10
10
  return (r ? s : i)[a][e];
11
11
  }
12
12
  function b(r) {
@@ -23,7 +23,7 @@ function b(r) {
23
23
  "& .rs-picker-daterange-header": {
24
24
  color: r.vars.palette.text.primary,
25
25
  borderColor: r.vars.palette.border.disabled,
26
- ...o(e, a, "body")
26
+ ...t(e, a, "body")
27
27
  },
28
28
  // Body
29
29
  "& .rs-picker-daterange-calendar-group": {
@@ -44,7 +44,7 @@ function b(r) {
44
44
  // button title month
45
45
  "& .rs-calendar-header-title": {
46
46
  color: r.vars.palette.text.primary,
47
- ...o(e, a, "body"),
47
+ ...t(e, a, "body"),
48
48
  "&:hover": {
49
49
  backgroundColor: r.vars.palette.default.hoverOpacity
50
50
  },
@@ -68,6 +68,9 @@ function b(r) {
68
68
  alignItems: "center",
69
69
  justifyContent: "center",
70
70
  gap: r.vars.size.baseSpacings["sp0-5"],
71
+ "& .rs-calendar-table-row, & .rs-calendar-table-row": {
72
+ gap: r.vars.size.baseSpacings["sp0-5"]
73
+ },
71
74
  // table header
72
75
  "& .rs-calendar-table-header-row": {
73
76
  display: "flex",
@@ -78,14 +81,14 @@ function b(r) {
78
81
  height: "fit-content",
79
82
  "& .rs-calendar-table-header-cell-content": {
80
83
  color: r.vars.palette.text.secondary,
81
- ...o(e, a, "body"),
84
+ ...t(e, a, "body"),
82
85
  ...l(
83
86
  r,
84
87
  a,
85
88
  "action",
86
- (t) => ({
87
- minWidth: t,
88
- maxWidth: t,
89
+ (o) => ({
90
+ minWidth: o,
91
+ maxWidth: o,
89
92
  height: "auto"
90
93
  })
91
94
  )
@@ -120,15 +123,15 @@ function b(r) {
120
123
  r,
121
124
  a,
122
125
  "action",
123
- (t) => ({
124
- minHeight: t,
125
- maxHeight: t,
126
- minWidth: t,
127
- maxWidth: t
126
+ (o) => ({
127
+ minHeight: o,
128
+ maxHeight: o,
129
+ minWidth: o,
130
+ maxWidth: o
128
131
  })
129
132
  ),
130
133
  "& .rs-calendar-table-cell-day": {
131
- ...o(e, a, "body")
134
+ ...t(e, a, "body")
132
135
  }
133
136
  },
134
137
  "&.rs-calendar-table-cell-un-same-month": {
@@ -215,7 +218,7 @@ function b(r) {
215
218
  // year title
216
219
  "& .rs-calendar-month-dropdown-year": {
217
220
  color: r.vars.palette.text.primary,
218
- ...o(e, a, "body"),
221
+ ...t(e, a, "body"),
219
222
  "&.rs-calendar-month-dropdown-year-active": {
220
223
  color: r.vars.palette.primary.enabled
221
224
  }
@@ -227,7 +230,7 @@ function b(r) {
227
230
  justifyContent: "center",
228
231
  "& .rs-calendar-month-dropdown-cell-content": {
229
232
  color: r.vars.palette.text.primary,
230
- ...o(e, a, "body"),
233
+ ...t(e, a, "body"),
231
234
  "&:hover": {
232
235
  backgroundColor: r.vars.palette.default.hoverOpacity,
233
236
  color: r.vars.palette.primary.enabled
@@ -240,7 +243,7 @@ function b(r) {
240
243
  "&.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content": {
241
244
  backgroundColor: r.vars.palette.primary.enabled,
242
245
  color: r.vars.palette.primary.contrastText,
243
- ...o(e, a, "body"),
246
+ ...t(e, a, "body"),
244
247
  "&:hover": {
245
248
  backgroundColor: r.vars.palette.primary.hover
246
249
  },
@@ -258,14 +261,14 @@ function b(r) {
258
261
  "& .rs-calendar-time-dropdown-column-title": {
259
262
  backgroundColor: "transparent",
260
263
  color: r.vars.palette.text.primary,
261
- ...o(e, a, "body")
264
+ ...t(e, a, "body")
262
265
  },
263
266
  "& .rs-scroll-view-custom-scrollbar": {
264
267
  "& li": {
265
268
  "& .rs-calendar-time-dropdown-cell": {
266
269
  borderRadius: r.vars.size.borderRadius.r2,
267
270
  color: r.vars.palette.text.primary,
268
- ...o(e, a, "body"),
271
+ ...t(e, a, "body"),
269
272
  "&:hover": {
270
273
  backgroundColor: r.vars.palette.default.hoverOpacity
271
274
  },
@@ -319,7 +322,7 @@ function b(r) {
319
322
  }
320
323
  },
321
324
  "& .rs-btn": {
322
- ...o(e, a, "body")
325
+ ...t(e, a, "body")
323
326
  },
324
327
  "& .rs-picker-toolbar-right": {
325
328
  display: "flex",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/graphics",
3
- "version": "7.2.2-BE20260202-2+PR665-dateRangePicker",
3
+ "version": "7.2.2-BE20260203-1+PR665-dateRangePicker",
4
4
  "license": "UNLICENSED",
5
5
  "author": "M4L Team*",
6
6
  "type": "module",