@alfalab/core-components-calendar-with-skeleton 5.0.1 → 5.0.4

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_uag9k","calendarVisible":"calendar-with-skeleton__calendarVisible_uag9k","skeleton":"calendar-with-skeleton__skeleton_uag9k","header":"calendar-with-skeleton__header_uag9k","weekDays":"calendar-with-skeleton__weekDays_uag9k","row":"calendar-with-skeleton__row_uag9k","enter":"calendar-with-skeleton__enter_uag9k","enterActive":"calendar-with-skeleton__enterActive_uag9k","exit":"calendar-with-skeleton__exit_uag9k","exitActive":"calendar-with-skeleton__exitActive_uag9k"};
55
+ var styles = {"component":"calendar-with-skeleton__component_muldm","calendarVisible":"calendar-with-skeleton__calendarVisible_muldm","skeleton":"calendar-with-skeleton__skeleton_muldm","header":"calendar-with-skeleton__header_muldm","weekDays":"calendar-with-skeleton__weekDays_muldm","row":"calendar-with-skeleton__row_muldm","enter":"calendar-with-skeleton__enter_muldm","enterActive":"calendar-with-skeleton__enterActive_muldm","exit":"calendar-with-skeleton__exit_muldm","exitActive":"calendar-with-skeleton__exitActive_muldm"};
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_uag9k","calendarVisible":"calendar-with-skeleton__calendarVisible_uag9k","skeleton":"calendar-with-skeleton__skeleton_uag9k","header":"calendar-with-skeleton__header_uag9k","weekDays":"calendar-with-skeleton__weekDays_uag9k","row":"calendar-with-skeleton__row_uag9k","enter":"calendar-with-skeleton__enter_uag9k","enterActive":"calendar-with-skeleton__enterActive_uag9k","exit":"calendar-with-skeleton__exit_uag9k","exitActive":"calendar-with-skeleton__exitActive_uag9k"};
46
+ var styles = {"component":"calendar-with-skeleton__component_muldm","calendarVisible":"calendar-with-skeleton__calendarVisible_muldm","skeleton":"calendar-with-skeleton__skeleton_muldm","header":"calendar-with-skeleton__header_muldm","weekDays":"calendar-with-skeleton__weekDays_muldm","row":"calendar-with-skeleton__row_muldm","enter":"calendar-with-skeleton__enter_muldm","enterActive":"calendar-with-skeleton__enterActive_muldm","exit":"calendar-with-skeleton__exit_muldm","exitActive":"calendar-with-skeleton__exitActive_muldm"};
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: 13j6w */
1
+ /* hash: 1tqw2 */
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_uag9k {
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_muldm {
18
42
  width: var(--calendar-width);
19
43
  height: var(--calendar-height);
20
44
  position: relative;
21
45
  }
22
- .calendar-with-skeleton__calendarVisible_uag9k {
46
+ .calendar-with-skeleton__calendarVisible_muldm {
23
47
  height: auto;
24
48
  }
25
- .calendar-with-skeleton__skeleton_uag9k {
49
+ .calendar-with-skeleton__skeleton_muldm {
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_uag9k {
64
+ .calendar-with-skeleton__header_muldm {
41
65
  height: 48px;
42
66
  margin-bottom: var(--gap-l);
43
67
  }
44
- .calendar-with-skeleton__weekDays_uag9k {
68
+ .calendar-with-skeleton__weekDays_muldm {
45
69
  height: 12px;
46
70
  margin-bottom: var(--gap-m);
47
71
  }
48
- .calendar-with-skeleton__row_uag9k {
72
+ .calendar-with-skeleton__row_muldm {
49
73
  height: 32px
50
74
  }
51
- .calendar-with-skeleton__row_uag9k + .calendar-with-skeleton__row_uag9k {
75
+ .calendar-with-skeleton__row_muldm + .calendar-with-skeleton__row_muldm {
52
76
  margin-top: 10px;
53
77
  }
54
- .calendar-with-skeleton__enter_uag9k,
55
- .calendar-with-skeleton__enterActive_uag9k,
56
- .calendar-with-skeleton__exit_uag9k {
78
+ .calendar-with-skeleton__enter_muldm,
79
+ .calendar-with-skeleton__enterActive_muldm,
80
+ .calendar-with-skeleton__exit_muldm {
57
81
  opacity: 1;
58
82
  }
59
- .calendar-with-skeleton__exitActive_uag9k {
83
+ .calendar-with-skeleton__exitActive_muldm {
60
84
  opacity: 0;
61
85
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 13j6w */
1
+ /* hash: 1tqw2 */
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_uag9k {
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_muldm {
18
42
  width: var(--calendar-width);
19
43
  height: var(--calendar-height);
20
44
  position: relative;
21
45
  }
22
- .calendar-with-skeleton__calendarVisible_uag9k {
46
+ .calendar-with-skeleton__calendarVisible_muldm {
23
47
  height: auto;
24
48
  }
25
- .calendar-with-skeleton__skeleton_uag9k {
49
+ .calendar-with-skeleton__skeleton_muldm {
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_uag9k {
64
+ .calendar-with-skeleton__header_muldm {
41
65
  height: 48px;
42
66
  margin-bottom: var(--gap-l);
43
67
  }
44
- .calendar-with-skeleton__weekDays_uag9k {
68
+ .calendar-with-skeleton__weekDays_muldm {
45
69
  height: 12px;
46
70
  margin-bottom: var(--gap-m);
47
71
  }
48
- .calendar-with-skeleton__row_uag9k {
72
+ .calendar-with-skeleton__row_muldm {
49
73
  height: 32px
50
74
  }
51
- .calendar-with-skeleton__row_uag9k + .calendar-with-skeleton__row_uag9k {
75
+ .calendar-with-skeleton__row_muldm + .calendar-with-skeleton__row_muldm {
52
76
  margin-top: 10px;
53
77
  }
54
- .calendar-with-skeleton__enter_uag9k,
55
- .calendar-with-skeleton__enterActive_uag9k,
56
- .calendar-with-skeleton__exit_uag9k {
78
+ .calendar-with-skeleton__enter_muldm,
79
+ .calendar-with-skeleton__enterActive_muldm,
80
+ .calendar-with-skeleton__exit_muldm {
57
81
  opacity: 1;
58
82
  }
59
- .calendar-with-skeleton__exitActive_uag9k {
83
+ .calendar-with-skeleton__exitActive_muldm {
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_uag9k","calendarVisible":"calendar-with-skeleton__calendarVisible_uag9k","skeleton":"calendar-with-skeleton__skeleton_uag9k","header":"calendar-with-skeleton__header_uag9k","weekDays":"calendar-with-skeleton__weekDays_uag9k","row":"calendar-with-skeleton__row_uag9k","enter":"calendar-with-skeleton__enter_uag9k","enterActive":"calendar-with-skeleton__enterActive_uag9k","exit":"calendar-with-skeleton__exit_uag9k","exitActive":"calendar-with-skeleton__exitActive_uag9k"};
7
+ var styles = {"component":"calendar-with-skeleton__component_muldm","calendarVisible":"calendar-with-skeleton__calendarVisible_muldm","skeleton":"calendar-with-skeleton__skeleton_muldm","header":"calendar-with-skeleton__header_muldm","weekDays":"calendar-with-skeleton__weekDays_muldm","row":"calendar-with-skeleton__row_muldm","enter":"calendar-with-skeleton__enter_muldm","enterActive":"calendar-with-skeleton__enterActive_muldm","exit":"calendar-with-skeleton__exit_muldm","exitActive":"calendar-with-skeleton__exitActive_muldm"};
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: 13j6w */
1
+ /* hash: 1tqw2 */
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_uag9k {
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_muldm {
18
42
  width: var(--calendar-width);
19
43
  height: var(--calendar-height);
20
44
  position: relative;
21
45
  }
22
- .calendar-with-skeleton__calendarVisible_uag9k {
46
+ .calendar-with-skeleton__calendarVisible_muldm {
23
47
  height: auto;
24
48
  }
25
- .calendar-with-skeleton__skeleton_uag9k {
49
+ .calendar-with-skeleton__skeleton_muldm {
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_uag9k {
64
+ .calendar-with-skeleton__header_muldm {
41
65
  height: 48px;
42
66
  margin-bottom: var(--gap-l);
43
67
  }
44
- .calendar-with-skeleton__weekDays_uag9k {
68
+ .calendar-with-skeleton__weekDays_muldm {
45
69
  height: 12px;
46
70
  margin-bottom: var(--gap-m);
47
71
  }
48
- .calendar-with-skeleton__row_uag9k {
72
+ .calendar-with-skeleton__row_muldm {
49
73
  height: 32px
50
74
  }
51
- .calendar-with-skeleton__row_uag9k + .calendar-with-skeleton__row_uag9k {
75
+ .calendar-with-skeleton__row_muldm + .calendar-with-skeleton__row_muldm {
52
76
  margin-top: 10px;
53
77
  }
54
- .calendar-with-skeleton__enter_uag9k,
55
- .calendar-with-skeleton__enterActive_uag9k,
56
- .calendar-with-skeleton__exit_uag9k {
78
+ .calendar-with-skeleton__enter_muldm,
79
+ .calendar-with-skeleton__enterActive_muldm,
80
+ .calendar-with-skeleton__exit_muldm {
57
81
  opacity: 1;
58
82
  }
59
- .calendar-with-skeleton__exitActive_uag9k {
83
+ .calendar-with-skeleton__exitActive_muldm {
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.1",
3
+ "version": "5.0.4",
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.1",
22
- "@alfalab/core-components-skeleton": "^4.0.1",
21
+ "@alfalab/core-components-calendar": "^6.1.0",
22
+ "@alfalab/core-components-skeleton": "^4.0.2",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.1"
25
25
  }