@alfalab/core-components-side-panel 5.1.2 → 5.2.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 (144) hide show
  1. package/Component.responsive.d.ts +2 -2
  2. package/Component.responsive.js +1 -1
  3. package/components/content/Component.desktop.d.ts +1 -1
  4. package/components/content/Component.desktop.js +4 -3
  5. package/components/content/Component.js +1 -1
  6. package/components/content/Component.mobile.js +1 -1
  7. package/components/content/desktop.css +4 -4
  8. package/components/content/index.css +5 -5
  9. package/components/content/mobile.css +4 -4
  10. package/components/controls/Component.js +2 -2
  11. package/components/controls/index.css +2 -2
  12. package/components/footer/Component.desktop.d.ts +1 -1
  13. package/components/footer/Component.desktop.js +4 -3
  14. package/components/footer/Component.js +2 -2
  15. package/components/footer/Component.mobile.js +1 -1
  16. package/components/footer/desktop.css +4 -4
  17. package/components/footer/index.css +5 -5
  18. package/components/footer/layout.css +18 -18
  19. package/components/footer/mobile.css +4 -4
  20. package/components/header/Component.js +6 -5
  21. package/components/header/desktop.css +6 -6
  22. package/components/header/index.css +15 -15
  23. package/components/header/mobile.css +5 -5
  24. package/consts.d.ts +5 -0
  25. package/consts.js +10 -0
  26. package/cssm/Component.responsive.d.ts +2 -2
  27. package/cssm/Component.responsive.js +1 -1
  28. package/cssm/components/content/Component.desktop.d.ts +1 -1
  29. package/cssm/components/content/Component.desktop.js +3 -2
  30. package/cssm/components/content/desktop.module.css +3 -3
  31. package/cssm/components/content/index.module.css +1 -1
  32. package/cssm/components/content/mobile.module.css +1 -1
  33. package/cssm/components/footer/Component.desktop.d.ts +1 -1
  34. package/cssm/components/footer/Component.desktop.js +3 -2
  35. package/cssm/components/footer/desktop.module.css +2 -2
  36. package/cssm/components/footer/index.module.css +1 -1
  37. package/cssm/components/footer/layout.module.css +1 -1
  38. package/cssm/components/footer/mobile.module.css +1 -1
  39. package/cssm/components/header/Component.js +3 -2
  40. package/cssm/components/header/desktop.module.css +3 -3
  41. package/cssm/components/header/index.module.css +1 -1
  42. package/cssm/components/header/mobile.module.css +1 -1
  43. package/cssm/consts.d.ts +5 -0
  44. package/cssm/consts.js +10 -0
  45. package/cssm/desktop/Component.desktop.d.ts +2 -2
  46. package/cssm/desktop/Component.desktop.js +3 -2
  47. package/cssm/desktop/desktop.module.css +2 -2
  48. package/cssm/mobile/Component.mobile.js +1 -1
  49. package/cssm/mobile/mobile.module.css +1 -1
  50. package/cssm/typings.d.ts +1 -1
  51. package/cssm/vars.css +1 -1
  52. package/desktop/Component.desktop.d.ts +2 -2
  53. package/desktop/Component.desktop.js +5 -4
  54. package/desktop/desktop.css +4 -4
  55. package/desktop/transitions.desktop.css +7 -7
  56. package/esm/Component.responsive.d.ts +2 -2
  57. package/esm/Component.responsive.js +1 -1
  58. package/esm/components/content/Component.desktop.d.ts +1 -1
  59. package/esm/components/content/Component.desktop.js +4 -3
  60. package/esm/components/content/Component.js +1 -1
  61. package/esm/components/content/Component.mobile.js +1 -1
  62. package/esm/components/content/desktop.css +4 -4
  63. package/esm/components/content/index.css +5 -5
  64. package/esm/components/content/mobile.css +4 -4
  65. package/esm/components/controls/Component.js +2 -2
  66. package/esm/components/controls/index.css +2 -2
  67. package/esm/components/footer/Component.desktop.d.ts +1 -1
  68. package/esm/components/footer/Component.desktop.js +4 -3
  69. package/esm/components/footer/Component.js +2 -2
  70. package/esm/components/footer/Component.mobile.js +1 -1
  71. package/esm/components/footer/desktop.css +4 -4
  72. package/esm/components/footer/index.css +5 -5
  73. package/esm/components/footer/layout.css +18 -18
  74. package/esm/components/footer/mobile.css +4 -4
  75. package/esm/components/header/Component.js +6 -5
  76. package/esm/components/header/desktop.css +6 -6
  77. package/esm/components/header/index.css +15 -15
  78. package/esm/components/header/mobile.css +5 -5
  79. package/esm/consts.d.ts +5 -0
  80. package/esm/consts.js +6 -0
  81. package/esm/desktop/Component.desktop.d.ts +2 -2
  82. package/esm/desktop/Component.desktop.js +5 -4
  83. package/esm/desktop/desktop.css +4 -4
  84. package/esm/desktop/transitions.desktop.css +7 -7
  85. package/esm/layout.module-10b60370.js +4 -0
  86. package/esm/mobile/Component.mobile.js +3 -3
  87. package/esm/mobile/mobile.css +5 -5
  88. package/esm/mobile/transitions.mobile.css +8 -8
  89. package/esm/typings.d.ts +1 -1
  90. package/layout.module-3789959a.js +6 -0
  91. package/mobile/Component.mobile.js +3 -3
  92. package/mobile/mobile.css +5 -5
  93. package/mobile/transitions.mobile.css +8 -8
  94. package/modern/Component.responsive.d.ts +2 -2
  95. package/modern/Component.responsive.js +1 -1
  96. package/modern/components/content/Component.desktop.d.ts +1 -1
  97. package/modern/components/content/Component.desktop.js +3 -2
  98. package/modern/components/content/Component.js +1 -1
  99. package/modern/components/content/Component.mobile.js +1 -1
  100. package/modern/components/content/desktop.css +4 -4
  101. package/modern/components/content/index.css +5 -5
  102. package/modern/components/content/mobile.css +4 -4
  103. package/modern/components/controls/Component.js +2 -2
  104. package/modern/components/controls/index.css +2 -2
  105. package/modern/components/footer/Component.desktop.d.ts +1 -1
  106. package/modern/components/footer/Component.desktop.js +3 -2
  107. package/modern/components/footer/Component.js +2 -2
  108. package/modern/components/footer/Component.mobile.js +1 -1
  109. package/modern/components/footer/desktop.css +4 -4
  110. package/modern/components/footer/index.css +5 -5
  111. package/modern/components/footer/layout.css +18 -18
  112. package/modern/components/footer/mobile.css +4 -4
  113. package/modern/components/header/Component.js +6 -5
  114. package/modern/components/header/desktop.css +6 -6
  115. package/modern/components/header/index.css +15 -15
  116. package/modern/components/header/mobile.css +5 -5
  117. package/modern/consts.d.ts +5 -0
  118. package/modern/consts.js +6 -0
  119. package/modern/desktop/Component.desktop.d.ts +2 -2
  120. package/modern/desktop/Component.desktop.js +5 -4
  121. package/modern/desktop/desktop.css +4 -4
  122. package/modern/desktop/transitions.desktop.css +7 -7
  123. package/modern/layout.module-a3ff3ebd.js +4 -0
  124. package/modern/mobile/Component.mobile.js +3 -3
  125. package/modern/mobile/mobile.css +5 -5
  126. package/modern/mobile/transitions.mobile.css +8 -8
  127. package/modern/typings.d.ts +1 -1
  128. package/package.json +2 -2
  129. package/src/Component.responsive.tsx +2 -2
  130. package/src/components/content/Component.desktop.tsx +10 -3
  131. package/src/components/content/desktop.module.css +1 -1
  132. package/src/components/footer/Component.desktop.tsx +5 -3
  133. package/src/components/footer/desktop.module.css +1 -1
  134. package/src/components/header/Component.tsx +3 -2
  135. package/src/components/header/desktop.module.css +2 -2
  136. package/src/consts.ts +4 -0
  137. package/src/desktop/Component.desktop.tsx +4 -3
  138. package/src/desktop/desktop.module.css +1 -1
  139. package/src/mobile/Component.mobile.tsx +1 -1
  140. package/src/typings.ts +1 -1
  141. package/typings.d.ts +1 -1
  142. package/esm/layout.module-0f3296f1.js +0 -4
  143. package/layout.module-41a41938.js +0 -6
  144. package/modern/layout.module-d4e1a7fc.js +0 -4
@@ -7,7 +7,7 @@ type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTrans
7
7
  * Ширина модального окна
8
8
  * @default "s"
9
9
  */
10
- size?: 's';
10
+ size?: 's' | 500;
11
11
  /**
12
12
  * Управление наличием закрывающего крестика
13
13
  * @default false
@@ -28,7 +28,7 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
28
28
  * Ширина модального окна
29
29
  * @default "s"
30
30
  */
31
- size?: "s" | undefined;
31
+ size?: "s" | 500 | undefined;
32
32
  /**
33
33
  * Управление наличием закрывающего крестика
34
34
  * @default false
@@ -26,7 +26,7 @@ function createResponsive(desktop, mobile) {
26
26
  return ResponsiveChild;
27
27
  }
28
28
  var SidePanelResponsiveComponent = React.forwardRef(function (_a, ref) {
29
- var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 's' : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
29
+ var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
30
30
  var query = "(min-width: ".concat(breakpoint, "px)");
31
31
  var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
32
32
  var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
@@ -4,7 +4,7 @@ type ContentDesktopProps = ContentProps & {
4
4
  /**
5
5
  * Размер (только для desktop версии компонента)
6
6
  */
7
- size?: 's';
7
+ size?: 's' | 500;
8
8
  };
9
9
  declare const ContentDesktop: FC<ContentDesktopProps>;
10
10
  export { ContentDesktopProps, ContentDesktop };
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
+ var consts = require('../../consts.js');
8
9
  var components_content_Component = require('./Component.js');
9
10
 
10
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,12 +13,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
15
 
15
- var styles = {"s":"side-panel__s_1fc4l"};
16
+ var styles = {"size-500":"side-panel__size-500_owr3j"};
16
17
  require('./desktop.css')
17
18
 
18
19
  var ContentDesktop = function (_a) {
19
- var _b = _a.size, size = _b === void 0 ? 's' : _b, className = _a.className, restProps = tslib.__rest(_a, ["size", "className"]);
20
- return React__default.default.createElement(components_content_Component.Content, tslib.__assign({ className: cn__default.default(className, size && styles[size]) }, restProps));
20
+ var _b = _a.size, size = _b === void 0 ? 500 : _b, className = _a.className, restProps = tslib.__rest(_a, ["size", "className"]);
21
+ return (React__default.default.createElement(components_content_Component.Content, tslib.__assign({ className: cn__default.default(className, size && styles[consts.SIZE_TO_CLASSNAME_MAP[size]]) }, restProps)));
21
22
  };
22
23
 
23
24
  exports.ContentDesktop = ContentDesktop;
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"content":"side-panel__content_azz1g","withHeader":"side-panel__withHeader_azz1g","flex":"side-panel__flex_azz1g"};
16
+ var styles = {"content":"side-panel__content_hw83s","withHeader":"side-panel__withHeader_hw83s","flex":"side-panel__flex_hw83s"};
17
17
  require('./index.css')
18
18
 
19
19
  var Content = function (_a) {
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"content":"side-panel__content_1wi32"};
15
+ var styles = {"content":"side-panel__content_17lmt"};
16
16
  require('./mobile.css')
17
17
 
18
18
  var ContentMobile = function (_a) {
@@ -1,5 +1,5 @@
1
- /* hash: bpogn */
2
- :root {
1
+ /* hash: n9kjw */
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 */
5
5
  } :root {
@@ -30,8 +30,8 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .side-panel__s_1fc4l {
33
+ } .side-panel__size-500_owr3j {
34
34
  padding: var(--side-panel-s-content-paddings)
35
- } .side-panel__s_1fc4l:last-child {
35
+ } .side-panel__size-500_owr3j:last-child {
36
36
  padding-bottom: var(--gap-2xl);
37
37
  }
@@ -1,5 +1,5 @@
1
- /* hash: xjjsj */
2
- :root {
1
+ /* hash: mh4wg */
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 */
5
5
  } :root {
@@ -27,13 +27,13 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .side-panel__content_azz1g {
30
+ } .side-panel__content_hw83s {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .side-panel__content_azz1g.side-panel__withHeader_azz1g {
35
+ } .side-panel__content_hw83s.side-panel__withHeader_hw83s {
36
36
  padding-top: 0;
37
- } .side-panel__flex_azz1g {
37
+ } .side-panel__flex_hw83s {
38
38
  flex: 1 1 auto;
39
39
  }
@@ -1,5 +1,5 @@
1
- /* hash: 1nis7 */
2
- :root {
1
+ /* hash: 1u2ct */
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 */
5
5
  } :root {
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .side-panel__content_1wi32 {
31
+ } .side-panel__content_17lmt {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .side-panel__content_1wi32:last-child {
33
+ } .side-panel__content_17lmt:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }
@@ -6,14 +6,14 @@ var React = require('react');
6
6
  var cn = require('classnames');
7
7
  var coreComponentsShared = require('@alfalab/core-components-shared');
8
8
  var ResponsiveContext = require('../../ResponsiveContext.js');
9
- var layout_module = require('../../layout.module-41a41938.js');
9
+ var layout_module = require('../../layout.module-3789959a.js');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"side-panel__component_1tetc"};
16
+ var styles = {"component":"side-panel__component_1kzn1"};
17
17
  require('./index.css')
18
18
 
19
19
  var Controls = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: yf34o */
2
- .side-panel__component_1tetc {
1
+ /* hash: gb9ip */
2
+ .side-panel__component_1kzn1 {
3
3
  width: 100%;
4
4
  }
@@ -4,7 +4,7 @@ type FooterDesktopProps = FooterProps & {
4
4
  /**
5
5
  * Размер (только для desktop версии компонента)
6
6
  */
7
- size?: 's';
7
+ size?: 's' | 500;
8
8
  };
9
9
  declare const FooterDesktop: FC<FooterDesktopProps>;
10
10
  export { FooterDesktopProps, FooterDesktop };
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
+ var consts = require('../../consts.js');
8
9
  var components_footer_Component = require('./Component.js');
9
10
 
10
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,13 +13,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
15
 
15
- var styles = {"sticky":"side-panel__sticky_13ph0","s":"side-panel__s_13ph0"};
16
+ var styles = {"sticky":"side-panel__sticky_1alq2","size-500":"side-panel__size-500_1alq2"};
16
17
  require('./desktop.css')
17
18
 
18
19
  var FooterDesktop = function (_a) {
19
20
  var _b;
20
- var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, sticky = _a.sticky, restProps = tslib.__rest(_a, ["size", "className", "sticky"]);
21
- return (React__default.default.createElement(components_footer_Component.Footer, tslib.__assign({ className: cn__default.default(className, size && styles[size], (_b = {},
21
+ var _c = _a.size, size = _c === void 0 ? 500 : _c, className = _a.className, sticky = _a.sticky, restProps = tslib.__rest(_a, ["size", "className", "sticky"]);
22
+ return (React__default.default.createElement(components_footer_Component.Footer, tslib.__assign({ className: cn__default.default(className, size && styles[consts.SIZE_TO_CLASSNAME_MAP[size]], (_b = {},
22
23
  _b[styles.sticky] = sticky,
23
24
  _b)), sticky: sticky }, restProps)));
24
25
  };
@@ -7,14 +7,14 @@ var cn = require('classnames');
7
7
  var coreComponentsShared = require('@alfalab/core-components-shared');
8
8
  var Context = require('../../Context.js');
9
9
  var ResponsiveContext = require('../../ResponsiveContext.js');
10
- var layout_module = require('../../layout.module-41a41938.js');
10
+ var layout_module = require('../../layout.module-3789959a.js');
11
11
 
12
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
13
 
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"footer":"side-panel__footer_1yhwp","sticky":"side-panel__sticky_1yhwp","highlighted":"side-panel__highlighted_1yhwp"};
17
+ var styles = {"footer":"side-panel__footer_182j7","sticky":"side-panel__sticky_182j7","highlighted":"side-panel__highlighted_182j7"};
18
18
  require('./index.css')
19
19
 
20
20
  var Footer = function (_a) {
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"footer":"side-panel__footer_1gvw8","sticky":"side-panel__sticky_1gvw8"};
15
+ var styles = {"footer":"side-panel__footer_1pb2j","sticky":"side-panel__sticky_1pb2j"};
16
16
  require('./mobile.css')
17
17
 
18
18
  var FooterMobile = function (_a) {
@@ -1,5 +1,5 @@
1
- /* hash: ie9bw */
2
- :root {
1
+ /* hash: 1koo2 */
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 */
5
5
  } :root {
@@ -30,8 +30,8 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .side-panel__sticky_13ph0 {
33
+ } .side-panel__sticky_1alq2 {
34
34
  bottom: 0;
35
- } .side-panel__s_13ph0 {
35
+ } .side-panel__size-500_1alq2 {
36
36
  padding: var(--side-panel-s-footer-paddings);
37
37
  }
@@ -1,5 +1,5 @@
1
- /* hash: 1vb33 */
2
- :root {
1
+ /* hash: ykdrf */
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;
5
5
  --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -32,15 +32,15 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .side-panel__footer_1yhwp {
35
+ } .side-panel__footer_182j7 {
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_1yhwp {
39
+ } .side-panel__sticky_182j7 {
40
40
  background: var(--side-panel-footer-background);
41
41
  position: sticky;
42
42
  z-index: 1;
43
- } .side-panel__highlighted_1yhwp {
43
+ } .side-panel__highlighted_182j7 {
44
44
  background: var(--side-panel-footer-highlight-background);
45
45
  box-shadow: var(--side-panel-footer-highlight-box-shadow);
46
46
  }
@@ -1,5 +1,5 @@
1
- /* hash: 1i3lr */
2
- :root {
1
+ /* hash: lcwfe */
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 */
5
5
  } :root {
@@ -31,35 +31,35 @@
31
31
  /* mobile */
32
32
 
33
33
  /* paddings */
34
- } .side-panel__column_526d4 {
34
+ } .side-panel__column_byffg {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .side-panel__column_526d4 > *:not(:last-child):not(:only-child) {
37
+ } .side-panel__column_byffg > *:not(:last-child):not(:only-child) {
38
38
  margin-bottom: var(--side-panel-footer-default-gap);
39
- } .side-panel__column_526d4.side-panel__gap-16_526d4 > *:not(:last-child):not(:only-child) {
39
+ } .side-panel__column_byffg.side-panel__gap-16_byffg > *:not(:last-child):not(:only-child) {
40
40
  margin-bottom: var(--gap-m);
41
- } .side-panel__column_526d4.side-panel__gap-24_526d4 > *:not(:last-child):not(:only-child) {
41
+ } .side-panel__column_byffg.side-panel__gap-24_byffg > *:not(:last-child):not(:only-child) {
42
42
  margin-bottom: var(--gap-xl);
43
- } .side-panel__column_526d4.side-panel__gap-32_526d4 > *:not(:last-child):not(:only-child) {
43
+ } .side-panel__column_byffg.side-panel__gap-32_byffg > *:not(:last-child):not(:only-child) {
44
44
  margin-bottom: var(--gap-2xl);
45
- } .side-panel__start_526d4 {
45
+ } .side-panel__start_byffg {
46
46
  justify-content: flex-start;
47
- } .side-panel__center_526d4 {
47
+ } .side-panel__center_byffg {
48
48
  justify-content: center;
49
- } .side-panel__space-between_526d4 {
49
+ } .side-panel__space-between_byffg {
50
50
  justify-content: space-between
51
- } .side-panel__space-between_526d4 > * {
51
+ } .side-panel__space-between_byffg > * {
52
52
  flex: 1;
53
- } .side-panel__start_526d4,
54
- .side-panel__center_526d4,
55
- .side-panel__space-between_526d4 {
53
+ } .side-panel__start_byffg,
54
+ .side-panel__center_byffg,
55
+ .side-panel__space-between_byffg {
56
56
  display: flex
57
- } .side-panel__start_526d4 > *:not(:last-child):not(:only-child), .side-panel__center_526d4 > *:not(:last-child):not(:only-child), .side-panel__space-between_526d4 > *:not(:last-child):not(:only-child) {
57
+ } .side-panel__start_byffg > *:not(:last-child):not(:only-child), .side-panel__center_byffg > *:not(:last-child):not(:only-child), .side-panel__space-between_byffg > *:not(:last-child):not(:only-child) {
58
58
  margin-right: var(--side-panel-footer-default-gap);
59
- } .side-panel__start_526d4.side-panel__gap-16_526d4 > *:not(:last-child):not(:only-child), .side-panel__center_526d4.side-panel__gap-16_526d4 > *:not(:last-child):not(:only-child), .side-panel__space-between_526d4.side-panel__gap-16_526d4 > *:not(:last-child):not(:only-child) {
59
+ } .side-panel__start_byffg.side-panel__gap-16_byffg > *:not(:last-child):not(:only-child), .side-panel__center_byffg.side-panel__gap-16_byffg > *:not(:last-child):not(:only-child), .side-panel__space-between_byffg.side-panel__gap-16_byffg > *:not(:last-child):not(:only-child) {
60
60
  margin-right: var(--gap-m);
61
- } .side-panel__start_526d4.side-panel__gap-24_526d4 > *:not(:last-child):not(:only-child), .side-panel__center_526d4.side-panel__gap-24_526d4 > *:not(:last-child):not(:only-child), .side-panel__space-between_526d4.side-panel__gap-24_526d4 > *:not(:last-child):not(:only-child) {
61
+ } .side-panel__start_byffg.side-panel__gap-24_byffg > *:not(:last-child):not(:only-child), .side-panel__center_byffg.side-panel__gap-24_byffg > *:not(:last-child):not(:only-child), .side-panel__space-between_byffg.side-panel__gap-24_byffg > *:not(:last-child):not(:only-child) {
62
62
  margin-right: var(--gap-xl);
63
- } .side-panel__start_526d4.side-panel__gap-32_526d4 > *:not(:last-child):not(:only-child), .side-panel__center_526d4.side-panel__gap-32_526d4 > *:not(:last-child):not(:only-child), .side-panel__space-between_526d4.side-panel__gap-32_526d4 > *:not(:last-child):not(:only-child) {
63
+ } .side-panel__start_byffg.side-panel__gap-32_byffg > *:not(:last-child):not(:only-child), .side-panel__center_byffg.side-panel__gap-32_byffg > *:not(:last-child):not(:only-child), .side-panel__space-between_byffg.side-panel__gap-32_byffg > *:not(:last-child):not(:only-child) {
64
64
  margin-right: var(--gap-2xl);
65
65
  }
@@ -1,5 +1,5 @@
1
- /* hash: 1jgw4 */
2
- :root {
1
+ /* hash: 2jlom */
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 */
5
5
  } :root {
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .side-panel__footer_1gvw8 {
31
+ } .side-panel__footer_1pb2j {
32
32
  padding: var(--gap-m);
33
- } .side-panel__sticky_1gvw8 {
33
+ } .side-panel__sticky_1pb2j {
34
34
  bottom: 0;
35
35
  }
@@ -7,6 +7,7 @@ var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsNavigationBar = require('@alfalab/core-components-navigation-bar');
9
9
  var coreComponentsShared = require('@alfalab/core-components-shared');
10
+ var consts = require('../../consts.js');
10
11
  var Context = require('../../Context.js');
11
12
  var ResponsiveContext = require('../../ResponsiveContext.js');
12
13
 
@@ -15,20 +16,20 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
18
 
18
- var desktopStyles = {"content":"side-panel__content_1eb4l","s":"side-panel__s_1eb4l","sticky":"side-panel__sticky_1eb4l"};
19
+ var desktopStyles = {"content":"side-panel__content_1l7do","size-500":"side-panel__size-500_1l7do","sticky":"side-panel__sticky_1l7do"};
19
20
  require('./desktop.css')
20
21
 
21
- var styles = {"header":"side-panel__header_burcp","hasContent":"side-panel__hasContent_burcp","highlighted":"side-panel__highlighted_burcp","sticky":"side-panel__sticky_burcp","backgroundImage":"side-panel__backgroundImage_burcp","content":"side-panel__content_burcp","title":"side-panel__title_burcp","addon":"side-panel__addon_burcp","closer":"side-panel__closer_burcp","right":"side-panel__right_burcp","trim":"side-panel__trim_burcp"};
22
+ var styles = {"header":"side-panel__header_1kghw","hasContent":"side-panel__hasContent_1kghw","highlighted":"side-panel__highlighted_1kghw","sticky":"side-panel__sticky_1kghw","backgroundImage":"side-panel__backgroundImage_1kghw","content":"side-panel__content_1kghw","title":"side-panel__title_1kghw","addon":"side-panel__addon_1kghw","closer":"side-panel__closer_1kghw","right":"side-panel__right_1kghw","trim":"side-panel__trim_1kghw"};
22
23
  require('./index.css')
23
24
 
24
- var mobileStyles = {"header":"side-panel__header_19khl","sticky":"side-panel__sticky_19khl","content":"side-panel__content_19khl"};
25
+ var mobileStyles = {"header":"side-panel__header_1hznw","sticky":"side-panel__sticky_1hznw","content":"side-panel__content_1hznw"};
25
26
  require('./mobile.css')
26
27
 
27
28
  var Header = function (_a) {
28
29
  var _b, _c;
29
30
  var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "hasCloser"]);
30
31
  var _e = React.useContext(Context.ModalContext), setHasHeader = _e.setHasHeader, headerHighlighted = _e.headerHighlighted, onClose = _e.onClose, componentRef = _e.componentRef;
31
- var _f = React.useContext(ResponsiveContext.ResponsiveContext) || {}, _g = _f.size, size = _g === void 0 ? 's' : _g, _h = _f.view, view = _h === void 0 ? 'desktop' : _h, dataTestId = _f.dataTestId;
32
+ var _f = React.useContext(ResponsiveContext.ResponsiveContext) || {}, _g = _f.size, size = _g === void 0 ? 500 : _g, _h = _f.view, view = _h === void 0 ? 'desktop' : _h, dataTestId = _f.dataTestId;
32
33
  React.useEffect(function () {
33
34
  setHasHeader(true);
34
35
  }, [setHasHeader]);
@@ -38,7 +39,7 @@ var Header = function (_a) {
38
39
  _b[styles.sticky] = sticky,
39
40
  _b[styles.hasContent] = hasContent,
40
41
  _b[desktopStyles.sticky] = view === 'desktop' && sticky,
41
- _b[desktopStyles[size]] = view === 'desktop',
42
+ _b[desktopStyles[consts.SIZE_TO_CLASSNAME_MAP[size]]] = view === 'desktop',
42
43
  _b[mobileStyles.sticky] = view === 'mobile' && sticky,
43
44
  _b[mobileStyles.header] = view === 'mobile',
44
45
  _b)), contentClassName: cn__default.default(contentClassName, (_c = {},
@@ -1,5 +1,5 @@
1
- /* hash: 10xpk */
2
- :root {
1
+ /* hash: 3wcnb */
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 */
5
5
  } :root {
@@ -37,15 +37,15 @@
37
37
  /* mobile */
38
38
 
39
39
  /* paddings */
40
- } .side-panel__content_1eb4l {
40
+ } .side-panel__content_1l7do {
41
41
  font-weight: var(--side-panel-header-desktop-font-weight);
42
42
  font-family: var(--side-panel-header-desktop-font-family);
43
- } .side-panel__s_1eb4l .side-panel__content_1eb4l {
43
+ } .side-panel__size-500_1l7do .side-panel__content_1l7do {
44
44
  padding: var(--side-panel-s-header-desktop-content-paddings);
45
45
  font-size: var(--side-panel-s-header-desktop-font-size);
46
46
  line-height: var(--side-panel-s-header-desktop-line-height);
47
- } .side-panel__s_1eb4l {
47
+ } .side-panel__size-500_1l7do {
48
48
  padding: var(--side-panel-s-header-paddings);
49
- } .side-panel__sticky_1eb4l {
49
+ } .side-panel__sticky_1l7do {
50
50
  top: 0;
51
51
  }
@@ -1,5 +1,5 @@
1
- /* hash: rgmao */
2
- :root {
1
+ /* hash: 1tgdf */
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;
5
5
  --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -32,42 +32,42 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .side-panel__header_burcp {
35
+ } .side-panel__header_1kghw {
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_burcp:not(.side-panel__hasContent_burcp) {
39
+ } .side-panel__header_1kghw:not(.side-panel__hasContent_1kghw) {
40
40
  pointer-events: none;
41
- } .side-panel__highlighted_burcp {
41
+ } .side-panel__highlighted_1kghw {
42
42
  background: var(--side-panel-header-highlight-background);
43
43
  box-shadow: var(--side-panel-header-highlight-box-shadow);
44
- } .side-panel__sticky_burcp {
44
+ } .side-panel__sticky_1kghw {
45
45
  position: sticky;
46
46
  z-index: 1
47
- } .side-panel__sticky_burcp.side-panel__hasContent_burcp {
47
+ } .side-panel__sticky_1kghw.side-panel__hasContent_1kghw {
48
48
  background: var(--side-panel-header-background);
49
- } .side-panel__header_burcp.side-panel__backgroundImage_burcp {
49
+ } .side-panel__header_1kghw.side-panel__backgroundImage_1kghw {
50
50
  background: center no-repeat;
51
51
  background-size: cover;
52
- } .side-panel__content_burcp {
52
+ } .side-panel__content_1kghw {
53
53
  flex-grow: 1;
54
- } .side-panel__title_burcp {
54
+ } .side-panel__title_1kghw {
55
55
  word-break: break-word;
56
- } .side-panel__addon_burcp {
56
+ } .side-panel__addon_1kghw {
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_burcp {
63
+ } .side-panel__closer_1kghw {
64
64
  margin-left: auto;
65
- } .side-panel__right_burcp {
65
+ } .side-panel__right_1kghw {
66
66
  justify-content: flex-end;
67
67
  text-align: right;
68
- } .side-panel__trim_burcp {
68
+ } .side-panel__trim_1kghw {
69
69
  overflow: hidden
70
- } .side-panel__trim_burcp .side-panel__title_burcp {
70
+ } .side-panel__trim_1kghw .side-panel__title_1kghw {
71
71
  overflow: hidden;
72
72
  white-space: nowrap;
73
73
  text-overflow: ellipsis;
@@ -1,5 +1,5 @@
1
- /* hash: 4x6kf */
2
- :root {
1
+ /* hash: xfp7q */
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 */
5
5
  } :root {
@@ -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_19khl {
41
+ } .side-panel__header_1hznw {
42
42
  padding: var(--side-panel-header-mobile-paddings);
43
- } .side-panel__sticky_19khl {
43
+ } .side-panel__sticky_1hznw {
44
44
  top: 0;
45
- } .side-panel__content_19khl {
45
+ } .side-panel__content_1hznw {
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);
package/consts.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare const SIZE_TO_CLASSNAME_MAP: {
2
+ s: string;
3
+ 500: string;
4
+ };
5
+ export { SIZE_TO_CLASSNAME_MAP };
package/consts.js ADDED
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var SIZE_TO_CLASSNAME_MAP = {
6
+ s: 'size-500',
7
+ 500: 'size-500',
8
+ };
9
+
10
+ exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;