@alfalab/core-components-universal-modal 3.1.0 → 3.1.1-alfasans

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 (161) hide show
  1. package/components/content/base-content/index.css +1 -1
  2. package/components/content/base-content/index.module.css.js +1 -1
  3. package/components/content/desktop/desktop.css +2 -2
  4. package/components/content/desktop/desktop.module.css.js +1 -1
  5. package/components/content/mobile/mobile.css +3 -3
  6. package/components/content/mobile/mobile.module.css.js +1 -1
  7. package/components/footer/base-footer/index.css +3 -3
  8. package/components/footer/base-footer/index.module.css.js +1 -1
  9. package/components/footer/desktop/desktop.css +1 -1
  10. package/components/footer/desktop/desktop.module.css.js +1 -1
  11. package/components/footer/desktop/layout.css +9 -9
  12. package/components/footer/desktop/layout.module.css.js +1 -1
  13. package/components/footer/mobile/layout.mobile.css +8 -8
  14. package/components/footer/mobile/layout.mobile.module.css.js +1 -1
  15. package/components/footer/mobile/mobile.css +2 -2
  16. package/components/footer/mobile/mobile.module.css.js +1 -1
  17. package/components/header/base-header/index.css +4 -4
  18. package/components/header/base-header/index.module.css.js +1 -1
  19. package/components/header/desktop/desktop.css +16 -11
  20. package/components/header/desktop/desktop.module.css.js +1 -1
  21. package/components/header/mobile/mobile.css +12 -9
  22. package/components/header/mobile/mobile.module.css.js +1 -1
  23. package/cssm/components/header/desktop/desktop.module.css +11 -6
  24. package/cssm/components/header/mobile/mobile.module.css +9 -6
  25. package/cssm/desktop/types/props.d.ts +1 -1
  26. package/cssm/mobile/types/props.d.ts +1 -1
  27. package/desktop/components/center-modal/index.css +522 -522
  28. package/desktop/components/center-modal/index.module.css.js +1 -1
  29. package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  30. package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  31. package/desktop/components/center-modal/transitions/transitions.css +7 -7
  32. package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  33. package/desktop/components/modal-content/modal-content.css +4 -4
  34. package/desktop/components/modal-content/modal-content.module.css.js +1 -1
  35. package/desktop/components/side-modal/index.css +524 -524
  36. package/desktop/components/side-modal/index.module.css.js +1 -1
  37. package/desktop/components/side-modal/transitions/transitions.css +71 -71
  38. package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  39. package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  40. package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  41. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  42. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  43. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  44. package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  45. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  46. package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  47. package/desktop/types/props.d.ts +1 -1
  48. package/esm/components/content/base-content/index.css +1 -1
  49. package/esm/components/content/base-content/index.module.css.js +1 -1
  50. package/esm/components/content/desktop/desktop.css +2 -2
  51. package/esm/components/content/desktop/desktop.module.css.js +1 -1
  52. package/esm/components/content/mobile/mobile.css +3 -3
  53. package/esm/components/content/mobile/mobile.module.css.js +1 -1
  54. package/esm/components/footer/base-footer/index.css +3 -3
  55. package/esm/components/footer/base-footer/index.module.css.js +1 -1
  56. package/esm/components/footer/desktop/desktop.css +1 -1
  57. package/esm/components/footer/desktop/desktop.module.css.js +1 -1
  58. package/esm/components/footer/desktop/layout.css +9 -9
  59. package/esm/components/footer/desktop/layout.module.css.js +1 -1
  60. package/esm/components/footer/mobile/layout.mobile.css +8 -8
  61. package/esm/components/footer/mobile/layout.mobile.module.css.js +1 -1
  62. package/esm/components/footer/mobile/mobile.css +2 -2
  63. package/esm/components/footer/mobile/mobile.module.css.js +1 -1
  64. package/esm/components/header/base-header/index.css +4 -4
  65. package/esm/components/header/base-header/index.module.css.js +1 -1
  66. package/esm/components/header/desktop/desktop.css +16 -11
  67. package/esm/components/header/desktop/desktop.module.css.js +1 -1
  68. package/esm/components/header/mobile/mobile.css +12 -9
  69. package/esm/components/header/mobile/mobile.module.css.js +1 -1
  70. package/esm/desktop/components/center-modal/index.css +522 -522
  71. package/esm/desktop/components/center-modal/index.module.css.js +1 -1
  72. package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  73. package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  74. package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
  75. package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  76. package/esm/desktop/components/modal-content/modal-content.css +4 -4
  77. package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
  78. package/esm/desktop/components/side-modal/index.css +524 -524
  79. package/esm/desktop/components/side-modal/index.module.css.js +1 -1
  80. package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
  81. package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  82. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  83. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  84. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  85. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  86. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  87. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  88. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  89. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  90. package/esm/desktop/types/props.d.ts +1 -1
  91. package/esm/mobile/mobile.css +3 -3
  92. package/esm/mobile/mobile.module.css.js +1 -1
  93. package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
  94. package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  95. package/esm/mobile/transitions/transitions.mobile.css +7 -7
  96. package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
  97. package/esm/mobile/types/props.d.ts +1 -1
  98. package/mobile/mobile.css +3 -3
  99. package/mobile/mobile.module.css.js +1 -1
  100. package/mobile/transitions/right-side-transitions.mobile.css +7 -7
  101. package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  102. package/mobile/transitions/transitions.mobile.css +7 -7
  103. package/mobile/transitions/transitions.mobile.module.css.js +1 -1
  104. package/mobile/types/props.d.ts +1 -1
  105. package/modern/components/content/base-content/index.css +1 -1
  106. package/modern/components/content/base-content/index.module.css.js +1 -1
  107. package/modern/components/content/desktop/desktop.css +2 -2
  108. package/modern/components/content/desktop/desktop.module.css.js +1 -1
  109. package/modern/components/content/mobile/mobile.css +3 -3
  110. package/modern/components/content/mobile/mobile.module.css.js +1 -1
  111. package/modern/components/footer/base-footer/index.css +3 -3
  112. package/modern/components/footer/base-footer/index.module.css.js +1 -1
  113. package/modern/components/footer/desktop/desktop.css +1 -1
  114. package/modern/components/footer/desktop/desktop.module.css.js +1 -1
  115. package/modern/components/footer/desktop/layout.css +9 -9
  116. package/modern/components/footer/desktop/layout.module.css.js +1 -1
  117. package/modern/components/footer/mobile/layout.mobile.css +8 -8
  118. package/modern/components/footer/mobile/layout.mobile.module.css.js +1 -1
  119. package/modern/components/footer/mobile/mobile.css +2 -2
  120. package/modern/components/footer/mobile/mobile.module.css.js +1 -1
  121. package/modern/components/header/base-header/index.css +4 -4
  122. package/modern/components/header/base-header/index.module.css.js +1 -1
  123. package/modern/components/header/desktop/desktop.css +16 -11
  124. package/modern/components/header/desktop/desktop.module.css.js +1 -1
  125. package/modern/components/header/mobile/mobile.css +12 -9
  126. package/modern/components/header/mobile/mobile.module.css.js +1 -1
  127. package/modern/desktop/components/center-modal/index.css +522 -522
  128. package/modern/desktop/components/center-modal/index.module.css.js +1 -1
  129. package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  130. package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  131. package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
  132. package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  133. package/modern/desktop/components/modal-content/modal-content.css +4 -4
  134. package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
  135. package/modern/desktop/components/side-modal/index.css +524 -524
  136. package/modern/desktop/components/side-modal/index.module.css.js +1 -1
  137. package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
  138. package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  139. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  140. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  141. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  142. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  143. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  144. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  145. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  146. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  147. package/modern/desktop/types/props.d.ts +1 -1
  148. package/modern/mobile/mobile.css +3 -3
  149. package/modern/mobile/mobile.module.css.js +1 -1
  150. package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
  151. package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  152. package/modern/mobile/transitions/transitions.mobile.css +7 -7
  153. package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
  154. package/modern/mobile/types/props.d.ts +1 -1
  155. package/moderncssm/components/header/desktop/desktop.module.css +8 -4
  156. package/moderncssm/components/header/mobile/mobile.module.css +6 -4
  157. package/moderncssm/desktop/types/props.d.ts +1 -1
  158. package/moderncssm/mobile/types/props.d.ts +1 -1
  159. package/package.json +9 -9
  160. package/src/desktop/types/props.ts +1 -0
  161. package/src/mobile/types/props.ts +2 -0
@@ -5,7 +5,7 @@
5
5
  --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
6
6
  --universal-modal-backdrop-hidden-background: transparent;
7
7
  }
8
- @keyframes universal-modal__step_1_gtxga {
8
+ @keyframes universal-modal__step_1_1shf9 {
9
9
  0% {
10
10
  opacity: 1;
11
11
  }
@@ -13,7 +13,7 @@
13
13
  opacity: 0.5;
14
14
  }
15
15
  }
16
- @keyframes universal-modal__step_2_gtxga {
16
+ @keyframes universal-modal__step_2_1shf9 {
17
17
  0% {
18
18
  opacity: 0.5;
19
19
  }
@@ -22,26 +22,26 @@
22
22
  background-color: var(--universal-modal-backdrop-hidden-background);
23
23
  }
24
24
  }
25
- .universal-modal__appear_gtxga,
26
- .universal-modal__enter_gtxga {
25
+ .universal-modal__appear_1shf9,
26
+ .universal-modal__enter_1shf9 {
27
27
  background-color: var(--universal-modal-backdrop-hidden-background);
28
28
  }
29
- .universal-modal__appearActive_gtxga,
30
- .universal-modal__enterActive_gtxga,
31
- .universal-modal__appearDone_gtxga,
32
- .universal-modal__enterDone_gtxga {
29
+ .universal-modal__appearActive_1shf9,
30
+ .universal-modal__enterActive_1shf9,
31
+ .universal-modal__appearDone_1shf9,
32
+ .universal-modal__enterDone_1shf9 {
33
33
  background-color: var(--universal-modal-backdrop-visible-background);
34
34
  }
35
- .universal-modal__exit_gtxga {
35
+ .universal-modal__exit_1shf9 {
36
36
  background-color: var(--universal-modal-backdrop-visible-background);
37
37
  }
38
- .universal-modal__exitActive_gtxga {
38
+ .universal-modal__exitActive_1shf9 {
39
39
  opacity: 1;
40
40
  animation:
41
- universal-modal__step_1_gtxga 200ms cubic-bezier(0, 0, 1, 0),
42
- universal-modal__step_2_gtxga 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
41
+ universal-modal__step_1_1shf9 200ms cubic-bezier(0, 0, 1, 0),
42
+ universal-modal__step_2_1shf9 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
43
43
  }
44
- .universal-modal__exitDone_gtxga {
44
+ .universal-modal__exitDone_1shf9 {
45
45
  opacity: 0;
46
46
  background-color: var(--universal-modal-backdrop-hidden-background);
47
47
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./full-size-backdrop-transitions.css');
4
4
 
5
- var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_gtxga","enter":"universal-modal__enter_gtxga","appearActive":"universal-modal__appearActive_gtxga","enterActive":"universal-modal__enterActive_gtxga","appearDone":"universal-modal__appearDone_gtxga","enterDone":"universal-modal__enterDone_gtxga","exit":"universal-modal__exit_gtxga","exitActive":"universal-modal__exitActive_gtxga","step_1":"universal-modal__step_1_gtxga","step_2":"universal-modal__step_2_gtxga","exitDone":"universal-modal__exitDone_gtxga"};
5
+ var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1shf9","enter":"universal-modal__enter_1shf9","appearActive":"universal-modal__appearActive_1shf9","enterActive":"universal-modal__enterActive_1shf9","appearDone":"universal-modal__appearDone_1shf9","enterDone":"universal-modal__enterDone_1shf9","exit":"universal-modal__exit_1shf9","exitActive":"universal-modal__exitActive_1shf9","step_1":"universal-modal__step_1_1shf9","step_2":"universal-modal__step_2_1shf9","exitDone":"universal-modal__exitDone_1shf9"};
6
6
 
7
7
  module.exports = fullSizeBackdropTransitions;
8
8
  //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map
@@ -1,11 +1,11 @@
1
- .universal-modal__appear_pzfns,
2
- .universal-modal__enter_pzfns {
1
+ .universal-modal__appear_11i75,
2
+ .universal-modal__enter_11i75 {
3
3
  opacity: 0;
4
4
  transform: translateY(40px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_pzfns,
8
- .universal-modal__enterActive_pzfns {
7
+ .universal-modal__appearActive_11i75,
8
+ .universal-modal__enterActive_11i75 {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms cubic-bezier(0, 0, 0, 1);
14
14
  }
15
15
 
16
- .universal-modal__exit_pzfns {
16
+ .universal-modal__exit_11i75 {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_pzfns,
22
- .universal-modal__exitDone_pzfns {
21
+ .universal-modal__exitActive_11i75,
22
+ .universal-modal__exitDone_11i75 {
23
23
  opacity: 0;
24
24
  transform: translateY(40px);
25
25
  transition:
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./full-size-vertical-bottom-transitions.css');
4
4
 
5
- var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_pzfns","enter":"universal-modal__enter_pzfns","appearActive":"universal-modal__appearActive_pzfns","enterActive":"universal-modal__enterActive_pzfns","exit":"universal-modal__exit_pzfns","exitActive":"universal-modal__exitActive_pzfns","exitDone":"universal-modal__exitDone_pzfns"};
5
+ var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_11i75","enter":"universal-modal__enter_11i75","appearActive":"universal-modal__appearActive_11i75","enterActive":"universal-modal__enterActive_11i75","exit":"universal-modal__exit_11i75","exitActive":"universal-modal__exitActive_11i75","exitDone":"universal-modal__exitDone_11i75"};
6
6
 
7
7
  module.exports = fullSizeVerticalBottomTransitions;
8
8
  //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map
@@ -1,20 +1,20 @@
1
- .universal-modal__appear_8pfet,
2
- .universal-modal__enter_8pfet {
1
+ .universal-modal__appear_1tes9,
2
+ .universal-modal__enter_1tes9 {
3
3
  opacity: 0;
4
4
  }
5
5
 
6
- .universal-modal__appearActive_8pfet,
7
- .universal-modal__enterActive_8pfet {
6
+ .universal-modal__appearActive_1tes9,
7
+ .universal-modal__enterActive_1tes9 {
8
8
  opacity: 1;
9
9
  transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
10
10
  }
11
11
 
12
- .universal-modal__exit_8pfet {
12
+ .universal-modal__exit_1tes9 {
13
13
  opacity: 1;
14
14
  }
15
15
 
16
- .universal-modal__exitActive_8pfet,
17
- .universal-modal__exitDone_8pfet {
16
+ .universal-modal__exitActive_1tes9,
17
+ .universal-modal__exitDone_1tes9 {
18
18
  opacity: 0;
19
19
  transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./full-size-vertical-center-transitions.css');
4
4
 
5
- var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_8pfet","enter":"universal-modal__enter_8pfet","appearActive":"universal-modal__appearActive_8pfet","enterActive":"universal-modal__enterActive_8pfet","exit":"universal-modal__exit_8pfet","exitActive":"universal-modal__exitActive_8pfet","exitDone":"universal-modal__exitDone_8pfet"};
5
+ var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_1tes9","enter":"universal-modal__enter_1tes9","appearActive":"universal-modal__appearActive_1tes9","enterActive":"universal-modal__enterActive_1tes9","exit":"universal-modal__exit_1tes9","exitActive":"universal-modal__exitActive_1tes9","exitDone":"universal-modal__exitDone_1tes9"};
6
6
 
7
7
  module.exports = fullSizeVerticalCenterTransitions;
8
8
  //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map
@@ -1,11 +1,11 @@
1
- .universal-modal__appear_qhje1,
2
- .universal-modal__enter_qhje1 {
1
+ .universal-modal__appear_15ip6,
2
+ .universal-modal__enter_15ip6 {
3
3
  opacity: 0;
4
4
  transform: translateY(-40px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_qhje1,
8
- .universal-modal__enterActive_qhje1 {
7
+ .universal-modal__appearActive_15ip6,
8
+ .universal-modal__enterActive_15ip6 {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms cubic-bezier(0, 0, 0, 1);
14
14
  }
15
15
 
16
- .universal-modal__exit_qhje1 {
16
+ .universal-modal__exit_15ip6 {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_qhje1,
22
- .universal-modal__exitDone_qhje1 {
21
+ .universal-modal__exitActive_15ip6,
22
+ .universal-modal__exitDone_15ip6 {
23
23
  opacity: 0;
24
24
  transform: translateY(-40px);
25
25
  transition:
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./full-size-vertical-top-transitions.css');
4
4
 
5
- var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_qhje1","enter":"universal-modal__enter_qhje1","appearActive":"universal-modal__appearActive_qhje1","enterActive":"universal-modal__enterActive_qhje1","exit":"universal-modal__exit_qhje1","exitActive":"universal-modal__exitActive_qhje1","exitDone":"universal-modal__exitDone_qhje1"};
5
+ var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_15ip6","enter":"universal-modal__enter_15ip6","appearActive":"universal-modal__appearActive_15ip6","enterActive":"universal-modal__enterActive_15ip6","exit":"universal-modal__exit_15ip6","exitActive":"universal-modal__exitActive_15ip6","exitDone":"universal-modal__exitDone_15ip6"};
6
6
 
7
7
  module.exports = fullSizeVerticalTopTransitions;
8
8
  //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map
@@ -36,7 +36,7 @@ export interface BaseUniversalModalProps {
36
36
  */
37
37
  margin?: Margin;
38
38
  }
39
- export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock'>> {
39
+ export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container'>> {
40
40
  /**
41
41
  * Реф контейнера на котором происходит scroll
42
42
  */
@@ -2,7 +2,7 @@
2
2
  --gap-2xl: 32px;
3
3
  --gap-32: var(--gap-2xl);
4
4
  }
5
- .universal-modal__content_1a5yd {
5
+ .universal-modal__content_1vxja {
6
6
  position: relative;
7
7
  box-sizing: border-box;
8
8
  width: 100%;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"content":"universal-modal__content_1a5yd"};
3
+ var styles = {"content":"universal-modal__content_1vxja"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,9 +1,9 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__content_1ft7o.universal-modal__withHeader_1ft7o {
4
+ .universal-modal__content_wlivq.universal-modal__withHeader_wlivq {
5
5
  padding-top: var(--gap-0);
6
6
  }
7
- .universal-modal__content_1ft7o.universal-modal__withFooter_1ft7o {
7
+ .universal-modal__content_wlivq.universal-modal__withFooter_wlivq {
8
8
  padding-bottom: var(--gap-0);
9
9
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var styles = {"content":"universal-modal__content_1ft7o","withHeader":"universal-modal__withHeader_1ft7o","withFooter":"universal-modal__withFooter_1ft7o"};
3
+ var styles = {"content":"universal-modal__content_wlivq","withHeader":"universal-modal__withHeader_wlivq","withFooter":"universal-modal__withFooter_wlivq"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,12 +5,12 @@
5
5
  --gap-16: var(--gap-m);
6
6
  --gap-20: var(--gap-l);
7
7
  }
8
- .universal-modal__content_2atcj {
8
+ .universal-modal__content_1a41l {
9
9
  padding: var(--gap-16);
10
10
  }
11
- .universal-modal__content_2atcj.universal-modal__withHeader_2atcj {
11
+ .universal-modal__content_1a41l.universal-modal__withHeader_1a41l {
12
12
  padding-top: var(--gap-0);
13
13
  }
14
- .universal-modal__content_2atcj.universal-modal__withFooter_2atcj {
14
+ .universal-modal__content_1a41l.universal-modal__withFooter_1a41l {
15
15
  padding-bottom: var(--gap-20);
16
16
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"content":"universal-modal__content_2atcj","withHeader":"universal-modal__withHeader_2atcj","withFooter":"universal-modal__withFooter_2atcj"};
3
+ var styles = {"content":"universal-modal__content_1a41l","withHeader":"universal-modal__withHeader_1a41l","withFooter":"universal-modal__withFooter_1a41l"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -13,7 +13,7 @@
13
13
  --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
14
14
  --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
15
15
  }
16
- .universal-modal__footer_1fel6 {
16
+ .universal-modal__footer_ni4ku {
17
17
  width: 100%;
18
18
  box-sizing: border-box;
19
19
  transition:
@@ -21,12 +21,12 @@
21
21
  background 0.2s ease;
22
22
  padding: var(--gap-16) var(--gap-32) var(--gap-32);
23
23
  }
24
- .universal-modal__sticky_1fel6 {
24
+ .universal-modal__sticky_ni4ku {
25
25
  background: var(--universal-modal-footer-background);
26
26
  position: sticky;
27
27
  z-index: 1;
28
28
  }
29
- .universal-modal__highlighted_1fel6 {
29
+ .universal-modal__highlighted_ni4ku {
30
30
  background: var(--universal-modal-footer-highlight-background);
31
31
  box-shadow: var(--universal-modal-footer-highlight-box-shadow);
32
32
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"universal-modal__footer_1fel6","sticky":"universal-modal__sticky_1fel6","highlighted":"universal-modal__highlighted_1fel6"};
3
+ var styles = {"footer":"universal-modal__footer_ni4ku","sticky":"universal-modal__sticky_ni4ku","highlighted":"universal-modal__highlighted_ni4ku"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__sticky_1sfol {
4
+ .universal-modal__sticky_1k6hl {
5
5
  bottom: var(--gap-0);
6
6
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var styles = {"sticky":"universal-modal__sticky_1sfol"};
3
+ var styles = {"sticky":"universal-modal__sticky_1k6hl"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -6,29 +6,29 @@
6
6
  --gap-12: var(--gap-s);
7
7
  --gap-16: var(--gap-m);
8
8
  }
9
- .universal-modal__column_1s60g {
9
+ .universal-modal__column_arp0c {
10
10
  display: flex;
11
11
  flex-direction: column;
12
12
  gap: var(--gap-8);
13
13
  }
14
- .universal-modal__column_1s60g.universal-modal__middle_1s60g {
14
+ .universal-modal__column_arp0c.universal-modal__middle_arp0c {
15
15
  gap: var(--gap-12);
16
16
  }
17
- .universal-modal__start_1s60g {
17
+ .universal-modal__start_arp0c {
18
18
  justify-content: flex-start;
19
19
  }
20
- .universal-modal__center_1s60g {
20
+ .universal-modal__center_arp0c {
21
21
  justify-content: center;
22
22
  }
23
- .universal-modal__space-between_1s60g {
23
+ .universal-modal__space-between_arp0c {
24
24
  justify-content: space-between;
25
25
  }
26
- .universal-modal__space-between_1s60g > * {
26
+ .universal-modal__space-between_arp0c > * {
27
27
  flex: 1;
28
28
  }
29
- .universal-modal__start_1s60g,
30
- .universal-modal__center_1s60g,
31
- .universal-modal__space-between_1s60g {
29
+ .universal-modal__start_arp0c,
30
+ .universal-modal__center_arp0c,
31
+ .universal-modal__space-between_arp0c {
32
32
  display: flex;
33
33
  gap: var(--gap-16);
34
34
  }
@@ -1,6 +1,6 @@
1
1
  import './layout.css';
2
2
 
3
- var layoutStyles = {"column":"universal-modal__column_1s60g","middle":"universal-modal__middle_1s60g","start":"universal-modal__start_1s60g","center":"universal-modal__center_1s60g","space-between":"universal-modal__space-between_1s60g"};
3
+ var layoutStyles = {"column":"universal-modal__column_arp0c","middle":"universal-modal__middle_arp0c","start":"universal-modal__start_arp0c","center":"universal-modal__center_arp0c","space-between":"universal-modal__space-between_arp0c"};
4
4
 
5
5
  export { layoutStyles as default };
6
6
  //# sourceMappingURL=layout.module.css.js.map
@@ -2,26 +2,26 @@
2
2
  --gap-m: 16px;
3
3
  --gap-16: var(--gap-m);
4
4
  }
5
- .universal-modal__column_vy8ra {
5
+ .universal-modal__column_s2p3n {
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  gap: var(--gap-16);
9
9
  }
10
- .universal-modal__start_vy8ra {
10
+ .universal-modal__start_s2p3n {
11
11
  justify-content: flex-start;
12
12
  }
13
- .universal-modal__center_vy8ra {
13
+ .universal-modal__center_s2p3n {
14
14
  justify-content: center;
15
15
  }
16
- .universal-modal__space-between_vy8ra {
16
+ .universal-modal__space-between_s2p3n {
17
17
  justify-content: space-between;
18
18
  }
19
- .universal-modal__space-between_vy8ra > * {
19
+ .universal-modal__space-between_s2p3n > * {
20
20
  flex: 1;
21
21
  }
22
- .universal-modal__start_vy8ra,
23
- .universal-modal__center_vy8ra,
24
- .universal-modal__space-between_vy8ra {
22
+ .universal-modal__start_s2p3n,
23
+ .universal-modal__center_s2p3n,
24
+ .universal-modal__space-between_s2p3n {
25
25
  display: flex;
26
26
  gap: var(--gap-16);
27
27
  }
@@ -1,6 +1,6 @@
1
1
  import './layout.mobile.css';
2
2
 
3
- var layoutStylesMobile = {"column":"universal-modal__column_vy8ra","start":"universal-modal__start_vy8ra","center":"universal-modal__center_vy8ra","space-between":"universal-modal__space-between_vy8ra"};
3
+ var layoutStylesMobile = {"column":"universal-modal__column_s2p3n","start":"universal-modal__start_s2p3n","center":"universal-modal__center_s2p3n","space-between":"universal-modal__space-between_s2p3n"};
4
4
 
5
5
  export { layoutStylesMobile as default };
6
6
  //# sourceMappingURL=layout.mobile.module.css.js.map
@@ -3,9 +3,9 @@
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
5
  }
6
- .universal-modal__footer_1a037 {
6
+ .universal-modal__footer_1lp4z {
7
7
  padding: var(--gap-16);
8
8
  }
9
- .universal-modal__sticky_1a037 {
9
+ .universal-modal__sticky_1lp4z {
10
10
  bottom: var(--gap-0);
11
11
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"footer":"universal-modal__footer_1a037","sticky":"universal-modal__sticky_1a037"};
3
+ var styles = {"footer":"universal-modal__footer_1lp4z","sticky":"universal-modal__sticky_1lp4z"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -10,22 +10,22 @@
10
10
  --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
11
11
  --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
12
12
  }
13
- .universal-modal__header_pyhqc {
13
+ .universal-modal__header_1ijl8 {
14
14
  width: 100%;
15
15
  box-sizing: border-box;
16
16
  transition:
17
17
  box-shadow 0.2s ease,
18
18
  background 0.2s ease;
19
19
  }
20
- .universal-modal__header_pyhqc.universal-modal__highlighted_pyhqc {
20
+ .universal-modal__header_1ijl8.universal-modal__highlighted_1ijl8 {
21
21
  background: var(--universal-modal-header-highlight-background);
22
22
  box-shadow: var(--universal-modal-header-highlight-box-shadow);
23
23
  }
24
- .universal-modal__header_pyhqc.universal-modal__sticky_pyhqc {
24
+ .universal-modal__header_1ijl8.universal-modal__sticky_1ijl8 {
25
25
  position: sticky;
26
26
  top: var(--gap-0);
27
27
  z-index: 1;
28
28
  }
29
- .universal-modal__header_pyhqc.universal-modal__sticky_pyhqc.universal-modal__hasContent_pyhqc {
29
+ .universal-modal__header_1ijl8.universal-modal__sticky_1ijl8.universal-modal__hasContent_1ijl8 {
30
30
  background: var(--universal-modal-header-background);
31
31
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"header":"universal-modal__header_pyhqc","highlighted":"universal-modal__highlighted_pyhqc","sticky":"universal-modal__sticky_pyhqc","hasContent":"universal-modal__hasContent_pyhqc"};
3
+ var styles = {"header":"universal-modal__header_1ijl8","highlighted":"universal-modal__highlighted_1ijl8","sticky":"universal-modal__sticky_1ijl8","hasContent":"universal-modal__hasContent_1ijl8"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -8,36 +8,41 @@
8
8
  --gap-20: var(--gap-l);
9
9
  }
10
10
  :root {
11
- --font-family-system:
12
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
11
+ --font-family-alfasans:
12
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
13
+ Helvetica, sans-serif;
13
14
  }
14
- .universal-modal__header_12i37 {
15
+ .universal-modal__header_1g9j2 {
15
16
  padding: var(--gap-20) var(--gap-20) 0;
16
17
  }
17
- .universal-modal__header_12i37 .universal-modal__headerTitle_12i37 {
18
+ .universal-modal__header_1g9j2 .universal-modal__headerTitle_1g9j2 {
18
19
  font-size: 22px;
19
20
  line-height: 26px;
20
21
  font-weight: 700;
21
- font-family: var(--font-family-system);
22
+ letter-spacing: 0.2px;
23
+ font-family: var(--font-family-alfasans);
22
24
  padding: 11px var(--gap-12);
23
25
  }
24
- .universal-modal__header_12i37 .universal-modal__bottomAddons_12i37 {
26
+ .universal-modal__header_1g9j2 .universal-modal__bottomAddons_1g9j2 {
25
27
  font-size: 22px;
26
28
  line-height: 26px;
27
29
  font-weight: 700;
28
- font-family: var(--font-family-system);
30
+ letter-spacing: 0.2px;
31
+ font-family: var(--font-family-alfasans);
29
32
  padding: var(--gap-6) var(--gap-12) var(--gap-16);
30
33
  }
31
- .universal-modal__header_12i37.universal-modal__medium_12i37 .universal-modal__headerTitle_12i37 {
34
+ .universal-modal__header_1g9j2.universal-modal__medium_1g9j2 .universal-modal__headerTitle_1g9j2 {
32
35
  font-size: 30px;
33
36
  line-height: 36px;
34
37
  font-weight: 700;
35
- font-family: var(--font-family-system);
38
+ letter-spacing: 0.1px;
39
+ font-family: var(--font-family-alfasans);
36
40
  padding: var(--gap-6) var(--gap-12) var(--gap-16);
37
41
  }
38
- .universal-modal__header_12i37.universal-modal__medium_12i37 .universal-modal__bottomAddons_12i37 {
42
+ .universal-modal__header_1g9j2.universal-modal__medium_1g9j2 .universal-modal__bottomAddons_1g9j2 {
39
43
  font-size: 30px;
40
44
  line-height: 36px;
41
45
  font-weight: 700;
42
- font-family: var(--font-family-system);
46
+ letter-spacing: 0.1px;
47
+ font-family: var(--font-family-alfasans);
43
48
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var desktopStyles = {"header":"universal-modal__header_12i37","headerTitle":"universal-modal__headerTitle_12i37","bottomAddons":"universal-modal__bottomAddons_12i37","medium":"universal-modal__medium_12i37"};
3
+ var desktopStyles = {"header":"universal-modal__header_1g9j2","headerTitle":"universal-modal__headerTitle_1g9j2","bottomAddons":"universal-modal__bottomAddons_1g9j2","medium":"universal-modal__medium_1g9j2"};
4
4
 
5
5
  export { desktopStyles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -10,25 +10,28 @@
10
10
  --gap-16: var(--gap-m);
11
11
  }
12
12
  :root {
13
- --font-family-system:
14
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
15
16
  }
16
- .universal-modal__header_4gw09 {
17
+ .universal-modal__header_198kk {
17
18
  padding: var(--gap-8) var(--gap-4);
18
19
  }
19
- .universal-modal__content_4gw09 {
20
+ .universal-modal__content_198kk {
20
21
  font-size: 20px;
21
22
  line-height: 28px;
22
- font-weight: 600;
23
- font-family: var(--font-family-system);
23
+ font-weight: 500;
24
+ letter-spacing: -0.15px;
25
+ font-family: var(--font-family-alfasans);
24
26
  padding: 0 var(--gap-12);
25
27
  min-height: 40px;
26
28
  justify-content: center;
27
29
  }
28
- .universal-modal__bottomAddons_4gw09 {
30
+ .universal-modal__bottomAddons_198kk {
29
31
  font-size: 20px;
30
32
  line-height: 28px;
31
- font-weight: 600;
32
- font-family: var(--font-family-system);
33
+ font-weight: 500;
34
+ letter-spacing: -0.15px;
35
+ font-family: var(--font-family-alfasans);
33
36
  padding: var(--gap-6) var(--gap-16);
34
37
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var mobileStyles = {"header":"universal-modal__header_4gw09","content":"universal-modal__content_4gw09","bottomAddons":"universal-modal__bottomAddons_4gw09"};
3
+ var mobileStyles = {"header":"universal-modal__header_198kk","content":"universal-modal__content_198kk","bottomAddons":"universal-modal__bottomAddons_198kk"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map