@alfalab/core-components-calendar-with-skeleton 7.0.4 → 7.0.5

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.
package/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
3
- export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
3
+ export type CalendarWithSkeletonProps = CalendarDesktopProps & {
4
4
  /**
5
5
  * Флаг включения анимации скелета
6
6
  */
@@ -14,9 +14,9 @@ export declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<Calen
14
14
  /**
15
15
  * Флаг включения анимации скелета
16
16
  */
17
- animate?: boolean | undefined;
17
+ animate?: boolean;
18
18
  /**
19
19
  * Флаг управлением видимостью календаря
20
20
  */
21
- calendarVisible?: boolean | undefined;
21
+ calendarVisible?: boolean;
22
22
  } & React.RefAttributes<HTMLDivElement>>;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/cssm/desktop';
3
- export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
3
+ export type CalendarWithSkeletonProps = CalendarDesktopProps & {
4
4
  /**
5
5
  * Флаг включения анимации скелета
6
6
  */
@@ -14,9 +14,9 @@ export declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<Calen
14
14
  /**
15
15
  * Флаг включения анимации скелета
16
16
  */
17
- animate?: boolean | undefined;
17
+ animate?: boolean;
18
18
  /**
19
19
  * Флаг управлением видимостью календаря
20
20
  */
21
- calendarVisible?: boolean | undefined;
21
+ calendarVisible?: boolean;
22
22
  } & React.RefAttributes<HTMLDivElement>>;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/esm/desktop';
3
- export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
3
+ export type CalendarWithSkeletonProps = CalendarDesktopProps & {
4
4
  /**
5
5
  * Флаг включения анимации скелета
6
6
  */
@@ -14,9 +14,9 @@ export declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<Calen
14
14
  /**
15
15
  * Флаг включения анимации скелета
16
16
  */
17
- animate?: boolean | undefined;
17
+ animate?: boolean;
18
18
  /**
19
19
  * Флаг управлением видимостью календаря
20
20
  */
21
- calendarVisible?: boolean | undefined;
21
+ calendarVisible?: boolean;
22
22
  } & React.RefAttributes<HTMLDivElement>>;
package/esm/index.css CHANGED
@@ -13,15 +13,15 @@
13
13
  --calendar-height: 344px;
14
14
  --calendar-width: 344px;
15
15
  }
16
- .calendar-with-skeleton__component_15epp {
16
+ .calendar-with-skeleton__component_ibvst {
17
17
  width: var(--calendar-width);
18
18
  height: var(--calendar-height);
19
19
  position: relative;
20
20
  }
21
- .calendar-with-skeleton__calendarVisible_15epp {
21
+ .calendar-with-skeleton__calendarVisible_ibvst {
22
22
  height: auto;
23
23
  }
24
- .calendar-with-skeleton__skeleton_15epp {
24
+ .calendar-with-skeleton__skeleton_ibvst {
25
25
  display: flex;
26
26
  flex-direction: column;
27
27
  padding: var(--gap-16);
@@ -36,25 +36,25 @@
36
36
  background-color: var(--color-light-modal-bg-primary);
37
37
  background-clip: content-box;
38
38
  }
39
- .calendar-with-skeleton__header_15epp {
39
+ .calendar-with-skeleton__header_ibvst {
40
40
  height: 48px;
41
41
  margin-bottom: var(--gap-20);
42
42
  }
43
- .calendar-with-skeleton__weekDays_15epp {
43
+ .calendar-with-skeleton__weekDays_ibvst {
44
44
  height: 12px;
45
45
  margin-bottom: var(--gap-16);
46
46
  }
47
- .calendar-with-skeleton__row_15epp {
47
+ .calendar-with-skeleton__row_ibvst {
48
48
  height: 32px;
49
49
  }
50
- .calendar-with-skeleton__row_15epp + .calendar-with-skeleton__row_15epp {
50
+ .calendar-with-skeleton__row_ibvst + .calendar-with-skeleton__row_ibvst {
51
51
  margin-top: var(--gap-10);
52
52
  }
53
- .calendar-with-skeleton__enter_15epp,
54
- .calendar-with-skeleton__enterActive_15epp,
55
- .calendar-with-skeleton__exit_15epp {
53
+ .calendar-with-skeleton__enter_ibvst,
54
+ .calendar-with-skeleton__enterActive_ibvst,
55
+ .calendar-with-skeleton__exit_ibvst {
56
56
  opacity: 1;
57
57
  }
58
- .calendar-with-skeleton__exitActive_15epp {
58
+ .calendar-with-skeleton__exitActive_ibvst {
59
59
  opacity: 0;
60
60
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"calendar-with-skeleton__component_15epp","calendarVisible":"calendar-with-skeleton__calendarVisible_15epp","skeleton":"calendar-with-skeleton__skeleton_15epp","header":"calendar-with-skeleton__header_15epp","weekDays":"calendar-with-skeleton__weekDays_15epp","row":"calendar-with-skeleton__row_15epp","enter":"calendar-with-skeleton__enter_15epp","enterActive":"calendar-with-skeleton__enterActive_15epp","exit":"calendar-with-skeleton__exit_15epp","exitActive":"calendar-with-skeleton__exitActive_15epp"};
3
+ var styles = {"component":"calendar-with-skeleton__component_ibvst","calendarVisible":"calendar-with-skeleton__calendarVisible_ibvst","skeleton":"calendar-with-skeleton__skeleton_ibvst","header":"calendar-with-skeleton__header_ibvst","weekDays":"calendar-with-skeleton__weekDays_ibvst","row":"calendar-with-skeleton__row_ibvst","enter":"calendar-with-skeleton__enter_ibvst","enterActive":"calendar-with-skeleton__enterActive_ibvst","exit":"calendar-with-skeleton__exit_ibvst","exitActive":"calendar-with-skeleton__exitActive_ibvst"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n width: var(--calendar-width);\n height: var(--calendar-height);\n position: relative;\n}\n\n.calendarVisible {\n height: auto;\n}\n\n.skeleton {\n display: flex;\n flex-direction: column;\n padding: var(--gap-16);\n pointer-events: all;\n box-sizing: border-box;\n position: absolute;\n transition: 0.2s ease;\n left: var(--gap-0);\n top: var(--gap-0);\n width: 100%;\n height: 100%;\n background-color: var(--color-light-modal-bg-primary);\n background-clip: content-box;\n}\n\n.header {\n height: 48px;\n margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n height: 12px;\n margin-bottom: var(--gap-16);\n}\n\n.row {\n height: 32px;\n\n & + .row {\n margin-top: var(--gap-10);\n }\n}\n\n.enter,\n.enterActive,\n.exit {\n opacity: 1;\n}\n\n.exitActive {\n opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n width: var(--calendar-width);\n height: var(--calendar-height);\n position: relative;\n}\n\n.calendarVisible {\n height: auto;\n}\n\n.skeleton {\n display: flex;\n flex-direction: column;\n padding: var(--gap-16);\n pointer-events: all;\n box-sizing: border-box;\n position: absolute;\n transition: 0.2s ease;\n left: var(--gap-0);\n top: var(--gap-0);\n width: 100%;\n height: 100%;\n background-color: var(--color-light-modal-bg-primary);\n background-clip: content-box;\n}\n\n.header {\n height: 48px;\n margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n height: 12px;\n margin-bottom: var(--gap-16);\n}\n\n.row {\n height: 32px;\n\n & + .row {\n margin-top: var(--gap-10);\n }\n}\n\n.enter,\n.enterActive,\n.exit {\n opacity: 1;\n}\n\n.exitActive {\n opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
package/index.css CHANGED
@@ -13,15 +13,15 @@
13
13
  --calendar-height: 344px;
14
14
  --calendar-width: 344px;
15
15
  }
16
- .calendar-with-skeleton__component_15epp {
16
+ .calendar-with-skeleton__component_ibvst {
17
17
  width: var(--calendar-width);
18
18
  height: var(--calendar-height);
19
19
  position: relative;
20
20
  }
21
- .calendar-with-skeleton__calendarVisible_15epp {
21
+ .calendar-with-skeleton__calendarVisible_ibvst {
22
22
  height: auto;
23
23
  }
24
- .calendar-with-skeleton__skeleton_15epp {
24
+ .calendar-with-skeleton__skeleton_ibvst {
25
25
  display: flex;
26
26
  flex-direction: column;
27
27
  padding: var(--gap-16);
@@ -36,25 +36,25 @@
36
36
  background-color: var(--color-light-modal-bg-primary);
37
37
  background-clip: content-box;
38
38
  }
39
- .calendar-with-skeleton__header_15epp {
39
+ .calendar-with-skeleton__header_ibvst {
40
40
  height: 48px;
41
41
  margin-bottom: var(--gap-20);
42
42
  }
43
- .calendar-with-skeleton__weekDays_15epp {
43
+ .calendar-with-skeleton__weekDays_ibvst {
44
44
  height: 12px;
45
45
  margin-bottom: var(--gap-16);
46
46
  }
47
- .calendar-with-skeleton__row_15epp {
47
+ .calendar-with-skeleton__row_ibvst {
48
48
  height: 32px;
49
49
  }
50
- .calendar-with-skeleton__row_15epp + .calendar-with-skeleton__row_15epp {
50
+ .calendar-with-skeleton__row_ibvst + .calendar-with-skeleton__row_ibvst {
51
51
  margin-top: var(--gap-10);
52
52
  }
53
- .calendar-with-skeleton__enter_15epp,
54
- .calendar-with-skeleton__enterActive_15epp,
55
- .calendar-with-skeleton__exit_15epp {
53
+ .calendar-with-skeleton__enter_ibvst,
54
+ .calendar-with-skeleton__enterActive_ibvst,
55
+ .calendar-with-skeleton__exit_ibvst {
56
56
  opacity: 1;
57
57
  }
58
- .calendar-with-skeleton__exitActive_15epp {
58
+ .calendar-with-skeleton__exitActive_ibvst {
59
59
  opacity: 0;
60
60
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"calendar-with-skeleton__component_15epp","calendarVisible":"calendar-with-skeleton__calendarVisible_15epp","skeleton":"calendar-with-skeleton__skeleton_15epp","header":"calendar-with-skeleton__header_15epp","weekDays":"calendar-with-skeleton__weekDays_15epp","row":"calendar-with-skeleton__row_15epp","enter":"calendar-with-skeleton__enter_15epp","enterActive":"calendar-with-skeleton__enterActive_15epp","exit":"calendar-with-skeleton__exit_15epp","exitActive":"calendar-with-skeleton__exitActive_15epp"};
5
+ var styles = {"component":"calendar-with-skeleton__component_ibvst","calendarVisible":"calendar-with-skeleton__calendarVisible_ibvst","skeleton":"calendar-with-skeleton__skeleton_ibvst","header":"calendar-with-skeleton__header_ibvst","weekDays":"calendar-with-skeleton__weekDays_ibvst","row":"calendar-with-skeleton__row_ibvst","enter":"calendar-with-skeleton__enter_ibvst","enterActive":"calendar-with-skeleton__enterActive_ibvst","exit":"calendar-with-skeleton__exit_ibvst","exitActive":"calendar-with-skeleton__exitActive_ibvst"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n width: var(--calendar-width);\n height: var(--calendar-height);\n position: relative;\n}\n\n.calendarVisible {\n height: auto;\n}\n\n.skeleton {\n display: flex;\n flex-direction: column;\n padding: var(--gap-16);\n pointer-events: all;\n box-sizing: border-box;\n position: absolute;\n transition: 0.2s ease;\n left: var(--gap-0);\n top: var(--gap-0);\n width: 100%;\n height: 100%;\n background-color: var(--color-light-modal-bg-primary);\n background-clip: content-box;\n}\n\n.header {\n height: 48px;\n margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n height: 12px;\n margin-bottom: var(--gap-16);\n}\n\n.row {\n height: 32px;\n\n & + .row {\n margin-top: var(--gap-10);\n }\n}\n\n.enter,\n.enterActive,\n.exit {\n opacity: 1;\n}\n\n.exitActive {\n opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n width: var(--calendar-width);\n height: var(--calendar-height);\n position: relative;\n}\n\n.calendarVisible {\n height: auto;\n}\n\n.skeleton {\n display: flex;\n flex-direction: column;\n padding: var(--gap-16);\n pointer-events: all;\n box-sizing: border-box;\n position: absolute;\n transition: 0.2s ease;\n left: var(--gap-0);\n top: var(--gap-0);\n width: 100%;\n height: 100%;\n background-color: var(--color-light-modal-bg-primary);\n background-clip: content-box;\n}\n\n.header {\n height: 48px;\n margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n height: 12px;\n margin-bottom: var(--gap-16);\n}\n\n.row {\n height: 32px;\n\n & + .row {\n margin-top: var(--gap-10);\n }\n}\n\n.enter,\n.enterActive,\n.exit {\n opacity: 1;\n}\n\n.exitActive {\n opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/modern/desktop';
3
- export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
3
+ export type CalendarWithSkeletonProps = CalendarDesktopProps & {
4
4
  /**
5
5
  * Флаг включения анимации скелета
6
6
  */
@@ -14,9 +14,9 @@ export declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<Calen
14
14
  /**
15
15
  * Флаг включения анимации скелета
16
16
  */
17
- animate?: boolean | undefined;
17
+ animate?: boolean;
18
18
  /**
19
19
  * Флаг управлением видимостью календаря
20
20
  */
21
- calendarVisible?: boolean | undefined;
21
+ calendarVisible?: boolean;
22
22
  } & React.RefAttributes<HTMLDivElement>>;
package/modern/index.css CHANGED
@@ -13,15 +13,15 @@
13
13
  --calendar-height: 344px;
14
14
  --calendar-width: 344px;
15
15
  }
16
- .calendar-with-skeleton__component_15epp {
16
+ .calendar-with-skeleton__component_ibvst {
17
17
  width: var(--calendar-width);
18
18
  height: var(--calendar-height);
19
19
  position: relative;
20
20
  }
21
- .calendar-with-skeleton__calendarVisible_15epp {
21
+ .calendar-with-skeleton__calendarVisible_ibvst {
22
22
  height: auto;
23
23
  }
24
- .calendar-with-skeleton__skeleton_15epp {
24
+ .calendar-with-skeleton__skeleton_ibvst {
25
25
  display: flex;
26
26
  flex-direction: column;
27
27
  padding: var(--gap-16);
@@ -36,25 +36,25 @@
36
36
  background-color: var(--color-light-modal-bg-primary);
37
37
  background-clip: content-box;
38
38
  }
39
- .calendar-with-skeleton__header_15epp {
39
+ .calendar-with-skeleton__header_ibvst {
40
40
  height: 48px;
41
41
  margin-bottom: var(--gap-20);
42
42
  }
43
- .calendar-with-skeleton__weekDays_15epp {
43
+ .calendar-with-skeleton__weekDays_ibvst {
44
44
  height: 12px;
45
45
  margin-bottom: var(--gap-16);
46
46
  }
47
- .calendar-with-skeleton__row_15epp {
47
+ .calendar-with-skeleton__row_ibvst {
48
48
  height: 32px;
49
49
  }
50
- .calendar-with-skeleton__row_15epp + .calendar-with-skeleton__row_15epp {
50
+ .calendar-with-skeleton__row_ibvst + .calendar-with-skeleton__row_ibvst {
51
51
  margin-top: var(--gap-10);
52
52
  }
53
- .calendar-with-skeleton__enter_15epp,
54
- .calendar-with-skeleton__enterActive_15epp,
55
- .calendar-with-skeleton__exit_15epp {
53
+ .calendar-with-skeleton__enter_ibvst,
54
+ .calendar-with-skeleton__enterActive_ibvst,
55
+ .calendar-with-skeleton__exit_ibvst {
56
56
  opacity: 1;
57
57
  }
58
- .calendar-with-skeleton__exitActive_15epp {
58
+ .calendar-with-skeleton__exitActive_ibvst {
59
59
  opacity: 0;
60
60
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"calendar-with-skeleton__component_15epp","calendarVisible":"calendar-with-skeleton__calendarVisible_15epp","skeleton":"calendar-with-skeleton__skeleton_15epp","header":"calendar-with-skeleton__header_15epp","weekDays":"calendar-with-skeleton__weekDays_15epp","row":"calendar-with-skeleton__row_15epp","enter":"calendar-with-skeleton__enter_15epp","enterActive":"calendar-with-skeleton__enterActive_15epp","exit":"calendar-with-skeleton__exit_15epp","exitActive":"calendar-with-skeleton__exitActive_15epp"};
3
+ const styles = {"component":"calendar-with-skeleton__component_ibvst","calendarVisible":"calendar-with-skeleton__calendarVisible_ibvst","skeleton":"calendar-with-skeleton__skeleton_ibvst","header":"calendar-with-skeleton__header_ibvst","weekDays":"calendar-with-skeleton__weekDays_ibvst","row":"calendar-with-skeleton__row_ibvst","enter":"calendar-with-skeleton__enter_ibvst","enterActive":"calendar-with-skeleton__enterActive_ibvst","exit":"calendar-with-skeleton__exit_ibvst","exitActive":"calendar-with-skeleton__exitActive_ibvst"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n width: var(--calendar-width);\n height: var(--calendar-height);\n position: relative;\n}\n\n.calendarVisible {\n height: auto;\n}\n\n.skeleton {\n display: flex;\n flex-direction: column;\n padding: var(--gap-16);\n pointer-events: all;\n box-sizing: border-box;\n position: absolute;\n transition: 0.2s ease;\n left: var(--gap-0);\n top: var(--gap-0);\n width: 100%;\n height: 100%;\n background-color: var(--color-light-modal-bg-primary);\n background-clip: content-box;\n}\n\n.header {\n height: 48px;\n margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n height: 12px;\n margin-bottom: var(--gap-16);\n}\n\n.row {\n height: 32px;\n\n & + .row {\n margin-top: var(--gap-10);\n }\n}\n\n.enter,\n.enterActive,\n.exit {\n opacity: 1;\n}\n\n.exitActive {\n opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n width: var(--calendar-width);\n height: var(--calendar-height);\n position: relative;\n}\n\n.calendarVisible {\n height: auto;\n}\n\n.skeleton {\n display: flex;\n flex-direction: column;\n padding: var(--gap-16);\n pointer-events: all;\n box-sizing: border-box;\n position: absolute;\n transition: 0.2s ease;\n left: var(--gap-0);\n top: var(--gap-0);\n width: 100%;\n height: 100%;\n background-color: var(--color-light-modal-bg-primary);\n background-clip: content-box;\n}\n\n.header {\n height: 48px;\n margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n height: 12px;\n margin-bottom: var(--gap-16);\n}\n\n.row {\n height: 32px;\n\n & + .row {\n margin-top: var(--gap-10);\n }\n}\n\n.enter,\n.enterActive,\n.exit {\n opacity: 1;\n}\n\n.exitActive {\n opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/moderncssm/desktop';
3
- export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
3
+ export type CalendarWithSkeletonProps = CalendarDesktopProps & {
4
4
  /**
5
5
  * Флаг включения анимации скелета
6
6
  */
@@ -14,9 +14,9 @@ export declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<Calen
14
14
  /**
15
15
  * Флаг включения анимации скелета
16
16
  */
17
- animate?: boolean | undefined;
17
+ animate?: boolean;
18
18
  /**
19
19
  * Флаг управлением видимостью календаря
20
20
  */
21
- calendarVisible?: boolean | undefined;
21
+ calendarVisible?: boolean;
22
22
  } & React.RefAttributes<HTMLDivElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "7.0.4",
3
+ "version": "7.0.5",
4
4
  "description": "CalendarWithSkeleton component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,15 +10,15 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-calendar": "^9.1.0",
14
- "@alfalab/core-components-skeleton": "^7.0.1",
13
+ "@alfalab/core-components-calendar": "^9.1.1",
14
+ "@alfalab/core-components-skeleton": "^7.0.2",
15
15
  "classnames": "^2.5.1",
16
16
  "react-merge-refs": "^1.1.0",
17
17
  "react-transition-group": "^4.4.5",
18
18
  "tslib": "^2.4.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@alfalab/core-components-button": "^13.1.0"
21
+ "@alfalab/core-components-button": "^13.1.1"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0 || ^19.0.0",
@@ -29,5 +29,5 @@
29
29
  "directory": "dist"
30
30
  },
31
31
  "themesVersion": "15.0.2",
32
- "varsVersion": "11.0.1"
32
+ "varsVersion": "11.0.2"
33
33
  }
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/no-typography-index.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
  @import '../../calendar/src/vars.css';
3
3
 
4
4
  .component {