@alfalab/core-components-side-panel 2.2.0 → 2.3.0

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 (134) hide show
  1. package/Component.desktop.d.ts +1 -1
  2. package/Component.desktop.js +10 -10
  3. package/Component.mobile.js +8 -9
  4. package/Component.responsive.js +10 -9
  5. package/components/closer/Component.d.ts +1 -1
  6. package/components/closer/Component.js +3 -4
  7. package/components/closer/index.css +4 -4
  8. package/components/content/Component.desktop.js +2 -2
  9. package/components/content/Component.js +1 -1
  10. package/components/content/Component.mobile.js +2 -2
  11. package/components/content/desktop.css +3 -3
  12. package/components/content/index.css +3 -3
  13. package/components/content/mobile.css +3 -3
  14. package/components/footer/Component.desktop.js +2 -2
  15. package/components/footer/Component.js +2 -2
  16. package/components/footer/Component.mobile.js +2 -2
  17. package/components/footer/desktop.css +3 -3
  18. package/components/footer/index.css +4 -4
  19. package/components/footer/layout.css +25 -25
  20. package/components/footer/mobile.css +3 -3
  21. package/components/header/Component.desktop.d.ts +5 -1
  22. package/components/header/Component.desktop.js +6 -6
  23. package/components/header/Component.js +2 -2
  24. package/components/header/Component.mobile.d.ts +5 -1
  25. package/components/header/Component.mobile.js +5 -6
  26. package/components/header/desktop.css +6 -6
  27. package/components/header/index.css +16 -16
  28. package/components/header/mobile.css +3 -3
  29. package/cssm/Component.desktop.d.ts +1 -1
  30. package/cssm/Component.desktop.js +11 -11
  31. package/cssm/Component.mobile.js +9 -10
  32. package/cssm/Component.responsive.js +14 -13
  33. package/cssm/components/closer/Component.d.ts +1 -1
  34. package/cssm/components/closer/Component.js +2 -3
  35. package/cssm/components/content/Component.desktop.js +1 -1
  36. package/cssm/components/content/Component.mobile.js +1 -1
  37. package/cssm/components/footer/Component.desktop.js +1 -1
  38. package/cssm/components/footer/Component.mobile.js +1 -1
  39. package/cssm/components/header/Component.desktop.d.ts +5 -1
  40. package/cssm/components/header/Component.desktop.js +6 -6
  41. package/cssm/components/header/Component.js +1 -1
  42. package/cssm/components/header/Component.mobile.d.ts +5 -1
  43. package/cssm/components/header/Component.mobile.js +5 -6
  44. package/cssm/desktop.js +10 -10
  45. package/cssm/index.js +13 -13
  46. package/cssm/mobile.js +9 -10
  47. package/cssm/responsive.js +13 -13
  48. package/cssm/{tslib.es6-ce870b46.d.ts → tslib.es6-9682e485.d.ts} +8 -4
  49. package/{tslib.es6-946fd0e1.js → cssm/tslib.es6-9682e485.js} +1 -1
  50. package/desktop.css +3 -3
  51. package/desktop.js +7 -7
  52. package/esm/Component.desktop.d.ts +1 -1
  53. package/esm/Component.desktop.js +9 -9
  54. package/esm/Component.mobile.js +8 -9
  55. package/esm/Component.responsive.js +10 -9
  56. package/esm/components/closer/Component.d.ts +1 -1
  57. package/esm/components/closer/Component.js +3 -4
  58. package/esm/components/closer/index.css +4 -4
  59. package/esm/components/content/Component.desktop.js +2 -2
  60. package/esm/components/content/Component.js +1 -1
  61. package/esm/components/content/Component.mobile.js +2 -2
  62. package/esm/components/content/desktop.css +3 -3
  63. package/esm/components/content/index.css +3 -3
  64. package/esm/components/content/mobile.css +3 -3
  65. package/esm/components/footer/Component.desktop.js +2 -2
  66. package/esm/components/footer/Component.js +2 -2
  67. package/esm/components/footer/Component.mobile.js +2 -2
  68. package/esm/components/footer/desktop.css +3 -3
  69. package/esm/components/footer/index.css +4 -4
  70. package/esm/components/footer/layout.css +25 -25
  71. package/esm/components/footer/mobile.css +3 -3
  72. package/esm/components/header/Component.desktop.d.ts +5 -1
  73. package/esm/components/header/Component.desktop.js +6 -6
  74. package/esm/components/header/Component.js +2 -2
  75. package/esm/components/header/Component.mobile.d.ts +5 -1
  76. package/esm/components/header/Component.mobile.js +5 -6
  77. package/esm/components/header/desktop.css +6 -6
  78. package/esm/components/header/index.css +16 -16
  79. package/esm/components/header/mobile.css +3 -3
  80. package/esm/desktop.css +3 -3
  81. package/esm/desktop.js +7 -7
  82. package/esm/index.js +9 -9
  83. package/esm/mobile.css +2 -2
  84. package/esm/mobile.js +6 -7
  85. package/esm/responsive.js +9 -9
  86. package/esm/transitions.desktop.css +7 -7
  87. package/esm/transitions.mobile.css +8 -8
  88. package/{tslib.es6-946fd0e1.d.ts → esm/tslib.es6-36dadca7.d.ts} +8 -4
  89. package/esm/{tslib.es6-3fdec2ab.js → tslib.es6-36dadca7.js} +1 -1
  90. package/index.js +9 -9
  91. package/mobile.css +2 -2
  92. package/mobile.js +6 -7
  93. package/modern/Component.desktop.d.ts +1 -1
  94. package/modern/Component.desktop.js +10 -10
  95. package/modern/Component.mobile.js +11 -14
  96. package/modern/Component.responsive.js +11 -10
  97. package/modern/components/closer/Component.d.ts +1 -1
  98. package/modern/components/closer/Component.js +3 -4
  99. package/modern/components/closer/index.css +4 -4
  100. package/modern/components/content/Component.desktop.js +2 -2
  101. package/modern/components/content/Component.js +1 -1
  102. package/modern/components/content/Component.mobile.js +2 -2
  103. package/modern/components/content/desktop.css +3 -3
  104. package/modern/components/content/index.css +3 -3
  105. package/modern/components/content/mobile.css +3 -3
  106. package/modern/components/footer/Component.desktop.js +3 -3
  107. package/modern/components/footer/Component.js +2 -2
  108. package/modern/components/footer/Component.mobile.js +3 -3
  109. package/modern/components/footer/desktop.css +3 -3
  110. package/modern/components/footer/index.css +4 -4
  111. package/modern/components/footer/layout.css +25 -25
  112. package/modern/components/footer/mobile.css +3 -3
  113. package/modern/components/header/Component.desktop.d.ts +5 -1
  114. package/modern/components/header/Component.desktop.js +6 -6
  115. package/modern/components/header/Component.js +1 -1
  116. package/modern/components/header/Component.mobile.d.ts +5 -1
  117. package/modern/components/header/Component.mobile.js +4 -5
  118. package/modern/components/header/desktop.css +6 -6
  119. package/modern/components/header/index.css +16 -16
  120. package/modern/components/header/mobile.css +3 -3
  121. package/modern/desktop.css +3 -3
  122. package/modern/desktop.js +6 -6
  123. package/modern/index.js +8 -8
  124. package/modern/mobile.css +2 -2
  125. package/modern/mobile.js +5 -6
  126. package/modern/responsive.js +8 -8
  127. package/modern/transitions.desktop.css +7 -7
  128. package/modern/transitions.mobile.css +8 -8
  129. package/package.json +3 -3
  130. package/responsive.js +9 -9
  131. package/transitions.desktop.css +7 -7
  132. package/transitions.mobile.css +8 -8
  133. package/{esm/tslib.es6-3fdec2ab.d.ts → tslib.es6-d84e0616.d.ts} +8 -4
  134. package/{cssm/tslib.es6-ce870b46.js → tslib.es6-d84e0616.js} +1 -1
@@ -2,20 +2,20 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import '@alfalab/core-components-base-modal/modern';
4
4
  import '../../Context.js';
5
- import { Header } from './Component.js';
5
+ import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
6
6
  import '@alfalab/core-components-icon-button/modern';
7
- import '@alfalab/icons-glyph/CrossHeavyMIcon';
8
7
  import { Closer } from '../closer/Component.js';
8
+ import { Header } from './Component.js';
9
9
 
10
- var styles = {"content":"side-panel__content_c199h","s":"side-panel__s_c199h","hasContent":"side-panel__hasContent_c199h","sticky":"side-panel__sticky_c199h"};
10
+ var styles = {"content":"side-panel__content_nuaig","s":"side-panel__s_nuaig","hasContent":"side-panel__hasContent_nuaig","sticky":"side-panel__sticky_nuaig"};
11
11
  require('./desktop.css')
12
12
 
13
- const HeaderDesktop = ({ size = 's', className, contentClassName, hasCloser = true, sticky, leftAddons = React.createElement("span", null), title, children, ...restProps }) => {
13
+ const HeaderDesktop = ({ size = 's', className, contentClassName, hasCloser = true, closerIcon = CrossHeavyMIcon, sticky, leftAddons = React.createElement("span", null), title, children, ...restProps }) => {
14
14
  const hasContent = Boolean(title || children);
15
- return (React.createElement(Header, Object.assign({ className: cn(className, size && styles[size], {
15
+ return (React.createElement(Header, { className: cn(className, size && styles[size], {
16
16
  [styles.sticky]: sticky,
17
17
  [styles.hasContent]: hasContent,
18
- }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
18
+ }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: closerIcon }) : null, leftAddons: leftAddons, sticky: sticky, title: title, ...restProps }, children));
19
19
  };
20
20
 
21
21
  export { HeaderDesktop };
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import '@alfalab/core-components-base-modal/modern';
4
4
  import { ModalContext } from '../../Context.js';
5
5
 
6
- var styles = {"header":"side-panel__header_1e3es","hasContent":"side-panel__hasContent_1e3es","highlighted":"side-panel__highlighted_1e3es","sticky":"side-panel__sticky_1e3es","backgroundImage":"side-panel__backgroundImage_1e3es","content":"side-panel__content_1e3es","title":"side-panel__title_1e3es","addon":"side-panel__addon_1e3es","closer":"side-panel__closer_1e3es","left":"side-panel__left_1e3es","center":"side-panel__center_1e3es","right":"side-panel__right_1e3es","trim":"side-panel__trim_1e3es"};
6
+ var styles = {"header":"side-panel__header_mq08o","hasContent":"side-panel__hasContent_mq08o","highlighted":"side-panel__highlighted_mq08o","sticky":"side-panel__sticky_mq08o","backgroundImage":"side-panel__backgroundImage_mq08o","content":"side-panel__content_mq08o","title":"side-panel__title_mq08o","addon":"side-panel__addon_mq08o","closer":"side-panel__closer_mq08o","left":"side-panel__left_mq08o","center":"side-panel__center_mq08o","right":"side-panel__right_mq08o","trim":"side-panel__trim_mq08o"};
7
7
  require('./index.css')
8
8
 
9
9
  const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, closer, sticky, imageUrl, dataTestId, }) => {
@@ -1,10 +1,14 @@
1
- import { FC } from 'react';
1
+ import { ElementType, FC } from 'react';
2
2
  import { HeaderProps } from "./Component";
3
3
  type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
4
4
  /**
5
5
  * Наличие крестика
6
6
  */
7
7
  hasCloser?: boolean;
8
+ /**
9
+ * Иконка closer.
10
+ */
11
+ closerIcon?: ElementType;
8
12
  };
9
13
  declare const HeaderMobile: FC<HeaderMobileProps>;
10
14
  export { HeaderMobileProps, HeaderMobile };
@@ -2,17 +2,16 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import '@alfalab/core-components-base-modal/modern';
4
4
  import '../../Context.js';
5
- import { Header } from './Component.js';
6
5
  import '@alfalab/core-components-icon-button/modern';
7
- import '@alfalab/icons-glyph/CrossHeavyMIcon';
8
6
  import { Closer } from '../closer/Component.js';
7
+ import { Header } from './Component.js';
9
8
  import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
10
9
 
11
- var styles = {"sticky":"side-panel__sticky_1ogyl","content":"side-panel__content_1ogyl"};
10
+ var styles = {"sticky":"side-panel__sticky_10ra5","content":"side-panel__content_10ra5"};
12
11
  require('./mobile.css')
13
12
 
14
- const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, {
13
+ const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, closerIcon = CrossMIcon, ...restProps }) => (React.createElement(Header, { className: cn(className, {
15
14
  [styles.sticky]: sticky,
16
- }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: CrossMIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
15
+ }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky, ...restProps }));
17
16
 
18
17
  export { HeaderMobile };
@@ -1,4 +1,4 @@
1
- /* hash: 1ml9y */
1
+ /* hash: p4lcw */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -34,21 +34,21 @@
34
34
 
35
35
  /* mobile */
36
36
  }
37
- .side-panel__content_c199h {
37
+ .side-panel__content_nuaig {
38
38
  font-weight: var(--side-panel-header-desktop-font-weight);
39
39
  font-family: var(--side-panel-header-desktop-font-family);
40
40
  }
41
- .side-panel__s_c199h .side-panel__content_c199h {
41
+ .side-panel__s_nuaig .side-panel__content_nuaig {
42
42
  padding: var(--side-panel-s-header-desktop-content-paddings);
43
43
  font-size: var(--side-panel-s-header-desktop-font-size);
44
44
  line-height: var(--side-panel-s-header-desktop-line-height);
45
45
  }
46
- .side-panel__s_c199h {
46
+ .side-panel__s_nuaig {
47
47
  padding: var(--side-panel-s-header-paddings)
48
48
  }
49
- .side-panel__s_c199h:not(.side-panel__hasContent_c199h) {
49
+ .side-panel__s_nuaig:not(.side-panel__hasContent_nuaig) {
50
50
  padding-bottom: 0;
51
51
  }
52
- .side-panel__sticky_c199h {
52
+ .side-panel__sticky_nuaig {
53
53
  top: 0;
54
54
  }
@@ -1,4 +1,4 @@
1
- /* hash: 12zaa */
1
+ /* hash: g0wlq */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -25,7 +25,7 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .side-panel__header_1e3es {
28
+ .side-panel__header_mq08o {
29
29
  width: 100%;
30
30
  box-sizing: border-box;
31
31
  display: flex;
@@ -33,31 +33,31 @@
33
33
  justify-content: space-between;
34
34
  transition: box-shadow 0.2s ease, background 0.2s ease
35
35
  }
36
- .side-panel__header_1e3es:not(.side-panel__hasContent_1e3es) {
36
+ .side-panel__header_mq08o:not(.side-panel__hasContent_mq08o) {
37
37
  pointer-events: none;
38
38
  }
39
- .side-panel__highlighted_1e3es {
39
+ .side-panel__highlighted_mq08o {
40
40
  background: var(--side-panel-header-highlight-background);
41
41
  box-shadow: var(--side-panel-header-highlight-box-shadow);
42
42
  }
43
- .side-panel__sticky_1e3es {
43
+ .side-panel__sticky_mq08o {
44
44
  position: sticky;
45
45
  z-index: 1
46
46
  }
47
- .side-panel__sticky_1e3es.side-panel__hasContent_1e3es {
47
+ .side-panel__sticky_mq08o.side-panel__hasContent_mq08o {
48
48
  background: var(--side-panel-header-background);
49
49
  }
50
- .side-panel__header_1e3es.side-panel__backgroundImage_1e3es {
50
+ .side-panel__header_mq08o.side-panel__backgroundImage_mq08o {
51
51
  background: center no-repeat;
52
52
  background-size: cover;
53
53
  }
54
- .side-panel__content_1e3es {
54
+ .side-panel__content_mq08o {
55
55
  flex-grow: 1;
56
56
  }
57
- .side-panel__title_1e3es {
57
+ .side-panel__title_mq08o {
58
58
  word-break: break-word;
59
59
  }
60
- .side-panel__addon_1e3es {
60
+ .side-panel__addon_mq08o {
61
61
  min-width: 48px;
62
62
  height: 48px;
63
63
  display: flex;
@@ -65,25 +65,25 @@
65
65
  align-items: center;
66
66
  pointer-events: all;
67
67
  }
68
- .side-panel__closer_1e3es {
68
+ .side-panel__closer_mq08o {
69
69
  margin-left: auto;
70
70
  }
71
- .side-panel__left_1e3es {
71
+ .side-panel__left_mq08o {
72
72
  justify-content: flex-start;
73
73
  text-align: left;
74
74
  }
75
- .side-panel__center_1e3es {
75
+ .side-panel__center_mq08o {
76
76
  justify-content: center;
77
77
  text-align: center;
78
78
  }
79
- .side-panel__right_1e3es {
79
+ .side-panel__right_mq08o {
80
80
  justify-content: flex-end;
81
81
  text-align: right;
82
82
  }
83
- .side-panel__trim_1e3es {
83
+ .side-panel__trim_mq08o {
84
84
  overflow: hidden
85
85
  }
86
- .side-panel__trim_1e3es .side-panel__title_1e3es {
86
+ .side-panel__trim_mq08o .side-panel__title_mq08o {
87
87
  overflow: hidden;
88
88
  white-space: nowrap;
89
89
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: 1qm8o */
1
+ /* hash: lkx0f */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -34,10 +34,10 @@
34
34
  --side-panel-header-mobile-font-family: var(--font-family-system);
35
35
  --side-panel-header-mobile-font-weight: bold;
36
36
  }
37
- .side-panel__sticky_1ogyl {
37
+ .side-panel__sticky_10ra5 {
38
38
  top: 0;
39
39
  }
40
- .side-panel__content_1ogyl {
40
+ .side-panel__content_10ra5 {
41
41
  font-size: var(--side-panel-header-mobile-font-size);
42
42
  line-height: var(--side-panel-header-mobile-line-height);
43
43
  font-family: var(--side-panel-header-mobile-font-family);
@@ -1,4 +1,4 @@
1
- /* hash: 1wjy1 */
1
+ /* hash: 1fxe6 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -20,9 +20,9 @@
20
20
 
21
21
  /* mobile */
22
22
  }
23
- .side-panel__s_1y7nn {
23
+ .side-panel__s_1fqqk {
24
24
  width: var(--side-panel-s-width);
25
25
  }
26
- .side-panel__hidden_1y7nn {
26
+ .side-panel__hidden_1fqqk {
27
27
  overflow-x: hidden;
28
28
  }
package/modern/desktop.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import 'react';
2
+ import 'react-merge-refs';
2
3
  import 'classnames';
3
4
  import '@alfalab/core-components-drawer/modern';
4
- import 'react-merge-refs';
5
5
  import '@alfalab/core-components-base-modal/modern';
6
6
  import './Context.js';
7
- import './components/header/Component.js';
8
- import '@alfalab/core-components-icon-button/modern';
9
- import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
- import './components/closer/Component.js';
11
- import './components/header/Component.desktop.js';
12
7
  import './components/content/Component.js';
13
8
  import './components/content/Component.desktop.js';
14
9
  import './components/footer/Component.js';
15
10
  import './components/footer/Component.desktop.js';
11
+ import '@alfalab/icons-glyph/CrossHeavyMIcon';
12
+ import '@alfalab/core-components-icon-button/modern';
13
+ import './components/closer/Component.js';
14
+ import './components/header/Component.js';
15
+ import './components/header/Component.desktop.js';
16
16
  export { SidePanelDesktop } from './Component.desktop.js';
package/modern/index.js CHANGED
@@ -1,23 +1,23 @@
1
1
  import 'react';
2
+ import 'react-merge-refs';
2
3
  import 'classnames';
3
4
  import '@alfalab/core-components-drawer/modern';
4
- import 'react-merge-refs';
5
5
  import '@alfalab/core-components-base-modal/modern';
6
6
  export { ModalContext } from './Context.js';
7
- import './components/header/Component.js';
8
- import '@alfalab/core-components-icon-button/modern';
9
- import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
- import './components/closer/Component.js';
11
- import './components/header/Component.desktop.js';
12
7
  import './components/content/Component.js';
13
8
  import './components/content/Component.desktop.js';
14
9
  import './components/footer/Component.js';
15
10
  import './components/footer/Component.desktop.js';
11
+ import '@alfalab/icons-glyph/CrossHeavyMIcon';
12
+ import '@alfalab/core-components-icon-button/modern';
13
+ import './components/closer/Component.js';
14
+ import './components/header/Component.js';
15
+ import './components/header/Component.desktop.js';
16
16
  import './Component.desktop.js';
17
- import '@alfalab/icons-glyph/CrossMIcon';
18
- import './components/header/Component.mobile.js';
19
17
  import './components/content/Component.mobile.js';
20
18
  import './components/footer/Component.mobile.js';
19
+ import '@alfalab/icons-glyph/CrossMIcon';
20
+ import './components/header/Component.mobile.js';
21
21
  import './Component.mobile.js';
22
22
  import '@alfalab/hooks';
23
23
  export { SidePanelResponsive } from './Component.responsive.js';
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 17fvk */
1
+ /* hash: 4q55c */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .side-panel__component_1oybo {
22
+ .side-panel__component_1m32q {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
package/modern/mobile.js CHANGED
@@ -2,14 +2,13 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-base-modal/modern';
4
4
  import './Context.js';
5
- import './components/header/Component.js';
6
- import '@alfalab/core-components-icon-button/modern';
7
- import '@alfalab/icons-glyph/CrossHeavyMIcon';
8
- import './components/closer/Component.js';
9
5
  import './components/content/Component.js';
10
6
  import './components/footer/Component.js';
11
- import '@alfalab/icons-glyph/CrossMIcon';
12
- import './components/header/Component.mobile.js';
7
+ import '@alfalab/core-components-icon-button/modern';
8
+ import './components/closer/Component.js';
9
+ import './components/header/Component.js';
13
10
  import './components/content/Component.mobile.js';
14
11
  import './components/footer/Component.mobile.js';
12
+ import '@alfalab/icons-glyph/CrossMIcon';
13
+ import './components/header/Component.mobile.js';
15
14
  export { SidePanelMobile } from './Component.mobile.js';
@@ -1,23 +1,23 @@
1
1
  import 'react';
2
+ import 'react-merge-refs';
2
3
  import 'classnames';
3
4
  import '@alfalab/core-components-drawer/modern';
4
- import 'react-merge-refs';
5
5
  import '@alfalab/core-components-base-modal/modern';
6
6
  import './Context.js';
7
- import './components/header/Component.js';
8
- import '@alfalab/core-components-icon-button/modern';
9
- import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
- import './components/closer/Component.js';
11
- import './components/header/Component.desktop.js';
12
7
  import './components/content/Component.js';
13
8
  import './components/content/Component.desktop.js';
14
9
  import './components/footer/Component.js';
15
10
  import './components/footer/Component.desktop.js';
11
+ import '@alfalab/icons-glyph/CrossHeavyMIcon';
12
+ import '@alfalab/core-components-icon-button/modern';
13
+ import './components/closer/Component.js';
14
+ import './components/header/Component.js';
15
+ import './components/header/Component.desktop.js';
16
16
  import './Component.desktop.js';
17
- import '@alfalab/icons-glyph/CrossMIcon';
18
- import './components/header/Component.mobile.js';
19
17
  import './components/content/Component.mobile.js';
20
18
  import './components/footer/Component.mobile.js';
19
+ import '@alfalab/icons-glyph/CrossMIcon';
20
+ import './components/header/Component.mobile.js';
21
21
  import './Component.mobile.js';
22
22
  import '@alfalab/hooks';
23
23
  export { SidePanelResponsive } from './Component.responsive.js';
@@ -1,32 +1,32 @@
1
- /* hash: e4r8o */
2
- .side-panel__enterRight_12kfp {
1
+ /* hash: 1k80y */
2
+ .side-panel__enterRight_1z00n {
3
3
  opacity: 0;
4
4
  transform: translateX(15px);
5
5
  }
6
6
 
7
- .side-panel__enterLeft_12kfp {
7
+ .side-panel__enterLeft_1z00n {
8
8
  opacity: 0;
9
9
  transform: translateX(-15px);
10
10
  }
11
11
 
12
- .side-panel__enterActive_12kfp {
12
+ .side-panel__enterActive_1z00n {
13
13
  opacity: 1;
14
14
  transform: translateX(0);
15
15
  transition: opacity 200ms ease-in, transform 200ms ease-in;
16
16
  }
17
17
 
18
- .side-panel__exit_12kfp {
18
+ .side-panel__exit_1z00n {
19
19
  opacity: 1;
20
20
  transform: translateX(0);
21
21
  }
22
22
 
23
- .side-panel__exitActiveRight_12kfp {
23
+ .side-panel__exitActiveRight_1z00n {
24
24
  opacity: 0;
25
25
  transition: opacity 200ms ease-out, transform 200ms ease-out;
26
26
  transform: translateX(15px);
27
27
  }
28
28
 
29
- .side-panel__exitActiveLeft_12kfp {
29
+ .side-panel__exitActiveLeft_1z00n {
30
30
  opacity: 0;
31
31
  transition: opacity 200ms ease-out, transform 200ms ease-out;
32
32
  transform: translateX(-15px);
@@ -1,24 +1,24 @@
1
- /* hash: 1vl9w */
2
- .side-panel__appear_xeuxw,
3
- .side-panel__enter_xeuxw {
1
+ /* hash: 156ty */
2
+ .side-panel__appear_1os9i,
3
+ .side-panel__enter_1os9i {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_xeuxw,
9
- .side-panel__enterActive_xeuxw {
8
+ .side-panel__appearActive_1os9i,
9
+ .side-panel__enterActive_1os9i {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .side-panel__exit_xeuxw {
15
+ .side-panel__exit_1os9i {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_xeuxw,
21
- .side-panel__exitDone_xeuxw {
20
+ .side-panel__exitActive_1os9i,
21
+ .side-panel__exitDone_1os9i {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-side-panel",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "description": "SidePanel component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,9 +18,9 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@alfalab/core-components-base-modal": "^5.0.4",
21
- "@alfalab/core-components-button": "^6.1.2",
21
+ "@alfalab/core-components-button": "^7.0.0",
22
22
  "@alfalab/core-components-drawer": "^4.1.0",
23
- "@alfalab/core-components-icon-button": "^5.0.5",
23
+ "@alfalab/core-components-icon-button": "^6.0.0",
24
24
  "classnames": "^2.3.1"
25
25
  }
26
26
  }
package/responsive.js CHANGED
@@ -2,27 +2,27 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-946fd0e1.js');
5
+ require('./tslib.es6-d84e0616.js');
6
6
  require('react');
7
+ require('react-merge-refs');
7
8
  require('classnames');
8
9
  require('@alfalab/core-components-drawer');
9
- require('react-merge-refs');
10
10
  require('@alfalab/core-components-base-modal');
11
11
  require('./Context.js');
12
- require('./components/header/Component.js');
13
- require('@alfalab/core-components-icon-button');
14
- require('@alfalab/icons-glyph/CrossHeavyMIcon');
15
- require('./components/closer/Component.js');
16
- require('./components/header/Component.desktop.js');
17
12
  require('./components/content/Component.js');
18
13
  require('./components/content/Component.desktop.js');
19
14
  require('./components/footer/Component.js');
20
15
  require('./components/footer/Component.desktop.js');
16
+ require('@alfalab/icons-glyph/CrossHeavyMIcon');
17
+ require('@alfalab/core-components-icon-button');
18
+ require('./components/closer/Component.js');
19
+ require('./components/header/Component.js');
20
+ require('./components/header/Component.desktop.js');
21
21
  require('./Component.desktop.js');
22
- require('@alfalab/icons-glyph/CrossMIcon');
23
- require('./components/header/Component.mobile.js');
24
22
  require('./components/content/Component.mobile.js');
25
23
  require('./components/footer/Component.mobile.js');
24
+ require('@alfalab/icons-glyph/CrossMIcon');
25
+ require('./components/header/Component.mobile.js');
26
26
  require('./Component.mobile.js');
27
27
  require('@alfalab/hooks');
28
28
  var Component_responsive = require('./Component.responsive.js');
@@ -1,32 +1,32 @@
1
- /* hash: e4r8o */
2
- .side-panel__enterRight_12kfp {
1
+ /* hash: 1k80y */
2
+ .side-panel__enterRight_1z00n {
3
3
  opacity: 0;
4
4
  transform: translateX(15px);
5
5
  }
6
6
 
7
- .side-panel__enterLeft_12kfp {
7
+ .side-panel__enterLeft_1z00n {
8
8
  opacity: 0;
9
9
  transform: translateX(-15px);
10
10
  }
11
11
 
12
- .side-panel__enterActive_12kfp {
12
+ .side-panel__enterActive_1z00n {
13
13
  opacity: 1;
14
14
  transform: translateX(0);
15
15
  transition: opacity 200ms ease-in, transform 200ms ease-in;
16
16
  }
17
17
 
18
- .side-panel__exit_12kfp {
18
+ .side-panel__exit_1z00n {
19
19
  opacity: 1;
20
20
  transform: translateX(0);
21
21
  }
22
22
 
23
- .side-panel__exitActiveRight_12kfp {
23
+ .side-panel__exitActiveRight_1z00n {
24
24
  opacity: 0;
25
25
  transition: opacity 200ms ease-out, transform 200ms ease-out;
26
26
  transform: translateX(15px);
27
27
  }
28
28
 
29
- .side-panel__exitActiveLeft_12kfp {
29
+ .side-panel__exitActiveLeft_1z00n {
30
30
  opacity: 0;
31
31
  transition: opacity 200ms ease-out, transform 200ms ease-out;
32
32
  transform: translateX(-15px);
@@ -1,24 +1,24 @@
1
- /* hash: 1vl9w */
2
- .side-panel__appear_xeuxw,
3
- .side-panel__enter_xeuxw {
1
+ /* hash: 156ty */
2
+ .side-panel__appear_1os9i,
3
+ .side-panel__enter_1os9i {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_xeuxw,
9
- .side-panel__enterActive_xeuxw {
8
+ .side-panel__appearActive_1os9i,
9
+ .side-panel__enterActive_1os9i {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .side-panel__exit_xeuxw {
15
+ .side-panel__exit_1os9i {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_xeuxw,
21
- .side-panel__exitDone_xeuxw {
20
+ .side-panel__exitActive_1os9i,
21
+ .side-panel__exitDone_1os9i {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
12
12
  declare function __exportStar(m: any, o: any): void;
13
13
  declare function __values(o: any): any;
14
14
  declare function __read(o: any, n: any): any;
15
+ /** @deprecated */
15
16
  declare function __spread(...args: any[]): any[];
17
+ /** @deprecated */
16
18
  declare function __spreadArrays(...args: any[]): any[];
17
- declare function __await(v: any): any;
19
+ declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
20
+ declare function __await(v: any): __await;
18
21
  declare class __await {
19
22
  constructor(v: any);
20
23
  v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
25
28
  declare function __makeTemplateObject(cooked: any, raw: any): any;
26
29
  declare function __importStar(mod: any): any;
27
30
  declare function __importDefault(mod: any): any;
28
- declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
29
- declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
31
+ declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
32
+ declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
33
+ declare function __classPrivateFieldIn(state: any, receiver: any): any;
30
34
  declare function __assign(...args: any[]): any;
31
35
  declare function __createBinding(o: any, m: any, k: any, k2: any): void;
32
- export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
36
+ export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- /*! *****************************************************************************
3
+ /******************************************************************************
4
4
  Copyright (c) Microsoft Corporation.
5
5
 
6
6
  Permission to use, copy, modify, and/or distribute this software for any