@alfalab/core-components-side-panel 5.4.0 → 5.5.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 (111) hide show
  1. package/components/content/Component.desktop.js +1 -1
  2. package/components/content/Component.js +1 -1
  3. package/components/content/Component.mobile.js +1 -1
  4. package/components/content/desktop.css +6 -5
  5. package/components/content/index.css +7 -6
  6. package/components/content/mobile.css +6 -5
  7. package/components/controls/Component.js +2 -2
  8. package/components/controls/index.css +2 -2
  9. package/components/footer/Component.desktop.js +1 -1
  10. package/components/footer/Component.js +2 -2
  11. package/components/footer/Component.mobile.js +1 -1
  12. package/components/footer/desktop.css +6 -5
  13. package/components/footer/index.css +5 -5
  14. package/components/footer/layout.css +18 -18
  15. package/components/footer/mobile.css +6 -5
  16. package/components/header/Component.js +3 -3
  17. package/components/header/desktop.css +9 -8
  18. package/components/header/index.css +15 -15
  19. package/components/header/mobile.css +7 -6
  20. package/cssm/components/content/desktop.module.css +3 -2
  21. package/cssm/components/content/index.module.css +3 -2
  22. package/cssm/components/content/mobile.module.css +3 -2
  23. package/cssm/components/footer/desktop.module.css +3 -2
  24. package/cssm/components/footer/index.module.css +1 -1
  25. package/cssm/components/footer/layout.module.css +1 -1
  26. package/cssm/components/footer/mobile.module.css +3 -2
  27. package/cssm/components/header/desktop.module.css +4 -3
  28. package/cssm/components/header/index.module.css +1 -1
  29. package/cssm/components/header/mobile.module.css +3 -2
  30. package/cssm/desktop/desktop.module.css +1 -1
  31. package/cssm/mobile/mobile.module.css +3 -2
  32. package/cssm/vars.css +1 -1
  33. package/desktop/Component.desktop.js +2 -2
  34. package/desktop/desktop.css +4 -4
  35. package/desktop/transitions.desktop.css +7 -7
  36. package/esm/components/content/Component.desktop.js +1 -1
  37. package/esm/components/content/Component.js +1 -1
  38. package/esm/components/content/Component.mobile.js +1 -1
  39. package/esm/components/content/desktop.css +6 -5
  40. package/esm/components/content/index.css +7 -6
  41. package/esm/components/content/mobile.css +6 -5
  42. package/esm/components/controls/Component.js +2 -2
  43. package/esm/components/controls/index.css +2 -2
  44. package/esm/components/footer/Component.desktop.js +1 -1
  45. package/esm/components/footer/Component.js +2 -2
  46. package/esm/components/footer/Component.mobile.js +1 -1
  47. package/esm/components/footer/desktop.css +6 -5
  48. package/esm/components/footer/index.css +5 -5
  49. package/esm/components/footer/layout.css +18 -18
  50. package/esm/components/footer/mobile.css +6 -5
  51. package/esm/components/header/Component.js +3 -3
  52. package/esm/components/header/desktop.css +9 -8
  53. package/esm/components/header/index.css +15 -15
  54. package/esm/components/header/mobile.css +7 -6
  55. package/esm/desktop/Component.desktop.js +2 -2
  56. package/esm/desktop/desktop.css +4 -4
  57. package/esm/desktop/transitions.desktop.css +7 -7
  58. package/esm/layout.module-cdacc431.js +4 -0
  59. package/esm/mobile/Component.mobile.js +2 -2
  60. package/esm/mobile/mobile.css +7 -6
  61. package/esm/mobile/transitions.mobile.css +8 -8
  62. package/layout.module-918c0d80.js +6 -0
  63. package/mobile/Component.mobile.js +2 -2
  64. package/mobile/mobile.css +7 -6
  65. package/mobile/transitions.mobile.css +8 -8
  66. package/modern/components/content/Component.desktop.js +1 -1
  67. package/modern/components/content/Component.js +1 -1
  68. package/modern/components/content/Component.mobile.js +1 -1
  69. package/modern/components/content/desktop.css +6 -5
  70. package/modern/components/content/index.css +7 -6
  71. package/modern/components/content/mobile.css +6 -5
  72. package/modern/components/controls/Component.js +2 -2
  73. package/modern/components/controls/index.css +2 -2
  74. package/modern/components/footer/Component.desktop.js +1 -1
  75. package/modern/components/footer/Component.js +2 -2
  76. package/modern/components/footer/Component.mobile.js +1 -1
  77. package/modern/components/footer/desktop.css +6 -5
  78. package/modern/components/footer/index.css +5 -5
  79. package/modern/components/footer/layout.css +18 -18
  80. package/modern/components/footer/mobile.css +6 -5
  81. package/modern/components/header/Component.js +3 -3
  82. package/modern/components/header/desktop.css +9 -8
  83. package/modern/components/header/index.css +15 -15
  84. package/modern/components/header/mobile.css +7 -6
  85. package/modern/desktop/Component.desktop.js +2 -2
  86. package/modern/desktop/desktop.css +4 -4
  87. package/modern/desktop/transitions.desktop.css +7 -7
  88. package/modern/layout.module-cab0e3e0.js +4 -0
  89. package/modern/mobile/Component.mobile.js +2 -2
  90. package/modern/mobile/mobile.css +7 -6
  91. package/modern/mobile/transitions.mobile.css +8 -8
  92. package/moderncssm/components/content/desktop.module.css +1 -1
  93. package/moderncssm/components/content/index.module.css +1 -1
  94. package/moderncssm/components/content/mobile.module.css +1 -1
  95. package/moderncssm/components/footer/desktop.module.css +1 -1
  96. package/moderncssm/components/footer/mobile.module.css +1 -1
  97. package/moderncssm/components/header/desktop.module.css +2 -2
  98. package/moderncssm/components/header/mobile.module.css +1 -1
  99. package/moderncssm/mobile/mobile.module.css +1 -1
  100. package/package.json +7 -7
  101. package/src/components/content/index.module.css +1 -1
  102. package/src/components/content/mobile.module.css +1 -1
  103. package/src/components/footer/desktop.module.css +1 -1
  104. package/src/components/footer/mobile.module.css +1 -1
  105. package/src/components/header/desktop.module.css +1 -1
  106. package/src/components/header/mobile.module.css +1 -1
  107. package/src/mobile/mobile.module.css +1 -1
  108. package/src/vars.css +3 -3
  109. package/esm/layout.module-747ebd5d.js +0 -4
  110. package/layout.module-7617e951.js +0 -6
  111. package/modern/layout.module-8eef6acd.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: e1r6u */
1
+ /* hash: g9q1p */
2
2
  :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 */ /* 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 */
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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,7 +18,7 @@
18
18
  /* новые значения, используйте их */
19
19
  } :root {
20
20
  } :root {
21
- } :root {
21
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
22
22
 
23
23
  /* sizes */
24
24
  --side-panel-s-width: 500px;
@@ -32,8 +32,8 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .side-panel__size-500_xl5xy.side-panel__size-500_xl5xy {
35
+ } .side-panel__size-500_qeffh.side-panel__size-500_qeffh {
36
36
  width: var(--side-panel-s-width);
37
- } .side-panel__hidden_xl5xy {
37
+ } .side-panel__hidden_qeffh {
38
38
  overflow-x: hidden;
39
39
  }
@@ -1,32 +1,32 @@
1
- /* hash: 154z5 */
2
- .side-panel__enterRight_1ya1n {
1
+ /* hash: 8cgzc */
2
+ .side-panel__enterRight_1twj6 {
3
3
  opacity: 0;
4
4
  transform: translateX(15px);
5
5
  }
6
6
 
7
- .side-panel__enterLeft_1ya1n {
7
+ .side-panel__enterLeft_1twj6 {
8
8
  opacity: 0;
9
9
  transform: translateX(-15px);
10
10
  }
11
11
 
12
- .side-panel__enterActive_1ya1n {
12
+ .side-panel__enterActive_1twj6 {
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_1ya1n {
18
+ .side-panel__exit_1twj6 {
19
19
  opacity: 1;
20
20
  transform: translateX(0);
21
21
  }
22
22
 
23
- .side-panel__exitActiveRight_1ya1n {
23
+ .side-panel__exitActiveRight_1twj6 {
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_1ya1n {
29
+ .side-panel__exitActiveLeft_1twj6 {
30
30
  opacity: 0;
31
31
  transition: opacity 200ms ease-out, transform 200ms ease-out;
32
32
  transform: translateX(-15px);
@@ -0,0 +1,4 @@
1
+ const layoutStyles = {"column":"side-panel__column_1pvuu","gap-16":"side-panel__gap-16_1pvuu","gap-24":"side-panel__gap-24_1pvuu","gap-32":"side-panel__gap-32_1pvuu","start":"side-panel__start_1pvuu","center":"side-panel__center_1pvuu","space-between":"side-panel__space-between_1pvuu"};
2
+ require('./components/footer/layout.css')
3
+
4
+ export { layoutStyles as l };
@@ -7,10 +7,10 @@ import { FooterMobile } from '../components/footer/Component.mobile.js';
7
7
  import { Header } from '../components/header/Component.js';
8
8
  import { ResponsiveContext } from '../ResponsiveContext.js';
9
9
 
10
- const styles = {"component":"side-panel__component_2mw7p","mobileContent":"side-panel__mobileContent_2mw7p"};
10
+ const styles = {"component":"side-panel__component_pwp05","mobileContent":"side-panel__mobileContent_pwp05"};
11
11
  require('./mobile.css')
12
12
 
13
- const transitions = {"appear":"side-panel__appear_1hp2i","enter":"side-panel__enter_1hp2i","appearActive":"side-panel__appearActive_1hp2i","enterActive":"side-panel__enterActive_1hp2i","exit":"side-panel__exit_1hp2i","exitActive":"side-panel__exitActive_1hp2i","exitDone":"side-panel__exitDone_1hp2i"};
13
+ const transitions = {"appear":"side-panel__appear_uf9q1","enter":"side-panel__enter_uf9q1","appearActive":"side-panel__appearActive_uf9q1","enterActive":"side-panel__enterActive_uf9q1","exit":"side-panel__exit_uf9q1","exitActive":"side-panel__exitActive_uf9q1","exitDone":"side-panel__exitDone_uf9q1"};
14
14
  require('./transitions.mobile.css')
15
15
 
16
16
  const SidePanelMobileComponent = forwardRef(({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {
@@ -1,4 +1,4 @@
1
- /* hash: wvca6 */
1
+ /* hash: 1q1y1 */
2
2
  :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 */ /* 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 */
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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,9 +16,10 @@
16
16
  } :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 */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --gap-0: 0;
19
20
  } :root {
20
21
  } :root {
21
- } :root {
22
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
22
23
 
23
24
  /* sizes */
24
25
 
@@ -31,17 +32,17 @@
31
32
  /* mobile */
32
33
 
33
34
  /* paddings */
34
- } .side-panel__component_2mw7p {
35
- top: 0;
35
+ } .side-panel__component_pwp05 {
36
+ top: var(--gap-0);
36
37
  height: 100%;
37
38
  width: 100%;
38
39
  overflow-x: hidden;
39
40
  overflow-y: auto;
40
41
  max-width: 600px;
41
- } .side-panel__component_2mw7p.side-panel__component_2mw7p {
42
+ } .side-panel__component_pwp05.side-panel__component_pwp05 {
42
43
  position: fixed;
43
44
  flex: 1;
44
- } .side-panel__mobileContent_2mw7p {
45
+ } .side-panel__mobileContent_pwp05 {
45
46
  display: flex;
46
47
  flex-direction: column;
47
48
  width: 100%;
@@ -1,24 +1,24 @@
1
- /* hash: 103qm */
2
- .side-panel__appear_1hp2i,
3
- .side-panel__enter_1hp2i {
1
+ /* hash: 5kweq */
2
+ .side-panel__appear_uf9q1,
3
+ .side-panel__enter_uf9q1 {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_1hp2i,
9
- .side-panel__enterActive_1hp2i {
8
+ .side-panel__appearActive_uf9q1,
9
+ .side-panel__enterActive_uf9q1 {
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_1hp2i {
15
+ .side-panel__exit_uf9q1 {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_1hp2i,
21
- .side-panel__exitDone_1hp2i {
20
+ .side-panel__exitActive_uf9q1,
21
+ .side-panel__exitDone_uf9q1 {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -5,7 +5,7 @@
5
5
  /* sizes */
6
6
 
7
7
  /* paddings */
8
- --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) 0;
8
+ --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
9
9
 
10
10
  /* scroll */
11
11
 
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  .content.withHeader {
26
- padding-top: 0;
26
+ padding-top: var(--gap-0);
27
27
  }
28
28
 
29
29
  .flex {
@@ -16,7 +16,7 @@
16
16
  }
17
17
 
18
18
  .content {
19
- padding: var(--gap-16) var(--gap-16) 0
19
+ padding: var(--gap-16) var(--gap-16) var(--gap-0)
20
20
  }
21
21
 
22
22
  .content:last-child {
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .sticky {
20
- bottom: 0;
20
+ bottom: var(--gap-0);
21
21
  }
22
22
 
23
23
  .size-500 {
@@ -20,5 +20,5 @@
20
20
  }
21
21
 
22
22
  .sticky {
23
- bottom: 0;
23
+ bottom: var(--gap-0);
24
24
  }
@@ -5,7 +5,7 @@
5
5
  /* sizes */
6
6
 
7
7
  /* paddings */
8
- --side-panel-s-header-paddings: 28px 28px 0;
8
+ --side-panel-s-header-paddings: 28px 28px var(--gap-0);
9
9
 
10
10
  /* scroll */
11
11
 
@@ -37,5 +37,5 @@
37
37
  }
38
38
 
39
39
  .sticky {
40
- top: 0;
40
+ top: var(--gap-0);
41
41
  }
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  .sticky {
29
- top: 0;
29
+ top: var(--gap-0);
30
30
  }
31
31
 
32
32
  .content {
@@ -16,7 +16,7 @@
16
16
  }
17
17
 
18
18
  .component {
19
- top: 0;
19
+ top: var(--gap-0);
20
20
  height: 100%;
21
21
  width: 100%;
22
22
  overflow-x: hidden;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-side-panel",
3
- "version": "5.4.0",
3
+ "version": "5.5.1",
4
4
  "description": "SidePanel component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,15 +14,15 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-base-modal": "^5.8.0",
18
- "@alfalab/core-components-drawer": "^5.1.0",
17
+ "@alfalab/core-components-base-modal": "^5.8.1",
18
+ "@alfalab/core-components-drawer": "^5.1.1",
19
19
  "@alfalab/core-components-mq": "^4.3.0",
20
- "@alfalab/core-components-navigation-bar-private": "^0.2.0",
21
- "@alfalab/core-components-shared": "^0.12.0",
20
+ "@alfalab/core-components-navigation-bar-private": "^0.3.1",
21
+ "@alfalab/core-components-shared": "^0.12.1",
22
22
  "classnames": "^2.3.1",
23
23
  "react-merge-refs": "^1.1.0",
24
24
  "tslib": "^2.4.0"
25
25
  },
26
- "themesVersion": "13.1.0",
27
- "varsVersion": "9.12.0"
26
+ "themesVersion": "13.2.0",
27
+ "varsVersion": "9.13.1"
28
28
  }
@@ -7,7 +7,7 @@
7
7
  z-index: 0;
8
8
 
9
9
  &.withHeader {
10
- padding-top: 0;
10
+ padding-top: var(--gap-0);
11
11
  }
12
12
  }
13
13
 
@@ -1,7 +1,7 @@
1
1
  @import '../../vars.css';
2
2
 
3
3
  .content {
4
- padding: var(--gap-16) var(--gap-16) 0;
4
+ padding: var(--gap-16) var(--gap-16) var(--gap-0);
5
5
 
6
6
  &:last-child {
7
7
  padding-bottom: var(--gap-16);
@@ -1,7 +1,7 @@
1
1
  @import '../../vars.css';
2
2
 
3
3
  .sticky {
4
- bottom: 0;
4
+ bottom: var(--gap-0);
5
5
  }
6
6
 
7
7
  .size-500 {
@@ -5,5 +5,5 @@
5
5
  }
6
6
 
7
7
  .sticky {
8
- bottom: 0;
8
+ bottom: var(--gap-0);
9
9
  }
@@ -16,5 +16,5 @@
16
16
  }
17
17
 
18
18
  .sticky {
19
- top: 0;
19
+ top: var(--gap-0);
20
20
  }
@@ -5,7 +5,7 @@
5
5
  }
6
6
 
7
7
  .sticky {
8
- top: 0;
8
+ top: var(--gap-0);
9
9
  }
10
10
 
11
11
  .content {
@@ -1,7 +1,7 @@
1
1
  @import '../vars.css';
2
2
 
3
3
  .component {
4
- top: 0;
4
+ top: var(--gap-0);
5
5
  height: 100%;
6
6
  width: 100%;
7
7
  overflow-x: hidden;
package/src/vars.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  :root {
4
- --side-panel-border-radius: var(--border-radius-l);
4
+ --side-panel-border-radius: var(--border-radius-12);
5
5
  --side-panel-vertical-padding: var(--gap-40);
6
6
  --side-panel-header-background: var(--color-light-modal-bg-primary);
7
7
  --side-panel-footer-background: var(--color-light-modal-bg-primary);
@@ -11,8 +11,8 @@
11
11
  --side-panel-s-width: 500px;
12
12
 
13
13
  /* paddings */
14
- --side-panel-s-header-paddings: 28px 28px 0;
15
- --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) 0;
14
+ --side-panel-s-header-paddings: 28px 28px var(--gap-0);
15
+ --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
16
16
  --side-panel-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
17
17
 
18
18
  /* scroll */
@@ -1,4 +0,0 @@
1
- var layoutStyles = {"column":"side-panel__column_12m22","gap-16":"side-panel__gap-16_12m22","gap-24":"side-panel__gap-24_12m22","gap-32":"side-panel__gap-32_12m22","start":"side-panel__start_12m22","center":"side-panel__center_12m22","space-between":"side-panel__space-between_12m22"};
2
- require('./components/footer/layout.css')
3
-
4
- export { layoutStyles as l };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var layoutStyles = {"column":"side-panel__column_12m22","gap-16":"side-panel__gap-16_12m22","gap-24":"side-panel__gap-24_12m22","gap-32":"side-panel__gap-32_12m22","start":"side-panel__start_12m22","center":"side-panel__center_12m22","space-between":"side-panel__space-between_12m22"};
4
- require('./components/footer/layout.css')
5
-
6
- exports.layoutStyles = layoutStyles;
@@ -1,4 +0,0 @@
1
- const layoutStyles = {"column":"side-panel__column_12m22","gap-16":"side-panel__gap-16_12m22","gap-24":"side-panel__gap-24_12m22","gap-32":"side-panel__gap-32_12m22","start":"side-panel__start_12m22","center":"side-panel__center_12m22","space-between":"side-panel__space-between_12m22"};
2
- require('./components/footer/layout.css')
3
-
4
- export { layoutStyles as l };