@alfalab/core-components-modal 9.4.0 → 9.5.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 (88) hide show
  1. package/Component.js +3 -3
  2. package/components/content/Component.js +3 -3
  3. package/components/content/desktop.css +9 -8
  4. package/components/content/index.css +6 -5
  5. package/components/content/mobile.css +5 -4
  6. package/components/controls/Component.js +2 -2
  7. package/components/controls/index.css +2 -2
  8. package/components/footer/Component.js +4 -4
  9. package/components/footer/desktop.css +13 -11
  10. package/components/footer/index.css +4 -4
  11. package/components/footer/layout.css +17 -17
  12. package/components/footer/mobile.css +5 -4
  13. package/components/header/Component.js +3 -3
  14. package/components/header/desktop.css +20 -18
  15. package/components/header/index.css +4 -4
  16. package/components/header/mobile.css +6 -5
  17. package/cssm/components/content/desktop.module.css +2 -1
  18. package/cssm/components/content/index.module.css +2 -1
  19. package/cssm/components/content/mobile.module.css +2 -1
  20. package/cssm/components/footer/desktop.module.css +4 -2
  21. package/cssm/components/footer/mobile.module.css +2 -1
  22. package/cssm/components/header/desktop.module.css +5 -3
  23. package/cssm/components/header/mobile.module.css +2 -1
  24. package/cssm/desktop/desktop.module.css +5 -3
  25. package/desktop/desktop.css +14 -12
  26. package/esm/Component.js +3 -3
  27. package/esm/components/content/Component.js +3 -3
  28. package/esm/components/content/desktop.css +9 -8
  29. package/esm/components/content/index.css +6 -5
  30. package/esm/components/content/mobile.css +5 -4
  31. package/esm/components/controls/Component.js +2 -2
  32. package/esm/components/controls/index.css +2 -2
  33. package/esm/components/footer/Component.js +4 -4
  34. package/esm/components/footer/desktop.css +13 -11
  35. package/esm/components/footer/index.css +4 -4
  36. package/esm/components/footer/layout.css +17 -17
  37. package/esm/components/footer/mobile.css +5 -4
  38. package/esm/components/header/Component.js +3 -3
  39. package/esm/components/header/desktop.css +20 -18
  40. package/esm/components/header/index.css +4 -4
  41. package/esm/components/header/mobile.css +6 -5
  42. package/esm/desktop/desktop.css +14 -12
  43. package/esm/layout.module-a8fdbf01.js +4 -0
  44. package/esm/mobile/mobile.css +2 -2
  45. package/esm/transitions.css +8 -8
  46. package/layout.module-088fbff7.js +6 -0
  47. package/mobile/mobile.css +2 -2
  48. package/modern/Component.js +3 -3
  49. package/modern/components/content/Component.js +3 -3
  50. package/modern/components/content/desktop.css +9 -8
  51. package/modern/components/content/index.css +6 -5
  52. package/modern/components/content/mobile.css +5 -4
  53. package/modern/components/controls/Component.js +2 -2
  54. package/modern/components/controls/index.css +2 -2
  55. package/modern/components/footer/Component.js +4 -4
  56. package/modern/components/footer/desktop.css +13 -11
  57. package/modern/components/footer/index.css +4 -4
  58. package/modern/components/footer/layout.css +17 -17
  59. package/modern/components/footer/mobile.css +5 -4
  60. package/modern/components/header/Component.js +3 -3
  61. package/modern/components/header/desktop.css +20 -18
  62. package/modern/components/header/index.css +4 -4
  63. package/modern/components/header/mobile.css +6 -5
  64. package/modern/desktop/desktop.css +14 -12
  65. package/modern/layout.module-7b4eee11.js +4 -0
  66. package/modern/mobile/mobile.css +2 -2
  67. package/modern/transitions.css +8 -8
  68. package/moderncssm/components/content/desktop.module.css +1 -1
  69. package/moderncssm/components/content/index.module.css +1 -1
  70. package/moderncssm/components/content/mobile.module.css +1 -1
  71. package/moderncssm/components/footer/desktop.module.css +2 -2
  72. package/moderncssm/components/footer/mobile.module.css +1 -1
  73. package/moderncssm/components/header/desktop.module.css +3 -3
  74. package/moderncssm/components/header/mobile.module.css +1 -1
  75. package/moderncssm/desktop/desktop.module.css +3 -3
  76. package/package.json +6 -6
  77. package/src/components/content/index.module.css +1 -1
  78. package/src/components/content/mobile.module.css +1 -1
  79. package/src/components/footer/desktop.module.css +1 -1
  80. package/src/components/footer/mobile.module.css +1 -1
  81. package/src/components/header/desktop.module.css +1 -1
  82. package/src/components/header/mobile.module.css +1 -1
  83. package/src/desktop/desktop.module.css +2 -2
  84. package/src/vars.css +3 -3
  85. package/transitions.css +8 -8
  86. package/esm/layout.module-700ee9a3.js +0 -4
  87. package/layout.module-eb271b11.js +0 -6
  88. package/modern/layout.module-72d56d17.js +0 -4
@@ -16,13 +16,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
- var desktopStyles = {"header":"modal__header_11ivc","content":"modal__content_11ivc","size-500":"modal__size-500_11ivc","size-600":"modal__size-600_11ivc","size-800":"modal__size-800_11ivc","size-1140":"modal__size-1140_11ivc","fullscreen":"modal__fullscreen_11ivc","sticky":"modal__sticky_11ivc"};
19
+ var desktopStyles = {"header":"modal__header_edi2i","content":"modal__content_edi2i","size-500":"modal__size-500_edi2i","size-600":"modal__size-600_edi2i","size-800":"modal__size-800_edi2i","size-1140":"modal__size-1140_edi2i","fullscreen":"modal__fullscreen_edi2i","sticky":"modal__sticky_edi2i"};
20
20
  require('./desktop.css')
21
21
 
22
- var styles = {"highlighted":"modal__highlighted_5cl8p","sticky":"modal__sticky_5cl8p","hasContent":"modal__hasContent_5cl8p"};
22
+ var styles = {"highlighted":"modal__highlighted_1h8c1","sticky":"modal__sticky_1h8c1","hasContent":"modal__hasContent_1h8c1"};
23
23
  require('./index.css')
24
24
 
25
- var mobileStyles = {"header":"modal__header_vge3k","sticky":"modal__sticky_vge3k","content":"modal__content_vge3k"};
25
+ var mobileStyles = {"header":"modal__header_vqht3","sticky":"modal__sticky_vqht3","content":"modal__content_vqht3"};
26
26
  require('./mobile.css')
27
27
 
28
28
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: myw1s */
1
+ /* hash: wp206 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,12 +14,14 @@
14
14
  --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
15
 
16
16
  /* новые значения, используйте их */
17
+ --border-radius-12: var(--border-radius-l);
17
18
  } :root { /* deprecated */ /* deprecated */ /* deprecated */
18
19
  --gap-s: 12px; /* deprecated */ /* deprecated */
19
20
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
21
  --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
22
 
22
23
  /* новые значения, используйте их */
24
+ --gap-0: 0;
23
25
  --gap-12: var(--gap-s);
24
26
  --gap-16: var(--gap-m);
25
27
  --gap-40: var(--gap-3xl);
@@ -28,13 +30,13 @@
28
30
  sans-serif;
29
31
  } :root {
30
32
  } :root {
31
- --modal-border-radius: var(--border-radius-l);
33
+ --modal-border-radius: var(--border-radius-12);
32
34
  --modal-vertical-padding: var(--gap-40);
33
35
 
34
36
  /* sizes */
35
37
 
36
38
  /* paddings */
37
- --modal-s-header-paddings: 28px 28px 0;
39
+ --modal-s-header-paddings: 28px 28px var(--gap-0);
38
40
 
39
41
  /* scroll */
40
42
 
@@ -51,31 +53,31 @@
51
53
  /* mobile */
52
54
 
53
55
  /* paddings */
54
- } .modal__header_11ivc {
56
+ } .modal__header_edi2i {
55
57
  border-top-left-radius: var(--modal-border-radius);
56
58
  border-top-right-radius: var(--modal-border-radius);
57
- } .modal__content_11ivc {
59
+ } .modal__content_edi2i {
58
60
  font-weight: var(--modal-header-desktop-font-weight);
59
61
  font-family: var(--modal-header-desktop-font-family);
60
- } .modal__size-500_11ivc .modal__content_11ivc,
61
- .modal__size-600_11ivc .modal__content_11ivc {
62
+ } .modal__size-500_edi2i .modal__content_edi2i,
63
+ .modal__size-600_edi2i .modal__content_edi2i {
62
64
  padding: var(--modal-s-header-desktop-content-paddings);
63
65
  font-size: var(--modal-s-header-desktop-font-size);
64
66
  line-height: var(--modal-s-header-desktop-line-height);
65
- } .modal__size-800_11ivc .modal__content_11ivc,
66
- .modal__size-1140_11ivc .modal__content_11ivc,
67
- .modal__fullscreen_11ivc .modal__content_11ivc {
67
+ } .modal__size-800_edi2i .modal__content_edi2i,
68
+ .modal__size-1140_edi2i .modal__content_edi2i,
69
+ .modal__fullscreen_edi2i .modal__content_edi2i {
68
70
  padding: var(--modal-l-header-desktop-content-paddings);
69
71
  font-size: var(--modal-l-header-desktop-font-size);
70
72
  line-height: var(--modal-l-header-desktop-line-height);
71
- } .modal__size-500_11ivc,
72
- .modal__size-600_11ivc,
73
- .modal__size-800_11ivc,
74
- .modal__size-1140_11ivc,
75
- .modal__fullscreen_11ivc {
73
+ } .modal__size-500_edi2i,
74
+ .modal__size-600_edi2i,
75
+ .modal__size-800_edi2i,
76
+ .modal__size-1140_edi2i,
77
+ .modal__fullscreen_edi2i {
76
78
  padding: var(--modal-s-header-paddings);
77
- } .modal__sticky_11ivc {
79
+ } .modal__sticky_edi2i {
78
80
  top: calc(var(--modal-vertical-padding) * -1)
79
- } .modal__sticky_11ivc.modal__fullscreen_11ivc {
80
- top: 0;
81
+ } .modal__sticky_edi2i.modal__fullscreen_edi2i {
82
+ top: var(--gap-0);
81
83
  }
@@ -1,4 +1,4 @@
1
- /* hash: s20mm */
1
+ /* hash: 1696e */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -36,12 +36,12 @@
36
36
  /* mobile */
37
37
 
38
38
  /* paddings */
39
- } .modal__highlighted_5cl8p {
39
+ } .modal__highlighted_1h8c1 {
40
40
  background: var(--modal-header-highlight-background);
41
41
  box-shadow: var(--modal-header-highlight-box-shadow);
42
- } .modal__sticky_5cl8p {
42
+ } .modal__sticky_1h8c1 {
43
43
  position: sticky;
44
44
  z-index: 1
45
- } .modal__sticky_5cl8p.modal__hasContent_5cl8p {
45
+ } .modal__sticky_1h8c1.modal__hasContent_1h8c1 {
46
46
  background: var(--modal-header-background);
47
47
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1fp6b */
1
+ /* hash: b9mn9 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,6 +18,7 @@
18
18
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
19
 
20
20
  /* новые значения, используйте их */
21
+ --gap-0: 0;
21
22
  --gap-4: var(--gap-2xs);
22
23
  --gap-8: var(--gap-xs);
23
24
  } :root {
@@ -43,11 +44,11 @@
43
44
 
44
45
  /* paddings */
45
46
  --modal-header-mobile-paddings: var(--gap-4) var(--gap-8);
46
- } .modal__header_vge3k {
47
+ } .modal__header_vqht3 {
47
48
  padding: var(--modal-header-mobile-paddings);
48
- } .modal__sticky_vge3k {
49
- top: 0;
50
- } .modal__content_vge3k {
49
+ } .modal__sticky_vqht3 {
50
+ top: var(--gap-0);
51
+ } .modal__content_vqht3 {
51
52
  font-size: var(--modal-header-mobile-font-size);
52
53
  line-height: var(--modal-header-mobile-line-height);
53
54
  font-family: var(--modal-header-mobile-font-family);
@@ -16,6 +16,7 @@
16
16
  --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --gap-0: 0;
19
20
  --gap-40: var(--gap-3xl);
20
21
  } :root {
21
22
  } :root {
@@ -24,7 +25,7 @@
24
25
  /* sizes */
25
26
 
26
27
  /* paddings */
27
- --modal-s-content-paddings: var(--gap-40) var(--gap-40) 0;
28
+ --modal-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
28
29
  --modal-s-content-only-bottom-padding: var(--gap-40);
29
30
 
30
31
  /* scroll */
@@ -15,6 +15,7 @@
15
15
  } :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 */
16
16
 
17
17
  /* новые значения, используйте их */
18
+ --gap-0: 0;
18
19
  } :root {
19
20
  } :root {
20
21
  } :root {
@@ -36,7 +37,7 @@
36
37
  width: 100%;
37
38
  z-index: 0
38
39
  } .content.withHeader {
39
- padding-top: 0;
40
+ padding-top: var(--gap-0);
40
41
  } .flex {
41
42
  flex: 1;
42
43
  }
@@ -16,6 +16,7 @@
16
16
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --gap-0: 0;
19
20
  --gap-16: var(--gap-m);
20
21
  } :root {
21
22
  } :root {
@@ -33,7 +34,7 @@
33
34
 
34
35
  /* paddings */
35
36
  } .content {
36
- padding: var(--gap-16) var(--gap-16) 0
37
+ padding: var(--gap-16) var(--gap-16) var(--gap-0)
37
38
  } .content:last-child {
38
39
  padding-bottom: var(--gap-16);
39
40
  }
@@ -13,17 +13,19 @@
13
13
  --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
14
 
15
15
  /* новые значения, используйте их */
16
+ --border-radius-12: var(--border-radius-l);
16
17
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
18
  --gap-xl: 24px; /* deprecated */ /* deprecated */
18
19
  --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
20
 
20
21
  /* новые значения, используйте их */
22
+ --gap-0: 0;
21
23
  --gap-24: var(--gap-xl);
22
24
  --gap-40: var(--gap-3xl);
23
25
  } :root {
24
26
  } :root {
25
27
  } :root {
26
- --modal-border-radius: var(--border-radius-l);
28
+ --modal-border-radius: var(--border-radius-12);
27
29
  --modal-vertical-padding: var(--gap-40);
28
30
 
29
31
  /* sizes */
@@ -44,7 +46,7 @@
44
46
  } .sticky {
45
47
  bottom: calc(var(--modal-vertical-padding) * -1)
46
48
  } .sticky.fullscreen {
47
- bottom: 0;
49
+ bottom: var(--gap-0);
48
50
  } .size-500,
49
51
  .size-600,
50
52
  .size-800,
@@ -16,6 +16,7 @@
16
16
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --gap-0: 0;
19
20
  --gap-16: var(--gap-m);
20
21
  } :root {
21
22
  } :root {
@@ -35,5 +36,5 @@
35
36
  } .footer {
36
37
  padding: var(--gap-16);
37
38
  } .sticky {
38
- bottom: 0;
39
+ bottom: var(--gap-0);
39
40
  }
@@ -13,12 +13,14 @@
13
13
  --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
14
 
15
15
  /* новые значения, используйте их */
16
+ --border-radius-12: var(--border-radius-l);
16
17
  } :root { /* deprecated */ /* deprecated */ /* deprecated */
17
18
  --gap-s: 12px; /* deprecated */ /* deprecated */
18
19
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
20
  --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
21
 
21
22
  /* новые значения, используйте их */
23
+ --gap-0: 0;
22
24
  --gap-12: var(--gap-s);
23
25
  --gap-16: var(--gap-m);
24
26
  --gap-40: var(--gap-3xl);
@@ -27,13 +29,13 @@
27
29
  sans-serif;
28
30
  } :root {
29
31
  } :root {
30
- --modal-border-radius: var(--border-radius-l);
32
+ --modal-border-radius: var(--border-radius-12);
31
33
  --modal-vertical-padding: var(--gap-40);
32
34
 
33
35
  /* sizes */
34
36
 
35
37
  /* paddings */
36
- --modal-s-header-paddings: 28px 28px 0;
38
+ --modal-s-header-paddings: 28px 28px var(--gap-0);
37
39
 
38
40
  /* scroll */
39
41
 
@@ -76,5 +78,5 @@
76
78
  } .sticky {
77
79
  top: calc(var(--modal-vertical-padding) * -1)
78
80
  } .sticky.fullscreen {
79
- top: 0;
81
+ top: var(--gap-0);
80
82
  }
@@ -17,6 +17,7 @@
17
17
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
 
19
19
  /* новые значения, используйте их */
20
+ --gap-0: 0;
20
21
  --gap-4: var(--gap-2xs);
21
22
  --gap-8: var(--gap-xs);
22
23
  } :root {
@@ -45,7 +46,7 @@
45
46
  } .header {
46
47
  padding: var(--modal-header-mobile-paddings);
47
48
  } .sticky {
48
- top: 0;
49
+ top: var(--gap-0);
49
50
  } .content {
50
51
  font-size: var(--modal-header-mobile-font-size);
51
52
  line-height: var(--modal-header-mobile-line-height);
@@ -13,15 +13,17 @@
13
13
  --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
14
 
15
15
  /* новые значения, используйте их */
16
+ --border-radius-12: var(--border-radius-l);
16
17
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
18
  --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
19
 
19
20
  /* новые значения, используйте их */
21
+ --gap-0: 0;
20
22
  --gap-40: var(--gap-3xl);
21
23
  } :root {
22
24
  } :root {
23
25
  } :root {
24
- --modal-border-radius: var(--border-radius-l);
26
+ --modal-border-radius: var(--border-radius-12);
25
27
  --modal-vertical-padding: var(--gap-40);
26
28
 
27
29
  /* sizes */
@@ -47,8 +49,8 @@
47
49
  max-width: 100%;
48
50
  border-radius: var(--modal-border-radius);
49
51
  } .fullscreen {
50
- padding-top: 0;
51
- padding-bottom: 0
52
+ padding-top: var(--gap-0);
53
+ padding-bottom: var(--gap-0)
52
54
  } .fullscreen .component {
53
55
  flex: 1;
54
56
  border-radius: 0;
@@ -1,4 +1,4 @@
1
- /* hash: qfd48 */
1
+ /* hash: vliyk */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,15 +14,17 @@
14
14
  --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
15
 
16
16
  /* новые значения, используйте их */
17
+ --border-radius-12: var(--border-radius-l);
17
18
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
19
  --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
20
 
20
21
  /* новые значения, используйте их */
22
+ --gap-0: 0;
21
23
  --gap-40: var(--gap-3xl);
22
24
  } :root {
23
25
  } :root {
24
26
  } :root {
25
- --modal-border-radius: var(--border-radius-l);
27
+ --modal-border-radius: var(--border-radius-12);
26
28
  --modal-vertical-padding: var(--gap-40);
27
29
 
28
30
  /* sizes */
@@ -40,25 +42,25 @@
40
42
  /* mobile */
41
43
 
42
44
  /* paddings */
43
- } .modal__wrapper_1u0mk {
45
+ } .modal__wrapper_h5ixu {
44
46
  padding-top: var(--modal-vertical-padding);
45
47
  padding-bottom: var(--modal-vertical-padding);
46
- } .modal__component_1u0mk {
48
+ } .modal__component_h5ixu {
47
49
  width: 100%;
48
50
  max-width: 100%;
49
51
  border-radius: var(--modal-border-radius);
50
- } .modal__fullscreen_1u0mk {
51
- padding-top: 0;
52
- padding-bottom: 0
53
- } .modal__fullscreen_1u0mk .modal__component_1u0mk {
52
+ } .modal__fullscreen_h5ixu {
53
+ padding-top: var(--gap-0);
54
+ padding-bottom: var(--gap-0)
55
+ } .modal__fullscreen_h5ixu .modal__component_h5ixu {
54
56
  flex: 1;
55
57
  border-radius: 0;
56
- } .modal__size-500_1u0mk {
58
+ } .modal__size-500_h5ixu {
57
59
  width: var(--modal-s-width);
58
- } .modal__size-600_1u0mk {
60
+ } .modal__size-600_h5ixu {
59
61
  width: var(--modal-m-width);
60
- } .modal__size-800_1u0mk {
62
+ } .modal__size-800_h5ixu {
61
63
  width: var(--modal-l-width);
62
- } .modal__size-1140_1u0mk {
64
+ } .modal__size-1140_h5ixu {
63
65
  width: var(--modal-xl-width);
64
66
  }
package/esm/Component.js CHANGED
@@ -6,13 +6,13 @@ import { BaseModal } from '@alfalab/core-components-base-modal/esm';
6
6
  import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
7
7
  import { ResponsiveContext } from './ResponsiveContext.js';
8
8
 
9
- var desktopStyles = {"wrapper":"modal__wrapper_1u0mk","component":"modal__component_1u0mk","fullscreen":"modal__fullscreen_1u0mk","size-500":"modal__size-500_1u0mk","size-600":"modal__size-600_1u0mk","size-800":"modal__size-800_1u0mk","size-1140":"modal__size-1140_1u0mk"};
9
+ var desktopStyles = {"wrapper":"modal__wrapper_h5ixu","component":"modal__component_h5ixu","fullscreen":"modal__fullscreen_h5ixu","size-500":"modal__size-500_h5ixu","size-600":"modal__size-600_h5ixu","size-800":"modal__size-800_h5ixu","size-1140":"modal__size-1140_h5ixu"};
10
10
  require('./desktop/desktop.css')
11
11
 
12
- var mobileStyles = {"component":"modal__component_1091w"};
12
+ var mobileStyles = {"component":"modal__component_1sszc"};
13
13
  require('./mobile/mobile.css')
14
14
 
15
- var transitions = {"appear":"modal__appear_z5syn","enter":"modal__enter_z5syn","appearActive":"modal__appearActive_z5syn","enterActive":"modal__enterActive_z5syn","exit":"modal__exit_z5syn","exitActive":"modal__exitActive_z5syn","exitDone":"modal__exitDone_z5syn"};
15
+ var transitions = {"appear":"modal__appear_1jr2v","enter":"modal__enter_1jr2v","appearActive":"modal__appearActive_1jr2v","enterActive":"modal__enterActive_1jr2v","exit":"modal__exit_1jr2v","exitActive":"modal__exitActive_1jr2v","exitDone":"modal__exitDone_1jr2v"};
16
16
  require('./transitions.css')
17
17
 
18
18
  var Modal = forwardRef(function (_a, ref) {
@@ -5,13 +5,13 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
5
5
  import { ModalContext } from '../../Context.js';
6
6
  import { ResponsiveContext } from '../../ResponsiveContext.js';
7
7
 
8
- var desktopStyles = {"size-500":"modal__size-500_1svwa","size-600":"modal__size-600_1svwa","size-800":"modal__size-800_1svwa","size-1140":"modal__size-1140_1svwa","fullscreen":"modal__fullscreen_1svwa"};
8
+ var desktopStyles = {"size-500":"modal__size-500_1rmfq","size-600":"modal__size-600_1rmfq","size-800":"modal__size-800_1rmfq","size-1140":"modal__size-1140_1rmfq","fullscreen":"modal__fullscreen_1rmfq"};
9
9
  require('./desktop.css')
10
10
 
11
- var styles = {"content":"modal__content_1s0il","withHeader":"modal__withHeader_1s0il","flex":"modal__flex_1s0il"};
11
+ var styles = {"content":"modal__content_1qr21","withHeader":"modal__withHeader_1qr21","flex":"modal__flex_1qr21"};
12
12
  require('./index.css')
13
13
 
14
- var mobileStyles = {"content":"modal__content_fg1fp"};
14
+ var mobileStyles = {"content":"modal__content_11m1u"};
15
15
  require('./mobile.css')
16
16
 
17
17
  var Content = function (_a) {