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

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 (203) hide show
  1. package/components/base-content/index.css +2 -3
  2. package/components/base-content/index.module.css.js +1 -1
  3. package/components/base-footer/index.css +5 -7
  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/components/base-content/index.module.css +1 -2
  8. package/cssm/components/base-footer/index.module.css +2 -4
  9. package/cssm/desktop/components/center-modal/center-modal.js +2 -1
  10. package/cssm/desktop/components/center-modal/center-modal.js.map +1 -1
  11. package/cssm/desktop/components/center-modal/index.module.css +1 -2
  12. package/cssm/desktop/components/footer/layout.module.css +3 -6
  13. package/cssm/desktop/components/header/desktop.module.css +3 -6
  14. package/cssm/desktop/components/side-modal/index.module.css +1 -2
  15. package/cssm/desktop/components/side-modal/side-modal.js +2 -1
  16. package/cssm/desktop/components/side-modal/side-modal.js.map +1 -1
  17. package/cssm/desktop/utils/get-hug-content-styles.d.ts +8 -0
  18. package/cssm/desktop/utils/get-hug-content-styles.js +19 -0
  19. package/cssm/desktop/utils/get-hug-content-styles.js.map +1 -0
  20. package/cssm/desktop/utils/get-margin-styles.d.ts +0 -1
  21. package/cssm/desktop/utils/get-margin-styles.js +8 -14
  22. package/cssm/desktop/utils/get-margin-styles.js.map +1 -1
  23. package/cssm/mobile/components/content/index.module.css +1 -2
  24. package/cssm/mobile/components/footer/index.module.css +1 -2
  25. package/cssm/mobile/components/footer/layout.mobile.module.css +1 -2
  26. package/cssm/mobile/components/header/index.module.css +4 -8
  27. package/desktop/components/center-modal/center-modal.js +2 -1
  28. package/desktop/components/center-modal/center-modal.js.map +1 -1
  29. package/desktop/components/center-modal/index.css +784 -785
  30. package/desktop/components/center-modal/index.module.css.js +1 -1
  31. package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  32. package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  33. package/desktop/components/center-modal/transitions/transitions.css +7 -7
  34. package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  35. package/desktop/components/footer/desktop.css +1 -1
  36. package/desktop/components/footer/desktop.module.css.js +1 -1
  37. package/desktop/components/footer/layout.css +12 -15
  38. package/desktop/components/footer/layout.module.css.js +1 -1
  39. package/desktop/components/header/desktop.css +8 -11
  40. package/desktop/components/header/desktop.module.css.js +1 -1
  41. package/desktop/components/modal-content/modal-content.css +4 -4
  42. package/desktop/components/modal-content/modal-content.module.css.js +1 -1
  43. package/desktop/components/side-modal/index.css +786 -787
  44. package/desktop/components/side-modal/index.module.css.js +1 -1
  45. package/desktop/components/side-modal/side-modal.js +2 -1
  46. package/desktop/components/side-modal/side-modal.js.map +1 -1
  47. package/desktop/components/side-modal/transitions/transitions.css +71 -71
  48. package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  49. package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  50. package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  51. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  52. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  53. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  54. package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  55. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  56. package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  57. package/desktop/utils/get-hug-content-styles.d.ts +8 -0
  58. package/desktop/utils/get-hug-content-styles.js +19 -0
  59. package/desktop/utils/get-hug-content-styles.js.map +1 -0
  60. package/desktop/utils/get-margin-styles.d.ts +0 -1
  61. package/desktop/utils/get-margin-styles.js +8 -14
  62. package/desktop/utils/get-margin-styles.js.map +1 -1
  63. package/esm/components/base-content/index.css +2 -3
  64. package/esm/components/base-content/index.module.css.js +1 -1
  65. package/esm/components/base-footer/index.css +5 -7
  66. package/esm/components/base-footer/index.module.css.js +1 -1
  67. package/esm/components/base-header/index.css +4 -4
  68. package/esm/components/base-header/index.module.css.js +1 -1
  69. package/esm/desktop/components/center-modal/center-modal.js +2 -1
  70. package/esm/desktop/components/center-modal/center-modal.js.map +1 -1
  71. package/esm/desktop/components/center-modal/index.css +784 -785
  72. package/esm/desktop/components/center-modal/index.module.css.js +1 -1
  73. package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  74. package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  75. package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
  76. package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  77. package/esm/desktop/components/footer/desktop.css +1 -1
  78. package/esm/desktop/components/footer/desktop.module.css.js +1 -1
  79. package/esm/desktop/components/footer/layout.css +12 -15
  80. package/esm/desktop/components/footer/layout.module.css.js +1 -1
  81. package/esm/desktop/components/header/desktop.css +8 -11
  82. package/esm/desktop/components/header/desktop.module.css.js +1 -1
  83. package/esm/desktop/components/modal-content/modal-content.css +4 -4
  84. package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
  85. package/esm/desktop/components/side-modal/index.css +786 -787
  86. package/esm/desktop/components/side-modal/index.module.css.js +1 -1
  87. package/esm/desktop/components/side-modal/side-modal.js +2 -1
  88. package/esm/desktop/components/side-modal/side-modal.js.map +1 -1
  89. package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
  90. package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  91. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  92. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  93. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  94. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  95. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  96. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  97. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  98. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  99. package/esm/desktop/utils/get-hug-content-styles.d.ts +8 -0
  100. package/esm/desktop/utils/get-hug-content-styles.js +15 -0
  101. package/esm/desktop/utils/get-hug-content-styles.js.map +1 -0
  102. package/esm/desktop/utils/get-margin-styles.d.ts +0 -1
  103. package/esm/desktop/utils/get-margin-styles.js +8 -14
  104. package/esm/desktop/utils/get-margin-styles.js.map +1 -1
  105. package/esm/mobile/components/content/index.css +4 -5
  106. package/esm/mobile/components/content/index.module.css.js +1 -1
  107. package/esm/mobile/components/footer/index.css +3 -4
  108. package/esm/mobile/components/footer/index.module.css.js +1 -1
  109. package/esm/mobile/components/footer/layout.mobile.css +10 -11
  110. package/esm/mobile/components/footer/layout.mobile.module.css.js +1 -1
  111. package/esm/mobile/components/header/index.css +7 -11
  112. package/esm/mobile/components/header/index.module.css.js +1 -1
  113. package/esm/mobile/mobile.css +3 -3
  114. package/esm/mobile/mobile.module.css.js +1 -1
  115. package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
  116. package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  117. package/esm/mobile/transitions/transitions.mobile.css +7 -7
  118. package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
  119. package/mobile/components/content/index.css +4 -5
  120. package/mobile/components/content/index.module.css.js +1 -1
  121. package/mobile/components/footer/index.css +3 -4
  122. package/mobile/components/footer/index.module.css.js +1 -1
  123. package/mobile/components/footer/layout.mobile.css +10 -11
  124. package/mobile/components/footer/layout.mobile.module.css.js +1 -1
  125. package/mobile/components/header/index.css +7 -11
  126. package/mobile/components/header/index.module.css.js +1 -1
  127. package/mobile/mobile.css +3 -3
  128. package/mobile/mobile.module.css.js +1 -1
  129. package/mobile/transitions/right-side-transitions.mobile.css +7 -7
  130. package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  131. package/mobile/transitions/transitions.mobile.css +7 -7
  132. package/mobile/transitions/transitions.mobile.module.css.js +1 -1
  133. package/modern/components/base-content/index.css +2 -3
  134. package/modern/components/base-content/index.module.css.js +1 -1
  135. package/modern/components/base-footer/index.css +5 -7
  136. package/modern/components/base-footer/index.module.css.js +1 -1
  137. package/modern/components/base-header/index.css +4 -4
  138. package/modern/components/base-header/index.module.css.js +1 -1
  139. package/modern/desktop/components/center-modal/center-modal.js +3 -1
  140. package/modern/desktop/components/center-modal/center-modal.js.map +1 -1
  141. package/modern/desktop/components/center-modal/index.css +784 -785
  142. package/modern/desktop/components/center-modal/index.module.css.js +1 -1
  143. package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  144. package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  145. package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
  146. package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  147. package/modern/desktop/components/footer/desktop.css +1 -1
  148. package/modern/desktop/components/footer/desktop.module.css.js +1 -1
  149. package/modern/desktop/components/footer/layout.css +12 -15
  150. package/modern/desktop/components/footer/layout.module.css.js +1 -1
  151. package/modern/desktop/components/header/desktop.css +8 -11
  152. package/modern/desktop/components/header/desktop.module.css.js +1 -1
  153. package/modern/desktop/components/modal-content/modal-content.css +4 -4
  154. package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
  155. package/modern/desktop/components/side-modal/index.css +786 -787
  156. package/modern/desktop/components/side-modal/index.module.css.js +1 -1
  157. package/modern/desktop/components/side-modal/side-modal.js +3 -1
  158. package/modern/desktop/components/side-modal/side-modal.js.map +1 -1
  159. package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
  160. package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  161. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  162. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  163. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  164. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  165. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  166. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  167. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  168. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  169. package/modern/desktop/utils/get-hug-content-styles.d.ts +8 -0
  170. package/modern/desktop/utils/get-hug-content-styles.js +17 -0
  171. package/modern/desktop/utils/get-hug-content-styles.js.map +1 -0
  172. package/modern/desktop/utils/get-margin-styles.d.ts +0 -1
  173. package/modern/desktop/utils/get-margin-styles.js +11 -13
  174. package/modern/desktop/utils/get-margin-styles.js.map +1 -1
  175. package/modern/mobile/components/content/index.css +4 -5
  176. package/modern/mobile/components/content/index.module.css.js +1 -1
  177. package/modern/mobile/components/footer/index.css +3 -4
  178. package/modern/mobile/components/footer/index.module.css.js +1 -1
  179. package/modern/mobile/components/footer/layout.mobile.css +10 -11
  180. package/modern/mobile/components/footer/layout.mobile.module.css.js +1 -1
  181. package/modern/mobile/components/header/index.css +7 -11
  182. package/modern/mobile/components/header/index.module.css.js +1 -1
  183. package/modern/mobile/mobile.css +3 -3
  184. package/modern/mobile/mobile.module.css.js +1 -1
  185. package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
  186. package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  187. package/modern/mobile/transitions/transitions.mobile.css +7 -7
  188. package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
  189. package/moderncssm/desktop/components/center-modal/center-modal.js +3 -1
  190. package/moderncssm/desktop/components/center-modal/center-modal.js.map +1 -1
  191. package/moderncssm/desktop/components/side-modal/side-modal.js +3 -1
  192. package/moderncssm/desktop/components/side-modal/side-modal.js.map +1 -1
  193. package/moderncssm/desktop/utils/get-hug-content-styles.d.ts +8 -0
  194. package/moderncssm/desktop/utils/get-hug-content-styles.js +17 -0
  195. package/moderncssm/desktop/utils/get-hug-content-styles.js.map +1 -0
  196. package/moderncssm/desktop/utils/get-margin-styles.d.ts +0 -1
  197. package/moderncssm/desktop/utils/get-margin-styles.js +11 -13
  198. package/moderncssm/desktop/utils/get-margin-styles.js.map +1 -1
  199. package/package.json +8 -8
  200. package/src/desktop/components/center-modal/center-modal.tsx +3 -1
  201. package/src/desktop/components/side-modal/side-modal.tsx +3 -1
  202. package/src/desktop/utils/get-hug-content-styles.ts +24 -0
  203. package/src/desktop/utils/get-margin-styles.ts +11 -16
@@ -5,26 +5,21 @@ import { type UniversalModalDesktopProps } from '../types/props';
5
5
  interface Params {
6
6
  styles: Record<string, string>;
7
7
  margin: UniversalModalDesktopProps['margin'];
8
- height: NonNullable<UniversalModalDesktopProps['height']>;
9
8
  }
10
9
 
11
10
  export const getMarginStyles = (params: Params): Record<string, boolean> => {
12
- const { margin, styles, height } = params;
11
+ const { margin, styles } = params;
13
12
 
14
- if (margin) {
15
- const isHugContent = height === 'hugContent';
16
-
17
- return {
18
- [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),
19
- [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),
20
- [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),
21
- [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),
22
- [styles.hugContent]: isHugContent,
23
- [styles[`topGap-${margin.top}`]]: isHugContent && hasOwnProperty(margin, 'top'),
24
- [styles[`bottomGap-${margin.bottom}`]]:
25
- isHugContent && hasOwnProperty(margin, 'bottom'),
26
- };
13
+ if (!margin) {
14
+ return {};
27
15
  }
28
16
 
29
- return {};
17
+ return {
18
+ ...(hasOwnProperty(margin, 'top') && { [styles[`marginTop-${margin.top}`]]: true }),
19
+ ...(hasOwnProperty(margin, 'right') && { [styles[`marginRight-${margin.right}`]]: true }),
20
+ ...(hasOwnProperty(margin, 'bottom') && {
21
+ [styles[`marginBottom-${margin.bottom}`]]: true,
22
+ }),
23
+ ...(hasOwnProperty(margin, 'left') && { [styles[`marginLeft-${margin.left}`]]: true }),
24
+ };
30
25
  };