@alfalab/core-components-universal-modal 3.2.2 → 3.2.3

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/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/center-modal/index.module.css +868 -781
  8. package/cssm/desktop/components/side-modal/index.module.css +868 -781
  9. package/cssm/desktop/utils/get-hug-content-styles.js +8 -6
  10. package/cssm/desktop/utils/get-hug-content-styles.js.map +1 -1
  11. package/desktop/components/center-modal/index.css +1393 -1306
  12. package/desktop/components/center-modal/index.module.css.js +1 -1
  13. package/desktop/components/center-modal/index.module.css.js.map +1 -1
  14. package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  15. package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  16. package/desktop/components/center-modal/transitions/transitions.css +7 -7
  17. package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  18. package/desktop/components/footer/desktop.css +1 -1
  19. package/desktop/components/footer/desktop.module.css.js +1 -1
  20. package/desktop/components/footer/layout.css +9 -9
  21. package/desktop/components/footer/layout.module.css.js +1 -1
  22. package/desktop/components/header/desktop.css +5 -5
  23. package/desktop/components/header/desktop.module.css.js +1 -1
  24. package/desktop/components/modal-content/modal-content.css +4 -4
  25. package/desktop/components/modal-content/modal-content.module.css.js +1 -1
  26. package/desktop/components/side-modal/index.css +1395 -1308
  27. package/desktop/components/side-modal/index.module.css.js +1 -1
  28. package/desktop/components/side-modal/index.module.css.js.map +1 -1
  29. package/desktop/components/side-modal/transitions/transitions.css +71 -71
  30. package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  31. package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  32. package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  33. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  34. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  35. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  36. package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  37. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  38. package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  39. package/desktop/utils/get-hug-content-styles.js +8 -6
  40. package/desktop/utils/get-hug-content-styles.js.map +1 -1
  41. package/esm/components/base-content/index.css +1 -1
  42. package/esm/components/base-content/index.module.css.js +1 -1
  43. package/esm/components/base-footer/index.css +3 -3
  44. package/esm/components/base-footer/index.module.css.js +1 -1
  45. package/esm/components/base-header/index.css +4 -4
  46. package/esm/components/base-header/index.module.css.js +1 -1
  47. package/esm/desktop/components/center-modal/index.css +1393 -1306
  48. package/esm/desktop/components/center-modal/index.module.css.js +1 -1
  49. package/esm/desktop/components/center-modal/index.module.css.js.map +1 -1
  50. package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  51. package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  52. package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
  53. package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  54. package/esm/desktop/components/footer/desktop.css +1 -1
  55. package/esm/desktop/components/footer/desktop.module.css.js +1 -1
  56. package/esm/desktop/components/footer/layout.css +9 -9
  57. package/esm/desktop/components/footer/layout.module.css.js +1 -1
  58. package/esm/desktop/components/header/desktop.css +5 -5
  59. package/esm/desktop/components/header/desktop.module.css.js +1 -1
  60. package/esm/desktop/components/modal-content/modal-content.css +4 -4
  61. package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
  62. package/esm/desktop/components/side-modal/index.css +1395 -1308
  63. package/esm/desktop/components/side-modal/index.module.css.js +1 -1
  64. package/esm/desktop/components/side-modal/index.module.css.js.map +1 -1
  65. package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
  66. package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  67. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  68. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  69. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  70. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  71. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  72. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  73. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  74. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  75. package/esm/desktop/utils/get-hug-content-styles.js +8 -6
  76. package/esm/desktop/utils/get-hug-content-styles.js.map +1 -1
  77. package/esm/mobile/components/content/index.css +3 -3
  78. package/esm/mobile/components/content/index.module.css.js +1 -1
  79. package/esm/mobile/components/footer/index.css +2 -2
  80. package/esm/mobile/components/footer/index.module.css.js +1 -1
  81. package/esm/mobile/components/footer/layout.mobile.css +9 -9
  82. package/esm/mobile/components/footer/layout.mobile.module.css.js +1 -1
  83. package/esm/mobile/components/header/index.css +3 -3
  84. package/esm/mobile/components/header/index.module.css.js +1 -1
  85. package/esm/mobile/mobile.css +3 -3
  86. package/esm/mobile/mobile.module.css.js +1 -1
  87. package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
  88. package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  89. package/esm/mobile/transitions/transitions.mobile.css +7 -7
  90. package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
  91. package/mobile/components/content/index.css +3 -3
  92. package/mobile/components/content/index.module.css.js +1 -1
  93. package/mobile/components/footer/index.css +2 -2
  94. package/mobile/components/footer/index.module.css.js +1 -1
  95. package/mobile/components/footer/layout.mobile.css +9 -9
  96. package/mobile/components/footer/layout.mobile.module.css.js +1 -1
  97. package/mobile/components/header/index.css +3 -3
  98. package/mobile/components/header/index.module.css.js +1 -1
  99. package/mobile/mobile.css +3 -3
  100. package/mobile/mobile.module.css.js +1 -1
  101. package/mobile/transitions/right-side-transitions.mobile.css +7 -7
  102. package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  103. package/mobile/transitions/transitions.mobile.css +7 -7
  104. package/mobile/transitions/transitions.mobile.module.css.js +1 -1
  105. package/modern/components/base-content/index.css +1 -1
  106. package/modern/components/base-content/index.module.css.js +1 -1
  107. package/modern/components/base-footer/index.css +3 -3
  108. package/modern/components/base-footer/index.module.css.js +1 -1
  109. package/modern/components/base-header/index.css +4 -4
  110. package/modern/components/base-header/index.module.css.js +1 -1
  111. package/modern/desktop/components/center-modal/index.css +1393 -1306
  112. package/modern/desktop/components/center-modal/index.module.css.js +1 -1
  113. package/modern/desktop/components/center-modal/index.module.css.js.map +1 -1
  114. package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  115. package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  116. package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
  117. package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  118. package/modern/desktop/components/footer/desktop.css +1 -1
  119. package/modern/desktop/components/footer/desktop.module.css.js +1 -1
  120. package/modern/desktop/components/footer/layout.css +9 -9
  121. package/modern/desktop/components/footer/layout.module.css.js +1 -1
  122. package/modern/desktop/components/header/desktop.css +5 -5
  123. package/modern/desktop/components/header/desktop.module.css.js +1 -1
  124. package/modern/desktop/components/modal-content/modal-content.css +4 -4
  125. package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
  126. package/modern/desktop/components/side-modal/index.css +1395 -1308
  127. package/modern/desktop/components/side-modal/index.module.css.js +1 -1
  128. package/modern/desktop/components/side-modal/index.module.css.js.map +1 -1
  129. package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
  130. package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  131. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  132. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  133. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  134. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  135. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  136. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  137. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  138. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  139. package/modern/desktop/utils/get-hug-content-styles.js +3 -5
  140. package/modern/desktop/utils/get-hug-content-styles.js.map +1 -1
  141. package/modern/mobile/components/content/index.css +3 -3
  142. package/modern/mobile/components/content/index.module.css.js +1 -1
  143. package/modern/mobile/components/footer/index.css +2 -2
  144. package/modern/mobile/components/footer/index.module.css.js +1 -1
  145. package/modern/mobile/components/footer/layout.mobile.css +9 -9
  146. package/modern/mobile/components/footer/layout.mobile.module.css.js +1 -1
  147. package/modern/mobile/components/header/index.css +3 -3
  148. package/modern/mobile/components/header/index.module.css.js +1 -1
  149. package/modern/mobile/mobile.css +3 -3
  150. package/modern/mobile/mobile.module.css.js +1 -1
  151. package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
  152. package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  153. package/modern/mobile/transitions/transitions.mobile.css +7 -7
  154. package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
  155. package/moderncssm/desktop/components/center-modal/index.module.css +899 -782
  156. package/moderncssm/desktop/components/side-modal/index.module.css +899 -782
  157. package/moderncssm/desktop/utils/get-hug-content-styles.js +3 -5
  158. package/moderncssm/desktop/utils/get-hug-content-styles.js.map +1 -1
  159. package/package.json +1 -1
  160. package/src/desktop/styles/common.module.css +6 -16
  161. package/src/desktop/utils/get-hug-content-styles.ts +4 -5
@@ -1 +1 @@
1
- {"version":3,"file":"get-hug-content-styles.js","sources":["../../../src/desktop/utils/get-hug-content-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n styles: Record<string, string>;\n margin: UniversalModalDesktopProps['margin'];\n height: NonNullable<UniversalModalDesktopProps['height']>;\n}\n\nexport const getHugContentStyles = (params: Params): Record<string, boolean> => {\n const { margin, styles, height } = params;\n\n if (height !== 'hugContent') {\n return {};\n }\n\n return {\n [styles.hugContent]: true,\n ...(margin && hasOwnProperty(margin, 'top') && { [styles[`topGap-${margin.top}`]]: true }),\n ...(margin &&\n hasOwnProperty(margin, 'bottom') && { [styles[`bottomGap-${margin.bottom}`]]: true }),\n };\n};\n"],"names":[],"mappings":";;;AAUO,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;;AACtC,IAAA,IAAA,MAAM,GAAqB,MAAM,CAAA,MAA3B,EAAE,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;AAE9B,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;AACzB,QAAA,OAAO,EAAE;;AAGb,IAAA,OAAA,QAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,EAAA,EAAA,CACK,MAAM,CAAC,UAAU,CAAA,GAAG,IAAI,EAAA,EAAA,IACrB,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,KAAM,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,SAAU,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAG,IAAI,EAAA,EAAA,CAAE,EAAC,GACtF,MAAM;AACN,QAAA,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAA,EAAA,GAAA,EAAA,EAAM,GAAC,MAAM,CAAC,oBAAa,MAAM,CAAC,MAAM,CAAE,CAAC,IAAG,IAAI,EAAA,EAAA,CAAE,EAC1F;AACN;;;;"}
1
+ {"version":3,"file":"get-hug-content-styles.js","sources":["../../../src/desktop/utils/get-hug-content-styles.ts"],"sourcesContent":["import { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n styles: Record<string, string>;\n margin: UniversalModalDesktopProps['margin'];\n height: NonNullable<UniversalModalDesktopProps['height']>;\n}\n\nexport const getHugContentStyles = (params: Params): Record<string, boolean> => {\n const { margin, styles, height } = params;\n\n if (height !== 'hugContent') {\n return {};\n }\n\n const topGap = margin?.top ?? 0;\n const bottomGap = margin?.bottom ?? 0;\n\n return {\n [styles.hugContent]: true,\n [styles[`hugGap-${topGap}-${bottomGap}`]]: true,\n };\n};\n"],"names":[],"mappings":"AAQO,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;;;AACtC,IAAA,IAAA,MAAM,GAAqB,MAAM,CAAA,MAA3B,EAAE,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;AAE9B,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;AACzB,QAAA,OAAO,EAAE;;AAGb,IAAA,IAAM,MAAM,GAAG,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC;AAC/B,IAAA,IAAM,SAAS,GAAG,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC;AAErC,IAAA,OAAA,EAAA,GAAA,EAAA;AACI,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,IAAI;QACzB,EAAC,CAAA,MAAM,CAAC,SAAU,CAAA,MAAA,CAAA,MAAM,cAAI,SAAS,CAAE,CAAC,CAAA,GAAG,IAAI;AACjD,QAAA,EAAA;AACN;;;;"}
@@ -2,12 +2,12 @@
2
2
  --gap-0: 0px;
3
3
  --gap-20: 20px;
4
4
  }
5
- .universal-modal__content_92r7v {
5
+ .universal-modal__content_e6fu9 {
6
6
  padding: var(--gap-20);
7
7
  }
8
- .universal-modal__content_92r7v.universal-modal__withHeader_92r7v {
8
+ .universal-modal__content_e6fu9.universal-modal__withHeader_e6fu9 {
9
9
  padding-top: var(--gap-0);
10
10
  }
11
- .universal-modal__content_92r7v.universal-modal__withFooter_92r7v {
11
+ .universal-modal__content_e6fu9.universal-modal__withFooter_e6fu9 {
12
12
  padding-bottom: var(--gap-0);
13
13
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"content":"universal-modal__content_92r7v","withHeader":"universal-modal__withHeader_92r7v","withFooter":"universal-modal__withFooter_92r7v"};
3
+ var styles = {"content":"universal-modal__content_e6fu9","withHeader":"universal-modal__withHeader_e6fu9","withFooter":"universal-modal__withFooter_e6fu9"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,9 +2,9 @@
2
2
  --gap-0: 0px;
3
3
  --gap-20: 20px;
4
4
  }
5
- .universal-modal__footer_sk6o6 {
5
+ .universal-modal__footer_8mmqm {
6
6
  padding: var(--gap-20);
7
7
  }
8
- .universal-modal__sticky_sk6o6 {
8
+ .universal-modal__sticky_8mmqm {
9
9
  bottom: var(--gap-0);
10
10
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"universal-modal__footer_sk6o6","sticky":"universal-modal__sticky_sk6o6"};
3
+ var styles = {"footer":"universal-modal__footer_8mmqm","sticky":"universal-modal__sticky_8mmqm"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,25 +1,25 @@
1
1
  :root {
2
2
  --gap-8: 8px;
3
3
  }
4
- .universal-modal__column_18lpj {
4
+ .universal-modal__column_1dpe5 {
5
5
  flex-direction: column;
6
6
  }
7
- .universal-modal__start_18lpj {
7
+ .universal-modal__start_1dpe5 {
8
8
  justify-content: flex-start;
9
9
  }
10
- .universal-modal__center_18lpj {
10
+ .universal-modal__center_1dpe5 {
11
11
  justify-content: center;
12
12
  }
13
- .universal-modal__space-between_18lpj {
13
+ .universal-modal__space-between_1dpe5 {
14
14
  justify-content: space-between;
15
15
  }
16
- .universal-modal__space-between_18lpj > * {
16
+ .universal-modal__space-between_1dpe5 > * {
17
17
  flex: 1;
18
18
  }
19
- .universal-modal__start_18lpj,
20
- .universal-modal__center_18lpj,
21
- .universal-modal__space-between_18lpj,
22
- .universal-modal__column_18lpj {
19
+ .universal-modal__start_1dpe5,
20
+ .universal-modal__center_1dpe5,
21
+ .universal-modal__space-between_1dpe5,
22
+ .universal-modal__column_1dpe5 {
23
23
  display: flex;
24
24
  gap: var(--gap-8);
25
25
  }
@@ -1,6 +1,6 @@
1
1
  import './layout.mobile.css';
2
2
 
3
- var layoutStylesMobile = {"column":"universal-modal__column_18lpj","start":"universal-modal__start_18lpj","center":"universal-modal__center_18lpj","space-between":"universal-modal__space-between_18lpj"};
3
+ var layoutStylesMobile = {"column":"universal-modal__column_1dpe5","start":"universal-modal__start_1dpe5","center":"universal-modal__center_1dpe5","space-between":"universal-modal__space-between_1dpe5"};
4
4
 
5
5
  export { layoutStylesMobile as default };
6
6
  //# sourceMappingURL=layout.mobile.module.css.js.map
@@ -9,10 +9,10 @@
9
9
  --font-family-system:
10
10
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
11
11
  }
12
- .universal-modal__header_ruz9p {
12
+ .universal-modal__header_wynw4 {
13
13
  padding: var(--gap-8) var(--gap-4);
14
14
  }
15
- .universal-modal__content_ruz9p {
15
+ .universal-modal__content_wynw4 {
16
16
  font-size: 20px;
17
17
  line-height: 28px;
18
18
  font-weight: 600;
@@ -21,7 +21,7 @@
21
21
  min-height: 40px;
22
22
  justify-content: center;
23
23
  }
24
- .universal-modal__bottomAddons_ruz9p {
24
+ .universal-modal__bottomAddons_wynw4 {
25
25
  font-size: 20px;
26
26
  line-height: 28px;
27
27
  font-weight: 600;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var mobileStyles = {"header":"universal-modal__header_ruz9p","content":"universal-modal__content_ruz9p","bottomAddons":"universal-modal__bottomAddons_ruz9p"};
3
+ var mobileStyles = {"header":"universal-modal__header_wynw4","content":"universal-modal__content_wynw4","bottomAddons":"universal-modal__bottomAddons_wynw4"};
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_kzifs {
4
+ .universal-modal__component_1cjtb {
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_kzifs .universal-modal__content_kzifs {
14
+ .universal-modal__component_1cjtb .universal-modal__content_1cjtb {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_kzifs.universal-modal__component_kzifs {
17
+ .universal-modal__component_1cjtb.universal-modal__component_1cjtb {
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_kzifs","content":"universal-modal__content_kzifs"};
3
+ var styles = {"component":"universal-modal__component_1cjtb","content":"universal-modal__content_1cjtb"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_1yodc,
2
- .universal-modal__enter_1yodc {
1
+ .universal-modal__appear_17rcc,
2
+ .universal-modal__enter_17rcc {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_1yodc,
6
- .universal-modal__enterActive_1yodc {
5
+ .universal-modal__appearActive_17rcc,
6
+ .universal-modal__enterActive_17rcc {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_1yodc {
11
+ .universal-modal__exit_17rcc {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_1yodc,
15
- .universal-modal__exitDone_1yodc {
14
+ .universal-modal__exitActive_17rcc,
15
+ .universal-modal__exitDone_17rcc {
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_1yodc","enter":"universal-modal__enter_1yodc","appearActive":"universal-modal__appearActive_1yodc","enterActive":"universal-modal__enterActive_1yodc","exit":"universal-modal__exit_1yodc","exitActive":"universal-modal__exitActive_1yodc","exitDone":"universal-modal__exitDone_1yodc"};
3
+ var rightSideTransitions = {"appear":"universal-modal__appear_17rcc","enter":"universal-modal__enter_17rcc","appearActive":"universal-modal__appearActive_17rcc","enterActive":"universal-modal__enterActive_17rcc","exit":"universal-modal__exit_17rcc","exitActive":"universal-modal__exitActive_17rcc","exitDone":"universal-modal__exitDone_17rcc"};
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_ava34,
2
- .universal-modal__enter_ava34 {
1
+ .universal-modal__appear_1qtjm,
2
+ .universal-modal__enter_1qtjm {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_ava34,
8
- .universal-modal__enterActive_ava34 {
7
+ .universal-modal__appearActive_1qtjm,
8
+ .universal-modal__enterActive_1qtjm {
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_ava34 {
16
+ .universal-modal__exit_1qtjm {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_ava34,
22
- .universal-modal__exitDone_ava34 {
21
+ .universal-modal__exitActive_1qtjm,
22
+ .universal-modal__exitDone_1qtjm {
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_ava34","enter":"universal-modal__enter_ava34","appearActive":"universal-modal__appearActive_ava34","enterActive":"universal-modal__enterActive_ava34","exit":"universal-modal__exit_ava34","exitActive":"universal-modal__exitActive_ava34","exitDone":"universal-modal__exitDone_ava34"};
3
+ var transitions = {"appear":"universal-modal__appear_1qtjm","enter":"universal-modal__enter_1qtjm","appearActive":"universal-modal__appearActive_1qtjm","enterActive":"universal-modal__enterActive_1qtjm","exit":"universal-modal__exit_1qtjm","exitActive":"universal-modal__exitActive_1qtjm","exitDone":"universal-modal__exitDone_1qtjm"};
4
4
 
5
5
  export { transitions as default };
6
6
  //# sourceMappingURL=transitions.mobile.module.css.js.map
@@ -2,12 +2,12 @@
2
2
  --gap-0: 0px;
3
3
  --gap-20: 20px;
4
4
  }
5
- .universal-modal__content_92r7v {
5
+ .universal-modal__content_e6fu9 {
6
6
  padding: var(--gap-20);
7
7
  }
8
- .universal-modal__content_92r7v.universal-modal__withHeader_92r7v {
8
+ .universal-modal__content_e6fu9.universal-modal__withHeader_e6fu9 {
9
9
  padding-top: var(--gap-0);
10
10
  }
11
- .universal-modal__content_92r7v.universal-modal__withFooter_92r7v {
11
+ .universal-modal__content_e6fu9.universal-modal__withFooter_e6fu9 {
12
12
  padding-bottom: var(--gap-0);
13
13
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"content":"universal-modal__content_92r7v","withHeader":"universal-modal__withHeader_92r7v","withFooter":"universal-modal__withFooter_92r7v"};
5
+ var styles = {"content":"universal-modal__content_e6fu9","withHeader":"universal-modal__withHeader_e6fu9","withFooter":"universal-modal__withFooter_e6fu9"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -2,9 +2,9 @@
2
2
  --gap-0: 0px;
3
3
  --gap-20: 20px;
4
4
  }
5
- .universal-modal__footer_sk6o6 {
5
+ .universal-modal__footer_8mmqm {
6
6
  padding: var(--gap-20);
7
7
  }
8
- .universal-modal__sticky_sk6o6 {
8
+ .universal-modal__sticky_8mmqm {
9
9
  bottom: var(--gap-0);
10
10
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"footer":"universal-modal__footer_sk6o6","sticky":"universal-modal__sticky_sk6o6"};
5
+ var styles = {"footer":"universal-modal__footer_8mmqm","sticky":"universal-modal__sticky_8mmqm"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,25 +1,25 @@
1
1
  :root {
2
2
  --gap-8: 8px;
3
3
  }
4
- .universal-modal__column_18lpj {
4
+ .universal-modal__column_1dpe5 {
5
5
  flex-direction: column;
6
6
  }
7
- .universal-modal__start_18lpj {
7
+ .universal-modal__start_1dpe5 {
8
8
  justify-content: flex-start;
9
9
  }
10
- .universal-modal__center_18lpj {
10
+ .universal-modal__center_1dpe5 {
11
11
  justify-content: center;
12
12
  }
13
- .universal-modal__space-between_18lpj {
13
+ .universal-modal__space-between_1dpe5 {
14
14
  justify-content: space-between;
15
15
  }
16
- .universal-modal__space-between_18lpj > * {
16
+ .universal-modal__space-between_1dpe5 > * {
17
17
  flex: 1;
18
18
  }
19
- .universal-modal__start_18lpj,
20
- .universal-modal__center_18lpj,
21
- .universal-modal__space-between_18lpj,
22
- .universal-modal__column_18lpj {
19
+ .universal-modal__start_1dpe5,
20
+ .universal-modal__center_1dpe5,
21
+ .universal-modal__space-between_1dpe5,
22
+ .universal-modal__column_1dpe5 {
23
23
  display: flex;
24
24
  gap: var(--gap-8);
25
25
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./layout.mobile.css');
4
4
 
5
- var layoutStylesMobile = {"column":"universal-modal__column_18lpj","start":"universal-modal__start_18lpj","center":"universal-modal__center_18lpj","space-between":"universal-modal__space-between_18lpj"};
5
+ var layoutStylesMobile = {"column":"universal-modal__column_1dpe5","start":"universal-modal__start_1dpe5","center":"universal-modal__center_1dpe5","space-between":"universal-modal__space-between_1dpe5"};
6
6
 
7
7
  module.exports = layoutStylesMobile;
8
8
  //# sourceMappingURL=layout.mobile.module.css.js.map
@@ -9,10 +9,10 @@
9
9
  --font-family-system:
10
10
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
11
11
  }
12
- .universal-modal__header_ruz9p {
12
+ .universal-modal__header_wynw4 {
13
13
  padding: var(--gap-8) var(--gap-4);
14
14
  }
15
- .universal-modal__content_ruz9p {
15
+ .universal-modal__content_wynw4 {
16
16
  font-size: 20px;
17
17
  line-height: 28px;
18
18
  font-weight: 600;
@@ -21,7 +21,7 @@
21
21
  min-height: 40px;
22
22
  justify-content: center;
23
23
  }
24
- .universal-modal__bottomAddons_ruz9p {
24
+ .universal-modal__bottomAddons_wynw4 {
25
25
  font-size: 20px;
26
26
  line-height: 28px;
27
27
  font-weight: 600;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var mobileStyles = {"header":"universal-modal__header_ruz9p","content":"universal-modal__content_ruz9p","bottomAddons":"universal-modal__bottomAddons_ruz9p"};
5
+ var mobileStyles = {"header":"universal-modal__header_wynw4","content":"universal-modal__content_wynw4","bottomAddons":"universal-modal__bottomAddons_wynw4"};
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_kzifs {
4
+ .universal-modal__component_1cjtb {
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_kzifs .universal-modal__content_kzifs {
14
+ .universal-modal__component_1cjtb .universal-modal__content_1cjtb {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_kzifs.universal-modal__component_kzifs {
17
+ .universal-modal__component_1cjtb.universal-modal__component_1cjtb {
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_kzifs","content":"universal-modal__content_kzifs"};
5
+ var styles = {"component":"universal-modal__component_1cjtb","content":"universal-modal__content_1cjtb"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_1yodc,
2
- .universal-modal__enter_1yodc {
1
+ .universal-modal__appear_17rcc,
2
+ .universal-modal__enter_17rcc {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_1yodc,
6
- .universal-modal__enterActive_1yodc {
5
+ .universal-modal__appearActive_17rcc,
6
+ .universal-modal__enterActive_17rcc {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_1yodc {
11
+ .universal-modal__exit_17rcc {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_1yodc,
15
- .universal-modal__exitDone_1yodc {
14
+ .universal-modal__exitActive_17rcc,
15
+ .universal-modal__exitDone_17rcc {
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_1yodc","enter":"universal-modal__enter_1yodc","appearActive":"universal-modal__appearActive_1yodc","enterActive":"universal-modal__enterActive_1yodc","exit":"universal-modal__exit_1yodc","exitActive":"universal-modal__exitActive_1yodc","exitDone":"universal-modal__exitDone_1yodc"};
5
+ var rightSideTransitions = {"appear":"universal-modal__appear_17rcc","enter":"universal-modal__enter_17rcc","appearActive":"universal-modal__appearActive_17rcc","enterActive":"universal-modal__enterActive_17rcc","exit":"universal-modal__exit_17rcc","exitActive":"universal-modal__exitActive_17rcc","exitDone":"universal-modal__exitDone_17rcc"};
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_ava34,
2
- .universal-modal__enter_ava34 {
1
+ .universal-modal__appear_1qtjm,
2
+ .universal-modal__enter_1qtjm {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_ava34,
8
- .universal-modal__enterActive_ava34 {
7
+ .universal-modal__appearActive_1qtjm,
8
+ .universal-modal__enterActive_1qtjm {
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_ava34 {
16
+ .universal-modal__exit_1qtjm {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_ava34,
22
- .universal-modal__exitDone_ava34 {
21
+ .universal-modal__exitActive_1qtjm,
22
+ .universal-modal__exitDone_1qtjm {
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_ava34","enter":"universal-modal__enter_ava34","appearActive":"universal-modal__appearActive_ava34","enterActive":"universal-modal__enterActive_ava34","exit":"universal-modal__exit_ava34","exitActive":"universal-modal__exitActive_ava34","exitDone":"universal-modal__exitDone_ava34"};
5
+ var transitions = {"appear":"universal-modal__appear_1qtjm","enter":"universal-modal__enter_1qtjm","appearActive":"universal-modal__appearActive_1qtjm","enterActive":"universal-modal__enterActive_1qtjm","exit":"universal-modal__exit_1qtjm","exitActive":"universal-modal__exitActive_1qtjm","exitDone":"universal-modal__exitDone_1qtjm"};
6
6
 
7
7
  module.exports = transitions;
8
8
  //# sourceMappingURL=transitions.mobile.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --gap-32: 32px;
3
3
  }
4
- .universal-modal__content_1di2b {
4
+ .universal-modal__content_18edp {
5
5
  position: relative;
6
6
  box-sizing: border-box;
7
7
  width: 100%;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"content":"universal-modal__content_1di2b"};
3
+ const styles = {"content":"universal-modal__content_18edp"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -11,7 +11,7 @@
11
11
  --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
12
12
  --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
13
13
  }
14
- .universal-modal__footer_1w10h {
14
+ .universal-modal__footer_gxgdh {
15
15
  width: 100%;
16
16
  box-sizing: border-box;
17
17
  transition:
@@ -19,12 +19,12 @@
19
19
  background 0.2s ease;
20
20
  padding: var(--gap-16) var(--gap-32) var(--gap-32);
21
21
  }
22
- .universal-modal__sticky_1w10h {
22
+ .universal-modal__sticky_gxgdh {
23
23
  background: var(--universal-modal-footer-background);
24
24
  position: sticky;
25
25
  z-index: 1;
26
26
  }
27
- .universal-modal__highlighted_1w10h {
27
+ .universal-modal__highlighted_gxgdh {
28
28
  background: var(--universal-modal-footer-highlight-background);
29
29
  box-shadow: var(--universal-modal-footer-highlight-box-shadow);
30
30
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"footer":"universal-modal__footer_1w10h","sticky":"universal-modal__sticky_1w10h","highlighted":"universal-modal__highlighted_1w10h"};
3
+ const styles = {"footer":"universal-modal__footer_gxgdh","sticky":"universal-modal__sticky_gxgdh","highlighted":"universal-modal__highlighted_gxgdh"};
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_16lgw {
13
+ .universal-modal__header_11hsa {
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_16lgw.universal-modal__highlighted_16lgw {
20
+ .universal-modal__header_11hsa.universal-modal__highlighted_11hsa {
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_16lgw.universal-modal__sticky_16lgw {
24
+ .universal-modal__header_11hsa.universal-modal__sticky_11hsa {
25
25
  position: sticky;
26
26
  top: var(--gap-0);
27
27
  z-index: 1;
28
28
  }
29
- .universal-modal__header_16lgw.universal-modal__sticky_16lgw.universal-modal__hasContent_16lgw {
29
+ .universal-modal__header_11hsa.universal-modal__sticky_11hsa.universal-modal__hasContent_11hsa {
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_16lgw","highlighted":"universal-modal__highlighted_16lgw","sticky":"universal-modal__sticky_16lgw","hasContent":"universal-modal__hasContent_16lgw"};
3
+ const styles = {"header":"universal-modal__header_11hsa","highlighted":"universal-modal__highlighted_11hsa","sticky":"universal-modal__sticky_11hsa","hasContent":"universal-modal__hasContent_11hsa"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map