@alfalab/core-components-modal 9.1.2 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/Component.d.ts +1 -1
  2. package/Component.js +6 -5
  3. package/Component.responsive.d.ts +1 -1
  4. package/ResponsiveContext.js +1 -1
  5. package/components/content/Component.js +5 -4
  6. package/components/content/desktop.css +8 -8
  7. package/components/content/index.css +5 -5
  8. package/components/content/mobile.css +4 -4
  9. package/components/controls/Component.js +2 -2
  10. package/components/controls/index.css +2 -2
  11. package/components/footer/Component.js +6 -5
  12. package/components/footer/desktop.css +10 -10
  13. package/components/footer/index.css +5 -5
  14. package/components/footer/layout.css +18 -18
  15. package/components/footer/mobile.css +4 -4
  16. package/components/header/Component.js +5 -4
  17. package/components/header/desktop.css +16 -16
  18. package/components/header/index.css +5 -5
  19. package/components/header/mobile.css +5 -5
  20. package/consts.d.ts +12 -0
  21. package/consts.js +17 -0
  22. package/cssm/Component.d.ts +1 -1
  23. package/cssm/Component.js +3 -2
  24. package/cssm/Component.responsive.d.ts +1 -1
  25. package/cssm/ResponsiveContext.js +1 -1
  26. package/cssm/components/content/Component.js +2 -1
  27. package/cssm/components/content/desktop.module.css +6 -6
  28. package/cssm/components/content/index.module.css +1 -1
  29. package/cssm/components/content/mobile.module.css +1 -1
  30. package/cssm/components/footer/Component.js +2 -1
  31. package/cssm/components/footer/desktop.module.css +5 -5
  32. package/cssm/components/footer/index.module.css +1 -1
  33. package/cssm/components/footer/layout.module.css +1 -1
  34. package/cssm/components/footer/mobile.module.css +1 -1
  35. package/cssm/components/header/Component.js +2 -1
  36. package/cssm/components/header/desktop.module.css +9 -9
  37. package/cssm/components/header/index.module.css +1 -1
  38. package/cssm/components/header/mobile.module.css +1 -1
  39. package/cssm/consts.d.ts +12 -0
  40. package/cssm/consts.js +17 -0
  41. package/cssm/desktop/Component.desktop.d.ts +1 -1
  42. package/cssm/desktop/desktop.module.css +5 -5
  43. package/cssm/mobile/mobile.module.css +1 -1
  44. package/cssm/typings.d.ts +3 -2
  45. package/cssm/vars.css +1 -1
  46. package/desktop/Component.desktop.d.ts +1 -1
  47. package/desktop/desktop.css +10 -10
  48. package/esm/Component.d.ts +1 -1
  49. package/esm/Component.js +6 -5
  50. package/esm/Component.responsive.d.ts +1 -1
  51. package/esm/ResponsiveContext.js +1 -1
  52. package/esm/components/content/Component.js +5 -4
  53. package/esm/components/content/desktop.css +8 -8
  54. package/esm/components/content/index.css +5 -5
  55. package/esm/components/content/mobile.css +4 -4
  56. package/esm/components/controls/Component.js +2 -2
  57. package/esm/components/controls/index.css +2 -2
  58. package/esm/components/footer/Component.js +6 -5
  59. package/esm/components/footer/desktop.css +10 -10
  60. package/esm/components/footer/index.css +5 -5
  61. package/esm/components/footer/layout.css +18 -18
  62. package/esm/components/footer/mobile.css +4 -4
  63. package/esm/components/header/Component.js +5 -4
  64. package/esm/components/header/desktop.css +16 -16
  65. package/esm/components/header/index.css +5 -5
  66. package/esm/components/header/mobile.css +5 -5
  67. package/esm/consts.d.ts +12 -0
  68. package/esm/consts.js +13 -0
  69. package/esm/desktop/Component.desktop.d.ts +1 -1
  70. package/esm/desktop/desktop.css +10 -10
  71. package/esm/layout.module-5f9fd885.js +4 -0
  72. package/esm/mobile/mobile.css +3 -3
  73. package/esm/transitions.css +8 -8
  74. package/esm/typings.d.ts +3 -2
  75. package/layout.module-48d3e9a8.js +6 -0
  76. package/mobile/mobile.css +3 -3
  77. package/modern/Component.d.ts +1 -1
  78. package/modern/Component.js +6 -5
  79. package/modern/Component.responsive.d.ts +1 -1
  80. package/modern/ResponsiveContext.js +1 -1
  81. package/modern/components/content/Component.js +5 -4
  82. package/modern/components/content/desktop.css +8 -8
  83. package/modern/components/content/index.css +5 -5
  84. package/modern/components/content/mobile.css +4 -4
  85. package/modern/components/controls/Component.js +2 -2
  86. package/modern/components/controls/index.css +2 -2
  87. package/modern/components/footer/Component.js +6 -5
  88. package/modern/components/footer/desktop.css +10 -10
  89. package/modern/components/footer/index.css +5 -5
  90. package/modern/components/footer/layout.css +18 -18
  91. package/modern/components/footer/mobile.css +4 -4
  92. package/modern/components/header/Component.js +5 -4
  93. package/modern/components/header/desktop.css +16 -16
  94. package/modern/components/header/index.css +5 -5
  95. package/modern/components/header/mobile.css +5 -5
  96. package/modern/consts.d.ts +12 -0
  97. package/modern/consts.js +13 -0
  98. package/modern/desktop/Component.desktop.d.ts +1 -1
  99. package/modern/desktop/desktop.css +10 -10
  100. package/modern/layout.module-8b353bc6.js +4 -0
  101. package/modern/mobile/mobile.css +3 -3
  102. package/modern/transitions.css +8 -8
  103. package/modern/typings.d.ts +3 -2
  104. package/package.json +2 -2
  105. package/src/Component.tsx +3 -2
  106. package/src/ResponsiveContext.tsx +1 -1
  107. package/src/components/content/Component.tsx +2 -1
  108. package/src/components/content/desktop.module.css +4 -4
  109. package/src/components/footer/Component.tsx +2 -1
  110. package/src/components/footer/desktop.module.css +4 -4
  111. package/src/components/header/Component.tsx +2 -1
  112. package/src/components/header/desktop.module.css +8 -8
  113. package/src/consts.ts +11 -0
  114. package/src/desktop/desktop.module.css +4 -4
  115. package/src/typings.ts +3 -2
  116. package/transitions.css +8 -8
  117. package/typings.d.ts +3 -2
  118. package/esm/layout.module-18d2351f.js +0 -4
  119. package/layout.module-fd9ac366.js +0 -6
  120. package/modern/layout.module-8196cddb.js +0 -4
package/consts.js ADDED
@@ -0,0 +1,17 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var SIZE_TO_CLASSNAME_MAP = {
6
+ s: 'size-500',
7
+ m: 'size-600',
8
+ l: 'size-800',
9
+ xl: 'size-1140',
10
+ fullscreen: 'fullscreen',
11
+ 500: 'size-500',
12
+ 600: 'size-600',
13
+ 800: 'size-800',
14
+ 1140: 'size-1140',
15
+ };
16
+
17
+ exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;
package/cssm/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { View } from "./typings";
4
4
  declare const Modal: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
5
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
5
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
6
6
  fullscreen?: boolean | undefined;
7
7
  fixedPosition?: boolean | undefined;
8
8
  hasCloser?: boolean | undefined;
package/cssm/Component.js CHANGED
@@ -7,6 +7,7 @@ var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
9
  var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
10
+ var consts = require('./consts.js');
10
11
  var ResponsiveContext = require('./ResponsiveContext.js');
11
12
  var desktopStyles = require('./desktop/desktop.module.css');
12
13
  var mobileStyles = require('./mobile/mobile.module.css');
@@ -23,7 +24,7 @@ var transitions__default = /*#__PURE__*/_interopDefaultCompat(transitions);
23
24
 
24
25
  var Modal = React.forwardRef(function (_a, ref) {
25
26
  var _b;
26
- var _c = _a.size, size = _c === void 0 ? 's' : _c, fixedPosition = _a.fixedPosition, fullscreen = _a.fullscreen, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _d = _a.transitionProps, transitionProps = _d === void 0 ? {} : _d, view = _a.view, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["size", "fixedPosition", "fullscreen", "children", "className", "wrapperClassName", "transitionProps", "view", "dataTestId"]);
27
+ var _c = _a.size, size = _c === void 0 ? 500 : _c, fixedPosition = _a.fixedPosition, fullscreen = _a.fullscreen, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _d = _a.transitionProps, transitionProps = _d === void 0 ? {} : _d, view = _a.view, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["size", "fixedPosition", "fullscreen", "children", "className", "wrapperClassName", "transitionProps", "view", "dataTestId"]);
27
28
  // TODO: удалить, после удаления пропсы fullscreen
28
29
  var componentSize = fullscreen ? 'fullscreen' : size;
29
30
  var modalRef = React.useRef(null);
@@ -45,7 +46,7 @@ var Modal = React.forwardRef(function (_a, ref) {
45
46
  wrapperClassName: cn__default.default(desktopStyles__default.default.wrapper, wrapperClassName, (_b = {},
46
47
  _b[desktopStyles__default.default.fullscreen] = componentSize === 'fullscreen',
47
48
  _b)),
48
- className: cn__default.default(desktopStyles__default.default.component, className, desktopStyles__default.default[componentSize]),
49
+ className: cn__default.default(desktopStyles__default.default.component, className, desktopStyles__default.default[consts.SIZE_TO_CLASSNAME_MAP[componentSize]]),
49
50
  backdropProps: tslib.__assign({ invisible: componentSize === 'fullscreen' }, restProps.backdropProps),
50
51
  transitionProps: tslib.__assign(tslib.__assign({ classNames: transitions__default.default }, transitionProps), { onEntered: handleEntered }),
51
52
  }
package/cssm/Component.responsive.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  declare const ModalResponsive: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
4
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
4
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
5
5
  fullscreen?: boolean | undefined;
6
6
  fixedPosition?: boolean | undefined;
7
7
  hasCloser?: boolean | undefined;
package/cssm/ResponsiveContext.js CHANGED
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
10
10
 
11
11
  var ResponsiveContext = React__default.default.createContext({
12
12
  view: 'desktop',
13
- size: 's',
13
+ size: 500,
14
14
  });
15
15
 
16
16
  exports.ResponsiveContext = ResponsiveContext;
package/cssm/components/content/Component.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var cn = require('classnames');
7
7
  var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
8
+ var consts = require('../../consts.js');
8
9
  var Context = require('../../Context.js');
9
10
  var ResponsiveContext = require('../../ResponsiveContext.js');
10
11
  var desktopStyles = require('./desktop.module.css');
@@ -27,7 +28,7 @@ var Content = function (_a) {
27
28
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content, className, (_b = {},
28
29
  _b[styles__default.default.flex] = flex,
29
30
  _b[styles__default.default.withHeader] = hasHeader,
30
- _b[desktopStyles__default.default[size]] = view === 'desktop' && size,
31
+ _b[desktopStyles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]]] = view === 'desktop' && size,
31
32
  _b[mobileStyles__default.default.content] = view === 'mobile',
32
33
  _b)), ref: contentRef, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
33
34
  };
package/cssm/components/content/desktop.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
@@ -29,12 +29,12 @@
29
29
  /* mobile */
30
30
 
31
31
  /* paddings */
32
- } .s,
33
- .m,
34
- .l,
35
- .xl,
32
+ } .size-500,
33
+ .size-600,
34
+ .size-800,
35
+ .size-1140,
36
36
  .fullscreen {
37
37
  padding: var(--modal-s-content-paddings)
38
- } .s:last-child, .m:last-child, .l:last-child, .xl:last-child, .fullscreen:last-child {
38
+ } .size-500:last-child, .size-600:last-child, .size-800:last-child, .size-1140:last-child, .fullscreen:last-child {
39
39
  padding-bottom: var(--modal-s-content-only-bottom-padding);
40
40
  }
package/cssm/components/content/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
package/cssm/components/content/mobile.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
package/cssm/components/footer/Component.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var cn = require('classnames');
7
7
  var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
8
+ var consts = require('../../consts.js');
8
9
  var Context = require('../../Context.js');
9
10
  var ResponsiveContext = require('../../ResponsiveContext.js');
10
11
  var desktopStyles = require('./desktop.module.css');
@@ -34,7 +35,7 @@ var Footer = function (_a) {
34
35
  _b[styles__default.default.sticky] = sticky,
35
36
  _b[desktopStyles__default.default.footer] = view === 'desktop',
36
37
  _b[desktopStyles__default.default.sticky] = view === 'desktop' && sticky,
37
- _b[desktopStyles__default.default[size]] = view === 'desktop',
38
+ _b[desktopStyles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]]] = view === 'desktop',
38
39
  _b[mobileStyles__default.default.footer] = view === 'mobile',
39
40
  _b[mobileStyles__default.default.sticky] = view === 'mobile' && sticky,
40
41
  _b)) }, children));
package/cssm/components/footer/desktop.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
@@ -39,10 +39,10 @@
39
39
  bottom: calc(var(--modal-vertical-padding) * -1)
40
40
  } .sticky.fullscreen {
41
41
  bottom: 0;
42
- } .s,
43
- .m,
44
- .l,
45
- .xl,
42
+ } .size-500,
43
+ .size-600,
44
+ .size-800,
45
+ .size-1140,
46
46
  .fullscreen {
47
47
  padding: var(--modal-s-footer-paddings);
48
48
  }
package/cssm/components/footer/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* deprecated */ :root {
3
3
  --color-light-modal-bg-primary: #fff;
4
4
  --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 */
package/cssm/components/footer/layout.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
package/cssm/components/footer/mobile.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
package/cssm/components/header/Component.js CHANGED
@@ -7,6 +7,7 @@ var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsNavigationBar = require('@alfalab/core-components-navigation-bar/cssm');
9
9
  var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
10
+ var consts = require('../../consts.js');
10
11
  var Context = require('../../Context.js');
11
12
  var ResponsiveContext = require('../../ResponsiveContext.js');
12
13
  var desktopStyles = require('./desktop.module.css');
@@ -36,7 +37,7 @@ var Header = function (_a) {
36
37
  _b[styles__default.default.hasContent] = hasContent,
37
38
  _b[desktopStyles__default.default.header] = view === 'desktop',
38
39
  _b[desktopStyles__default.default.sticky] = view === 'desktop' && sticky,
39
- _b[desktopStyles__default.default[size]] = view === 'desktop',
40
+ _b[desktopStyles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]]] = view === 'desktop',
40
41
  _b[mobileStyles__default.default.header] = view === 'mobile',
41
42
  _b[mobileStyles__default.default.sticky] = view === 'mobile' && sticky,
42
43
  _b)), contentClassName: cn__default.default(contentClassName, (_c = {},
package/cssm/components/header/desktop.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
@@ -49,21 +49,21 @@
49
49
  } .content {
50
50
  font-weight: var(--modal-header-desktop-font-weight);
51
51
  font-family: var(--modal-header-desktop-font-family);
52
- } .s .content,
53
- .m .content {
52
+ } .size-500 .content,
53
+ .size-600 .content {
54
54
  padding: var(--modal-s-header-desktop-content-paddings);
55
55
  font-size: var(--modal-s-header-desktop-font-size);
56
56
  line-height: var(--modal-s-header-desktop-line-height);
57
- } .l .content,
58
- .xl .content,
57
+ } .size-800 .content,
58
+ .size-1140 .content,
59
59
  .fullscreen .content {
60
60
  padding: var(--modal-l-header-desktop-content-paddings);
61
61
  font-size: var(--modal-l-header-desktop-font-size);
62
62
  line-height: var(--modal-l-header-desktop-line-height);
63
- } .s,
64
- .m,
65
- .l,
66
- .xl,
63
+ } .size-500,
64
+ .size-600,
65
+ .size-800,
66
+ .size-1140,
67
67
  .fullscreen {
68
68
  padding: var(--modal-s-header-paddings);
69
69
  } .sticky {
package/cssm/components/header/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* deprecated */ :root {
3
3
  --color-light-modal-bg-primary: #fff;
4
4
  --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 */
package/cssm/components/header/mobile.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
package/cssm/consts.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ declare const SIZE_TO_CLASSNAME_MAP: {
2
+ s: string;
3
+ m: string;
4
+ l: string;
5
+ xl: string;
6
+ fullscreen: string;
7
+ 500: string;
8
+ 600: string;
9
+ 800: string;
10
+ 1140: string;
11
+ };
12
+ export { SIZE_TO_CLASSNAME_MAP };
package/cssm/consts.js ADDED
@@ -0,0 +1,17 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var SIZE_TO_CLASSNAME_MAP = {
6
+ s: 'size-500',
7
+ m: 'size-600',
8
+ l: 'size-800',
9
+ xl: 'size-1140',
10
+ fullscreen: 'fullscreen',
11
+ 500: 'size-500',
12
+ 600: 'size-600',
13
+ 800: 'size-800',
14
+ 1140: 'size-1140',
15
+ };
16
+
17
+ exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;
package/cssm/desktop/Component.desktop.d.ts CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { ControlsProps } from "../components/controls/index";
4
4
  import { HeaderProps } from "../components/header/Component";
5
5
  declare const ModalDesktop: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
6
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
6
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
7
7
  fullscreen?: boolean | undefined;
8
8
  fixedPosition?: boolean | undefined;
9
9
  hasCloser?: boolean | undefined;
package/cssm/desktop/desktop.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
@@ -47,12 +47,12 @@
47
47
  } .fullscreen .component {
48
48
  flex: 1;
49
49
  border-radius: 0;
50
- } .s {
50
+ } .size-500 {
51
51
  width: var(--modal-s-width);
52
- } .m {
52
+ } .size-600 {
53
53
  width: var(--modal-m-width);
54
- } .l {
54
+ } .size-800 {
55
55
  width: var(--modal-l-width);
56
- } .xl {
56
+ } .size-1140 {
57
57
  width: var(--modal-xl-width);
58
58
  }
package/cssm/mobile/mobile.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
package/cssm/typings.d.ts CHANGED
@@ -3,9 +3,10 @@ import { BaseModalProps } from "@alfalab/core-components-base-modal";
3
3
  type ModalDesktopProps = BaseModalProps & {
4
4
  /**
5
5
  * Ширина модального окна
6
- * @default "m"
6
+ * @default 600
7
+ * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
7
8
  */
8
- size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
9
+ size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen' | 500 | 600 | 800 | 1140;
9
10
  /**
10
11
  * Растягивает модальное окно на весь экран
11
12
  * @deprecated Используйте размер fullscreen
package/cssm/vars.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
package/desktop/Component.desktop.d.ts CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { ControlsProps } from "../components/controls/index";
4
4
  import { HeaderProps } from "../components/header/Component";
5
5
  declare const ModalDesktop: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
6
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
6
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
7
7
  fullscreen?: boolean | undefined;
8
8
  fixedPosition?: boolean | undefined;
9
9
  hasCloser?: boolean | undefined;
package/desktop/desktop.css CHANGED
@@ -1,5 +1,5 @@
1
- /* hash: ks124 */
2
- :root {
1
+ /* hash: a5mgv */
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 {
@@ -35,25 +35,25 @@
35
35
  /* mobile */
36
36
 
37
37
  /* paddings */
38
- } .modal__wrapper_1m94n {
38
+ } .modal__wrapper_n49hs {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_1m94n {
41
+ } .modal__component_n49hs {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_1m94n {
45
+ } .modal__fullscreen_n49hs {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_1m94n .modal__component_1m94n {
48
+ } .modal__fullscreen_n49hs .modal__component_n49hs {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__s_1m94n {
51
+ } .modal__size-500_n49hs {
52
52
  width: var(--modal-s-width);
53
- } .modal__m_1m94n {
53
+ } .modal__size-600_n49hs {
54
54
  width: var(--modal-m-width);
55
- } .modal__l_1m94n {
55
+ } .modal__size-800_n49hs {
56
56
  width: var(--modal-l-width);
57
- } .modal__xl_1m94n {
57
+ } .modal__size-1140_n49hs {
58
58
  width: var(--modal-xl-width);
59
59
  }
package/esm/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { View } from "./typings";
4
4
  declare const Modal: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
5
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
5
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
6
6
  fullscreen?: boolean | undefined;
7
7
  fixedPosition?: boolean | undefined;
8
8
  hasCloser?: boolean | undefined;
package/esm/Component.js CHANGED
@@ -3,20 +3,21 @@ import React, { forwardRef, useRef, useMemo } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { BaseModal } from '@alfalab/core-components-base-modal/esm';
6
+ import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
6
7
  import { ResponsiveContext } from './ResponsiveContext.js';
7
8
 
8
- var desktopStyles = {"wrapper":"modal__wrapper_1m94n","component":"modal__component_1m94n","fullscreen":"modal__fullscreen_1m94n","s":"modal__s_1m94n","m":"modal__m_1m94n","l":"modal__l_1m94n","xl":"modal__xl_1m94n"};
9
+ var desktopStyles = {"wrapper":"modal__wrapper_n49hs","component":"modal__component_n49hs","fullscreen":"modal__fullscreen_n49hs","size-500":"modal__size-500_n49hs","size-600":"modal__size-600_n49hs","size-800":"modal__size-800_n49hs","size-1140":"modal__size-1140_n49hs"};
9
10
  require('./desktop/desktop.css')
10
11
 
11
- var mobileStyles = {"component":"modal__component_mug7j"};
12
+ var mobileStyles = {"component":"modal__component_z5it3"};
12
13
  require('./mobile/mobile.css')
13
14
 
14
- var transitions = {"appear":"modal__appear_5m9j3","enter":"modal__enter_5m9j3","appearActive":"modal__appearActive_5m9j3","enterActive":"modal__enterActive_5m9j3","exit":"modal__exit_5m9j3","exitActive":"modal__exitActive_5m9j3","exitDone":"modal__exitDone_5m9j3"};
15
+ var transitions = {"appear":"modal__appear_1bxuk","enter":"modal__enter_1bxuk","appearActive":"modal__appearActive_1bxuk","enterActive":"modal__enterActive_1bxuk","exit":"modal__exit_1bxuk","exitActive":"modal__exitActive_1bxuk","exitDone":"modal__exitDone_1bxuk"};
15
16
  require('./transitions.css')
16
17
 
17
18
  var Modal = forwardRef(function (_a, ref) {
18
19
  var _b;
19
- var _c = _a.size, size = _c === void 0 ? 's' : _c, fixedPosition = _a.fixedPosition, fullscreen = _a.fullscreen, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _d = _a.transitionProps, transitionProps = _d === void 0 ? {} : _d, view = _a.view, dataTestId = _a.dataTestId, restProps = __rest(_a, ["size", "fixedPosition", "fullscreen", "children", "className", "wrapperClassName", "transitionProps", "view", "dataTestId"]);
20
+ var _c = _a.size, size = _c === void 0 ? 500 : _c, fixedPosition = _a.fixedPosition, fullscreen = _a.fullscreen, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _d = _a.transitionProps, transitionProps = _d === void 0 ? {} : _d, view = _a.view, dataTestId = _a.dataTestId, restProps = __rest(_a, ["size", "fixedPosition", "fullscreen", "children", "className", "wrapperClassName", "transitionProps", "view", "dataTestId"]);
20
21
  // TODO: удалить, после удаления пропсы fullscreen
21
22
  var componentSize = fullscreen ? 'fullscreen' : size;
22
23
  var modalRef = useRef(null);
@@ -38,7 +39,7 @@ var Modal = forwardRef(function (_a, ref) {
38
39
  wrapperClassName: cn(desktopStyles.wrapper, wrapperClassName, (_b = {},
39
40
  _b[desktopStyles.fullscreen] = componentSize === 'fullscreen',
40
41
  _b)),
41
- className: cn(desktopStyles.component, className, desktopStyles[componentSize]),
42
+ className: cn(desktopStyles.component, className, desktopStyles[SIZE_TO_CLASSNAME_MAP[componentSize]]),
42
43
  backdropProps: __assign({ invisible: componentSize === 'fullscreen' }, restProps.backdropProps),
43
44
  transitionProps: __assign(__assign({ classNames: transitions }, transitionProps), { onEntered: handleEntered }),
44
45
  }
package/esm/Component.responsive.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  declare const ModalResponsive: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
4
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
4
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
5
5
  fullscreen?: boolean | undefined;
6
6
  fixedPosition?: boolean | undefined;
7
7
  hasCloser?: boolean | undefined;
package/esm/ResponsiveContext.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
 
3
3
  var ResponsiveContext = React.createContext({
4
4
  view: 'desktop',
5
- size: 's',
5
+ size: 500,
6
6
  });
7
7
 
8
8
  export { ResponsiveContext };
package/esm/components/content/Component.js CHANGED
@@ -1,16 +1,17 @@
1
1
  import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
4
+ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
4
5
  import { ModalContext } from '../../Context.js';
5
6
  import { ResponsiveContext } from '../../ResponsiveContext.js';
6
7
 
7
- var desktopStyles = {"s":"modal__s_1mjwu","m":"modal__m_1mjwu","l":"modal__l_1mjwu","xl":"modal__xl_1mjwu","fullscreen":"modal__fullscreen_1mjwu"};
8
+ var desktopStyles = {"size-500":"modal__size-500_g8bth","size-600":"modal__size-600_g8bth","size-800":"modal__size-800_g8bth","size-1140":"modal__size-1140_g8bth","fullscreen":"modal__fullscreen_g8bth"};
8
9
  require('./desktop.css')
9
10
 
10
- var styles = {"content":"modal__content_1tap6","withHeader":"modal__withHeader_1tap6","flex":"modal__flex_1tap6"};
11
+ var styles = {"content":"modal__content_mz45x","withHeader":"modal__withHeader_mz45x","flex":"modal__flex_mz45x"};
11
12
  require('./index.css')
12
13
 
13
- var mobileStyles = {"content":"modal__content_w90gx"};
14
+ var mobileStyles = {"content":"modal__content_9nufn"};
14
15
  require('./mobile.css')
15
16
 
16
17
  var Content = function (_a) {
@@ -21,7 +22,7 @@ var Content = function (_a) {
21
22
  return (React.createElement("div", { className: cn(styles.content, className, (_b = {},
22
23
  _b[styles.flex] = flex,
23
24
  _b[styles.withHeader] = hasHeader,
24
- _b[desktopStyles[size]] = view === 'desktop' && size,
25
+ _b[desktopStyles[SIZE_TO_CLASSNAME_MAP[size]]] = view === 'desktop' && size,
25
26
  _b[mobileStyles.content] = view === 'mobile',
26
27
  _b)), ref: contentRef, "data-test-id": getDataTestId(dataTestId, 'content') }, children));
27
28
  };