@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.
- package/components/base-content/index.css +2 -3
- package/components/base-content/index.module.css.js +1 -1
- package/components/base-footer/index.css +5 -7
- package/components/base-footer/index.module.css.js +1 -1
- package/components/base-header/index.css +4 -4
- package/components/base-header/index.module.css.js +1 -1
- package/cssm/components/base-content/index.module.css +1 -2
- package/cssm/components/base-footer/index.module.css +2 -4
- package/cssm/desktop/components/center-modal/center-modal.js +2 -1
- package/cssm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/cssm/desktop/components/center-modal/index.module.css +1 -2
- package/cssm/desktop/components/footer/layout.module.css +3 -6
- package/cssm/desktop/components/header/desktop.module.css +3 -6
- package/cssm/desktop/components/side-modal/index.module.css +1 -2
- package/cssm/desktop/components/side-modal/side-modal.js +2 -1
- package/cssm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/cssm/desktop/utils/get-hug-content-styles.d.ts +8 -0
- package/cssm/desktop/utils/get-hug-content-styles.js +19 -0
- package/cssm/desktop/utils/get-hug-content-styles.js.map +1 -0
- package/cssm/desktop/utils/get-margin-styles.d.ts +0 -1
- package/cssm/desktop/utils/get-margin-styles.js +8 -14
- package/cssm/desktop/utils/get-margin-styles.js.map +1 -1
- package/cssm/mobile/components/content/index.module.css +1 -2
- package/cssm/mobile/components/footer/index.module.css +1 -2
- package/cssm/mobile/components/footer/layout.mobile.module.css +1 -2
- package/cssm/mobile/components/header/index.module.css +4 -8
- package/desktop/components/center-modal/center-modal.js +2 -1
- package/desktop/components/center-modal/center-modal.js.map +1 -1
- package/desktop/components/center-modal/index.css +784 -785
- package/desktop/components/center-modal/index.module.css.js +1 -1
- package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/desktop/components/footer/desktop.css +1 -1
- package/desktop/components/footer/desktop.module.css.js +1 -1
- package/desktop/components/footer/layout.css +12 -15
- package/desktop/components/footer/layout.module.css.js +1 -1
- package/desktop/components/header/desktop.css +8 -11
- package/desktop/components/header/desktop.module.css.js +1 -1
- package/desktop/components/modal-content/modal-content.css +4 -4
- package/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/desktop/components/side-modal/index.css +786 -787
- package/desktop/components/side-modal/index.module.css.js +1 -1
- package/desktop/components/side-modal/side-modal.js +2 -1
- package/desktop/components/side-modal/side-modal.js.map +1 -1
- package/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/desktop/utils/get-hug-content-styles.d.ts +8 -0
- package/desktop/utils/get-hug-content-styles.js +19 -0
- package/desktop/utils/get-hug-content-styles.js.map +1 -0
- package/desktop/utils/get-margin-styles.d.ts +0 -1
- package/desktop/utils/get-margin-styles.js +8 -14
- package/desktop/utils/get-margin-styles.js.map +1 -1
- package/esm/components/base-content/index.css +2 -3
- package/esm/components/base-content/index.module.css.js +1 -1
- package/esm/components/base-footer/index.css +5 -7
- package/esm/components/base-footer/index.module.css.js +1 -1
- package/esm/components/base-header/index.css +4 -4
- package/esm/components/base-header/index.module.css.js +1 -1
- package/esm/desktop/components/center-modal/center-modal.js +2 -1
- package/esm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/esm/desktop/components/center-modal/index.css +784 -785
- package/esm/desktop/components/center-modal/index.module.css.js +1 -1
- package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/esm/desktop/components/footer/desktop.css +1 -1
- package/esm/desktop/components/footer/desktop.module.css.js +1 -1
- package/esm/desktop/components/footer/layout.css +12 -15
- package/esm/desktop/components/footer/layout.module.css.js +1 -1
- package/esm/desktop/components/header/desktop.css +8 -11
- package/esm/desktop/components/header/desktop.module.css.js +1 -1
- package/esm/desktop/components/modal-content/modal-content.css +4 -4
- package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/esm/desktop/components/side-modal/index.css +786 -787
- package/esm/desktop/components/side-modal/index.module.css.js +1 -1
- package/esm/desktop/components/side-modal/side-modal.js +2 -1
- package/esm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/esm/desktop/utils/get-hug-content-styles.d.ts +8 -0
- package/esm/desktop/utils/get-hug-content-styles.js +15 -0
- package/esm/desktop/utils/get-hug-content-styles.js.map +1 -0
- package/esm/desktop/utils/get-margin-styles.d.ts +0 -1
- package/esm/desktop/utils/get-margin-styles.js +8 -14
- package/esm/desktop/utils/get-margin-styles.js.map +1 -1
- package/esm/mobile/components/content/index.css +4 -5
- package/esm/mobile/components/content/index.module.css.js +1 -1
- package/esm/mobile/components/footer/index.css +3 -4
- package/esm/mobile/components/footer/index.module.css.js +1 -1
- package/esm/mobile/components/footer/layout.mobile.css +10 -11
- package/esm/mobile/components/footer/layout.mobile.module.css.js +1 -1
- package/esm/mobile/components/header/index.css +7 -11
- package/esm/mobile/components/header/index.module.css.js +1 -1
- package/esm/mobile/mobile.css +3 -3
- package/esm/mobile/mobile.module.css.js +1 -1
- package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/esm/mobile/transitions/transitions.mobile.css +7 -7
- package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/mobile/components/content/index.css +4 -5
- package/mobile/components/content/index.module.css.js +1 -1
- package/mobile/components/footer/index.css +3 -4
- package/mobile/components/footer/index.module.css.js +1 -1
- package/mobile/components/footer/layout.mobile.css +10 -11
- package/mobile/components/footer/layout.mobile.module.css.js +1 -1
- package/mobile/components/header/index.css +7 -11
- package/mobile/components/header/index.module.css.js +1 -1
- package/mobile/mobile.css +3 -3
- package/mobile/mobile.module.css.js +1 -1
- package/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/mobile/transitions/transitions.mobile.css +7 -7
- package/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/modern/components/base-content/index.css +2 -3
- package/modern/components/base-content/index.module.css.js +1 -1
- package/modern/components/base-footer/index.css +5 -7
- package/modern/components/base-footer/index.module.css.js +1 -1
- package/modern/components/base-header/index.css +4 -4
- package/modern/components/base-header/index.module.css.js +1 -1
- package/modern/desktop/components/center-modal/center-modal.js +3 -1
- package/modern/desktop/components/center-modal/center-modal.js.map +1 -1
- package/modern/desktop/components/center-modal/index.css +784 -785
- package/modern/desktop/components/center-modal/index.module.css.js +1 -1
- package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/modern/desktop/components/footer/desktop.css +1 -1
- package/modern/desktop/components/footer/desktop.module.css.js +1 -1
- package/modern/desktop/components/footer/layout.css +12 -15
- package/modern/desktop/components/footer/layout.module.css.js +1 -1
- package/modern/desktop/components/header/desktop.css +8 -11
- package/modern/desktop/components/header/desktop.module.css.js +1 -1
- package/modern/desktop/components/modal-content/modal-content.css +4 -4
- package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/modern/desktop/components/side-modal/index.css +786 -787
- package/modern/desktop/components/side-modal/index.module.css.js +1 -1
- package/modern/desktop/components/side-modal/side-modal.js +3 -1
- package/modern/desktop/components/side-modal/side-modal.js.map +1 -1
- package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/modern/desktop/utils/get-hug-content-styles.d.ts +8 -0
- package/modern/desktop/utils/get-hug-content-styles.js +17 -0
- package/modern/desktop/utils/get-hug-content-styles.js.map +1 -0
- package/modern/desktop/utils/get-margin-styles.d.ts +0 -1
- package/modern/desktop/utils/get-margin-styles.js +11 -13
- package/modern/desktop/utils/get-margin-styles.js.map +1 -1
- package/modern/mobile/components/content/index.css +4 -5
- package/modern/mobile/components/content/index.module.css.js +1 -1
- package/modern/mobile/components/footer/index.css +3 -4
- package/modern/mobile/components/footer/index.module.css.js +1 -1
- package/modern/mobile/components/footer/layout.mobile.css +10 -11
- package/modern/mobile/components/footer/layout.mobile.module.css.js +1 -1
- package/modern/mobile/components/header/index.css +7 -11
- package/modern/mobile/components/header/index.module.css.js +1 -1
- package/modern/mobile/mobile.css +3 -3
- package/modern/mobile/mobile.module.css.js +1 -1
- package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/modern/mobile/transitions/transitions.mobile.css +7 -7
- package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/moderncssm/desktop/components/center-modal/center-modal.js +3 -1
- package/moderncssm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/moderncssm/desktop/components/side-modal/side-modal.js +3 -1
- package/moderncssm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/moderncssm/desktop/utils/get-hug-content-styles.d.ts +8 -0
- package/moderncssm/desktop/utils/get-hug-content-styles.js +17 -0
- package/moderncssm/desktop/utils/get-hug-content-styles.js.map +1 -0
- package/moderncssm/desktop/utils/get-margin-styles.d.ts +0 -1
- package/moderncssm/desktop/utils/get-margin-styles.js +11 -13
- package/moderncssm/desktop/utils/get-margin-styles.js.map +1 -1
- package/package.json +8 -8
- package/src/desktop/components/center-modal/center-modal.tsx +3 -1
- package/src/desktop/components/side-modal/side-modal.tsx +3 -1
- package/src/desktop/utils/get-hug-content-styles.ts +24 -0
- 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
|
|
11
|
+
const { margin, styles } = params;
|
|
13
12
|
|
|
14
|
-
if (margin) {
|
|
15
|
-
|
|
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
|
};
|