@alfalab/core-components-side-panel 5.1.0 → 5.1.2

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 (115) hide show
  1. package/Component.responsive.js +0 -13
  2. package/components/content/Component.desktop.js +1 -5
  3. package/components/content/Component.js +1 -2
  4. package/components/content/Component.mobile.js +1 -5
  5. package/components/content/desktop.css +3 -3
  6. package/components/content/index.css +4 -4
  7. package/components/content/mobile.css +3 -3
  8. package/components/controls/Component.js +2 -2
  9. package/components/controls/index.css +2 -2
  10. package/components/controls/index.js +0 -5
  11. package/components/footer/Component.desktop.js +1 -6
  12. package/components/footer/Component.js +2 -3
  13. package/components/footer/Component.mobile.js +1 -6
  14. package/components/footer/desktop.css +3 -3
  15. package/components/footer/index.css +4 -4
  16. package/components/footer/layout.css +17 -17
  17. package/components/footer/mobile.css +3 -3
  18. package/components/header/Component.js +3 -4
  19. package/components/header/desktop.css +5 -5
  20. package/components/header/index.css +14 -14
  21. package/components/header/mobile.css +4 -4
  22. package/cssm/Component.responsive.js +0 -27
  23. package/cssm/components/content/Component.desktop.js +0 -5
  24. package/cssm/components/content/Component.js +0 -1
  25. package/cssm/components/content/Component.mobile.js +0 -5
  26. package/cssm/components/controls/index.js +0 -6
  27. package/cssm/components/footer/Component.desktop.js +0 -6
  28. package/cssm/components/footer/Component.js +0 -1
  29. package/cssm/components/footer/Component.mobile.js +0 -6
  30. package/cssm/components/header/Component.js +0 -1
  31. package/cssm/desktop/Component.desktop.js +0 -15
  32. package/cssm/desktop/index.js +0 -27
  33. package/cssm/index.js +0 -36
  34. package/cssm/mobile/Component.mobile.js +0 -14
  35. package/cssm/mobile/index.js +0 -25
  36. package/cssm/shared/index.js +0 -2
  37. package/desktop/Component.desktop.js +2 -9
  38. package/desktop/desktop.css +3 -3
  39. package/desktop/index.js +0 -17
  40. package/desktop/transitions.desktop.css +7 -7
  41. package/esm/Component.responsive.js +0 -13
  42. package/esm/components/content/Component.desktop.js +1 -5
  43. package/esm/components/content/Component.js +1 -2
  44. package/esm/components/content/Component.mobile.js +1 -5
  45. package/esm/components/content/desktop.css +3 -3
  46. package/esm/components/content/index.css +4 -4
  47. package/esm/components/content/mobile.css +3 -3
  48. package/esm/components/controls/Component.js +2 -2
  49. package/esm/components/controls/index.css +2 -2
  50. package/esm/components/controls/index.js +0 -5
  51. package/esm/components/footer/Component.desktop.js +1 -6
  52. package/esm/components/footer/Component.js +2 -3
  53. package/esm/components/footer/Component.mobile.js +1 -6
  54. package/esm/components/footer/desktop.css +3 -3
  55. package/esm/components/footer/index.css +4 -4
  56. package/esm/components/footer/layout.css +17 -17
  57. package/esm/components/footer/mobile.css +3 -3
  58. package/esm/components/header/Component.js +3 -4
  59. package/esm/components/header/desktop.css +5 -5
  60. package/esm/components/header/index.css +14 -14
  61. package/esm/components/header/mobile.css +4 -4
  62. package/esm/desktop/Component.desktop.js +2 -9
  63. package/esm/desktop/desktop.css +3 -3
  64. package/esm/desktop/index.js +0 -17
  65. package/esm/desktop/transitions.desktop.css +7 -7
  66. package/esm/index.js +0 -22
  67. package/esm/layout.module-0f3296f1.js +4 -0
  68. package/esm/mobile/Component.mobile.js +2 -8
  69. package/esm/mobile/index.js +0 -15
  70. package/esm/mobile/mobile.css +4 -4
  71. package/esm/mobile/transitions.mobile.css +8 -8
  72. package/esm/shared/index.js +0 -2
  73. package/index.js +0 -22
  74. package/layout.module-41a41938.js +6 -0
  75. package/mobile/Component.mobile.js +2 -8
  76. package/mobile/index.js +0 -15
  77. package/mobile/mobile.css +4 -4
  78. package/mobile/transitions.mobile.css +8 -8
  79. package/modern/Component.responsive.js +0 -13
  80. package/modern/components/content/Component.desktop.js +1 -5
  81. package/modern/components/content/Component.js +1 -2
  82. package/modern/components/content/Component.mobile.js +1 -5
  83. package/modern/components/content/desktop.css +3 -3
  84. package/modern/components/content/index.css +4 -4
  85. package/modern/components/content/mobile.css +3 -3
  86. package/modern/components/controls/Component.js +2 -2
  87. package/modern/components/controls/index.css +2 -2
  88. package/modern/components/controls/index.js +0 -5
  89. package/modern/components/footer/Component.desktop.js +1 -6
  90. package/modern/components/footer/Component.js +2 -3
  91. package/modern/components/footer/Component.mobile.js +1 -6
  92. package/modern/components/footer/desktop.css +3 -3
  93. package/modern/components/footer/index.css +4 -4
  94. package/modern/components/footer/layout.css +17 -17
  95. package/modern/components/footer/mobile.css +3 -3
  96. package/modern/components/header/Component.js +3 -4
  97. package/modern/components/header/desktop.css +5 -5
  98. package/modern/components/header/index.css +14 -14
  99. package/modern/components/header/mobile.css +4 -4
  100. package/modern/desktop/Component.desktop.js +2 -9
  101. package/modern/desktop/desktop.css +3 -3
  102. package/modern/desktop/index.js +0 -16
  103. package/modern/desktop/transitions.desktop.css +7 -7
  104. package/modern/index.js +0 -21
  105. package/modern/layout.module-d4e1a7fc.js +4 -0
  106. package/modern/mobile/Component.mobile.js +2 -8
  107. package/modern/mobile/index.js +0 -14
  108. package/modern/mobile/mobile.css +4 -4
  109. package/modern/mobile/transitions.mobile.css +8 -8
  110. package/modern/shared/index.js +0 -2
  111. package/package.json +2 -2
  112. package/shared/index.js +0 -2
  113. package/esm/layout.module-32a5f5e3.js +0 -4
  114. package/layout.module-3c57dc76.js +0 -6
  115. package/modern/layout.module-6eff2b9e.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: 190yi */
1
+ /* hash: 1jgw4 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* 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 */
4
4
  } :root { /* 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 */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .side-panel__footer_166d5 {
31
+ } .side-panel__footer_1gvw8 {
32
32
  padding: var(--gap-m);
33
- } .side-panel__sticky_166d5 {
33
+ } .side-panel__sticky_1gvw8 {
34
34
  bottom: 0;
35
35
  }
@@ -5,15 +5,14 @@ import { NavigationBar } from '@alfalab/core-components-navigation-bar/esm';
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
6
6
  import { ModalContext } from '../../Context.js';
7
7
  import { ResponsiveContext } from '../../ResponsiveContext.js';
8
- import '@alfalab/core-components-base-modal/esm';
9
8
 
10
- var desktopStyles = {"content":"side-panel__content_o3tu9","s":"side-panel__s_o3tu9","sticky":"side-panel__sticky_o3tu9"};
9
+ var desktopStyles = {"content":"side-panel__content_1eb4l","s":"side-panel__s_1eb4l","sticky":"side-panel__sticky_1eb4l"};
11
10
  require('./desktop.css')
12
11
 
13
- var styles = {"header":"side-panel__header_1kokn","hasContent":"side-panel__hasContent_1kokn","highlighted":"side-panel__highlighted_1kokn","sticky":"side-panel__sticky_1kokn","backgroundImage":"side-panel__backgroundImage_1kokn","content":"side-panel__content_1kokn","title":"side-panel__title_1kokn","addon":"side-panel__addon_1kokn","closer":"side-panel__closer_1kokn","right":"side-panel__right_1kokn","trim":"side-panel__trim_1kokn"};
12
+ var styles = {"header":"side-panel__header_burcp","hasContent":"side-panel__hasContent_burcp","highlighted":"side-panel__highlighted_burcp","sticky":"side-panel__sticky_burcp","backgroundImage":"side-panel__backgroundImage_burcp","content":"side-panel__content_burcp","title":"side-panel__title_burcp","addon":"side-panel__addon_burcp","closer":"side-panel__closer_burcp","right":"side-panel__right_burcp","trim":"side-panel__trim_burcp"};
14
13
  require('./index.css')
15
14
 
16
- var mobileStyles = {"header":"side-panel__header_1ka0o","sticky":"side-panel__sticky_1ka0o","content":"side-panel__content_1ka0o"};
15
+ var mobileStyles = {"header":"side-panel__header_19khl","sticky":"side-panel__sticky_19khl","content":"side-panel__content_19khl"};
17
16
  require('./mobile.css')
18
17
 
19
18
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 10vrn */
1
+ /* hash: 10xpk */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* 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 */
4
4
  } :root { /* 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 */
@@ -37,15 +37,15 @@
37
37
  /* mobile */
38
38
 
39
39
  /* paddings */
40
- } .side-panel__content_o3tu9 {
40
+ } .side-panel__content_1eb4l {
41
41
  font-weight: var(--side-panel-header-desktop-font-weight);
42
42
  font-family: var(--side-panel-header-desktop-font-family);
43
- } .side-panel__s_o3tu9 .side-panel__content_o3tu9 {
43
+ } .side-panel__s_1eb4l .side-panel__content_1eb4l {
44
44
  padding: var(--side-panel-s-header-desktop-content-paddings);
45
45
  font-size: var(--side-panel-s-header-desktop-font-size);
46
46
  line-height: var(--side-panel-s-header-desktop-line-height);
47
- } .side-panel__s_o3tu9 {
47
+ } .side-panel__s_1eb4l {
48
48
  padding: var(--side-panel-s-header-paddings);
49
- } .side-panel__sticky_o3tu9 {
49
+ } .side-panel__sticky_1eb4l {
50
50
  top: 0;
51
51
  }
@@ -1,4 +1,4 @@
1
- /* hash: reodu */
1
+ /* hash: rgmao */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -32,42 +32,42 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .side-panel__header_1kokn {
35
+ } .side-panel__header_burcp {
36
36
  width: 100%;
37
37
  box-sizing: border-box;
38
38
  transition: box-shadow 0.2s ease, background 0.2s ease
39
- } .side-panel__header_1kokn:not(.side-panel__hasContent_1kokn) {
39
+ } .side-panel__header_burcp:not(.side-panel__hasContent_burcp) {
40
40
  pointer-events: none;
41
- } .side-panel__highlighted_1kokn {
41
+ } .side-panel__highlighted_burcp {
42
42
  background: var(--side-panel-header-highlight-background);
43
43
  box-shadow: var(--side-panel-header-highlight-box-shadow);
44
- } .side-panel__sticky_1kokn {
44
+ } .side-panel__sticky_burcp {
45
45
  position: sticky;
46
46
  z-index: 1
47
- } .side-panel__sticky_1kokn.side-panel__hasContent_1kokn {
47
+ } .side-panel__sticky_burcp.side-panel__hasContent_burcp {
48
48
  background: var(--side-panel-header-background);
49
- } .side-panel__header_1kokn.side-panel__backgroundImage_1kokn {
49
+ } .side-panel__header_burcp.side-panel__backgroundImage_burcp {
50
50
  background: center no-repeat;
51
51
  background-size: cover;
52
- } .side-panel__content_1kokn {
52
+ } .side-panel__content_burcp {
53
53
  flex-grow: 1;
54
- } .side-panel__title_1kokn {
54
+ } .side-panel__title_burcp {
55
55
  word-break: break-word;
56
- } .side-panel__addon_1kokn {
56
+ } .side-panel__addon_burcp {
57
57
  min-width: 48px;
58
58
  height: 48px;
59
59
  display: flex;
60
60
  justify-content: center;
61
61
  align-items: center;
62
62
  pointer-events: all;
63
- } .side-panel__closer_1kokn {
63
+ } .side-panel__closer_burcp {
64
64
  margin-left: auto;
65
- } .side-panel__right_1kokn {
65
+ } .side-panel__right_burcp {
66
66
  justify-content: flex-end;
67
67
  text-align: right;
68
- } .side-panel__trim_1kokn {
68
+ } .side-panel__trim_burcp {
69
69
  overflow: hidden
70
- } .side-panel__trim_1kokn .side-panel__title_1kokn {
70
+ } .side-panel__trim_burcp .side-panel__title_burcp {
71
71
  overflow: hidden;
72
72
  white-space: nowrap;
73
73
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: 1tid0 */
1
+ /* hash: 4x6kf */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* 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 */
4
4
  } :root { /* 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 */
@@ -38,11 +38,11 @@
38
38
 
39
39
  /* paddings */
40
40
  --side-panel-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
41
- } .side-panel__header_1ka0o {
41
+ } .side-panel__header_19khl {
42
42
  padding: var(--side-panel-header-mobile-paddings);
43
- } .side-panel__sticky_1ka0o {
43
+ } .side-panel__sticky_19khl {
44
44
  top: 0;
45
- } .side-panel__content_1ka0o {
45
+ } .side-panel__content_19khl {
46
46
  font-size: var(--side-panel-header-mobile-font-size);
47
47
  line-height: var(--side-panel-header-mobile-line-height);
48
48
  font-family: var(--side-panel-header-mobile-font-family);
@@ -8,18 +8,11 @@ import { Controls } from '../components/controls/Component.js';
8
8
  import { FooterDesktop } from '../components/footer/Component.desktop.js';
9
9
  import { Header } from '../components/header/Component.js';
10
10
  import { ResponsiveContext } from '../ResponsiveContext.js';
11
- import '../components/content/Component.js';
12
- import '@alfalab/core-components-shared/esm';
13
- import '../Context.js';
14
- import '@alfalab/core-components-base-modal/esm';
15
- import '../layout.module-32a5f5e3.js';
16
- import '../components/footer/Component.js';
17
- import '@alfalab/core-components-navigation-bar/esm';
18
11
 
19
- var styles = {"s":"side-panel__s_el59u","hidden":"side-panel__hidden_el59u"};
12
+ var styles = {"s":"side-panel__s_17oje","hidden":"side-panel__hidden_17oje"};
20
13
  require('./desktop.css')
21
14
 
22
- var transitions = {"enterRight":"side-panel__enterRight_wi2zr","enterLeft":"side-panel__enterLeft_wi2zr","enterActive":"side-panel__enterActive_wi2zr","exit":"side-panel__exit_wi2zr","exitActiveRight":"side-panel__exitActiveRight_wi2zr","exitActiveLeft":"side-panel__exitActiveLeft_wi2zr"};
15
+ var transitions = {"enterRight":"side-panel__enterRight_177m2","enterLeft":"side-panel__enterLeft_177m2","enterActive":"side-panel__enterActive_177m2","exit":"side-panel__exit_177m2","exitActiveRight":"side-panel__exitActiveRight_177m2","exitActiveLeft":"side-panel__exitActiveLeft_177m2"};
23
16
  require('./transitions.desktop.css')
24
17
 
25
18
  var SidePanelDesktopComponent = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 1anug */
1
+ /* hash: 1t36p */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* 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 */
4
4
  } :root { /* 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 */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .side-panel__s_el59u.side-panel__s_el59u {
31
+ } .side-panel__s_17oje.side-panel__s_17oje {
32
32
  width: var(--side-panel-s-width);
33
- } .side-panel__hidden_el59u {
33
+ } .side-panel__hidden_17oje {
34
34
  overflow-x: hidden;
35
35
  }
@@ -1,18 +1 @@
1
1
  export { SidePanelDesktop } from './Component.desktop.js';
2
- import 'tslib';
3
- import 'react';
4
- import 'react-merge-refs';
5
- import 'classnames';
6
- import '@alfalab/core-components-drawer/esm';
7
- import '../components/content/Component.desktop.js';
8
- import '../components/content/Component.js';
9
- import '@alfalab/core-components-shared/esm';
10
- import '../Context.js';
11
- import '@alfalab/core-components-base-modal/esm';
12
- import '../ResponsiveContext.js';
13
- import '../components/controls/Component.js';
14
- import '../layout.module-32a5f5e3.js';
15
- import '../components/footer/Component.desktop.js';
16
- import '../components/footer/Component.js';
17
- import '../components/header/Component.js';
18
- import '@alfalab/core-components-navigation-bar/esm';
@@ -1,32 +1,32 @@
1
- /* hash: 12qle */
2
- .side-panel__enterRight_wi2zr {
1
+ /* hash: 1d6j0 */
2
+ .side-panel__enterRight_177m2 {
3
3
  opacity: 0;
4
4
  transform: translateX(15px);
5
5
  }
6
6
 
7
- .side-panel__enterLeft_wi2zr {
7
+ .side-panel__enterLeft_177m2 {
8
8
  opacity: 0;
9
9
  transform: translateX(-15px);
10
10
  }
11
11
 
12
- .side-panel__enterActive_wi2zr {
12
+ .side-panel__enterActive_177m2 {
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_wi2zr {
18
+ .side-panel__exit_177m2 {
19
19
  opacity: 1;
20
20
  transform: translateX(0);
21
21
  }
22
22
 
23
- .side-panel__exitActiveRight_wi2zr {
23
+ .side-panel__exitActiveRight_177m2 {
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_wi2zr {
29
+ .side-panel__exitActiveLeft_177m2 {
30
30
  opacity: 0;
31
31
  transition: opacity 200ms ease-out, transform 200ms ease-out;
32
32
  transform: translateX(-15px);
package/esm/index.js CHANGED
@@ -1,23 +1 @@
1
1
  export { SidePanelResponsive as SidePanel } from './Component.responsive.js';
2
- import 'tslib';
3
- import 'react';
4
- import '@alfalab/core-components-mq/esm';
5
- import '@alfalab/core-components-shared/esm';
6
- import './components/controls/Component.js';
7
- import 'classnames';
8
- import './ResponsiveContext.js';
9
- import './layout.module-32a5f5e3.js';
10
- import './components/header/Component.js';
11
- import '@alfalab/core-components-navigation-bar/esm';
12
- import './Context.js';
13
- import '@alfalab/core-components-base-modal/esm';
14
- import './desktop/Component.desktop.js';
15
- import 'react-merge-refs';
16
- import '@alfalab/core-components-drawer/esm';
17
- import './components/content/Component.desktop.js';
18
- import './components/content/Component.js';
19
- import './components/footer/Component.desktop.js';
20
- import './components/footer/Component.js';
21
- import './mobile/Component.mobile.js';
22
- import './components/content/Component.mobile.js';
23
- import './components/footer/Component.mobile.js';
@@ -0,0 +1,4 @@
1
+ var layoutStyles = {"column":"side-panel__column_526d4","gap-16":"side-panel__gap-16_526d4","gap-24":"side-panel__gap-24_526d4","gap-32":"side-panel__gap-32_526d4","start":"side-panel__start_526d4","center":"side-panel__center_526d4","space-between":"side-panel__space-between_526d4"};
2
+ require('./components/footer/layout.css')
3
+
4
+ export { layoutStyles as l };
@@ -7,17 +7,11 @@ import { Controls } from '../components/controls/Component.js';
7
7
  import { FooterMobile } from '../components/footer/Component.mobile.js';
8
8
  import { Header } from '../components/header/Component.js';
9
9
  import { ResponsiveContext } from '../ResponsiveContext.js';
10
- import '../components/content/Component.js';
11
- import '@alfalab/core-components-shared/esm';
12
- import '../Context.js';
13
- import '../layout.module-32a5f5e3.js';
14
- import '../components/footer/Component.js';
15
- import '@alfalab/core-components-navigation-bar/esm';
16
10
 
17
- var styles = {"component":"side-panel__component_1m9qb","mobileContent":"side-panel__mobileContent_1m9qb"};
11
+ var styles = {"component":"side-panel__component_w2fka","mobileContent":"side-panel__mobileContent_w2fka"};
18
12
  require('./mobile.css')
19
13
 
20
- var transitions = {"appear":"side-panel__appear_rhotw","enter":"side-panel__enter_rhotw","appearActive":"side-panel__appearActive_rhotw","enterActive":"side-panel__enterActive_rhotw","exit":"side-panel__exit_rhotw","exitActive":"side-panel__exitActive_rhotw","exitDone":"side-panel__exitDone_rhotw"};
14
+ var transitions = {"appear":"side-panel__appear_1hozl","enter":"side-panel__enter_1hozl","appearActive":"side-panel__appearActive_1hozl","enterActive":"side-panel__enterActive_1hozl","exit":"side-panel__exit_1hozl","exitActive":"side-panel__exitActive_1hozl","exitDone":"side-panel__exitDone_1hozl"};
21
15
  require('./transitions.mobile.css')
22
16
 
23
17
  var SidePanelMobileComponent = forwardRef(function (_a, ref) {
@@ -1,16 +1 @@
1
1
  export { SidePanelMobile } from './Component.mobile.js';
2
- import 'tslib';
3
- import 'react';
4
- import 'classnames';
5
- import '@alfalab/core-components-base-modal/esm';
6
- import '../components/content/Component.mobile.js';
7
- import '../components/content/Component.js';
8
- import '@alfalab/core-components-shared/esm';
9
- import '../Context.js';
10
- import '../ResponsiveContext.js';
11
- import '../components/controls/Component.js';
12
- import '../layout.module-32a5f5e3.js';
13
- import '../components/footer/Component.mobile.js';
14
- import '../components/footer/Component.js';
15
- import '../components/header/Component.js';
16
- import '@alfalab/core-components-navigation-bar/esm';
@@ -1,4 +1,4 @@
1
- /* hash: 163lm */
1
+ /* hash: 1rtty */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* 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 */
4
4
  } :root { /* 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 */
@@ -27,17 +27,17 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .side-panel__component_1m9qb {
30
+ } .side-panel__component_w2fka {
31
31
  top: 0;
32
32
  height: 100%;
33
33
  width: 100%;
34
34
  overflow-x: hidden;
35
35
  overflow-y: auto;
36
36
  max-width: 600px;
37
- } .side-panel__component_1m9qb.side-panel__component_1m9qb {
37
+ } .side-panel__component_w2fka.side-panel__component_w2fka {
38
38
  position: fixed;
39
39
  flex: 1;
40
- } .side-panel__mobileContent_1m9qb {
40
+ } .side-panel__mobileContent_w2fka {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  width: 100%;
@@ -1,24 +1,24 @@
1
- /* hash: 1kno1 */
2
- .side-panel__appear_rhotw,
3
- .side-panel__enter_rhotw {
1
+ /* hash: 1kply */
2
+ .side-panel__appear_1hozl,
3
+ .side-panel__enter_1hozl {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_rhotw,
9
- .side-panel__enterActive_rhotw {
8
+ .side-panel__appearActive_1hozl,
9
+ .side-panel__enterActive_1hozl {
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_rhotw {
15
+ .side-panel__exit_1hozl {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_rhotw,
21
- .side-panel__exitDone_rhotw {
20
+ .side-panel__exitActive_1hozl,
21
+ .side-panel__exitDone_1hozl {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -1,4 +1,2 @@
1
1
  export { ModalContext } from '../Context.js';
2
2
  export { getSidePanelTestIds } from '../utils.js';
3
- import '@alfalab/core-components-base-modal/esm';
4
- import '@alfalab/core-components-shared/esm';
package/index.js CHANGED
@@ -3,28 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component_responsive = require('./Component.responsive.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/core-components-mq');
9
- require('@alfalab/core-components-shared');
10
- require('./components/controls/Component.js');
11
- require('classnames');
12
- require('./ResponsiveContext.js');
13
- require('./layout.module-3c57dc76.js');
14
- require('./components/header/Component.js');
15
- require('@alfalab/core-components-navigation-bar');
16
- require('./Context.js');
17
- require('@alfalab/core-components-base-modal');
18
- require('./desktop/Component.desktop.js');
19
- require('react-merge-refs');
20
- require('@alfalab/core-components-drawer');
21
- require('./components/content/Component.desktop.js');
22
- require('./components/content/Component.js');
23
- require('./components/footer/Component.desktop.js');
24
- require('./components/footer/Component.js');
25
- require('./mobile/Component.mobile.js');
26
- require('./components/content/Component.mobile.js');
27
- require('./components/footer/Component.mobile.js');
28
6
 
29
7
 
30
8
 
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var layoutStyles = {"column":"side-panel__column_526d4","gap-16":"side-panel__gap-16_526d4","gap-24":"side-panel__gap-24_526d4","gap-32":"side-panel__gap-32_526d4","start":"side-panel__start_526d4","center":"side-panel__center_526d4","space-between":"side-panel__space-between_526d4"};
4
+ require('./components/footer/layout.css')
5
+
6
+ exports.layoutStyles = layoutStyles;
@@ -11,22 +11,16 @@ var components_controls_Component = require('../components/controls/Component.js
11
11
  var components_footer_Component_mobile = require('../components/footer/Component.mobile.js');
12
12
  var components_header_Component = require('../components/header/Component.js');
13
13
  var ResponsiveContext = require('../ResponsiveContext.js');
14
- require('../components/content/Component.js');
15
- require('@alfalab/core-components-shared');
16
- require('../Context.js');
17
- require('../layout.module-3c57dc76.js');
18
- require('../components/footer/Component.js');
19
- require('@alfalab/core-components-navigation-bar');
20
14
 
21
15
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
22
16
 
23
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
24
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
25
19
 
26
- var styles = {"component":"side-panel__component_1m9qb","mobileContent":"side-panel__mobileContent_1m9qb"};
20
+ var styles = {"component":"side-panel__component_w2fka","mobileContent":"side-panel__mobileContent_w2fka"};
27
21
  require('./mobile.css')
28
22
 
29
- var transitions = {"appear":"side-panel__appear_rhotw","enter":"side-panel__enter_rhotw","appearActive":"side-panel__appearActive_rhotw","enterActive":"side-panel__enterActive_rhotw","exit":"side-panel__exit_rhotw","exitActive":"side-panel__exitActive_rhotw","exitDone":"side-panel__exitDone_rhotw"};
23
+ var transitions = {"appear":"side-panel__appear_1hozl","enter":"side-panel__enter_1hozl","appearActive":"side-panel__appearActive_1hozl","enterActive":"side-panel__enterActive_1hozl","exit":"side-panel__exit_1hozl","exitActive":"side-panel__exitActive_1hozl","exitDone":"side-panel__exitDone_1hozl"};
30
24
  require('./transitions.mobile.css')
31
25
 
32
26
  var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {
package/mobile/index.js CHANGED
@@ -3,21 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var mobile_Component_mobile = require('./Component.mobile.js');
6
- require('tslib');
7
- require('react');
8
- require('classnames');
9
- require('@alfalab/core-components-base-modal');
10
- require('../components/content/Component.mobile.js');
11
- require('../components/content/Component.js');
12
- require('@alfalab/core-components-shared');
13
- require('../Context.js');
14
- require('../ResponsiveContext.js');
15
- require('../components/controls/Component.js');
16
- require('../layout.module-3c57dc76.js');
17
- require('../components/footer/Component.mobile.js');
18
- require('../components/footer/Component.js');
19
- require('../components/header/Component.js');
20
- require('@alfalab/core-components-navigation-bar');
21
6
 
22
7
 
23
8
 
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 163lm */
1
+ /* hash: 1rtty */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* 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 */
4
4
  } :root { /* 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 */
@@ -27,17 +27,17 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .side-panel__component_1m9qb {
30
+ } .side-panel__component_w2fka {
31
31
  top: 0;
32
32
  height: 100%;
33
33
  width: 100%;
34
34
  overflow-x: hidden;
35
35
  overflow-y: auto;
36
36
  max-width: 600px;
37
- } .side-panel__component_1m9qb.side-panel__component_1m9qb {
37
+ } .side-panel__component_w2fka.side-panel__component_w2fka {
38
38
  position: fixed;
39
39
  flex: 1;
40
- } .side-panel__mobileContent_1m9qb {
40
+ } .side-panel__mobileContent_w2fka {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  width: 100%;
@@ -1,24 +1,24 @@
1
- /* hash: 1kno1 */
2
- .side-panel__appear_rhotw,
3
- .side-panel__enter_rhotw {
1
+ /* hash: 1kply */
2
+ .side-panel__appear_1hozl,
3
+ .side-panel__enter_1hozl {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_rhotw,
9
- .side-panel__enterActive_rhotw {
8
+ .side-panel__appearActive_1hozl,
9
+ .side-panel__enterActive_1hozl {
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_rhotw {
15
+ .side-panel__exit_1hozl {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_rhotw,
21
- .side-panel__exitDone_rhotw {
20
+ .side-panel__exitActive_1hozl,
21
+ .side-panel__exitDone_1hozl {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -6,19 +6,6 @@ import { Header } from './components/header/Component.js';
6
6
  import { SidePanelDesktop } from './desktop/Component.desktop.js';
7
7
  import { SidePanelMobile } from './mobile/Component.mobile.js';
8
8
  import { ResponsiveContext } from './ResponsiveContext.js';
9
- import 'classnames';
10
- import './layout.module-6eff2b9e.js';
11
- import '@alfalab/core-components-navigation-bar/modern';
12
- import './Context.js';
13
- import '@alfalab/core-components-base-modal/modern';
14
- import 'react-merge-refs';
15
- import '@alfalab/core-components-drawer/modern';
16
- import './components/content/Component.desktop.js';
17
- import './components/content/Component.js';
18
- import './components/footer/Component.desktop.js';
19
- import './components/footer/Component.js';
20
- import './components/content/Component.mobile.js';
21
- import './components/footer/Component.mobile.js';
22
9
 
23
10
  function createResponsive(desktop, mobile) {
24
11
  // eslint-disable-next-line
@@ -1,12 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Content } from './Component.js';
4
- import '@alfalab/core-components-shared/modern';
5
- import '../../Context.js';
6
- import '@alfalab/core-components-base-modal/modern';
7
- import '../../ResponsiveContext.js';
8
4
 
9
- const styles = {"s":"side-panel__s_6qysf"};
5
+ const styles = {"s":"side-panel__s_1fc4l"};
10
6
  require('./desktop.css')
11
7
 
12
8
  const ContentDesktop = ({ size = 's', className, ...restProps }) => React.createElement(Content, { className: cn(className, size && styles[size]), ...restProps });
@@ -3,9 +3,8 @@ import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
4
4
  import { ModalContext } from '../../Context.js';
5
5
  import { ResponsiveContext } from '../../ResponsiveContext.js';
6
- import '@alfalab/core-components-base-modal/modern';
7
6
 
8
- const styles = {"content":"side-panel__content_11fxa","withHeader":"side-panel__withHeader_11fxa","flex":"side-panel__flex_11fxa"};
7
+ const styles = {"content":"side-panel__content_azz1g","withHeader":"side-panel__withHeader_azz1g","flex":"side-panel__flex_azz1g"};
9
8
  require('./index.css')
10
9
 
11
10
  const Content = ({ children, className, dataTestId }) => {
@@ -1,12 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Content } from './Component.js';
4
- import '@alfalab/core-components-shared/modern';
5
- import '../../Context.js';
6
- import '@alfalab/core-components-base-modal/modern';
7
- import '../../ResponsiveContext.js';
8
4
 
9
- const styles = {"content":"side-panel__content_qkd51"};
5
+ const styles = {"content":"side-panel__content_1wi32"};
10
6
  require('./mobile.css')
11
7
 
12
8
  const ContentMobile = ({ className, ...restProps }) => (React.createElement(Content, { className: cn(className, styles.content), ...restProps }));