@alfalab/core-components-calendar-with-skeleton 5.0.24 → 5.0.26

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 (8) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +18 -24
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +21 -27
  5. package/index.css +21 -27
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +21 -27
  8. package/package.json +3 -3
package/Component.js CHANGED
@@ -50,7 +50,7 @@ function __rest(s, e) {
50
50
  return t;
51
51
  }
52
52
 
53
- var styles = {"component":"calendar-with-skeleton__component_b6q0a","calendarVisible":"calendar-with-skeleton__calendarVisible_b6q0a","skeleton":"calendar-with-skeleton__skeleton_b6q0a","header":"calendar-with-skeleton__header_b6q0a","weekDays":"calendar-with-skeleton__weekDays_b6q0a","row":"calendar-with-skeleton__row_b6q0a","enter":"calendar-with-skeleton__enter_b6q0a","enterActive":"calendar-with-skeleton__enterActive_b6q0a","exit":"calendar-with-skeleton__exit_b6q0a","exitActive":"calendar-with-skeleton__exitActive_b6q0a"};
53
+ var styles = {"component":"calendar-with-skeleton__component_4fkqf","calendarVisible":"calendar-with-skeleton__calendarVisible_4fkqf","skeleton":"calendar-with-skeleton__skeleton_4fkqf","header":"calendar-with-skeleton__header_4fkqf","weekDays":"calendar-with-skeleton__weekDays_4fkqf","row":"calendar-with-skeleton__row_4fkqf","enter":"calendar-with-skeleton__enter_4fkqf","enterActive":"calendar-with-skeleton__enterActive_4fkqf","exit":"calendar-with-skeleton__exit_4fkqf","exitActive":"calendar-with-skeleton__exitActive_4fkqf"};
54
54
  require('./index.css')
55
55
 
56
56
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
package/cssm/index.module.css CHANGED
@@ -1,19 +1,22 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
2
3
  --color-light-bg-primary: #fff;
3
- }
4
- :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
5
7
 
6
8
  /* Hard */
7
9
 
8
10
  /* Up */
9
11
 
10
12
  /* Hard up */
11
- }
12
- :root {
13
+ } :root {
14
+ } :root {
13
15
  --gap-m: 16px;
14
16
  --gap-l: 20px;
15
- }
16
- :root {
17
+ } :root {
18
+ } :root {
19
+ } :root {
17
20
  --calendar-height: 340px;
18
21
  --calendar-width: 344px;
19
22
 
@@ -36,16 +39,13 @@
36
39
  /* disabled */
37
40
 
38
41
  /* marker */
39
- }
40
- .component {
42
+ } .component {
41
43
  width: var(--calendar-width);
42
44
  height: var(--calendar-height);
43
45
  position: relative;
44
- }
45
- .calendarVisible {
46
+ } .calendarVisible {
46
47
  height: auto;
47
- }
48
- .skeleton {
48
+ } .skeleton {
49
49
  display: flex;
50
50
  flex-direction: column;
51
51
  padding: var(--gap-m);
@@ -59,26 +59,20 @@
59
59
  height: 100%;
60
60
  background-color: var(--color-light-bg-primary);
61
61
  background-clip: content-box;
62
- }
63
- .header {
62
+ } .header {
64
63
  height: 48px;
65
64
  margin-bottom: var(--gap-l);
66
- }
67
- .weekDays {
65
+ } .weekDays {
68
66
  height: 12px;
69
67
  margin-bottom: var(--gap-m);
70
- }
71
- .row {
68
+ } .row {
72
69
  height: 32px
73
- }
74
- .row + .row {
70
+ } .row + .row {
75
71
  margin-top: 10px;
76
- }
77
- .enter,
72
+ } .enter,
78
73
  .enterActive,
79
74
  .exit {
80
75
  opacity: 1;
81
- }
82
- .exitActive {
76
+ } .exitActive {
83
77
  opacity: 0;
84
78
  }
package/esm/Component.js CHANGED
@@ -43,7 +43,7 @@ function __rest(s, e) {
43
43
  return t;
44
44
  }
45
45
 
46
- var styles = {"component":"calendar-with-skeleton__component_b6q0a","calendarVisible":"calendar-with-skeleton__calendarVisible_b6q0a","skeleton":"calendar-with-skeleton__skeleton_b6q0a","header":"calendar-with-skeleton__header_b6q0a","weekDays":"calendar-with-skeleton__weekDays_b6q0a","row":"calendar-with-skeleton__row_b6q0a","enter":"calendar-with-skeleton__enter_b6q0a","enterActive":"calendar-with-skeleton__enterActive_b6q0a","exit":"calendar-with-skeleton__exit_b6q0a","exitActive":"calendar-with-skeleton__exitActive_b6q0a"};
46
+ var styles = {"component":"calendar-with-skeleton__component_4fkqf","calendarVisible":"calendar-with-skeleton__calendarVisible_4fkqf","skeleton":"calendar-with-skeleton__skeleton_4fkqf","header":"calendar-with-skeleton__header_4fkqf","weekDays":"calendar-with-skeleton__weekDays_4fkqf","row":"calendar-with-skeleton__row_4fkqf","enter":"calendar-with-skeleton__enter_4fkqf","enterActive":"calendar-with-skeleton__enterActive_4fkqf","exit":"calendar-with-skeleton__exit_4fkqf","exitActive":"calendar-with-skeleton__exitActive_4fkqf"};
47
47
  require('./index.css')
48
48
 
49
49
  var CalendarWithSkeleton = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,20 +1,23 @@
1
- /* hash: 16prl */
1
+ /* hash: 1c0ih */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- :root {
14
+ } :root {
15
+ } :root {
14
16
  --gap-m: 16px;
15
17
  --gap-l: 20px;
16
- }
17
- :root {
18
+ } :root {
19
+ } :root {
20
+ } :root {
18
21
  --calendar-height: 340px;
19
22
  --calendar-width: 344px;
20
23
 
@@ -37,16 +40,13 @@
37
40
  /* disabled */
38
41
 
39
42
  /* marker */
40
- }
41
- .calendar-with-skeleton__component_b6q0a {
43
+ } .calendar-with-skeleton__component_4fkqf {
42
44
  width: var(--calendar-width);
43
45
  height: var(--calendar-height);
44
46
  position: relative;
45
- }
46
- .calendar-with-skeleton__calendarVisible_b6q0a {
47
+ } .calendar-with-skeleton__calendarVisible_4fkqf {
47
48
  height: auto;
48
- }
49
- .calendar-with-skeleton__skeleton_b6q0a {
49
+ } .calendar-with-skeleton__skeleton_4fkqf {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,26 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- }
64
- .calendar-with-skeleton__header_b6q0a {
63
+ } .calendar-with-skeleton__header_4fkqf {
65
64
  height: 48px;
66
65
  margin-bottom: var(--gap-l);
67
- }
68
- .calendar-with-skeleton__weekDays_b6q0a {
66
+ } .calendar-with-skeleton__weekDays_4fkqf {
69
67
  height: 12px;
70
68
  margin-bottom: var(--gap-m);
71
- }
72
- .calendar-with-skeleton__row_b6q0a {
69
+ } .calendar-with-skeleton__row_4fkqf {
73
70
  height: 32px
74
- }
75
- .calendar-with-skeleton__row_b6q0a + .calendar-with-skeleton__row_b6q0a {
71
+ } .calendar-with-skeleton__row_4fkqf + .calendar-with-skeleton__row_4fkqf {
76
72
  margin-top: 10px;
77
- }
78
- .calendar-with-skeleton__enter_b6q0a,
79
- .calendar-with-skeleton__enterActive_b6q0a,
80
- .calendar-with-skeleton__exit_b6q0a {
73
+ } .calendar-with-skeleton__enter_4fkqf,
74
+ .calendar-with-skeleton__enterActive_4fkqf,
75
+ .calendar-with-skeleton__exit_4fkqf {
81
76
  opacity: 1;
82
- }
83
- .calendar-with-skeleton__exitActive_b6q0a {
77
+ } .calendar-with-skeleton__exitActive_4fkqf {
84
78
  opacity: 0;
85
79
  }
package/index.css CHANGED
@@ -1,20 +1,23 @@
1
- /* hash: 16prl */
1
+ /* hash: 1c0ih */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- :root {
14
+ } :root {
15
+ } :root {
14
16
  --gap-m: 16px;
15
17
  --gap-l: 20px;
16
- }
17
- :root {
18
+ } :root {
19
+ } :root {
20
+ } :root {
18
21
  --calendar-height: 340px;
19
22
  --calendar-width: 344px;
20
23
 
@@ -37,16 +40,13 @@
37
40
  /* disabled */
38
41
 
39
42
  /* marker */
40
- }
41
- .calendar-with-skeleton__component_b6q0a {
43
+ } .calendar-with-skeleton__component_4fkqf {
42
44
  width: var(--calendar-width);
43
45
  height: var(--calendar-height);
44
46
  position: relative;
45
- }
46
- .calendar-with-skeleton__calendarVisible_b6q0a {
47
+ } .calendar-with-skeleton__calendarVisible_4fkqf {
47
48
  height: auto;
48
- }
49
- .calendar-with-skeleton__skeleton_b6q0a {
49
+ } .calendar-with-skeleton__skeleton_4fkqf {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,26 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- }
64
- .calendar-with-skeleton__header_b6q0a {
63
+ } .calendar-with-skeleton__header_4fkqf {
65
64
  height: 48px;
66
65
  margin-bottom: var(--gap-l);
67
- }
68
- .calendar-with-skeleton__weekDays_b6q0a {
66
+ } .calendar-with-skeleton__weekDays_4fkqf {
69
67
  height: 12px;
70
68
  margin-bottom: var(--gap-m);
71
- }
72
- .calendar-with-skeleton__row_b6q0a {
69
+ } .calendar-with-skeleton__row_4fkqf {
73
70
  height: 32px
74
- }
75
- .calendar-with-skeleton__row_b6q0a + .calendar-with-skeleton__row_b6q0a {
71
+ } .calendar-with-skeleton__row_4fkqf + .calendar-with-skeleton__row_4fkqf {
76
72
  margin-top: 10px;
77
- }
78
- .calendar-with-skeleton__enter_b6q0a,
79
- .calendar-with-skeleton__enterActive_b6q0a,
80
- .calendar-with-skeleton__exit_b6q0a {
73
+ } .calendar-with-skeleton__enter_4fkqf,
74
+ .calendar-with-skeleton__enterActive_4fkqf,
75
+ .calendar-with-skeleton__exit_4fkqf {
81
76
  opacity: 1;
82
- }
83
- .calendar-with-skeleton__exitActive_b6q0a {
77
+ } .calendar-with-skeleton__exitActive_4fkqf {
84
78
  opacity: 0;
85
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_b6q0a","calendarVisible":"calendar-with-skeleton__calendarVisible_b6q0a","skeleton":"calendar-with-skeleton__skeleton_b6q0a","header":"calendar-with-skeleton__header_b6q0a","weekDays":"calendar-with-skeleton__weekDays_b6q0a","row":"calendar-with-skeleton__row_b6q0a","enter":"calendar-with-skeleton__enter_b6q0a","enterActive":"calendar-with-skeleton__enterActive_b6q0a","exit":"calendar-with-skeleton__exit_b6q0a","exitActive":"calendar-with-skeleton__exitActive_b6q0a"};
7
+ const styles = {"component":"calendar-with-skeleton__component_4fkqf","calendarVisible":"calendar-with-skeleton__calendarVisible_4fkqf","skeleton":"calendar-with-skeleton__skeleton_4fkqf","header":"calendar-with-skeleton__header_4fkqf","weekDays":"calendar-with-skeleton__weekDays_4fkqf","row":"calendar-with-skeleton__row_4fkqf","enter":"calendar-with-skeleton__enter_4fkqf","enterActive":"calendar-with-skeleton__enterActive_4fkqf","exit":"calendar-with-skeleton__exit_4fkqf","exitActive":"calendar-with-skeleton__exitActive_4fkqf"};
8
8
  require('./index.css')
9
9
 
10
10
  const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {
package/modern/index.css CHANGED
@@ -1,20 +1,23 @@
1
- /* hash: 16prl */
1
+ /* hash: 1c0ih */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- :root {
14
+ } :root {
15
+ } :root {
14
16
  --gap-m: 16px;
15
17
  --gap-l: 20px;
16
- }
17
- :root {
18
+ } :root {
19
+ } :root {
20
+ } :root {
18
21
  --calendar-height: 340px;
19
22
  --calendar-width: 344px;
20
23
 
@@ -37,16 +40,13 @@
37
40
  /* disabled */
38
41
 
39
42
  /* marker */
40
- }
41
- .calendar-with-skeleton__component_b6q0a {
43
+ } .calendar-with-skeleton__component_4fkqf {
42
44
  width: var(--calendar-width);
43
45
  height: var(--calendar-height);
44
46
  position: relative;
45
- }
46
- .calendar-with-skeleton__calendarVisible_b6q0a {
47
+ } .calendar-with-skeleton__calendarVisible_4fkqf {
47
48
  height: auto;
48
- }
49
- .calendar-with-skeleton__skeleton_b6q0a {
49
+ } .calendar-with-skeleton__skeleton_4fkqf {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,26 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- }
64
- .calendar-with-skeleton__header_b6q0a {
63
+ } .calendar-with-skeleton__header_4fkqf {
65
64
  height: 48px;
66
65
  margin-bottom: var(--gap-l);
67
- }
68
- .calendar-with-skeleton__weekDays_b6q0a {
66
+ } .calendar-with-skeleton__weekDays_4fkqf {
69
67
  height: 12px;
70
68
  margin-bottom: var(--gap-m);
71
- }
72
- .calendar-with-skeleton__row_b6q0a {
69
+ } .calendar-with-skeleton__row_4fkqf {
73
70
  height: 32px
74
- }
75
- .calendar-with-skeleton__row_b6q0a + .calendar-with-skeleton__row_b6q0a {
71
+ } .calendar-with-skeleton__row_4fkqf + .calendar-with-skeleton__row_4fkqf {
76
72
  margin-top: 10px;
77
- }
78
- .calendar-with-skeleton__enter_b6q0a,
79
- .calendar-with-skeleton__enterActive_b6q0a,
80
- .calendar-with-skeleton__exit_b6q0a {
73
+ } .calendar-with-skeleton__enter_4fkqf,
74
+ .calendar-with-skeleton__enterActive_4fkqf,
75
+ .calendar-with-skeleton__exit_4fkqf {
81
76
  opacity: 1;
82
- }
83
- .calendar-with-skeleton__exitActive_b6q0a {
77
+ } .calendar-with-skeleton__exitActive_4fkqf {
84
78
  opacity: 0;
85
79
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "5.0.24",
3
+ "version": "5.0.26",
4
4
  "description": "CalendarWithSkeleton component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,9 +18,9 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-calendar": "^6.2.4",
21
+ "@alfalab/core-components-calendar": "^6.2.6",
22
22
  "@alfalab/core-components-skeleton": "^4.0.3",
23
23
  "classnames": "^2.3.1",
24
- "react-transition-group": "^4.4.1"
24
+ "react-transition-group": "^4.4.5"
25
25
  }
26
26
  }