@alfalab/core-components-calendar-with-skeleton 5.0.44 → 5.0.45

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 (9) hide show
  1. package/Component.js +2 -2
  2. package/cssm/Component.js +1 -1
  3. package/cssm/index.module.css +3 -1
  4. package/esm/Component.js +2 -2
  5. package/esm/index.css +14 -12
  6. package/index.css +14 -12
  7. package/modern/Component.js +2 -2
  8. package/modern/index.css +14 -12
  9. package/package.json +2 -2
package/Component.js CHANGED
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"component":"calendar-with-skeleton__component_10rxi","calendarVisible":"calendar-with-skeleton__calendarVisible_10rxi","skeleton":"calendar-with-skeleton__skeleton_10rxi","header":"calendar-with-skeleton__header_10rxi","weekDays":"calendar-with-skeleton__weekDays_10rxi","row":"calendar-with-skeleton__row_10rxi","enter":"calendar-with-skeleton__enter_10rxi","enterActive":"calendar-with-skeleton__enterActive_10rxi","exit":"calendar-with-skeleton__exit_10rxi","exitActive":"calendar-with-skeleton__exitActive_10rxi"};
17
+ var styles = {"component":"calendar-with-skeleton__component_33ie4","calendarVisible":"calendar-with-skeleton__calendarVisible_33ie4","contentCalendar":"calendar-with-skeleton__contentCalendar_33ie4","skeleton":"calendar-with-skeleton__skeleton_33ie4","header":"calendar-with-skeleton__header_33ie4","weekDays":"calendar-with-skeleton__weekDays_33ie4","row":"calendar-with-skeleton__row_33ie4","enter":"calendar-with-skeleton__enter_33ie4","enterActive":"calendar-with-skeleton__enterActive_33ie4","exit":"calendar-with-skeleton__exit_33ie4","exitActive":"calendar-with-skeleton__exitActive_33ie4"};
18
18
  require('./index.css')
19
19
 
20
20
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
@@ -24,7 +24,7 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
24
24
  return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
25
25
  _b[styles.calendarVisible] = calendarVisible,
26
26
  _b)) },
27
- calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref }, restProps)),
27
+ calendarVisible && (React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref, className: styles.contentCalendar }, restProps))),
28
28
  React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
29
29
  React__default.default.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
30
30
  React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.header })),
package/cssm/Component.js CHANGED
@@ -23,7 +23,7 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
23
23
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
24
24
  _b[styles__default.default.calendarVisible] = calendarVisible,
25
25
  _b)) },
26
- calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref }, restProps)),
26
+ calendarVisible && (React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref, className: styles__default.default.contentCalendar }, restProps))),
27
27
  React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default.default },
28
28
  React__default.default.createElement("div", { className: styles__default.default.skeleton, ref: calendarVisible ? undefined : ref },
29
29
  React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.header })),
package/cssm/index.module.css CHANGED
@@ -45,7 +45,9 @@
45
45
  position: relative;
46
46
  } .calendarVisible {
47
47
  height: auto;
48
- } .skeleton {
48
+ } .contentCalendar > div:last-child {
49
+ padding: 0 0 var(--gap-m);
50
+ } .skeleton {
49
51
  display: flex;
50
52
  flex-direction: column;
51
53
  padding: var(--gap-m);
package/esm/Component.js CHANGED
@@ -5,7 +5,7 @@ import cn from 'classnames';
5
5
  import { Calendar } from '@alfalab/core-components-calendar/esm';
6
6
  import { Skeleton } from '@alfalab/core-components-skeleton/esm';
7
7
 
8
- var styles = {"component":"calendar-with-skeleton__component_10rxi","calendarVisible":"calendar-with-skeleton__calendarVisible_10rxi","skeleton":"calendar-with-skeleton__skeleton_10rxi","header":"calendar-with-skeleton__header_10rxi","weekDays":"calendar-with-skeleton__weekDays_10rxi","row":"calendar-with-skeleton__row_10rxi","enter":"calendar-with-skeleton__enter_10rxi","enterActive":"calendar-with-skeleton__enterActive_10rxi","exit":"calendar-with-skeleton__exit_10rxi","exitActive":"calendar-with-skeleton__exitActive_10rxi"};
8
+ var styles = {"component":"calendar-with-skeleton__component_33ie4","calendarVisible":"calendar-with-skeleton__calendarVisible_33ie4","contentCalendar":"calendar-with-skeleton__contentCalendar_33ie4","skeleton":"calendar-with-skeleton__skeleton_33ie4","header":"calendar-with-skeleton__header_33ie4","weekDays":"calendar-with-skeleton__weekDays_33ie4","row":"calendar-with-skeleton__row_33ie4","enter":"calendar-with-skeleton__enter_33ie4","enterActive":"calendar-with-skeleton__enterActive_33ie4","exit":"calendar-with-skeleton__exit_33ie4","exitActive":"calendar-with-skeleton__exitActive_33ie4"};
9
9
  require('./index.css')
10
10
 
11
11
  var CalendarWithSkeleton = forwardRef(function (_a, ref) {
@@ -15,7 +15,7 @@ var CalendarWithSkeleton = forwardRef(function (_a, ref) {
15
15
  return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
16
16
  _b[styles.calendarVisible] = calendarVisible,
17
17
  _b)) },
18
- calendarVisible && React.createElement(Calendar, __assign({ ref: ref }, restProps)),
18
+ calendarVisible && (React.createElement(Calendar, __assign({ ref: ref, className: styles.contentCalendar }, restProps))),
19
19
  React.createElement(CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
20
20
  React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
21
21
  React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.header })),
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hv30s */
1
+ /* hash: gn2ju */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -40,13 +40,15 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_10rxi {
43
+ } .calendar-with-skeleton__component_33ie4 {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_10rxi {
47
+ } .calendar-with-skeleton__calendarVisible_33ie4 {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_10rxi {
49
+ } .calendar-with-skeleton__contentCalendar_33ie4 > div:last-child {
50
+ padding: 0 0 var(--gap-m);
51
+ } .calendar-with-skeleton__skeleton_33ie4 {
50
52
  display: flex;
51
53
  flex-direction: column;
52
54
  padding: var(--gap-m);
@@ -60,20 +62,20 @@
60
62
  height: 100%;
61
63
  background-color: var(--color-light-bg-primary);
62
64
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_10rxi {
65
+ } .calendar-with-skeleton__header_33ie4 {
64
66
  height: 48px;
65
67
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_10rxi {
68
+ } .calendar-with-skeleton__weekDays_33ie4 {
67
69
  height: 12px;
68
70
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_10rxi {
71
+ } .calendar-with-skeleton__row_33ie4 {
70
72
  height: 32px
71
- } .calendar-with-skeleton__row_10rxi + .calendar-with-skeleton__row_10rxi {
73
+ } .calendar-with-skeleton__row_33ie4 + .calendar-with-skeleton__row_33ie4 {
72
74
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_10rxi,
74
- .calendar-with-skeleton__enterActive_10rxi,
75
- .calendar-with-skeleton__exit_10rxi {
75
+ } .calendar-with-skeleton__enter_33ie4,
76
+ .calendar-with-skeleton__enterActive_33ie4,
77
+ .calendar-with-skeleton__exit_33ie4 {
76
78
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_10rxi {
79
+ } .calendar-with-skeleton__exitActive_33ie4 {
78
80
  opacity: 0;
79
81
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hv30s */
1
+ /* hash: gn2ju */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -40,13 +40,15 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_10rxi {
43
+ } .calendar-with-skeleton__component_33ie4 {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_10rxi {
47
+ } .calendar-with-skeleton__calendarVisible_33ie4 {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_10rxi {
49
+ } .calendar-with-skeleton__contentCalendar_33ie4 > div:last-child {
50
+ padding: 0 0 var(--gap-m);
51
+ } .calendar-with-skeleton__skeleton_33ie4 {
50
52
  display: flex;
51
53
  flex-direction: column;
52
54
  padding: var(--gap-m);
@@ -60,20 +62,20 @@
60
62
  height: 100%;
61
63
  background-color: var(--color-light-bg-primary);
62
64
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_10rxi {
65
+ } .calendar-with-skeleton__header_33ie4 {
64
66
  height: 48px;
65
67
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_10rxi {
68
+ } .calendar-with-skeleton__weekDays_33ie4 {
67
69
  height: 12px;
68
70
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_10rxi {
71
+ } .calendar-with-skeleton__row_33ie4 {
70
72
  height: 32px
71
- } .calendar-with-skeleton__row_10rxi + .calendar-with-skeleton__row_10rxi {
73
+ } .calendar-with-skeleton__row_33ie4 + .calendar-with-skeleton__row_33ie4 {
72
74
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_10rxi,
74
- .calendar-with-skeleton__enterActive_10rxi,
75
- .calendar-with-skeleton__exit_10rxi {
75
+ } .calendar-with-skeleton__enter_33ie4,
76
+ .calendar-with-skeleton__enterActive_33ie4,
77
+ .calendar-with-skeleton__exit_33ie4 {
76
78
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_10rxi {
79
+ } .calendar-with-skeleton__exitActive_33ie4 {
78
80
  opacity: 0;
79
81
  }
package/modern/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { Calendar } from '@alfalab/core-components-calendar/modern';
5
5
  import { Skeleton } from '@alfalab/core-components-skeleton/modern';
6
6
 
7
- const styles = {"component":"calendar-with-skeleton__component_10rxi","calendarVisible":"calendar-with-skeleton__calendarVisible_10rxi","skeleton":"calendar-with-skeleton__skeleton_10rxi","header":"calendar-with-skeleton__header_10rxi","weekDays":"calendar-with-skeleton__weekDays_10rxi","row":"calendar-with-skeleton__row_10rxi","enter":"calendar-with-skeleton__enter_10rxi","enterActive":"calendar-with-skeleton__enterActive_10rxi","exit":"calendar-with-skeleton__exit_10rxi","exitActive":"calendar-with-skeleton__exitActive_10rxi"};
7
+ const styles = {"component":"calendar-with-skeleton__component_33ie4","calendarVisible":"calendar-with-skeleton__calendarVisible_33ie4","contentCalendar":"calendar-with-skeleton__contentCalendar_33ie4","skeleton":"calendar-with-skeleton__skeleton_33ie4","header":"calendar-with-skeleton__header_33ie4","weekDays":"calendar-with-skeleton__weekDays_33ie4","row":"calendar-with-skeleton__row_33ie4","enter":"calendar-with-skeleton__enter_33ie4","enterActive":"calendar-with-skeleton__enterActive_33ie4","exit":"calendar-with-skeleton__exit_33ie4","exitActive":"calendar-with-skeleton__exitActive_33ie4"};
8
8
  require('./index.css')
9
9
 
10
10
  const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {
@@ -12,7 +12,7 @@ const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = tru
12
12
  return (React.createElement("div", { className: cn(styles.component, className, {
13
13
  [styles.calendarVisible]: calendarVisible,
14
14
  }) },
15
- calendarVisible && React.createElement(Calendar, { ref: ref, ...restProps }),
15
+ calendarVisible && (React.createElement(Calendar, { ref: ref, className: styles.contentCalendar, ...restProps })),
16
16
  React.createElement(CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
17
17
  React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
18
18
  React.createElement(Skeleton, { ...skeletonProps, className: styles.header }),
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hv30s */
1
+ /* hash: gn2ju */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -40,13 +40,15 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_10rxi {
43
+ } .calendar-with-skeleton__component_33ie4 {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_10rxi {
47
+ } .calendar-with-skeleton__calendarVisible_33ie4 {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_10rxi {
49
+ } .calendar-with-skeleton__contentCalendar_33ie4 > div:last-child {
50
+ padding: 0 0 var(--gap-m);
51
+ } .calendar-with-skeleton__skeleton_33ie4 {
50
52
  display: flex;
51
53
  flex-direction: column;
52
54
  padding: var(--gap-m);
@@ -60,20 +62,20 @@
60
62
  height: 100%;
61
63
  background-color: var(--color-light-bg-primary);
62
64
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_10rxi {
65
+ } .calendar-with-skeleton__header_33ie4 {
64
66
  height: 48px;
65
67
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_10rxi {
68
+ } .calendar-with-skeleton__weekDays_33ie4 {
67
69
  height: 12px;
68
70
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_10rxi {
71
+ } .calendar-with-skeleton__row_33ie4 {
70
72
  height: 32px
71
- } .calendar-with-skeleton__row_10rxi + .calendar-with-skeleton__row_10rxi {
73
+ } .calendar-with-skeleton__row_33ie4 + .calendar-with-skeleton__row_33ie4 {
72
74
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_10rxi,
74
- .calendar-with-skeleton__enterActive_10rxi,
75
- .calendar-with-skeleton__exit_10rxi {
75
+ } .calendar-with-skeleton__enter_33ie4,
76
+ .calendar-with-skeleton__enterActive_33ie4,
77
+ .calendar-with-skeleton__exit_33ie4 {
76
78
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_10rxi {
79
+ } .calendar-with-skeleton__exitActive_33ie4 {
78
80
  opacity: 0;
79
81
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "5.0.44",
3
+ "version": "5.0.45",
4
4
  "description": "CalendarWithSkeleton component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,7 +18,7 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-calendar": "^6.4.0",
21
+ "@alfalab/core-components-calendar": "^6.5.0",
22
22
  "@alfalab/core-components-skeleton": "^4.0.5",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.5",