@alfalab/core-components-calendar-with-skeleton 5.0.0 → 5.0.3

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 +24 -0
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +36 -12
  5. package/index.css +36 -12
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +36 -12
  8. package/package.json +3 -3
package/Component.js CHANGED
@@ -52,7 +52,7 @@ function __rest(s, e) {
52
52
  return t;
53
53
  }
54
54
 
55
- var styles = {"component":"calendar-with-skeleton__component_18g2x","calendarVisible":"calendar-with-skeleton__calendarVisible_18g2x","skeleton":"calendar-with-skeleton__skeleton_18g2x","header":"calendar-with-skeleton__header_18g2x","weekDays":"calendar-with-skeleton__weekDays_18g2x","row":"calendar-with-skeleton__row_18g2x","enter":"calendar-with-skeleton__enter_18g2x","enterActive":"calendar-with-skeleton__enterActive_18g2x","exit":"calendar-with-skeleton__exit_18g2x","exitActive":"calendar-with-skeleton__exitActive_18g2x"};
55
+ var styles = {"component":"calendar-with-skeleton__component_1p04t","calendarVisible":"calendar-with-skeleton__calendarVisible_1p04t","skeleton":"calendar-with-skeleton__skeleton_1p04t","header":"calendar-with-skeleton__header_1p04t","weekDays":"calendar-with-skeleton__weekDays_1p04t","row":"calendar-with-skeleton__row_1p04t","enter":"calendar-with-skeleton__enter_1p04t","enterActive":"calendar-with-skeleton__enterActive_1p04t","exit":"calendar-with-skeleton__exit_1p04t","exitActive":"calendar-with-skeleton__exitActive_1p04t"};
56
56
  require('./index.css')
57
57
 
58
58
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
package/cssm/index.module.css CHANGED
@@ -13,6 +13,30 @@
13
13
  --gap-m: 16px;
14
14
  --gap-l: 20px;
15
15
  }
16
+ :root {
17
+ --calendar-height: 340px;
18
+ --calendar-width: 344px;
19
+
20
+ /* Кнопки выбора месяцев и годов */
21
+
22
+ /* Шапка */
23
+
24
+ /* День */
25
+
26
+ /* today */
27
+
28
+ /* highlighted */
29
+
30
+ /* holidays */
31
+
32
+ /* range */
33
+
34
+ /* selected */
35
+
36
+ /* disabled */
37
+
38
+ /* marker */
39
+ }
16
40
  .component {
17
41
  width: var(--calendar-width);
18
42
  height: var(--calendar-height);
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_18g2x","calendarVisible":"calendar-with-skeleton__calendarVisible_18g2x","skeleton":"calendar-with-skeleton__skeleton_18g2x","header":"calendar-with-skeleton__header_18g2x","weekDays":"calendar-with-skeleton__weekDays_18g2x","row":"calendar-with-skeleton__row_18g2x","enter":"calendar-with-skeleton__enter_18g2x","enterActive":"calendar-with-skeleton__enterActive_18g2x","exit":"calendar-with-skeleton__exit_18g2x","exitActive":"calendar-with-skeleton__exitActive_18g2x"};
46
+ var styles = {"component":"calendar-with-skeleton__component_1p04t","calendarVisible":"calendar-with-skeleton__calendarVisible_1p04t","skeleton":"calendar-with-skeleton__skeleton_1p04t","header":"calendar-with-skeleton__header_1p04t","weekDays":"calendar-with-skeleton__weekDays_1p04t","row":"calendar-with-skeleton__row_1p04t","enter":"calendar-with-skeleton__enter_1p04t","enterActive":"calendar-with-skeleton__enterActive_1p04t","exit":"calendar-with-skeleton__exit_1p04t","exitActive":"calendar-with-skeleton__exitActive_1p04t"};
47
47
  require('./index.css')
48
48
 
49
49
  var CalendarWithSkeleton = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 102az */
1
+ /* hash: hslx5 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -14,15 +14,39 @@
14
14
  --gap-m: 16px;
15
15
  --gap-l: 20px;
16
16
  }
17
- .calendar-with-skeleton__component_18g2x {
17
+ :root {
18
+ --calendar-height: 340px;
19
+ --calendar-width: 344px;
20
+
21
+ /* Кнопки выбора месяцев и годов */
22
+
23
+ /* Шапка */
24
+
25
+ /* День */
26
+
27
+ /* today */
28
+
29
+ /* highlighted */
30
+
31
+ /* holidays */
32
+
33
+ /* range */
34
+
35
+ /* selected */
36
+
37
+ /* disabled */
38
+
39
+ /* marker */
40
+ }
41
+ .calendar-with-skeleton__component_1p04t {
18
42
  width: var(--calendar-width);
19
43
  height: var(--calendar-height);
20
44
  position: relative;
21
45
  }
22
- .calendar-with-skeleton__calendarVisible_18g2x {
46
+ .calendar-with-skeleton__calendarVisible_1p04t {
23
47
  height: auto;
24
48
  }
25
- .calendar-with-skeleton__skeleton_18g2x {
49
+ .calendar-with-skeleton__skeleton_1p04t {
26
50
  display: flex;
27
51
  flex-direction: column;
28
52
  padding: var(--gap-m);
@@ -37,25 +61,25 @@
37
61
  background-color: var(--color-light-bg-primary);
38
62
  background-clip: content-box;
39
63
  }
40
- .calendar-with-skeleton__header_18g2x {
64
+ .calendar-with-skeleton__header_1p04t {
41
65
  height: 48px;
42
66
  margin-bottom: var(--gap-l);
43
67
  }
44
- .calendar-with-skeleton__weekDays_18g2x {
68
+ .calendar-with-skeleton__weekDays_1p04t {
45
69
  height: 12px;
46
70
  margin-bottom: var(--gap-m);
47
71
  }
48
- .calendar-with-skeleton__row_18g2x {
72
+ .calendar-with-skeleton__row_1p04t {
49
73
  height: 32px
50
74
  }
51
- .calendar-with-skeleton__row_18g2x + .calendar-with-skeleton__row_18g2x {
75
+ .calendar-with-skeleton__row_1p04t + .calendar-with-skeleton__row_1p04t {
52
76
  margin-top: 10px;
53
77
  }
54
- .calendar-with-skeleton__enter_18g2x,
55
- .calendar-with-skeleton__enterActive_18g2x,
56
- .calendar-with-skeleton__exit_18g2x {
78
+ .calendar-with-skeleton__enter_1p04t,
79
+ .calendar-with-skeleton__enterActive_1p04t,
80
+ .calendar-with-skeleton__exit_1p04t {
57
81
  opacity: 1;
58
82
  }
59
- .calendar-with-skeleton__exitActive_18g2x {
83
+ .calendar-with-skeleton__exitActive_1p04t {
60
84
  opacity: 0;
61
85
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 102az */
1
+ /* hash: hslx5 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -14,15 +14,39 @@
14
14
  --gap-m: 16px;
15
15
  --gap-l: 20px;
16
16
  }
17
- .calendar-with-skeleton__component_18g2x {
17
+ :root {
18
+ --calendar-height: 340px;
19
+ --calendar-width: 344px;
20
+
21
+ /* Кнопки выбора месяцев и годов */
22
+
23
+ /* Шапка */
24
+
25
+ /* День */
26
+
27
+ /* today */
28
+
29
+ /* highlighted */
30
+
31
+ /* holidays */
32
+
33
+ /* range */
34
+
35
+ /* selected */
36
+
37
+ /* disabled */
38
+
39
+ /* marker */
40
+ }
41
+ .calendar-with-skeleton__component_1p04t {
18
42
  width: var(--calendar-width);
19
43
  height: var(--calendar-height);
20
44
  position: relative;
21
45
  }
22
- .calendar-with-skeleton__calendarVisible_18g2x {
46
+ .calendar-with-skeleton__calendarVisible_1p04t {
23
47
  height: auto;
24
48
  }
25
- .calendar-with-skeleton__skeleton_18g2x {
49
+ .calendar-with-skeleton__skeleton_1p04t {
26
50
  display: flex;
27
51
  flex-direction: column;
28
52
  padding: var(--gap-m);
@@ -37,25 +61,25 @@
37
61
  background-color: var(--color-light-bg-primary);
38
62
  background-clip: content-box;
39
63
  }
40
- .calendar-with-skeleton__header_18g2x {
64
+ .calendar-with-skeleton__header_1p04t {
41
65
  height: 48px;
42
66
  margin-bottom: var(--gap-l);
43
67
  }
44
- .calendar-with-skeleton__weekDays_18g2x {
68
+ .calendar-with-skeleton__weekDays_1p04t {
45
69
  height: 12px;
46
70
  margin-bottom: var(--gap-m);
47
71
  }
48
- .calendar-with-skeleton__row_18g2x {
72
+ .calendar-with-skeleton__row_1p04t {
49
73
  height: 32px
50
74
  }
51
- .calendar-with-skeleton__row_18g2x + .calendar-with-skeleton__row_18g2x {
75
+ .calendar-with-skeleton__row_1p04t + .calendar-with-skeleton__row_1p04t {
52
76
  margin-top: 10px;
53
77
  }
54
- .calendar-with-skeleton__enter_18g2x,
55
- .calendar-with-skeleton__enterActive_18g2x,
56
- .calendar-with-skeleton__exit_18g2x {
78
+ .calendar-with-skeleton__enter_1p04t,
79
+ .calendar-with-skeleton__enterActive_1p04t,
80
+ .calendar-with-skeleton__exit_1p04t {
57
81
  opacity: 1;
58
82
  }
59
- .calendar-with-skeleton__exitActive_18g2x {
83
+ .calendar-with-skeleton__exitActive_1p04t {
60
84
  opacity: 0;
61
85
  }
package/modern/Component.js CHANGED
@@ -4,7 +4,7 @@ import { CSSTransition } from 'react-transition-group';
4
4
  import { Skeleton } from '@alfalab/core-components-skeleton/modern';
5
5
  import { Calendar } from '@alfalab/core-components-calendar/modern';
6
6
 
7
- var styles = {"component":"calendar-with-skeleton__component_18g2x","calendarVisible":"calendar-with-skeleton__calendarVisible_18g2x","skeleton":"calendar-with-skeleton__skeleton_18g2x","header":"calendar-with-skeleton__header_18g2x","weekDays":"calendar-with-skeleton__weekDays_18g2x","row":"calendar-with-skeleton__row_18g2x","enter":"calendar-with-skeleton__enter_18g2x","enterActive":"calendar-with-skeleton__enterActive_18g2x","exit":"calendar-with-skeleton__exit_18g2x","exitActive":"calendar-with-skeleton__exitActive_18g2x"};
7
+ var styles = {"component":"calendar-with-skeleton__component_1p04t","calendarVisible":"calendar-with-skeleton__calendarVisible_1p04t","skeleton":"calendar-with-skeleton__skeleton_1p04t","header":"calendar-with-skeleton__header_1p04t","weekDays":"calendar-with-skeleton__weekDays_1p04t","row":"calendar-with-skeleton__row_1p04t","enter":"calendar-with-skeleton__enter_1p04t","enterActive":"calendar-with-skeleton__enterActive_1p04t","exit":"calendar-with-skeleton__exit_1p04t","exitActive":"calendar-with-skeleton__exitActive_1p04t"};
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,4 +1,4 @@
1
- /* hash: 102az */
1
+ /* hash: hslx5 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -14,15 +14,39 @@
14
14
  --gap-m: 16px;
15
15
  --gap-l: 20px;
16
16
  }
17
- .calendar-with-skeleton__component_18g2x {
17
+ :root {
18
+ --calendar-height: 340px;
19
+ --calendar-width: 344px;
20
+
21
+ /* Кнопки выбора месяцев и годов */
22
+
23
+ /* Шапка */
24
+
25
+ /* День */
26
+
27
+ /* today */
28
+
29
+ /* highlighted */
30
+
31
+ /* holidays */
32
+
33
+ /* range */
34
+
35
+ /* selected */
36
+
37
+ /* disabled */
38
+
39
+ /* marker */
40
+ }
41
+ .calendar-with-skeleton__component_1p04t {
18
42
  width: var(--calendar-width);
19
43
  height: var(--calendar-height);
20
44
  position: relative;
21
45
  }
22
- .calendar-with-skeleton__calendarVisible_18g2x {
46
+ .calendar-with-skeleton__calendarVisible_1p04t {
23
47
  height: auto;
24
48
  }
25
- .calendar-with-skeleton__skeleton_18g2x {
49
+ .calendar-with-skeleton__skeleton_1p04t {
26
50
  display: flex;
27
51
  flex-direction: column;
28
52
  padding: var(--gap-m);
@@ -37,25 +61,25 @@
37
61
  background-color: var(--color-light-bg-primary);
38
62
  background-clip: content-box;
39
63
  }
40
- .calendar-with-skeleton__header_18g2x {
64
+ .calendar-with-skeleton__header_1p04t {
41
65
  height: 48px;
42
66
  margin-bottom: var(--gap-l);
43
67
  }
44
- .calendar-with-skeleton__weekDays_18g2x {
68
+ .calendar-with-skeleton__weekDays_1p04t {
45
69
  height: 12px;
46
70
  margin-bottom: var(--gap-m);
47
71
  }
48
- .calendar-with-skeleton__row_18g2x {
72
+ .calendar-with-skeleton__row_1p04t {
49
73
  height: 32px
50
74
  }
51
- .calendar-with-skeleton__row_18g2x + .calendar-with-skeleton__row_18g2x {
75
+ .calendar-with-skeleton__row_1p04t + .calendar-with-skeleton__row_1p04t {
52
76
  margin-top: 10px;
53
77
  }
54
- .calendar-with-skeleton__enter_18g2x,
55
- .calendar-with-skeleton__enterActive_18g2x,
56
- .calendar-with-skeleton__exit_18g2x {
78
+ .calendar-with-skeleton__enter_1p04t,
79
+ .calendar-with-skeleton__enterActive_1p04t,
80
+ .calendar-with-skeleton__exit_1p04t {
57
81
  opacity: 1;
58
82
  }
59
- .calendar-with-skeleton__exitActive_18g2x {
83
+ .calendar-with-skeleton__exitActive_1p04t {
60
84
  opacity: 0;
61
85
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "5.0.0",
3
+ "version": "5.0.3",
4
4
  "description": "CalendarWithSkeleton component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,8 +18,8 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-calendar": "^6.0.0",
22
- "@alfalab/core-components-skeleton": "^4.0.0",
21
+ "@alfalab/core-components-calendar": "^6.1.0",
22
+ "@alfalab/core-components-skeleton": "^4.0.1",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.1"
25
25
  }