@alfalab/core-components-universal-modal 3.1.3 → 3.1.4-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 (143) hide show
  1. package/components/base-content/index.css +1 -1
  2. package/components/base-content/index.module.css.js +1 -1
  3. package/components/base-footer/index.css +3 -3
  4. package/components/base-footer/index.module.css.js +1 -1
  5. package/components/base-header/index.css +4 -4
  6. package/components/base-header/index.module.css.js +1 -1
  7. package/cssm/desktop/components/header/desktop.module.css +11 -6
  8. package/cssm/mobile/components/header/index.module.css +9 -6
  9. package/desktop/components/center-modal/index.css +783 -783
  10. package/desktop/components/center-modal/index.module.css.js +1 -1
  11. package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  12. package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  13. package/desktop/components/center-modal/transitions/transitions.css +7 -7
  14. package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  15. package/desktop/components/footer/desktop.css +1 -1
  16. package/desktop/components/footer/desktop.module.css.js +1 -1
  17. package/desktop/components/footer/layout.css +9 -9
  18. package/desktop/components/footer/layout.module.css.js +1 -1
  19. package/desktop/components/header/desktop.css +16 -11
  20. package/desktop/components/header/desktop.module.css.js +1 -1
  21. package/desktop/components/modal-content/modal-content.css +4 -4
  22. package/desktop/components/modal-content/modal-content.module.css.js +1 -1
  23. package/desktop/components/side-modal/index.css +785 -785
  24. package/desktop/components/side-modal/index.module.css.js +1 -1
  25. package/desktop/components/side-modal/transitions/transitions.css +71 -71
  26. package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  27. package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  28. package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  29. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  30. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  31. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  32. package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  33. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  34. package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  35. package/esm/components/base-content/index.css +1 -1
  36. package/esm/components/base-content/index.module.css.js +1 -1
  37. package/esm/components/base-footer/index.css +3 -3
  38. package/esm/components/base-footer/index.module.css.js +1 -1
  39. package/esm/components/base-header/index.css +4 -4
  40. package/esm/components/base-header/index.module.css.js +1 -1
  41. package/esm/desktop/components/center-modal/index.css +783 -783
  42. package/esm/desktop/components/center-modal/index.module.css.js +1 -1
  43. package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  44. package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  45. package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
  46. package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  47. package/esm/desktop/components/footer/desktop.css +1 -1
  48. package/esm/desktop/components/footer/desktop.module.css.js +1 -1
  49. package/esm/desktop/components/footer/layout.css +9 -9
  50. package/esm/desktop/components/footer/layout.module.css.js +1 -1
  51. package/esm/desktop/components/header/desktop.css +16 -11
  52. package/esm/desktop/components/header/desktop.module.css.js +1 -1
  53. package/esm/desktop/components/modal-content/modal-content.css +4 -4
  54. package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
  55. package/esm/desktop/components/side-modal/index.css +785 -785
  56. package/esm/desktop/components/side-modal/index.module.css.js +1 -1
  57. package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
  58. package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  59. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  60. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  61. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  62. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  63. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  64. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  65. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  66. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  67. package/esm/mobile/components/content/index.css +3 -3
  68. package/esm/mobile/components/content/index.module.css.js +1 -1
  69. package/esm/mobile/components/footer/index.css +2 -2
  70. package/esm/mobile/components/footer/index.module.css.js +1 -1
  71. package/esm/mobile/components/footer/layout.mobile.css +9 -9
  72. package/esm/mobile/components/footer/layout.mobile.module.css.js +1 -1
  73. package/esm/mobile/components/header/index.css +12 -9
  74. package/esm/mobile/components/header/index.module.css.js +1 -1
  75. package/esm/mobile/mobile.css +3 -3
  76. package/esm/mobile/mobile.module.css.js +1 -1
  77. package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
  78. package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  79. package/esm/mobile/transitions/transitions.mobile.css +7 -7
  80. package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
  81. package/mobile/components/content/index.css +3 -3
  82. package/mobile/components/content/index.module.css.js +1 -1
  83. package/mobile/components/footer/index.css +2 -2
  84. package/mobile/components/footer/index.module.css.js +1 -1
  85. package/mobile/components/footer/layout.mobile.css +9 -9
  86. package/mobile/components/footer/layout.mobile.module.css.js +1 -1
  87. package/mobile/components/header/index.css +12 -9
  88. package/mobile/components/header/index.module.css.js +1 -1
  89. package/mobile/mobile.css +3 -3
  90. package/mobile/mobile.module.css.js +1 -1
  91. package/mobile/transitions/right-side-transitions.mobile.css +7 -7
  92. package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  93. package/mobile/transitions/transitions.mobile.css +7 -7
  94. package/mobile/transitions/transitions.mobile.module.css.js +1 -1
  95. package/modern/components/base-content/index.css +1 -1
  96. package/modern/components/base-content/index.module.css.js +1 -1
  97. package/modern/components/base-footer/index.css +3 -3
  98. package/modern/components/base-footer/index.module.css.js +1 -1
  99. package/modern/components/base-header/index.css +4 -4
  100. package/modern/components/base-header/index.module.css.js +1 -1
  101. package/modern/desktop/components/center-modal/index.css +783 -783
  102. package/modern/desktop/components/center-modal/index.module.css.js +1 -1
  103. package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  104. package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  105. package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
  106. package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  107. package/modern/desktop/components/footer/desktop.css +1 -1
  108. package/modern/desktop/components/footer/desktop.module.css.js +1 -1
  109. package/modern/desktop/components/footer/layout.css +9 -9
  110. package/modern/desktop/components/footer/layout.module.css.js +1 -1
  111. package/modern/desktop/components/header/desktop.css +16 -11
  112. package/modern/desktop/components/header/desktop.module.css.js +1 -1
  113. package/modern/desktop/components/modal-content/modal-content.css +4 -4
  114. package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
  115. package/modern/desktop/components/side-modal/index.css +785 -785
  116. package/modern/desktop/components/side-modal/index.module.css.js +1 -1
  117. package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
  118. package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  119. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  120. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  121. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  122. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  123. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  124. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  125. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  126. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  127. package/modern/mobile/components/content/index.css +3 -3
  128. package/modern/mobile/components/content/index.module.css.js +1 -1
  129. package/modern/mobile/components/footer/index.css +2 -2
  130. package/modern/mobile/components/footer/index.module.css.js +1 -1
  131. package/modern/mobile/components/footer/layout.mobile.css +9 -9
  132. package/modern/mobile/components/footer/layout.mobile.module.css.js +1 -1
  133. package/modern/mobile/components/header/index.css +12 -9
  134. package/modern/mobile/components/header/index.module.css.js +1 -1
  135. package/modern/mobile/mobile.css +3 -3
  136. package/modern/mobile/mobile.module.css.js +1 -1
  137. package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
  138. package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  139. package/modern/mobile/transitions/transitions.mobile.css +7 -7
  140. package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
  141. package/moderncssm/desktop/components/header/desktop.module.css +8 -4
  142. package/moderncssm/mobile/components/header/index.module.css +6 -4
  143. package/package.json +9 -9
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"universal-modal__footer_mm9xd","sticky":"universal-modal__sticky_mm9xd"};
3
+ var styles = {"footer":"universal-modal__footer_vefho","sticky":"universal-modal__sticky_vefho"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,25 +2,25 @@
2
2
  --gap-xs: 8px;
3
3
  --gap-8: var(--gap-xs);
4
4
  }
5
- .universal-modal__column_1yi44 {
5
+ .universal-modal__column_1tkgb {
6
6
  flex-direction: column;
7
7
  }
8
- .universal-modal__start_1yi44 {
8
+ .universal-modal__start_1tkgb {
9
9
  justify-content: flex-start;
10
10
  }
11
- .universal-modal__center_1yi44 {
11
+ .universal-modal__center_1tkgb {
12
12
  justify-content: center;
13
13
  }
14
- .universal-modal__space-between_1yi44 {
14
+ .universal-modal__space-between_1tkgb {
15
15
  justify-content: space-between;
16
16
  }
17
- .universal-modal__space-between_1yi44 > * {
17
+ .universal-modal__space-between_1tkgb > * {
18
18
  flex: 1;
19
19
  }
20
- .universal-modal__start_1yi44,
21
- .universal-modal__center_1yi44,
22
- .universal-modal__space-between_1yi44,
23
- .universal-modal__column_1yi44 {
20
+ .universal-modal__start_1tkgb,
21
+ .universal-modal__center_1tkgb,
22
+ .universal-modal__space-between_1tkgb,
23
+ .universal-modal__column_1tkgb {
24
24
  display: flex;
25
25
  gap: var(--gap-8);
26
26
  }
@@ -1,6 +1,6 @@
1
1
  import './layout.mobile.css';
2
2
 
3
- var layoutStylesMobile = {"column":"universal-modal__column_1yi44","start":"universal-modal__start_1yi44","center":"universal-modal__center_1yi44","space-between":"universal-modal__space-between_1yi44"};
3
+ var layoutStylesMobile = {"column":"universal-modal__column_1tkgb","start":"universal-modal__start_1tkgb","center":"universal-modal__center_1tkgb","space-between":"universal-modal__space-between_1tkgb"};
4
4
 
5
5
  export { layoutStylesMobile as default };
6
6
  //# sourceMappingURL=layout.mobile.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_1hrdv {
17
+ .universal-modal__header_1m3y3 {
17
18
  padding: var(--gap-8) var(--gap-4);
18
19
  }
19
- .universal-modal__content_1hrdv {
20
+ .universal-modal__content_1m3y3 {
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_1hrdv {
30
+ .universal-modal__bottomAddons_1m3y3 {
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 './index.css';
2
2
 
3
- var mobileStyles = {"header":"universal-modal__header_1hrdv","content":"universal-modal__content_1hrdv","bottomAddons":"universal-modal__bottomAddons_1hrdv"};
3
+ var mobileStyles = {"header":"universal-modal__header_1m3y3","content":"universal-modal__content_1m3y3","bottomAddons":"universal-modal__bottomAddons_1m3y3"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__component_vxfxk {
4
+ .universal-modal__component_nga7s {
5
5
  top: var(--gap-0);
6
6
  height: 100%;
7
7
  width: 100%;
@@ -11,10 +11,10 @@
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  }
14
- .universal-modal__component_vxfxk .universal-modal__content_vxfxk {
14
+ .universal-modal__component_nga7s .universal-modal__content_nga7s {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_vxfxk.universal-modal__component_vxfxk {
17
+ .universal-modal__component_nga7s.universal-modal__component_nga7s {
18
18
  position: fixed;
19
19
  flex: 1;
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"component":"universal-modal__component_vxfxk","content":"universal-modal__content_vxfxk"};
3
+ var styles = {"component":"universal-modal__component_nga7s","content":"universal-modal__content_nga7s"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_1ubro,
2
- .universal-modal__enter_1ubro {
1
+ .universal-modal__appear_1cevh,
2
+ .universal-modal__enter_1cevh {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_1ubro,
6
- .universal-modal__enterActive_1ubro {
5
+ .universal-modal__appearActive_1cevh,
6
+ .universal-modal__enterActive_1cevh {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_1ubro {
11
+ .universal-modal__exit_1cevh {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_1ubro,
15
- .universal-modal__exitDone_1ubro {
14
+ .universal-modal__exitActive_1cevh,
15
+ .universal-modal__exitDone_1cevh {
16
16
  transform: translateX(100%);
17
17
  transition: transform 280ms ease-in-out;
18
18
  }
@@ -1,6 +1,6 @@
1
1
  import './right-side-transitions.mobile.css';
2
2
 
3
- var rightSideTransitions = {"appear":"universal-modal__appear_1ubro","enter":"universal-modal__enter_1ubro","appearActive":"universal-modal__appearActive_1ubro","enterActive":"universal-modal__enterActive_1ubro","exit":"universal-modal__exit_1ubro","exitActive":"universal-modal__exitActive_1ubro","exitDone":"universal-modal__exitDone_1ubro"};
3
+ var rightSideTransitions = {"appear":"universal-modal__appear_1cevh","enter":"universal-modal__enter_1cevh","appearActive":"universal-modal__appearActive_1cevh","enterActive":"universal-modal__enterActive_1cevh","exit":"universal-modal__exit_1cevh","exitActive":"universal-modal__exitActive_1cevh","exitDone":"universal-modal__exitDone_1cevh"};
4
4
 
5
5
  export { rightSideTransitions as default };
6
6
  //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map
@@ -1,11 +1,11 @@
1
- .universal-modal__appear_f7vr0,
2
- .universal-modal__enter_f7vr0 {
1
+ .universal-modal__appear_q0d1r,
2
+ .universal-modal__enter_q0d1r {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_f7vr0,
8
- .universal-modal__enterActive_f7vr0 {
7
+ .universal-modal__appearActive_q0d1r,
8
+ .universal-modal__enterActive_q0d1r {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms ease-in;
14
14
  }
15
15
 
16
- .universal-modal__exit_f7vr0 {
16
+ .universal-modal__exit_q0d1r {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_f7vr0,
22
- .universal-modal__exitDone_f7vr0 {
21
+ .universal-modal__exitActive_q0d1r,
22
+ .universal-modal__exitDone_q0d1r {
23
23
  opacity: 0;
24
24
  transform: translateY(15px);
25
25
  transition:
@@ -1,6 +1,6 @@
1
1
  import './transitions.mobile.css';
2
2
 
3
- var transitions = {"appear":"universal-modal__appear_f7vr0","enter":"universal-modal__enter_f7vr0","appearActive":"universal-modal__appearActive_f7vr0","enterActive":"universal-modal__enterActive_f7vr0","exit":"universal-modal__exit_f7vr0","exitActive":"universal-modal__exitActive_f7vr0","exitDone":"universal-modal__exitDone_f7vr0"};
3
+ var transitions = {"appear":"universal-modal__appear_q0d1r","enter":"universal-modal__enter_q0d1r","appearActive":"universal-modal__appearActive_q0d1r","enterActive":"universal-modal__enterActive_q0d1r","exit":"universal-modal__exit_q0d1r","exitActive":"universal-modal__exitActive_q0d1r","exitDone":"universal-modal__exitDone_q0d1r"};
4
4
 
5
5
  export { transitions as default };
6
6
  //# sourceMappingURL=transitions.mobile.module.css.js.map
@@ -3,12 +3,12 @@
3
3
  --gap-0: 0px;
4
4
  --gap-20: var(--gap-l);
5
5
  }
6
- .universal-modal__content_2c03j {
6
+ .universal-modal__content_1dvo3 {
7
7
  padding: var(--gap-20);
8
8
  }
9
- .universal-modal__content_2c03j.universal-modal__withHeader_2c03j {
9
+ .universal-modal__content_1dvo3.universal-modal__withHeader_1dvo3 {
10
10
  padding-top: var(--gap-0);
11
11
  }
12
- .universal-modal__content_2c03j.universal-modal__withFooter_2c03j {
12
+ .universal-modal__content_1dvo3.universal-modal__withFooter_1dvo3 {
13
13
  padding-bottom: var(--gap-0);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"content":"universal-modal__content_2c03j","withHeader":"universal-modal__withHeader_2c03j","withFooter":"universal-modal__withFooter_2c03j"};
5
+ var styles = {"content":"universal-modal__content_1dvo3","withHeader":"universal-modal__withHeader_1dvo3","withFooter":"universal-modal__withFooter_1dvo3"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -3,9 +3,9 @@
3
3
  --gap-0: 0px;
4
4
  --gap-20: var(--gap-l);
5
5
  }
6
- .universal-modal__footer_mm9xd {
6
+ .universal-modal__footer_vefho {
7
7
  padding: var(--gap-20);
8
8
  }
9
- .universal-modal__sticky_mm9xd {
9
+ .universal-modal__sticky_vefho {
10
10
  bottom: var(--gap-0);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"footer":"universal-modal__footer_mm9xd","sticky":"universal-modal__sticky_mm9xd"};
5
+ var styles = {"footer":"universal-modal__footer_vefho","sticky":"universal-modal__sticky_vefho"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -2,25 +2,25 @@
2
2
  --gap-xs: 8px;
3
3
  --gap-8: var(--gap-xs);
4
4
  }
5
- .universal-modal__column_1yi44 {
5
+ .universal-modal__column_1tkgb {
6
6
  flex-direction: column;
7
7
  }
8
- .universal-modal__start_1yi44 {
8
+ .universal-modal__start_1tkgb {
9
9
  justify-content: flex-start;
10
10
  }
11
- .universal-modal__center_1yi44 {
11
+ .universal-modal__center_1tkgb {
12
12
  justify-content: center;
13
13
  }
14
- .universal-modal__space-between_1yi44 {
14
+ .universal-modal__space-between_1tkgb {
15
15
  justify-content: space-between;
16
16
  }
17
- .universal-modal__space-between_1yi44 > * {
17
+ .universal-modal__space-between_1tkgb > * {
18
18
  flex: 1;
19
19
  }
20
- .universal-modal__start_1yi44,
21
- .universal-modal__center_1yi44,
22
- .universal-modal__space-between_1yi44,
23
- .universal-modal__column_1yi44 {
20
+ .universal-modal__start_1tkgb,
21
+ .universal-modal__center_1tkgb,
22
+ .universal-modal__space-between_1tkgb,
23
+ .universal-modal__column_1tkgb {
24
24
  display: flex;
25
25
  gap: var(--gap-8);
26
26
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./layout.mobile.css');
4
4
 
5
- var layoutStylesMobile = {"column":"universal-modal__column_1yi44","start":"universal-modal__start_1yi44","center":"universal-modal__center_1yi44","space-between":"universal-modal__space-between_1yi44"};
5
+ var layoutStylesMobile = {"column":"universal-modal__column_1tkgb","start":"universal-modal__start_1tkgb","center":"universal-modal__center_1tkgb","space-between":"universal-modal__space-between_1tkgb"};
6
6
 
7
7
  module.exports = layoutStylesMobile;
8
8
  //# sourceMappingURL=layout.mobile.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_1hrdv {
17
+ .universal-modal__header_1m3y3 {
17
18
  padding: var(--gap-8) var(--gap-4);
18
19
  }
19
- .universal-modal__content_1hrdv {
20
+ .universal-modal__content_1m3y3 {
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_1hrdv {
30
+ .universal-modal__bottomAddons_1m3y3 {
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
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var mobileStyles = {"header":"universal-modal__header_1hrdv","content":"universal-modal__content_1hrdv","bottomAddons":"universal-modal__bottomAddons_1hrdv"};
5
+ var mobileStyles = {"header":"universal-modal__header_1m3y3","content":"universal-modal__content_1m3y3","bottomAddons":"universal-modal__bottomAddons_1m3y3"};
6
6
 
7
7
  module.exports = mobileStyles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/mobile/mobile.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__component_vxfxk {
4
+ .universal-modal__component_nga7s {
5
5
  top: var(--gap-0);
6
6
  height: 100%;
7
7
  width: 100%;
@@ -11,10 +11,10 @@
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  }
14
- .universal-modal__component_vxfxk .universal-modal__content_vxfxk {
14
+ .universal-modal__component_nga7s .universal-modal__content_nga7s {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_vxfxk.universal-modal__component_vxfxk {
17
+ .universal-modal__component_nga7s.universal-modal__component_nga7s {
18
18
  position: fixed;
19
19
  flex: 1;
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"component":"universal-modal__component_vxfxk","content":"universal-modal__content_vxfxk"};
5
+ var styles = {"component":"universal-modal__component_nga7s","content":"universal-modal__content_nga7s"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_1ubro,
2
- .universal-modal__enter_1ubro {
1
+ .universal-modal__appear_1cevh,
2
+ .universal-modal__enter_1cevh {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_1ubro,
6
- .universal-modal__enterActive_1ubro {
5
+ .universal-modal__appearActive_1cevh,
6
+ .universal-modal__enterActive_1cevh {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_1ubro {
11
+ .universal-modal__exit_1cevh {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_1ubro,
15
- .universal-modal__exitDone_1ubro {
14
+ .universal-modal__exitActive_1cevh,
15
+ .universal-modal__exitDone_1cevh {
16
16
  transform: translateX(100%);
17
17
  transition: transform 280ms ease-in-out;
18
18
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./right-side-transitions.mobile.css');
4
4
 
5
- var rightSideTransitions = {"appear":"universal-modal__appear_1ubro","enter":"universal-modal__enter_1ubro","appearActive":"universal-modal__appearActive_1ubro","enterActive":"universal-modal__enterActive_1ubro","exit":"universal-modal__exit_1ubro","exitActive":"universal-modal__exitActive_1ubro","exitDone":"universal-modal__exitDone_1ubro"};
5
+ var rightSideTransitions = {"appear":"universal-modal__appear_1cevh","enter":"universal-modal__enter_1cevh","appearActive":"universal-modal__appearActive_1cevh","enterActive":"universal-modal__enterActive_1cevh","exit":"universal-modal__exit_1cevh","exitActive":"universal-modal__exitActive_1cevh","exitDone":"universal-modal__exitDone_1cevh"};
6
6
 
7
7
  module.exports = rightSideTransitions;
8
8
  //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map
@@ -1,11 +1,11 @@
1
- .universal-modal__appear_f7vr0,
2
- .universal-modal__enter_f7vr0 {
1
+ .universal-modal__appear_q0d1r,
2
+ .universal-modal__enter_q0d1r {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_f7vr0,
8
- .universal-modal__enterActive_f7vr0 {
7
+ .universal-modal__appearActive_q0d1r,
8
+ .universal-modal__enterActive_q0d1r {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms ease-in;
14
14
  }
15
15
 
16
- .universal-modal__exit_f7vr0 {
16
+ .universal-modal__exit_q0d1r {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_f7vr0,
22
- .universal-modal__exitDone_f7vr0 {
21
+ .universal-modal__exitActive_q0d1r,
22
+ .universal-modal__exitDone_q0d1r {
23
23
  opacity: 0;
24
24
  transform: translateY(15px);
25
25
  transition:
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./transitions.mobile.css');
4
4
 
5
- var transitions = {"appear":"universal-modal__appear_f7vr0","enter":"universal-modal__enter_f7vr0","appearActive":"universal-modal__appearActive_f7vr0","enterActive":"universal-modal__enterActive_f7vr0","exit":"universal-modal__exit_f7vr0","exitActive":"universal-modal__exitActive_f7vr0","exitDone":"universal-modal__exitDone_f7vr0"};
5
+ var transitions = {"appear":"universal-modal__appear_q0d1r","enter":"universal-modal__enter_q0d1r","appearActive":"universal-modal__appearActive_q0d1r","enterActive":"universal-modal__enterActive_q0d1r","exit":"universal-modal__exit_q0d1r","exitActive":"universal-modal__exitActive_q0d1r","exitDone":"universal-modal__exitDone_q0d1r"};
6
6
 
7
7
  module.exports = transitions;
8
8
  //# sourceMappingURL=transitions.mobile.module.css.js.map
@@ -2,7 +2,7 @@
2
2
  --gap-2xl: 32px;
3
3
  --gap-32: var(--gap-2xl);
4
4
  }
5
- .universal-modal__content_1k8tf {
5
+ .universal-modal__content_1k8x1 {
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
- const styles = {"content":"universal-modal__content_1k8tf"};
3
+ const styles = {"content":"universal-modal__content_1k8x1"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.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_2xt6q {
16
+ .universal-modal__footer_1x0by {
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_2xt6q {
24
+ .universal-modal__sticky_1x0by {
25
25
  background: var(--universal-modal-footer-background);
26
26
  position: sticky;
27
27
  z-index: 1;
28
28
  }
29
- .universal-modal__highlighted_2xt6q {
29
+ .universal-modal__highlighted_1x0by {
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
- const styles = {"footer":"universal-modal__footer_2xt6q","sticky":"universal-modal__sticky_2xt6q","highlighted":"universal-modal__highlighted_2xt6q"};
3
+ const styles = {"footer":"universal-modal__footer_1x0by","sticky":"universal-modal__sticky_1x0by","highlighted":"universal-modal__highlighted_1x0by"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.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_gp2b7 {
13
+ .universal-modal__header_1jdlz {
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_gp2b7.universal-modal__highlighted_gp2b7 {
20
+ .universal-modal__header_1jdlz.universal-modal__highlighted_1jdlz {
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_gp2b7.universal-modal__sticky_gp2b7 {
24
+ .universal-modal__header_1jdlz.universal-modal__sticky_1jdlz {
25
25
  position: sticky;
26
26
  top: var(--gap-0);
27
27
  z-index: 1;
28
28
  }
29
- .universal-modal__header_gp2b7.universal-modal__sticky_gp2b7.universal-modal__hasContent_gp2b7 {
29
+ .universal-modal__header_1jdlz.universal-modal__sticky_1jdlz.universal-modal__hasContent_1jdlz {
30
30
  background: var(--universal-modal-header-background);
31
31
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"header":"universal-modal__header_gp2b7","highlighted":"universal-modal__highlighted_gp2b7","sticky":"universal-modal__sticky_gp2b7","hasContent":"universal-modal__hasContent_gp2b7"};
3
+ const styles = {"header":"universal-modal__header_1jdlz","highlighted":"universal-modal__highlighted_1jdlz","sticky":"universal-modal__sticky_1jdlz","hasContent":"universal-modal__hasContent_1jdlz"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map