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

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 +1 -3
  4. package/esm/Component.js +2 -2
  5. package/esm/index.css +12 -14
  6. package/index.css +12 -14
  7. package/modern/Component.js +2 -2
  8. package/modern/index.css +12 -14
  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_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"};
17
+ var styles = {"component":"calendar-with-skeleton__component_x0isw","calendarVisible":"calendar-with-skeleton__calendarVisible_x0isw","skeleton":"calendar-with-skeleton__skeleton_x0isw","header":"calendar-with-skeleton__header_x0isw","weekDays":"calendar-with-skeleton__weekDays_x0isw","row":"calendar-with-skeleton__row_x0isw","enter":"calendar-with-skeleton__enter_x0isw","enterActive":"calendar-with-skeleton__enterActive_x0isw","exit":"calendar-with-skeleton__exit_x0isw","exitActive":"calendar-with-skeleton__exitActive_x0isw"};
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, className: styles.contentCalendar }, restProps))),
27
+ calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref, responsive: true }, 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, className: styles__default.default.contentCalendar }, restProps))),
26
+ calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref, responsive: true }, 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,9 +45,7 @@
45
45
  position: relative;
46
46
  } .calendarVisible {
47
47
  height: auto;
48
- } .contentCalendar > div:last-child {
49
- padding: 0 0 var(--gap-m);
50
- } .skeleton {
48
+ } .skeleton {
51
49
  display: flex;
52
50
  flex-direction: column;
53
51
  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_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
+ var styles = {"component":"calendar-with-skeleton__component_x0isw","calendarVisible":"calendar-with-skeleton__calendarVisible_x0isw","skeleton":"calendar-with-skeleton__skeleton_x0isw","header":"calendar-with-skeleton__header_x0isw","weekDays":"calendar-with-skeleton__weekDays_x0isw","row":"calendar-with-skeleton__row_x0isw","enter":"calendar-with-skeleton__enter_x0isw","enterActive":"calendar-with-skeleton__enterActive_x0isw","exit":"calendar-with-skeleton__exit_x0isw","exitActive":"calendar-with-skeleton__exitActive_x0isw"};
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, className: styles.contentCalendar }, restProps))),
18
+ calendarVisible && React.createElement(Calendar, __assign({ ref: ref, responsive: true }, 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: gn2ju */
1
+ /* hash: 1owje */
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,15 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_33ie4 {
43
+ } .calendar-with-skeleton__component_x0isw {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_33ie4 {
47
+ } .calendar-with-skeleton__calendarVisible_x0isw {
48
48
  height: auto;
49
- } .calendar-with-skeleton__contentCalendar_33ie4 > div:last-child {
50
- padding: 0 0 var(--gap-m);
51
- } .calendar-with-skeleton__skeleton_33ie4 {
49
+ } .calendar-with-skeleton__skeleton_x0isw {
52
50
  display: flex;
53
51
  flex-direction: column;
54
52
  padding: var(--gap-m);
@@ -62,20 +60,20 @@
62
60
  height: 100%;
63
61
  background-color: var(--color-light-bg-primary);
64
62
  background-clip: content-box;
65
- } .calendar-with-skeleton__header_33ie4 {
63
+ } .calendar-with-skeleton__header_x0isw {
66
64
  height: 48px;
67
65
  margin-bottom: var(--gap-l);
68
- } .calendar-with-skeleton__weekDays_33ie4 {
66
+ } .calendar-with-skeleton__weekDays_x0isw {
69
67
  height: 12px;
70
68
  margin-bottom: var(--gap-m);
71
- } .calendar-with-skeleton__row_33ie4 {
69
+ } .calendar-with-skeleton__row_x0isw {
72
70
  height: 32px
73
- } .calendar-with-skeleton__row_33ie4 + .calendar-with-skeleton__row_33ie4 {
71
+ } .calendar-with-skeleton__row_x0isw + .calendar-with-skeleton__row_x0isw {
74
72
  margin-top: 10px;
75
- } .calendar-with-skeleton__enter_33ie4,
76
- .calendar-with-skeleton__enterActive_33ie4,
77
- .calendar-with-skeleton__exit_33ie4 {
73
+ } .calendar-with-skeleton__enter_x0isw,
74
+ .calendar-with-skeleton__enterActive_x0isw,
75
+ .calendar-with-skeleton__exit_x0isw {
78
76
  opacity: 1;
79
- } .calendar-with-skeleton__exitActive_33ie4 {
77
+ } .calendar-with-skeleton__exitActive_x0isw {
80
78
  opacity: 0;
81
79
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gn2ju */
1
+ /* hash: 1owje */
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,15 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_33ie4 {
43
+ } .calendar-with-skeleton__component_x0isw {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_33ie4 {
47
+ } .calendar-with-skeleton__calendarVisible_x0isw {
48
48
  height: auto;
49
- } .calendar-with-skeleton__contentCalendar_33ie4 > div:last-child {
50
- padding: 0 0 var(--gap-m);
51
- } .calendar-with-skeleton__skeleton_33ie4 {
49
+ } .calendar-with-skeleton__skeleton_x0isw {
52
50
  display: flex;
53
51
  flex-direction: column;
54
52
  padding: var(--gap-m);
@@ -62,20 +60,20 @@
62
60
  height: 100%;
63
61
  background-color: var(--color-light-bg-primary);
64
62
  background-clip: content-box;
65
- } .calendar-with-skeleton__header_33ie4 {
63
+ } .calendar-with-skeleton__header_x0isw {
66
64
  height: 48px;
67
65
  margin-bottom: var(--gap-l);
68
- } .calendar-with-skeleton__weekDays_33ie4 {
66
+ } .calendar-with-skeleton__weekDays_x0isw {
69
67
  height: 12px;
70
68
  margin-bottom: var(--gap-m);
71
- } .calendar-with-skeleton__row_33ie4 {
69
+ } .calendar-with-skeleton__row_x0isw {
72
70
  height: 32px
73
- } .calendar-with-skeleton__row_33ie4 + .calendar-with-skeleton__row_33ie4 {
71
+ } .calendar-with-skeleton__row_x0isw + .calendar-with-skeleton__row_x0isw {
74
72
  margin-top: 10px;
75
- } .calendar-with-skeleton__enter_33ie4,
76
- .calendar-with-skeleton__enterActive_33ie4,
77
- .calendar-with-skeleton__exit_33ie4 {
73
+ } .calendar-with-skeleton__enter_x0isw,
74
+ .calendar-with-skeleton__enterActive_x0isw,
75
+ .calendar-with-skeleton__exit_x0isw {
78
76
  opacity: 1;
79
- } .calendar-with-skeleton__exitActive_33ie4 {
77
+ } .calendar-with-skeleton__exitActive_x0isw {
80
78
  opacity: 0;
81
79
  }
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_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"};
7
+ const styles = {"component":"calendar-with-skeleton__component_x0isw","calendarVisible":"calendar-with-skeleton__calendarVisible_x0isw","skeleton":"calendar-with-skeleton__skeleton_x0isw","header":"calendar-with-skeleton__header_x0isw","weekDays":"calendar-with-skeleton__weekDays_x0isw","row":"calendar-with-skeleton__row_x0isw","enter":"calendar-with-skeleton__enter_x0isw","enterActive":"calendar-with-skeleton__enterActive_x0isw","exit":"calendar-with-skeleton__exit_x0isw","exitActive":"calendar-with-skeleton__exitActive_x0isw"};
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, className: styles.contentCalendar, ...restProps })),
15
+ calendarVisible && React.createElement(Calendar, { ref: ref, responsive: true, ...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: gn2ju */
1
+ /* hash: 1owje */
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,15 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_33ie4 {
43
+ } .calendar-with-skeleton__component_x0isw {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_33ie4 {
47
+ } .calendar-with-skeleton__calendarVisible_x0isw {
48
48
  height: auto;
49
- } .calendar-with-skeleton__contentCalendar_33ie4 > div:last-child {
50
- padding: 0 0 var(--gap-m);
51
- } .calendar-with-skeleton__skeleton_33ie4 {
49
+ } .calendar-with-skeleton__skeleton_x0isw {
52
50
  display: flex;
53
51
  flex-direction: column;
54
52
  padding: var(--gap-m);
@@ -62,20 +60,20 @@
62
60
  height: 100%;
63
61
  background-color: var(--color-light-bg-primary);
64
62
  background-clip: content-box;
65
- } .calendar-with-skeleton__header_33ie4 {
63
+ } .calendar-with-skeleton__header_x0isw {
66
64
  height: 48px;
67
65
  margin-bottom: var(--gap-l);
68
- } .calendar-with-skeleton__weekDays_33ie4 {
66
+ } .calendar-with-skeleton__weekDays_x0isw {
69
67
  height: 12px;
70
68
  margin-bottom: var(--gap-m);
71
- } .calendar-with-skeleton__row_33ie4 {
69
+ } .calendar-with-skeleton__row_x0isw {
72
70
  height: 32px
73
- } .calendar-with-skeleton__row_33ie4 + .calendar-with-skeleton__row_33ie4 {
71
+ } .calendar-with-skeleton__row_x0isw + .calendar-with-skeleton__row_x0isw {
74
72
  margin-top: 10px;
75
- } .calendar-with-skeleton__enter_33ie4,
76
- .calendar-with-skeleton__enterActive_33ie4,
77
- .calendar-with-skeleton__exit_33ie4 {
73
+ } .calendar-with-skeleton__enter_x0isw,
74
+ .calendar-with-skeleton__enterActive_x0isw,
75
+ .calendar-with-skeleton__exit_x0isw {
78
76
  opacity: 1;
79
- } .calendar-with-skeleton__exitActive_33ie4 {
77
+ } .calendar-with-skeleton__exitActive_x0isw {
80
78
  opacity: 0;
81
79
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "5.0.45",
3
+ "version": "5.0.47",
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.5.0",
21
+ "@alfalab/core-components-calendar": "^6.5.1",
22
22
  "@alfalab/core-components-skeleton": "^4.0.5",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.5",