@alfalab/core-components-side-panel 5.2.4 → 5.3.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 (88) 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 +3 -3
  5. package/components/content/index.css +4 -4
  6. package/components/content/mobile.css +3 -3
  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 +3 -3
  13. package/components/footer/index.css +4 -4
  14. package/components/footer/layout.css +17 -17
  15. package/components/footer/mobile.css +3 -3
  16. package/components/header/Component.d.ts +2 -2
  17. package/components/header/Component.js +5 -5
  18. package/components/header/desktop.css +5 -5
  19. package/components/header/index.css +14 -14
  20. package/components/header/mobile.css +4 -4
  21. package/cssm/components/header/Component.d.ts +2 -2
  22. package/cssm/components/header/Component.js +2 -2
  23. package/desktop/Component.desktop.js +2 -2
  24. package/desktop/desktop.css +3 -3
  25. package/desktop/transitions.desktop.css +7 -7
  26. package/esm/components/content/Component.desktop.js +1 -1
  27. package/esm/components/content/Component.js +1 -1
  28. package/esm/components/content/Component.mobile.js +1 -1
  29. package/esm/components/content/desktop.css +3 -3
  30. package/esm/components/content/index.css +4 -4
  31. package/esm/components/content/mobile.css +3 -3
  32. package/esm/components/controls/Component.js +2 -2
  33. package/esm/components/controls/index.css +2 -2
  34. package/esm/components/footer/Component.desktop.js +1 -1
  35. package/esm/components/footer/Component.js +2 -2
  36. package/esm/components/footer/Component.mobile.js +1 -1
  37. package/esm/components/footer/desktop.css +3 -3
  38. package/esm/components/footer/index.css +4 -4
  39. package/esm/components/footer/layout.css +17 -17
  40. package/esm/components/footer/mobile.css +3 -3
  41. package/esm/components/header/Component.d.ts +2 -2
  42. package/esm/components/header/Component.js +5 -5
  43. package/esm/components/header/desktop.css +5 -5
  44. package/esm/components/header/index.css +14 -14
  45. package/esm/components/header/mobile.css +4 -4
  46. package/esm/desktop/Component.desktop.js +2 -2
  47. package/esm/desktop/desktop.css +3 -3
  48. package/esm/desktop/transitions.desktop.css +7 -7
  49. package/esm/layout.module-e4bd47b2.js +4 -0
  50. package/esm/mobile/Component.mobile.js +2 -2
  51. package/esm/mobile/mobile.css +4 -4
  52. package/esm/mobile/transitions.mobile.css +8 -8
  53. package/layout.module-555072d6.js +6 -0
  54. package/mobile/Component.mobile.js +2 -2
  55. package/mobile/mobile.css +4 -4
  56. package/mobile/transitions.mobile.css +8 -8
  57. package/modern/components/content/Component.desktop.js +1 -1
  58. package/modern/components/content/Component.js +1 -1
  59. package/modern/components/content/Component.mobile.js +1 -1
  60. package/modern/components/content/desktop.css +3 -3
  61. package/modern/components/content/index.css +4 -4
  62. package/modern/components/content/mobile.css +3 -3
  63. package/modern/components/controls/Component.js +2 -2
  64. package/modern/components/controls/index.css +2 -2
  65. package/modern/components/footer/Component.desktop.js +1 -1
  66. package/modern/components/footer/Component.js +2 -2
  67. package/modern/components/footer/Component.mobile.js +1 -1
  68. package/modern/components/footer/desktop.css +3 -3
  69. package/modern/components/footer/index.css +4 -4
  70. package/modern/components/footer/layout.css +17 -17
  71. package/modern/components/footer/mobile.css +3 -3
  72. package/modern/components/header/Component.d.ts +2 -2
  73. package/modern/components/header/Component.js +5 -5
  74. package/modern/components/header/desktop.css +5 -5
  75. package/modern/components/header/index.css +14 -14
  76. package/modern/components/header/mobile.css +4 -4
  77. package/modern/desktop/Component.desktop.js +2 -2
  78. package/modern/desktop/desktop.css +3 -3
  79. package/modern/desktop/transitions.desktop.css +7 -7
  80. package/modern/layout.module-5949eb00.js +4 -0
  81. package/modern/mobile/Component.mobile.js +2 -2
  82. package/modern/mobile/mobile.css +4 -4
  83. package/modern/mobile/transitions.mobile.css +8 -8
  84. package/package.json +5 -5
  85. package/src/components/header/Component.tsx +7 -4
  86. package/esm/layout.module-0dc6a00f.js +0 -4
  87. package/layout.module-5eeb8248.js +0 -6
  88. package/modern/layout.module-6f83e451.js +0 -4
@@ -1,24 +1,24 @@
1
- /* hash: w8w93 */
2
- .side-panel__appear_1qyg7,
3
- .side-panel__enter_1qyg7 {
1
+ /* hash: 1y0p3 */
2
+ .side-panel__appear_syq6a,
3
+ .side-panel__enter_syq6a {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_1qyg7,
9
- .side-panel__enterActive_1qyg7 {
8
+ .side-panel__appearActive_syq6a,
9
+ .side-panel__enterActive_syq6a {
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_1qyg7 {
15
+ .side-panel__exit_syq6a {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_1qyg7,
21
- .side-panel__exitDone_1qyg7 {
20
+ .side-panel__exitActive_syq6a,
21
+ .side-panel__exitDone_syq6a {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var layoutStyles = {"column":"side-panel__column_w47jr","gap-16":"side-panel__gap-16_w47jr","gap-24":"side-panel__gap-24_w47jr","gap-32":"side-panel__gap-32_w47jr","start":"side-panel__start_w47jr","center":"side-panel__center_w47jr","space-between":"side-panel__space-between_w47jr"};
4
+ require('./components/footer/layout.css')
5
+
6
+ exports.layoutStyles = layoutStyles;
@@ -17,10 +17,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"component":"side-panel__component_mpdna","mobileContent":"side-panel__mobileContent_mpdna"};
20
+ var styles = {"component":"side-panel__component_1rics","mobileContent":"side-panel__mobileContent_1rics"};
21
21
  require('./mobile.css')
22
22
 
23
- var transitions = {"appear":"side-panel__appear_1qyg7","enter":"side-panel__enter_1qyg7","appearActive":"side-panel__appearActive_1qyg7","enterActive":"side-panel__enterActive_1qyg7","exit":"side-panel__exit_1qyg7","exitActive":"side-panel__exitActive_1qyg7","exitDone":"side-panel__exitDone_1qyg7"};
23
+ var transitions = {"appear":"side-panel__appear_syq6a","enter":"side-panel__enter_syq6a","appearActive":"side-panel__appearActive_syq6a","enterActive":"side-panel__enterActive_syq6a","exit":"side-panel__exit_syq6a","exitActive":"side-panel__exitActive_syq6a","exitDone":"side-panel__exitDone_syq6a"};
24
24
  require('./transitions.mobile.css')
25
25
 
26
26
  var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1uidf */
1
+ /* hash: v16q9 */
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 */
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_mpdna {
30
+ } .side-panel__component_1rics {
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_mpdna.side-panel__component_mpdna {
37
+ } .side-panel__component_1rics.side-panel__component_1rics {
38
38
  position: fixed;
39
39
  flex: 1;
40
- } .side-panel__mobileContent_mpdna {
40
+ } .side-panel__mobileContent_1rics {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  width: 100%;
@@ -1,24 +1,24 @@
1
- /* hash: w8w93 */
2
- .side-panel__appear_1qyg7,
3
- .side-panel__enter_1qyg7 {
1
+ /* hash: 1y0p3 */
2
+ .side-panel__appear_syq6a,
3
+ .side-panel__enter_syq6a {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_1qyg7,
9
- .side-panel__enterActive_1qyg7 {
8
+ .side-panel__appearActive_syq6a,
9
+ .side-panel__enterActive_syq6a {
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_1qyg7 {
15
+ .side-panel__exit_syq6a {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_1qyg7,
21
- .side-panel__exitDone_1qyg7 {
20
+ .side-panel__exitActive_syq6a,
21
+ .side-panel__exitDone_syq6a {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
4
4
  import { Content } from './Component.js';
5
5
 
6
- const styles = {"size-500":"side-panel__size-500_hus02"};
6
+ const styles = {"size-500":"side-panel__size-500_18778"};
7
7
  require('./desktop.css')
8
8
 
9
9
  const ContentDesktop = ({ size = 500, className, ...restProps }) => (React.createElement(Content, { className: cn(className, size && styles[SIZE_TO_CLASSNAME_MAP[size]]), ...restProps }));
@@ -4,7 +4,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
4
4
  import { ModalContext } from '../../Context.js';
5
5
  import { ResponsiveContext } from '../../ResponsiveContext.js';
6
6
 
7
- const styles = {"content":"side-panel__content_1i3hh","withHeader":"side-panel__withHeader_1i3hh","flex":"side-panel__flex_1i3hh"};
7
+ const styles = {"content":"side-panel__content_lzzxm","withHeader":"side-panel__withHeader_lzzxm","flex":"side-panel__flex_lzzxm"};
8
8
  require('./index.css')
9
9
 
10
10
  const Content = ({ children, className, dataTestId }) => {
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Content } from './Component.js';
4
4
 
5
- const styles = {"content":"side-panel__content_t8kbd"};
5
+ const styles = {"content":"side-panel__content_1a3v2"};
6
6
  require('./mobile.css')
7
7
 
8
8
  const ContentMobile = ({ className, ...restProps }) => (React.createElement(Content, { className: cn(className, styles.content), ...restProps }));
@@ -1,4 +1,4 @@
1
- /* hash: kc36j */
1
+ /* hash: y7q40 */
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 */
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 */
@@ -30,8 +30,8 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .side-panel__size-500_hus02 {
33
+ } .side-panel__size-500_18778 {
34
34
  padding: var(--side-panel-s-content-paddings)
35
- } .side-panel__size-500_hus02:last-child {
35
+ } .side-panel__size-500_18778:last-child {
36
36
  padding-bottom: var(--gap-2xl);
37
37
  }
@@ -1,4 +1,4 @@
1
- /* hash: 165yi */
1
+ /* hash: 1k1lf */
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 */
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,13 +27,13 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .side-panel__content_1i3hh {
30
+ } .side-panel__content_lzzxm {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .side-panel__content_1i3hh.side-panel__withHeader_1i3hh {
35
+ } .side-panel__content_lzzxm.side-panel__withHeader_lzzxm {
36
36
  padding-top: 0;
37
- } .side-panel__flex_1i3hh {
37
+ } .side-panel__flex_lzzxm {
38
38
  flex: 1 1 auto;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: 8xnmt */
1
+ /* hash: 13w01 */
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 */
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__content_t8kbd {
31
+ } .side-panel__content_1a3v2 {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .side-panel__content_t8kbd:last-child {
33
+ } .side-panel__content_1a3v2:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }
@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
4
4
  import { ResponsiveContext } from '../../ResponsiveContext.js';
5
- import { l as layoutStyles } from '../../layout.module-6f83e451.js';
5
+ import { l as layoutStyles } from '../../layout.module-5949eb00.js';
6
6
 
7
- const styles = {"component":"side-panel__component_976qi"};
7
+ const styles = {"component":"side-panel__component_5pqcl"};
8
8
  require('./index.css')
9
9
 
10
10
  const Controls = ({ primary, secondary, gap, layout: layoutProp = 'start', mobileLayout = layoutProp, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1x9sj */
2
- .side-panel__component_976qi {
1
+ /* hash: qr74o */
2
+ .side-panel__component_5pqcl {
3
3
  width: 100%;
4
4
  }
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
4
4
  import { Footer } from './Component.js';
5
5
 
6
- const styles = {"sticky":"side-panel__sticky_1ro1n","size-500":"side-panel__size-500_1ro1n"};
6
+ const styles = {"sticky":"side-panel__sticky_1efmq","size-500":"side-panel__size-500_1efmq"};
7
7
  require('./desktop.css')
8
8
 
9
9
  const FooterDesktop = ({ size = 500, className, sticky, ...restProps }) => (React.createElement(Footer, { className: cn(className, size && styles[SIZE_TO_CLASSNAME_MAP[size]], {
@@ -3,9 +3,9 @@ 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 { l as layoutStyles } from '../../layout.module-6f83e451.js';
6
+ import { l as layoutStyles } from '../../layout.module-5949eb00.js';
7
7
 
8
- const styles = {"footer":"side-panel__footer_hvmaz","sticky":"side-panel__sticky_hvmaz","highlighted":"side-panel__highlighted_hvmaz"};
8
+ const styles = {"footer":"side-panel__footer_15okl","sticky":"side-panel__sticky_15okl","highlighted":"side-panel__highlighted_15okl"};
9
9
  require('./index.css')
10
10
 
11
11
  const Footer = ({ children, className, sticky, layout = 'start', gap, dataTestId, }) => {
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Footer } from './Component.js';
4
4
 
5
- const styles = {"footer":"side-panel__footer_122es","sticky":"side-panel__sticky_122es"};
5
+ const styles = {"footer":"side-panel__footer_182mi","sticky":"side-panel__sticky_182mi"};
6
6
  require('./mobile.css')
7
7
 
8
8
  const FooterMobile = ({ className, sticky, layout = 'start', ...restProps }) => (React.createElement(Footer, { className: cn(className, styles.footer, {
@@ -1,4 +1,4 @@
1
- /* hash: l2ss1 */
1
+ /* hash: 1kmq5 */
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 */
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 */
@@ -30,8 +30,8 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .side-panel__sticky_1ro1n {
33
+ } .side-panel__sticky_1efmq {
34
34
  bottom: 0;
35
- } .side-panel__size-500_1ro1n {
35
+ } .side-panel__size-500_1efmq {
36
36
  padding: var(--side-panel-s-footer-paddings);
37
37
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1xzmj */
1
+ /* hash: yifuk */
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 {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -32,15 +32,15 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .side-panel__footer_hvmaz {
35
+ } .side-panel__footer_15okl {
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__sticky_hvmaz {
39
+ } .side-panel__sticky_15okl {
40
40
  background: var(--side-panel-footer-background);
41
41
  position: sticky;
42
42
  z-index: 1;
43
- } .side-panel__highlighted_hvmaz {
43
+ } .side-panel__highlighted_15okl {
44
44
  background: var(--side-panel-footer-highlight-background);
45
45
  box-shadow: var(--side-panel-footer-highlight-box-shadow);
46
46
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1ks57 */
1
+ /* hash: layik */
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 */
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 */
@@ -31,35 +31,35 @@
31
31
  /* mobile */
32
32
 
33
33
  /* paddings */
34
- } .side-panel__column_1ksml {
34
+ } .side-panel__column_w47jr {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .side-panel__column_1ksml > *:not(:last-child):not(:only-child) {
37
+ } .side-panel__column_w47jr > *:not(:last-child):not(:only-child) {
38
38
  margin-bottom: var(--side-panel-footer-default-gap);
39
- } .side-panel__column_1ksml.side-panel__gap-16_1ksml > *:not(:last-child):not(:only-child) {
39
+ } .side-panel__column_w47jr.side-panel__gap-16_w47jr > *:not(:last-child):not(:only-child) {
40
40
  margin-bottom: var(--gap-m);
41
- } .side-panel__column_1ksml.side-panel__gap-24_1ksml > *:not(:last-child):not(:only-child) {
41
+ } .side-panel__column_w47jr.side-panel__gap-24_w47jr > *:not(:last-child):not(:only-child) {
42
42
  margin-bottom: var(--gap-xl);
43
- } .side-panel__column_1ksml.side-panel__gap-32_1ksml > *:not(:last-child):not(:only-child) {
43
+ } .side-panel__column_w47jr.side-panel__gap-32_w47jr > *:not(:last-child):not(:only-child) {
44
44
  margin-bottom: var(--gap-2xl);
45
- } .side-panel__start_1ksml {
45
+ } .side-panel__start_w47jr {
46
46
  justify-content: flex-start;
47
- } .side-panel__center_1ksml {
47
+ } .side-panel__center_w47jr {
48
48
  justify-content: center;
49
- } .side-panel__space-between_1ksml {
49
+ } .side-panel__space-between_w47jr {
50
50
  justify-content: space-between
51
- } .side-panel__space-between_1ksml > * {
51
+ } .side-panel__space-between_w47jr > * {
52
52
  flex: 1;
53
- } .side-panel__start_1ksml,
54
- .side-panel__center_1ksml,
55
- .side-panel__space-between_1ksml {
53
+ } .side-panel__start_w47jr,
54
+ .side-panel__center_w47jr,
55
+ .side-panel__space-between_w47jr {
56
56
  display: flex
57
- } .side-panel__start_1ksml > *:not(:last-child):not(:only-child), .side-panel__center_1ksml > *:not(:last-child):not(:only-child), .side-panel__space-between_1ksml > *:not(:last-child):not(:only-child) {
57
+ } .side-panel__start_w47jr > *:not(:last-child):not(:only-child), .side-panel__center_w47jr > *:not(:last-child):not(:only-child), .side-panel__space-between_w47jr > *:not(:last-child):not(:only-child) {
58
58
  margin-right: var(--side-panel-footer-default-gap);
59
- } .side-panel__start_1ksml.side-panel__gap-16_1ksml > *:not(:last-child):not(:only-child), .side-panel__center_1ksml.side-panel__gap-16_1ksml > *:not(:last-child):not(:only-child), .side-panel__space-between_1ksml.side-panel__gap-16_1ksml > *:not(:last-child):not(:only-child) {
59
+ } .side-panel__start_w47jr.side-panel__gap-16_w47jr > *:not(:last-child):not(:only-child), .side-panel__center_w47jr.side-panel__gap-16_w47jr > *:not(:last-child):not(:only-child), .side-panel__space-between_w47jr.side-panel__gap-16_w47jr > *:not(:last-child):not(:only-child) {
60
60
  margin-right: var(--gap-m);
61
- } .side-panel__start_1ksml.side-panel__gap-24_1ksml > *:not(:last-child):not(:only-child), .side-panel__center_1ksml.side-panel__gap-24_1ksml > *:not(:last-child):not(:only-child), .side-panel__space-between_1ksml.side-panel__gap-24_1ksml > *:not(:last-child):not(:only-child) {
61
+ } .side-panel__start_w47jr.side-panel__gap-24_w47jr > *:not(:last-child):not(:only-child), .side-panel__center_w47jr.side-panel__gap-24_w47jr > *:not(:last-child):not(:only-child), .side-panel__space-between_w47jr.side-panel__gap-24_w47jr > *:not(:last-child):not(:only-child) {
62
62
  margin-right: var(--gap-xl);
63
- } .side-panel__start_1ksml.side-panel__gap-32_1ksml > *:not(:last-child):not(:only-child), .side-panel__center_1ksml.side-panel__gap-32_1ksml > *:not(:last-child):not(:only-child), .side-panel__space-between_1ksml.side-panel__gap-32_1ksml > *:not(:last-child):not(:only-child) {
63
+ } .side-panel__start_w47jr.side-panel__gap-32_w47jr > *:not(:last-child):not(:only-child), .side-panel__center_w47jr.side-panel__gap-32_w47jr > *:not(:last-child):not(:only-child), .side-panel__space-between_w47jr.side-panel__gap-32_w47jr > *:not(:last-child):not(:only-child) {
64
64
  margin-right: var(--gap-2xl);
65
65
  }
@@ -1,4 +1,4 @@
1
- /* hash: km6py */
1
+ /* hash: 1r4s4 */
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 */
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_122es {
31
+ } .side-panel__footer_182mi {
32
32
  padding: var(--gap-m);
33
- } .side-panel__sticky_122es {
33
+ } .side-panel__sticky_182mi {
34
34
  bottom: 0;
35
35
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { NavigationBarProps } from "@alfalab/core-components-navigation-bar";
3
- type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
2
+ import { NavigationBarPrivateProps } from "@alfalab/core-components-navigation-bar-private";
3
+ type HeaderProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
4
4
  declare const Header: FC<HeaderProps>;
5
5
  export { HeaderProps, Header };
@@ -1,18 +1,18 @@
1
1
  import React, { useContext, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
- import { NavigationBar } from '@alfalab/core-components-navigation-bar/modern';
3
+ import { NavigationBarPrivate } from '@alfalab/core-components-navigation-bar-private/modern';
4
4
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
5
5
  import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
6
6
  import { ModalContext } from '../../Context.js';
7
7
  import { ResponsiveContext } from '../../ResponsiveContext.js';
8
8
 
9
- const desktopStyles = {"content":"side-panel__content_1dmza","size-500":"side-panel__size-500_1dmza","sticky":"side-panel__sticky_1dmza"};
9
+ const desktopStyles = {"content":"side-panel__content_1ush9","size-500":"side-panel__size-500_1ush9","sticky":"side-panel__sticky_1ush9"};
10
10
  require('./desktop.css')
11
11
 
12
- const styles = {"header":"side-panel__header_l47yo","hasContent":"side-panel__hasContent_l47yo","highlighted":"side-panel__highlighted_l47yo","sticky":"side-panel__sticky_l47yo","backgroundImage":"side-panel__backgroundImage_l47yo","content":"side-panel__content_l47yo","title":"side-panel__title_l47yo","addon":"side-panel__addon_l47yo","closer":"side-panel__closer_l47yo","right":"side-panel__right_l47yo","trim":"side-panel__trim_l47yo"};
12
+ const styles = {"header":"side-panel__header_1wvfa","hasContent":"side-panel__hasContent_1wvfa","highlighted":"side-panel__highlighted_1wvfa","sticky":"side-panel__sticky_1wvfa","backgroundImage":"side-panel__backgroundImage_1wvfa","content":"side-panel__content_1wvfa","title":"side-panel__title_1wvfa","addon":"side-panel__addon_1wvfa","closer":"side-panel__closer_1wvfa","right":"side-panel__right_1wvfa","trim":"side-panel__trim_1wvfa"};
13
13
  require('./index.css')
14
14
 
15
- const mobileStyles = {"header":"side-panel__header_1450o","sticky":"side-panel__sticky_1450o","content":"side-panel__content_1450o"};
15
+ const mobileStyles = {"header":"side-panel__header_1azn8","sticky":"side-panel__sticky_1azn8","content":"side-panel__content_1azn8"};
16
16
  require('./mobile.css')
17
17
 
18
18
  const Header = ({ className, children, contentClassName, title, sticky, hasCloser = true, ...restProps }) => {
@@ -22,7 +22,7 @@ const Header = ({ className, children, contentClassName, title, sticky, hasClose
22
22
  setHasHeader(true);
23
23
  }, [setHasHeader]);
24
24
  const hasContent = Boolean(title || children);
25
- return (React.createElement(NavigationBar, { dataTestId: getDataTestId(dataTestId, 'header'), ...restProps, scrollableParentRef: componentRef, view: view, sticky: sticky, title: title, hasCloser: hasCloser, onClose: onClose, className: cn(styles.header, className, {
25
+ return (React.createElement(NavigationBarPrivate, { dataTestId: getDataTestId(dataTestId, 'header'), ...restProps, scrollableParentRef: componentRef, view: view, sticky: sticky, title: title, hasCloser: hasCloser, onClose: onClose, className: cn(styles.header, className, {
26
26
  [styles.highlighted]: hasContent && sticky && headerHighlighted,
27
27
  [styles.sticky]: sticky,
28
28
  [styles.hasContent]: hasContent,
@@ -1,4 +1,4 @@
1
- /* hash: cgzus */
1
+ /* hash: 1h78c */
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 */
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_1dmza {
40
+ } .side-panel__content_1ush9 {
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__size-500_1dmza .side-panel__content_1dmza {
43
+ } .side-panel__size-500_1ush9 .side-panel__content_1ush9 {
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__size-500_1dmza {
47
+ } .side-panel__size-500_1ush9 {
48
48
  padding: var(--side-panel-s-header-paddings);
49
- } .side-panel__sticky_1dmza {
49
+ } .side-panel__sticky_1ush9 {
50
50
  top: 0;
51
51
  }
@@ -1,4 +1,4 @@
1
- /* hash: 2zwl5 */
1
+ /* hash: 17q53 */
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 {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -32,42 +32,42 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .side-panel__header_l47yo {
35
+ } .side-panel__header_1wvfa {
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_l47yo:not(.side-panel__hasContent_l47yo) {
39
+ } .side-panel__header_1wvfa:not(.side-panel__hasContent_1wvfa) {
40
40
  pointer-events: none;
41
- } .side-panel__highlighted_l47yo {
41
+ } .side-panel__highlighted_1wvfa {
42
42
  background: var(--side-panel-header-highlight-background);
43
43
  box-shadow: var(--side-panel-header-highlight-box-shadow);
44
- } .side-panel__sticky_l47yo {
44
+ } .side-panel__sticky_1wvfa {
45
45
  position: sticky;
46
46
  z-index: 1
47
- } .side-panel__sticky_l47yo.side-panel__hasContent_l47yo {
47
+ } .side-panel__sticky_1wvfa.side-panel__hasContent_1wvfa {
48
48
  background: var(--side-panel-header-background);
49
- } .side-panel__header_l47yo.side-panel__backgroundImage_l47yo {
49
+ } .side-panel__header_1wvfa.side-panel__backgroundImage_1wvfa {
50
50
  background: center no-repeat;
51
51
  background-size: cover;
52
- } .side-panel__content_l47yo {
52
+ } .side-panel__content_1wvfa {
53
53
  flex-grow: 1;
54
- } .side-panel__title_l47yo {
54
+ } .side-panel__title_1wvfa {
55
55
  word-break: break-word;
56
- } .side-panel__addon_l47yo {
56
+ } .side-panel__addon_1wvfa {
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_l47yo {
63
+ } .side-panel__closer_1wvfa {
64
64
  margin-left: auto;
65
- } .side-panel__right_l47yo {
65
+ } .side-panel__right_1wvfa {
66
66
  justify-content: flex-end;
67
67
  text-align: right;
68
- } .side-panel__trim_l47yo {
68
+ } .side-panel__trim_1wvfa {
69
69
  overflow: hidden
70
- } .side-panel__trim_l47yo .side-panel__title_l47yo {
70
+ } .side-panel__trim_1wvfa .side-panel__title_1wvfa {
71
71
  overflow: hidden;
72
72
  white-space: nowrap;
73
73
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: iw0r5 */
1
+ /* hash: mzrlr */
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 */
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_1450o {
41
+ } .side-panel__header_1azn8 {
42
42
  padding: var(--side-panel-header-mobile-paddings);
43
- } .side-panel__sticky_1450o {
43
+ } .side-panel__sticky_1azn8 {
44
44
  top: 0;
45
- } .side-panel__content_1450o {
45
+ } .side-panel__content_1azn8 {
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);