@alfalab/core-components-calendar-with-skeleton 5.1.0 → 5.1.1

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 (11) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index-ebda875c.d.ts +12 -1
  3. package/esm/Component.js +1 -1
  4. package/esm/index-ebda875c.d.ts +12 -1
  5. package/esm/index.css +12 -12
  6. package/index-ebda875c.d.ts +12 -1
  7. package/index.css +12 -12
  8. package/modern/Component.js +1 -1
  9. package/modern/index-ebda875c.d.ts +12 -1
  10. package/modern/index.css +12 -12
  11. 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_13q2t","calendarVisible":"calendar-with-skeleton__calendarVisible_13q2t","skeleton":"calendar-with-skeleton__skeleton_13q2t","header":"calendar-with-skeleton__header_13q2t","weekDays":"calendar-with-skeleton__weekDays_13q2t","row":"calendar-with-skeleton__row_13q2t","enter":"calendar-with-skeleton__enter_13q2t","enterActive":"calendar-with-skeleton__enterActive_13q2t","exit":"calendar-with-skeleton__exit_13q2t","exitActive":"calendar-with-skeleton__exitActive_13q2t"};
17
+ var styles = {"component":"calendar-with-skeleton__component_12r9t","calendarVisible":"calendar-with-skeleton__calendarVisible_12r9t","skeleton":"calendar-with-skeleton__skeleton_12r9t","header":"calendar-with-skeleton__header_12r9t","weekDays":"calendar-with-skeleton__weekDays_12r9t","row":"calendar-with-skeleton__row_12r9t","enter":"calendar-with-skeleton__enter_12r9t","enterActive":"calendar-with-skeleton__enterActive_12r9t","exit":"calendar-with-skeleton__exit_12r9t","exitActive":"calendar-with-skeleton__exitActive_12r9t"};
18
18
  require('./index.css')
19
19
 
20
20
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
package/cssm/index-ebda875c.d.ts CHANGED
@@ -39,4 +39,15 @@ type SpinnerProps = {
39
39
  declare const Spinner: FC<SpinnerProps>;
40
40
  declare const isClient: () => boolean;
41
41
  declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
42
- export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner, isClient, getDataTestId };
42
+ type PaddingType = number | string | {
43
+ top?: number;
44
+ right?: number;
45
+ bottom?: number;
46
+ left?: number;
47
+ };
48
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
49
+ declare function easeInOutQuad(x: number): number;
50
+ declare const easingFns: {
51
+ easeInOutQuad: typeof easeInOutQuad;
52
+ };
53
+ export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner, isClient, getDataTestId, createPaddingStyle, easingFns };
package/esm/Component.js CHANGED
@@ -5,7 +5,7 @@ import cn from 'classnames';
5
5
  import { CalendarDesktop } from '@alfalab/core-components-calendar/esm/desktop';
6
6
  import { Skeleton } from '@alfalab/core-components-skeleton/esm';
7
7
 
8
- var styles = {"component":"calendar-with-skeleton__component_13q2t","calendarVisible":"calendar-with-skeleton__calendarVisible_13q2t","skeleton":"calendar-with-skeleton__skeleton_13q2t","header":"calendar-with-skeleton__header_13q2t","weekDays":"calendar-with-skeleton__weekDays_13q2t","row":"calendar-with-skeleton__row_13q2t","enter":"calendar-with-skeleton__enter_13q2t","enterActive":"calendar-with-skeleton__enterActive_13q2t","exit":"calendar-with-skeleton__exit_13q2t","exitActive":"calendar-with-skeleton__exitActive_13q2t"};
8
+ var styles = {"component":"calendar-with-skeleton__component_12r9t","calendarVisible":"calendar-with-skeleton__calendarVisible_12r9t","skeleton":"calendar-with-skeleton__skeleton_12r9t","header":"calendar-with-skeleton__header_12r9t","weekDays":"calendar-with-skeleton__weekDays_12r9t","row":"calendar-with-skeleton__row_12r9t","enter":"calendar-with-skeleton__enter_12r9t","enterActive":"calendar-with-skeleton__enterActive_12r9t","exit":"calendar-with-skeleton__exit_12r9t","exitActive":"calendar-with-skeleton__exitActive_12r9t"};
9
9
  require('./index.css')
10
10
 
11
11
  var CalendarWithSkeleton = forwardRef(function (_a, ref) {
package/esm/index-ebda875c.d.ts CHANGED
@@ -39,4 +39,15 @@ type SpinnerProps = {
39
39
  declare const Spinner: FC<SpinnerProps>;
40
40
  declare const isClient: () => boolean;
41
41
  declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
42
- export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner, isClient, getDataTestId };
42
+ type PaddingType = number | string | {
43
+ top?: number;
44
+ right?: number;
45
+ bottom?: number;
46
+ left?: number;
47
+ };
48
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
49
+ declare function easeInOutQuad(x: number): number;
50
+ declare const easingFns: {
51
+ easeInOutQuad: typeof easeInOutQuad;
52
+ };
53
+ export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner, isClient, getDataTestId, createPaddingStyle, easingFns };
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1x4l4 */
1
+ /* hash: 1lc3i */
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,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_13q2t {
43
+ } .calendar-with-skeleton__component_12r9t {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_13q2t {
47
+ } .calendar-with-skeleton__calendarVisible_12r9t {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_13q2t {
49
+ } .calendar-with-skeleton__skeleton_12r9t {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,20 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_13q2t {
63
+ } .calendar-with-skeleton__header_12r9t {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_13q2t {
66
+ } .calendar-with-skeleton__weekDays_12r9t {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_13q2t {
69
+ } .calendar-with-skeleton__row_12r9t {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_13q2t + .calendar-with-skeleton__row_13q2t {
71
+ } .calendar-with-skeleton__row_12r9t + .calendar-with-skeleton__row_12r9t {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_13q2t,
74
- .calendar-with-skeleton__enterActive_13q2t,
75
- .calendar-with-skeleton__exit_13q2t {
73
+ } .calendar-with-skeleton__enter_12r9t,
74
+ .calendar-with-skeleton__enterActive_12r9t,
75
+ .calendar-with-skeleton__exit_12r9t {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_13q2t {
77
+ } .calendar-with-skeleton__exitActive_12r9t {
78
78
  opacity: 0;
79
79
  }
package/index-ebda875c.d.ts CHANGED
@@ -39,4 +39,15 @@ type SpinnerProps = {
39
39
  declare const Spinner: FC<SpinnerProps>;
40
40
  declare const isClient: () => boolean;
41
41
  declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
42
- export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner, isClient, getDataTestId };
42
+ type PaddingType = number | string | {
43
+ top?: number;
44
+ right?: number;
45
+ bottom?: number;
46
+ left?: number;
47
+ };
48
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
49
+ declare function easeInOutQuad(x: number): number;
50
+ declare const easingFns: {
51
+ easeInOutQuad: typeof easeInOutQuad;
52
+ };
53
+ export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner, isClient, getDataTestId, createPaddingStyle, easingFns };
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1x4l4 */
1
+ /* hash: 1lc3i */
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,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_13q2t {
43
+ } .calendar-with-skeleton__component_12r9t {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_13q2t {
47
+ } .calendar-with-skeleton__calendarVisible_12r9t {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_13q2t {
49
+ } .calendar-with-skeleton__skeleton_12r9t {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,20 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_13q2t {
63
+ } .calendar-with-skeleton__header_12r9t {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_13q2t {
66
+ } .calendar-with-skeleton__weekDays_12r9t {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_13q2t {
69
+ } .calendar-with-skeleton__row_12r9t {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_13q2t + .calendar-with-skeleton__row_13q2t {
71
+ } .calendar-with-skeleton__row_12r9t + .calendar-with-skeleton__row_12r9t {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_13q2t,
74
- .calendar-with-skeleton__enterActive_13q2t,
75
- .calendar-with-skeleton__exit_13q2t {
73
+ } .calendar-with-skeleton__enter_12r9t,
74
+ .calendar-with-skeleton__enterActive_12r9t,
75
+ .calendar-with-skeleton__exit_12r9t {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_13q2t {
77
+ } .calendar-with-skeleton__exitActive_12r9t {
78
78
  opacity: 0;
79
79
  }
package/modern/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { CalendarDesktop } from '@alfalab/core-components-calendar/modern/desktop';
5
5
  import { Skeleton } from '@alfalab/core-components-skeleton/modern';
6
6
 
7
- const styles = {"component":"calendar-with-skeleton__component_13q2t","calendarVisible":"calendar-with-skeleton__calendarVisible_13q2t","skeleton":"calendar-with-skeleton__skeleton_13q2t","header":"calendar-with-skeleton__header_13q2t","weekDays":"calendar-with-skeleton__weekDays_13q2t","row":"calendar-with-skeleton__row_13q2t","enter":"calendar-with-skeleton__enter_13q2t","enterActive":"calendar-with-skeleton__enterActive_13q2t","exit":"calendar-with-skeleton__exit_13q2t","exitActive":"calendar-with-skeleton__exitActive_13q2t"};
7
+ const styles = {"component":"calendar-with-skeleton__component_12r9t","calendarVisible":"calendar-with-skeleton__calendarVisible_12r9t","skeleton":"calendar-with-skeleton__skeleton_12r9t","header":"calendar-with-skeleton__header_12r9t","weekDays":"calendar-with-skeleton__weekDays_12r9t","row":"calendar-with-skeleton__row_12r9t","enter":"calendar-with-skeleton__enter_12r9t","enterActive":"calendar-with-skeleton__enterActive_12r9t","exit":"calendar-with-skeleton__exit_12r9t","exitActive":"calendar-with-skeleton__exitActive_12r9t"};
8
8
  require('./index.css')
9
9
 
10
10
  const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {
package/modern/index-ebda875c.d.ts CHANGED
@@ -39,4 +39,15 @@ type SpinnerProps = {
39
39
  declare const Spinner: FC<SpinnerProps>;
40
40
  declare const isClient: () => boolean;
41
41
  declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
42
- export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner, isClient, getDataTestId };
42
+ type PaddingType = number | string | {
43
+ top?: number;
44
+ right?: number;
45
+ bottom?: number;
46
+ left?: number;
47
+ };
48
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
49
+ declare function easeInOutQuad(x: number): number;
50
+ declare const easingFns: {
51
+ easeInOutQuad: typeof easeInOutQuad;
52
+ };
53
+ export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner, isClient, getDataTestId, createPaddingStyle, easingFns };
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1x4l4 */
1
+ /* hash: 1lc3i */
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,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_13q2t {
43
+ } .calendar-with-skeleton__component_12r9t {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_13q2t {
47
+ } .calendar-with-skeleton__calendarVisible_12r9t {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_13q2t {
49
+ } .calendar-with-skeleton__skeleton_12r9t {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,20 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_13q2t {
63
+ } .calendar-with-skeleton__header_12r9t {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_13q2t {
66
+ } .calendar-with-skeleton__weekDays_12r9t {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_13q2t {
69
+ } .calendar-with-skeleton__row_12r9t {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_13q2t + .calendar-with-skeleton__row_13q2t {
71
+ } .calendar-with-skeleton__row_12r9t + .calendar-with-skeleton__row_12r9t {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_13q2t,
74
- .calendar-with-skeleton__enterActive_13q2t,
75
- .calendar-with-skeleton__exit_13q2t {
73
+ } .calendar-with-skeleton__enter_12r9t,
74
+ .calendar-with-skeleton__enterActive_12r9t,
75
+ .calendar-with-skeleton__exit_12r9t {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_13q2t {
77
+ } .calendar-with-skeleton__exitActive_12r9t {
78
78
  opacity: 0;
79
79
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "5.1.0",
3
+ "version": "5.1.1",
4
4
  "description": "CalendarWithSkeleton component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-calendar": "^7.0.0",
18
+ "@alfalab/core-components-calendar": "^7.0.1",
19
19
  "@alfalab/core-components-skeleton": "^4.1.0",
20
20
  "classnames": "^2.3.1",
21
21
  "react-transition-group": "^4.4.5",