@alfalab/core-components 48.26.0-beta.1 → 48.27.0

package/universal-modal/esm/desktop/components/side-modal/index.js

@@ -3,14 +3,20 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '../../../../../base-modal/esm';
-import '../../hooks/useModalHeight.js';
-import '../../../../../shared/esm';
 import '../../hooks/useModalWheel.js';
-import '../../hooks/useModalWidth.js';
-import '../../../ResponsiveContext.js';
 import '../../utils/get-full-size-modal-transitions.js';
-import '../../utils/get-margins.js';
-import '../base-universal-modal-content/base-universal-modal-content.js';
+import '../../../../../shared/esm';
+import '../../utils/get-height-style.js';
+import '../../utils/get-margin-styles.js';
+import '../../utils/get-max-height-style.js';
+import '../../utils/get-width-style.js';
+import '../modal-content/modal-content.js';
+import 'react-merge-refs';
 import '../../../../../scrollbar/esm';
+import '../../hooks/use-modal-highlighted.js';
+import '../../../context/universal-modal-context.js';
+import '../../hooks/use-outside-scroll.js';
+import '../../hooks/use-set-scrollbar-height.js';
 import '../../constants/index.js';
+import '../../utils/set-footer-and-header-refs.js';
 import './get-default-transition-props.js';

package/universal-modal/esm/desktop/components/side-modal/side-modal.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "open"> & Partial<Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
+    scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export { SideModal };

package/universal-modal/esm/desktop/components/side-modal/side-modal.js

@@ -2,45 +2,48 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../../../../base-modal/esm';
-import { useModalHeight } from '../../hooks/useModalHeight.js';
 import { useModalWheel } from '../../hooks/useModalWheel.js';
-import { useModalWidth } from '../../hooks/useModalWidth.js';
 import { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions.js';
-import { getMargins } from '../../utils/get-margins.js';
-import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
+import { getHeightStyle } from '../../utils/get-height-style.js';
+import { getMarginStyles } from '../../utils/get-margin-styles.js';
+import { getMaxHeightStyle } from '../../utils/get-max-height-style.js';
+import { getWidthStyle } from '../../utils/get-width-style.js';
+import { ModalContent } from '../modal-content/modal-content.js';
 import { getDefaultTransitionProps } from './get-default-transition-props.js';
 import '../../../../../shared/esm';
-import '../../../ResponsiveContext.js';
+import 'react-merge-refs';
 import '../../../../../scrollbar/esm';
+import '../../hooks/use-modal-highlighted.js';
+import '../../../context/universal-modal-context.js';
+import '../../hooks/use-outside-scroll.js';
+import '../../hooks/use-set-scrollbar-height.js';
 import '../../constants/index.js';
+import '../../utils/set-footer-and-header-refs.js';
 
-var styles = {"wrapper":"universal-modal__wrapper_129nm","wrapperAlignStart":"universal-modal__wrapperAlignStart_129nm","wrapperAlignEnd":"universal-modal__wrapperAlignEnd_129nm","wrapperJustifyCenter":"universal-modal__wrapperJustifyCenter_129nm","wrapperJustifyEnd":"universal-modal__wrapperJustifyEnd_129nm","component":"universal-modal__component_129nm","overlayHidden":"universal-modal__overlayHidden_129nm","container":"universal-modal__container_129nm","marginTop-0":"universal-modal__marginTop-0_129nm","marginTop-1":"universal-modal__marginTop-1_129nm","marginTop-2":"universal-modal__marginTop-2_129nm","marginTop-3":"universal-modal__marginTop-3_129nm","marginTop-4":"universal-modal__marginTop-4_129nm","marginTop-5":"universal-modal__marginTop-5_129nm","marginTop-6":"universal-modal__marginTop-6_129nm","marginTop-7":"universal-modal__marginTop-7_129nm","marginTop-8":"universal-modal__marginTop-8_129nm","marginTop-9":"universal-modal__marginTop-9_129nm","marginTop-10":"universal-modal__marginTop-10_129nm","marginTop-11":"universal-modal__marginTop-11_129nm","marginTop-12":"universal-modal__marginTop-12_129nm","marginTop-13":"universal-modal__marginTop-13_129nm","marginTop-14":"universal-modal__marginTop-14_129nm","marginTop-15":"universal-modal__marginTop-15_129nm","marginTop-16":"universal-modal__marginTop-16_129nm","marginTop-17":"universal-modal__marginTop-17_129nm","marginTop-18":"universal-modal__marginTop-18_129nm","marginTop-19":"universal-modal__marginTop-19_129nm","marginTop-20":"universal-modal__marginTop-20_129nm","marginTop-21":"universal-modal__marginTop-21_129nm","marginTop-22":"universal-modal__marginTop-22_129nm","marginTop-23":"universal-modal__marginTop-23_129nm","marginTop-24":"universal-modal__marginTop-24_129nm","marginTop-25":"universal-modal__marginTop-25_129nm","marginTop-26":"universal-modal__marginTop-26_129nm","marginTop-27":"universal-modal__marginTop-27_129nm","marginTop-28":"universal-modal__marginTop-28_129nm","marginTop-29":"universal-modal__marginTop-29_129nm","marginTop-30":"universal-modal__marginTop-30_129nm","marginTop-31":"universal-modal__marginTop-31_129nm","marginTop-32":"universal-modal__marginTop-32_129nm","marginTop-33":"universal-modal__marginTop-33_129nm","marginTop-34":"universal-modal__marginTop-34_129nm","marginTop-35":"universal-modal__marginTop-35_129nm","marginTop-36":"universal-modal__marginTop-36_129nm","marginTop-37":"universal-modal__marginTop-37_129nm","marginTop-38":"universal-modal__marginTop-38_129nm","marginTop-39":"universal-modal__marginTop-39_129nm","marginTop-40":"universal-modal__marginTop-40_129nm","marginTop-41":"universal-modal__marginTop-41_129nm","marginTop-42":"universal-modal__marginTop-42_129nm","marginTop-43":"universal-modal__marginTop-43_129nm","marginTop-44":"universal-modal__marginTop-44_129nm","marginTop-45":"universal-modal__marginTop-45_129nm","marginTop-46":"universal-modal__marginTop-46_129nm","marginTop-47":"universal-modal__marginTop-47_129nm","marginTop-48":"universal-modal__marginTop-48_129nm","marginTop-49":"universal-modal__marginTop-49_129nm","marginTop-50":"universal-modal__marginTop-50_129nm","marginTop-51":"universal-modal__marginTop-51_129nm","marginTop-52":"universal-modal__marginTop-52_129nm","marginTop-53":"universal-modal__marginTop-53_129nm","marginTop-54":"universal-modal__marginTop-54_129nm","marginTop-55":"universal-modal__marginTop-55_129nm","marginTop-56":"universal-modal__marginTop-56_129nm","marginTop-57":"universal-modal__marginTop-57_129nm","marginTop-58":"universal-modal__marginTop-58_129nm","marginTop-59":"universal-modal__marginTop-59_129nm","marginTop-60":"universal-modal__marginTop-60_129nm","marginTop-61":"universal-modal__marginTop-61_129nm","marginTop-62":"universal-modal__marginTop-62_129nm","marginTop-63":"universal-modal__marginTop-63_129nm","marginTop-64":"universal-modal__marginTop-64_129nm","marginTop-65":"universal-modal__marginTop-65_129nm","marginTop-66":"universal-modal__marginTop-66_129nm","marginTop-67":"universal-modal__marginTop-67_129nm","marginTop-68":"universal-modal__marginTop-68_129nm","marginTop-69":"universal-modal__marginTop-69_129nm","marginTop-70":"universal-modal__marginTop-70_129nm","marginTop-71":"universal-modal__marginTop-71_129nm","marginTop-72":"universal-modal__marginTop-72_129nm","marginTop-73":"universal-modal__marginTop-73_129nm","marginTop-74":"universal-modal__marginTop-74_129nm","marginTop-75":"universal-modal__marginTop-75_129nm","marginTop-76":"universal-modal__marginTop-76_129nm","marginTop-77":"universal-modal__marginTop-77_129nm","marginTop-78":"universal-modal__marginTop-78_129nm","marginTop-79":"universal-modal__marginTop-79_129nm","marginTop-80":"universal-modal__marginTop-80_129nm","marginTop-81":"universal-modal__marginTop-81_129nm","marginTop-82":"universal-modal__marginTop-82_129nm","marginTop-83":"universal-modal__marginTop-83_129nm","marginTop-84":"universal-modal__marginTop-84_129nm","marginTop-85":"universal-modal__marginTop-85_129nm","marginTop-86":"universal-modal__marginTop-86_129nm","marginTop-87":"universal-modal__marginTop-87_129nm","marginTop-88":"universal-modal__marginTop-88_129nm","marginTop-89":"universal-modal__marginTop-89_129nm","marginTop-90":"universal-modal__marginTop-90_129nm","marginTop-91":"universal-modal__marginTop-91_129nm","marginTop-92":"universal-modal__marginTop-92_129nm","marginTop-93":"universal-modal__marginTop-93_129nm","marginTop-94":"universal-modal__marginTop-94_129nm","marginTop-95":"universal-modal__marginTop-95_129nm","marginTop-96":"universal-modal__marginTop-96_129nm","marginTop-97":"universal-modal__marginTop-97_129nm","marginTop-98":"universal-modal__marginTop-98_129nm","marginTop-99":"universal-modal__marginTop-99_129nm","marginTop-100":"universal-modal__marginTop-100_129nm","marginTop-101":"universal-modal__marginTop-101_129nm","marginTop-102":"universal-modal__marginTop-102_129nm","marginTop-103":"universal-modal__marginTop-103_129nm","marginTop-104":"universal-modal__marginTop-104_129nm","marginTop-105":"universal-modal__marginTop-105_129nm","marginTop-106":"universal-modal__marginTop-106_129nm","marginTop-107":"universal-modal__marginTop-107_129nm","marginTop-108":"universal-modal__marginTop-108_129nm","marginTop-109":"universal-modal__marginTop-109_129nm","marginTop-110":"universal-modal__marginTop-110_129nm","marginTop-111":"universal-modal__marginTop-111_129nm","marginTop-112":"universal-modal__marginTop-112_129nm","marginTop-113":"universal-modal__marginTop-113_129nm","marginTop-114":"universal-modal__marginTop-114_129nm","marginTop-115":"universal-modal__marginTop-115_129nm","marginTop-116":"universal-modal__marginTop-116_129nm","marginTop-117":"universal-modal__marginTop-117_129nm","marginTop-118":"universal-modal__marginTop-118_129nm","marginTop-119":"universal-modal__marginTop-119_129nm","marginTop-120":"universal-modal__marginTop-120_129nm","marginTop-121":"universal-modal__marginTop-121_129nm","marginTop-122":"universal-modal__marginTop-122_129nm","marginTop-123":"universal-modal__marginTop-123_129nm","marginTop-124":"universal-modal__marginTop-124_129nm","marginTop-125":"universal-modal__marginTop-125_129nm","marginTop-126":"universal-modal__marginTop-126_129nm","marginTop-127":"universal-modal__marginTop-127_129nm","marginTop-128":"universal-modal__marginTop-128_129nm","marginRight-0":"universal-modal__marginRight-0_129nm","marginRight-1":"universal-modal__marginRight-1_129nm","marginRight-2":"universal-modal__marginRight-2_129nm","marginRight-3":"universal-modal__marginRight-3_129nm","marginRight-4":"universal-modal__marginRight-4_129nm","marginRight-5":"universal-modal__marginRight-5_129nm","marginRight-6":"universal-modal__marginRight-6_129nm","marginRight-7":"universal-modal__marginRight-7_129nm","marginRight-8":"universal-modal__marginRight-8_129nm","marginRight-9":"universal-modal__marginRight-9_129nm","marginRight-10":"universal-modal__marginRight-10_129nm","marginRight-11":"universal-modal__marginRight-11_129nm","marginRight-12":"universal-modal__marginRight-12_129nm","marginRight-13":"universal-modal__marginRight-13_129nm","marginRight-14":"universal-modal__marginRight-14_129nm","marginRight-15":"universal-modal__marginRight-15_129nm","marginRight-16":"universal-modal__marginRight-16_129nm","marginRight-17":"universal-modal__marginRight-17_129nm","marginRight-18":"universal-modal__marginRight-18_129nm","marginRight-19":"universal-modal__marginRight-19_129nm","marginRight-20":"universal-modal__marginRight-20_129nm","marginRight-21":"universal-modal__marginRight-21_129nm","marginRight-22":"universal-modal__marginRight-22_129nm","marginRight-23":"universal-modal__marginRight-23_129nm","marginRight-24":"universal-modal__marginRight-24_129nm","marginRight-25":"universal-modal__marginRight-25_129nm","marginRight-26":"universal-modal__marginRight-26_129nm","marginRight-27":"universal-modal__marginRight-27_129nm","marginRight-28":"universal-modal__marginRight-28_129nm","marginRight-29":"universal-modal__marginRight-29_129nm","marginRight-30":"universal-modal__marginRight-30_129nm","marginRight-31":"universal-modal__marginRight-31_129nm","marginRight-32":"universal-modal__marginRight-32_129nm","marginRight-33":"universal-modal__marginRight-33_129nm","marginRight-34":"universal-modal__marginRight-34_129nm","marginRight-35":"universal-modal__marginRight-35_129nm","marginRight-36":"universal-modal__marginRight-36_129nm","marginRight-37":"universal-modal__marginRight-37_129nm","marginRight-38":"universal-modal__marginRight-38_129nm","marginRight-39":"universal-modal__marginRight-39_129nm","marginRight-40":"universal-modal__marginRight-40_129nm","marginRight-41":"universal-modal__marginRight-41_129nm","marginRight-42":"universal-modal__marginRight-42_129nm","marginRight-43":"universal-modal__marginRight-43_129nm","marginRight-44":"universal-modal__marginRight-44_129nm","marginRight-45":"universal-modal__marginRight-45_129nm","marginRight-46":"universal-modal__marginRight-46_129nm","marginRight-47":"universal-modal__marginRight-47_129nm","marginRight-48":"universal-modal__marginRight-48_129nm","marginRight-49":"universal-modal__marginRight-49_129nm","marginRight-50":"universal-modal__marginRight-50_129nm","marginRight-51":"universal-modal__marginRight-51_129nm","marginRight-52":"universal-modal__marginRight-52_129nm","marginRight-53":"universal-modal__marginRight-53_129nm","marginRight-54":"universal-modal__marginRight-54_129nm","marginRight-55":"universal-modal__marginRight-55_129nm","marginRight-56":"universal-modal__marginRight-56_129nm","marginRight-57":"universal-modal__marginRight-57_129nm","marginRight-58":"universal-modal__marginRight-58_129nm","marginRight-59":"universal-modal__marginRight-59_129nm","marginRight-60":"universal-modal__marginRight-60_129nm","marginRight-61":"universal-modal__marginRight-61_129nm","marginRight-62":"universal-modal__marginRight-62_129nm","marginRight-63":"universal-modal__marginRight-63_129nm","marginRight-64":"universal-modal__marginRight-64_129nm","marginRight-65":"universal-modal__marginRight-65_129nm","marginRight-66":"universal-modal__marginRight-66_129nm","marginRight-67":"universal-modal__marginRight-67_129nm","marginRight-68":"universal-modal__marginRight-68_129nm","marginRight-69":"universal-modal__marginRight-69_129nm","marginRight-70":"universal-modal__marginRight-70_129nm","marginRight-71":"universal-modal__marginRight-71_129nm","marginRight-72":"universal-modal__marginRight-72_129nm","marginRight-73":"universal-modal__marginRight-73_129nm","marginRight-74":"universal-modal__marginRight-74_129nm","marginRight-75":"universal-modal__marginRight-75_129nm","marginRight-76":"universal-modal__marginRight-76_129nm","marginRight-77":"universal-modal__marginRight-77_129nm","marginRight-78":"universal-modal__marginRight-78_129nm","marginRight-79":"universal-modal__marginRight-79_129nm","marginRight-80":"universal-modal__marginRight-80_129nm","marginRight-81":"universal-modal__marginRight-81_129nm","marginRight-82":"universal-modal__marginRight-82_129nm","marginRight-83":"universal-modal__marginRight-83_129nm","marginRight-84":"universal-modal__marginRight-84_129nm","marginRight-85":"universal-modal__marginRight-85_129nm","marginRight-86":"universal-modal__marginRight-86_129nm","marginRight-87":"universal-modal__marginRight-87_129nm","marginRight-88":"universal-modal__marginRight-88_129nm","marginRight-89":"universal-modal__marginRight-89_129nm","marginRight-90":"universal-modal__marginRight-90_129nm","marginRight-91":"universal-modal__marginRight-91_129nm","marginRight-92":"universal-modal__marginRight-92_129nm","marginRight-93":"universal-modal__marginRight-93_129nm","marginRight-94":"universal-modal__marginRight-94_129nm","marginRight-95":"universal-modal__marginRight-95_129nm","marginRight-96":"universal-modal__marginRight-96_129nm","marginRight-97":"universal-modal__marginRight-97_129nm","marginRight-98":"universal-modal__marginRight-98_129nm","marginRight-99":"universal-modal__marginRight-99_129nm","marginRight-100":"universal-modal__marginRight-100_129nm","marginRight-101":"universal-modal__marginRight-101_129nm","marginRight-102":"universal-modal__marginRight-102_129nm","marginRight-103":"universal-modal__marginRight-103_129nm","marginRight-104":"universal-modal__marginRight-104_129nm","marginRight-105":"universal-modal__marginRight-105_129nm","marginRight-106":"universal-modal__marginRight-106_129nm","marginRight-107":"universal-modal__marginRight-107_129nm","marginRight-108":"universal-modal__marginRight-108_129nm","marginRight-109":"universal-modal__marginRight-109_129nm","marginRight-110":"universal-modal__marginRight-110_129nm","marginRight-111":"universal-modal__marginRight-111_129nm","marginRight-112":"universal-modal__marginRight-112_129nm","marginRight-113":"universal-modal__marginRight-113_129nm","marginRight-114":"universal-modal__marginRight-114_129nm","marginRight-115":"universal-modal__marginRight-115_129nm","marginRight-116":"universal-modal__marginRight-116_129nm","marginRight-117":"universal-modal__marginRight-117_129nm","marginRight-118":"universal-modal__marginRight-118_129nm","marginRight-119":"universal-modal__marginRight-119_129nm","marginRight-120":"universal-modal__marginRight-120_129nm","marginRight-121":"universal-modal__marginRight-121_129nm","marginRight-122":"universal-modal__marginRight-122_129nm","marginRight-123":"universal-modal__marginRight-123_129nm","marginRight-124":"universal-modal__marginRight-124_129nm","marginRight-125":"universal-modal__marginRight-125_129nm","marginRight-126":"universal-modal__marginRight-126_129nm","marginRight-127":"universal-modal__marginRight-127_129nm","marginRight-128":"universal-modal__marginRight-128_129nm","marginBottom-0":"universal-modal__marginBottom-0_129nm","marginBottom-1":"universal-modal__marginBottom-1_129nm","marginBottom-2":"universal-modal__marginBottom-2_129nm","marginBottom-3":"universal-modal__marginBottom-3_129nm","marginBottom-4":"universal-modal__marginBottom-4_129nm","marginBottom-5":"universal-modal__marginBottom-5_129nm","marginBottom-6":"universal-modal__marginBottom-6_129nm","marginBottom-7":"universal-modal__marginBottom-7_129nm","marginBottom-8":"universal-modal__marginBottom-8_129nm","marginBottom-9":"universal-modal__marginBottom-9_129nm","marginBottom-10":"universal-modal__marginBottom-10_129nm","marginBottom-11":"universal-modal__marginBottom-11_129nm","marginBottom-12":"universal-modal__marginBottom-12_129nm","marginBottom-13":"universal-modal__marginBottom-13_129nm","marginBottom-14":"universal-modal__marginBottom-14_129nm","marginBottom-15":"universal-modal__marginBottom-15_129nm","marginBottom-16":"universal-modal__marginBottom-16_129nm","marginBottom-17":"universal-modal__marginBottom-17_129nm","marginBottom-18":"universal-modal__marginBottom-18_129nm","marginBottom-19":"universal-modal__marginBottom-19_129nm","marginBottom-20":"universal-modal__marginBottom-20_129nm","marginBottom-21":"universal-modal__marginBottom-21_129nm","marginBottom-22":"universal-modal__marginBottom-22_129nm","marginBottom-23":"universal-modal__marginBottom-23_129nm","marginBottom-24":"universal-modal__marginBottom-24_129nm","marginBottom-25":"universal-modal__marginBottom-25_129nm","marginBottom-26":"universal-modal__marginBottom-26_129nm","marginBottom-27":"universal-modal__marginBottom-27_129nm","marginBottom-28":"universal-modal__marginBottom-28_129nm","marginBottom-29":"universal-modal__marginBottom-29_129nm","marginBottom-30":"universal-modal__marginBottom-30_129nm","marginBottom-31":"universal-modal__marginBottom-31_129nm","marginBottom-32":"universal-modal__marginBottom-32_129nm","marginBottom-33":"universal-modal__marginBottom-33_129nm","marginBottom-34":"universal-modal__marginBottom-34_129nm","marginBottom-35":"universal-modal__marginBottom-35_129nm","marginBottom-36":"universal-modal__marginBottom-36_129nm","marginBottom-37":"universal-modal__marginBottom-37_129nm","marginBottom-38":"universal-modal__marginBottom-38_129nm","marginBottom-39":"universal-modal__marginBottom-39_129nm","marginBottom-40":"universal-modal__marginBottom-40_129nm","marginBottom-41":"universal-modal__marginBottom-41_129nm","marginBottom-42":"universal-modal__marginBottom-42_129nm","marginBottom-43":"universal-modal__marginBottom-43_129nm","marginBottom-44":"universal-modal__marginBottom-44_129nm","marginBottom-45":"universal-modal__marginBottom-45_129nm","marginBottom-46":"universal-modal__marginBottom-46_129nm","marginBottom-47":"universal-modal__marginBottom-47_129nm","marginBottom-48":"universal-modal__marginBottom-48_129nm","marginBottom-49":"universal-modal__marginBottom-49_129nm","marginBottom-50":"universal-modal__marginBottom-50_129nm","marginBottom-51":"universal-modal__marginBottom-51_129nm","marginBottom-52":"universal-modal__marginBottom-52_129nm","marginBottom-53":"universal-modal__marginBottom-53_129nm","marginBottom-54":"universal-modal__marginBottom-54_129nm","marginBottom-55":"universal-modal__marginBottom-55_129nm","marginBottom-56":"universal-modal__marginBottom-56_129nm","marginBottom-57":"universal-modal__marginBottom-57_129nm","marginBottom-58":"universal-modal__marginBottom-58_129nm","marginBottom-59":"universal-modal__marginBottom-59_129nm","marginBottom-60":"universal-modal__marginBottom-60_129nm","marginBottom-61":"universal-modal__marginBottom-61_129nm","marginBottom-62":"universal-modal__marginBottom-62_129nm","marginBottom-63":"universal-modal__marginBottom-63_129nm","marginBottom-64":"universal-modal__marginBottom-64_129nm","marginBottom-65":"universal-modal__marginBottom-65_129nm","marginBottom-66":"universal-modal__marginBottom-66_129nm","marginBottom-67":"universal-modal__marginBottom-67_129nm","marginBottom-68":"universal-modal__marginBottom-68_129nm","marginBottom-69":"universal-modal__marginBottom-69_129nm","marginBottom-70":"universal-modal__marginBottom-70_129nm","marginBottom-71":"universal-modal__marginBottom-71_129nm","marginBottom-72":"universal-modal__marginBottom-72_129nm","marginBottom-73":"universal-modal__marginBottom-73_129nm","marginBottom-74":"universal-modal__marginBottom-74_129nm","marginBottom-75":"universal-modal__marginBottom-75_129nm","marginBottom-76":"universal-modal__marginBottom-76_129nm","marginBottom-77":"universal-modal__marginBottom-77_129nm","marginBottom-78":"universal-modal__marginBottom-78_129nm","marginBottom-79":"universal-modal__marginBottom-79_129nm","marginBottom-80":"universal-modal__marginBottom-80_129nm","marginBottom-81":"universal-modal__marginBottom-81_129nm","marginBottom-82":"universal-modal__marginBottom-82_129nm","marginBottom-83":"universal-modal__marginBottom-83_129nm","marginBottom-84":"universal-modal__marginBottom-84_129nm","marginBottom-85":"universal-modal__marginBottom-85_129nm","marginBottom-86":"universal-modal__marginBottom-86_129nm","marginBottom-87":"universal-modal__marginBottom-87_129nm","marginBottom-88":"universal-modal__marginBottom-88_129nm","marginBottom-89":"universal-modal__marginBottom-89_129nm","marginBottom-90":"universal-modal__marginBottom-90_129nm","marginBottom-91":"universal-modal__marginBottom-91_129nm","marginBottom-92":"universal-modal__marginBottom-92_129nm","marginBottom-93":"universal-modal__marginBottom-93_129nm","marginBottom-94":"universal-modal__marginBottom-94_129nm","marginBottom-95":"universal-modal__marginBottom-95_129nm","marginBottom-96":"universal-modal__marginBottom-96_129nm","marginBottom-97":"universal-modal__marginBottom-97_129nm","marginBottom-98":"universal-modal__marginBottom-98_129nm","marginBottom-99":"universal-modal__marginBottom-99_129nm","marginBottom-100":"universal-modal__marginBottom-100_129nm","marginBottom-101":"universal-modal__marginBottom-101_129nm","marginBottom-102":"universal-modal__marginBottom-102_129nm","marginBottom-103":"universal-modal__marginBottom-103_129nm","marginBottom-104":"universal-modal__marginBottom-104_129nm","marginBottom-105":"universal-modal__marginBottom-105_129nm","marginBottom-106":"universal-modal__marginBottom-106_129nm","marginBottom-107":"universal-modal__marginBottom-107_129nm","marginBottom-108":"universal-modal__marginBottom-108_129nm","marginBottom-109":"universal-modal__marginBottom-109_129nm","marginBottom-110":"universal-modal__marginBottom-110_129nm","marginBottom-111":"universal-modal__marginBottom-111_129nm","marginBottom-112":"universal-modal__marginBottom-112_129nm","marginBottom-113":"universal-modal__marginBottom-113_129nm","marginBottom-114":"universal-modal__marginBottom-114_129nm","marginBottom-115":"universal-modal__marginBottom-115_129nm","marginBottom-116":"universal-modal__marginBottom-116_129nm","marginBottom-117":"universal-modal__marginBottom-117_129nm","marginBottom-118":"universal-modal__marginBottom-118_129nm","marginBottom-119":"universal-modal__marginBottom-119_129nm","marginBottom-120":"universal-modal__marginBottom-120_129nm","marginBottom-121":"universal-modal__marginBottom-121_129nm","marginBottom-122":"universal-modal__marginBottom-122_129nm","marginBottom-123":"universal-modal__marginBottom-123_129nm","marginBottom-124":"universal-modal__marginBottom-124_129nm","marginBottom-125":"universal-modal__marginBottom-125_129nm","marginBottom-126":"universal-modal__marginBottom-126_129nm","marginBottom-127":"universal-modal__marginBottom-127_129nm","marginBottom-128":"universal-modal__marginBottom-128_129nm","marginLeft-0":"universal-modal__marginLeft-0_129nm","marginLeft-1":"universal-modal__marginLeft-1_129nm","marginLeft-2":"universal-modal__marginLeft-2_129nm","marginLeft-3":"universal-modal__marginLeft-3_129nm","marginLeft-4":"universal-modal__marginLeft-4_129nm","marginLeft-5":"universal-modal__marginLeft-5_129nm","marginLeft-6":"universal-modal__marginLeft-6_129nm","marginLeft-7":"universal-modal__marginLeft-7_129nm","marginLeft-8":"universal-modal__marginLeft-8_129nm","marginLeft-9":"universal-modal__marginLeft-9_129nm","marginLeft-10":"universal-modal__marginLeft-10_129nm","marginLeft-11":"universal-modal__marginLeft-11_129nm","marginLeft-12":"universal-modal__marginLeft-12_129nm","marginLeft-13":"universal-modal__marginLeft-13_129nm","marginLeft-14":"universal-modal__marginLeft-14_129nm","marginLeft-15":"universal-modal__marginLeft-15_129nm","marginLeft-16":"universal-modal__marginLeft-16_129nm","marginLeft-17":"universal-modal__marginLeft-17_129nm","marginLeft-18":"universal-modal__marginLeft-18_129nm","marginLeft-19":"universal-modal__marginLeft-19_129nm","marginLeft-20":"universal-modal__marginLeft-20_129nm","marginLeft-21":"universal-modal__marginLeft-21_129nm","marginLeft-22":"universal-modal__marginLeft-22_129nm","marginLeft-23":"universal-modal__marginLeft-23_129nm","marginLeft-24":"universal-modal__marginLeft-24_129nm","marginLeft-25":"universal-modal__marginLeft-25_129nm","marginLeft-26":"universal-modal__marginLeft-26_129nm","marginLeft-27":"universal-modal__marginLeft-27_129nm","marginLeft-28":"universal-modal__marginLeft-28_129nm","marginLeft-29":"universal-modal__marginLeft-29_129nm","marginLeft-30":"universal-modal__marginLeft-30_129nm","marginLeft-31":"universal-modal__marginLeft-31_129nm","marginLeft-32":"universal-modal__marginLeft-32_129nm","marginLeft-33":"universal-modal__marginLeft-33_129nm","marginLeft-34":"universal-modal__marginLeft-34_129nm","marginLeft-35":"universal-modal__marginLeft-35_129nm","marginLeft-36":"universal-modal__marginLeft-36_129nm","marginLeft-37":"universal-modal__marginLeft-37_129nm","marginLeft-38":"universal-modal__marginLeft-38_129nm","marginLeft-39":"universal-modal__marginLeft-39_129nm","marginLeft-40":"universal-modal__marginLeft-40_129nm","marginLeft-41":"universal-modal__marginLeft-41_129nm","marginLeft-42":"universal-modal__marginLeft-42_129nm","marginLeft-43":"universal-modal__marginLeft-43_129nm","marginLeft-44":"universal-modal__marginLeft-44_129nm","marginLeft-45":"universal-modal__marginLeft-45_129nm","marginLeft-46":"universal-modal__marginLeft-46_129nm","marginLeft-47":"universal-modal__marginLeft-47_129nm","marginLeft-48":"universal-modal__marginLeft-48_129nm","marginLeft-49":"universal-modal__marginLeft-49_129nm","marginLeft-50":"universal-modal__marginLeft-50_129nm","marginLeft-51":"universal-modal__marginLeft-51_129nm","marginLeft-52":"universal-modal__marginLeft-52_129nm","marginLeft-53":"universal-modal__marginLeft-53_129nm","marginLeft-54":"universal-modal__marginLeft-54_129nm","marginLeft-55":"universal-modal__marginLeft-55_129nm","marginLeft-56":"universal-modal__marginLeft-56_129nm","marginLeft-57":"universal-modal__marginLeft-57_129nm","marginLeft-58":"universal-modal__marginLeft-58_129nm","marginLeft-59":"universal-modal__marginLeft-59_129nm","marginLeft-60":"universal-modal__marginLeft-60_129nm","marginLeft-61":"universal-modal__marginLeft-61_129nm","marginLeft-62":"universal-modal__marginLeft-62_129nm","marginLeft-63":"universal-modal__marginLeft-63_129nm","marginLeft-64":"universal-modal__marginLeft-64_129nm","marginLeft-65":"universal-modal__marginLeft-65_129nm","marginLeft-66":"universal-modal__marginLeft-66_129nm","marginLeft-67":"universal-modal__marginLeft-67_129nm","marginLeft-68":"universal-modal__marginLeft-68_129nm","marginLeft-69":"universal-modal__marginLeft-69_129nm","marginLeft-70":"universal-modal__marginLeft-70_129nm","marginLeft-71":"universal-modal__marginLeft-71_129nm","marginLeft-72":"universal-modal__marginLeft-72_129nm","marginLeft-73":"universal-modal__marginLeft-73_129nm","marginLeft-74":"universal-modal__marginLeft-74_129nm","marginLeft-75":"universal-modal__marginLeft-75_129nm","marginLeft-76":"universal-modal__marginLeft-76_129nm","marginLeft-77":"universal-modal__marginLeft-77_129nm","marginLeft-78":"universal-modal__marginLeft-78_129nm","marginLeft-79":"universal-modal__marginLeft-79_129nm","marginLeft-80":"universal-modal__marginLeft-80_129nm","marginLeft-81":"universal-modal__marginLeft-81_129nm","marginLeft-82":"universal-modal__marginLeft-82_129nm","marginLeft-83":"universal-modal__marginLeft-83_129nm","marginLeft-84":"universal-modal__marginLeft-84_129nm","marginLeft-85":"universal-modal__marginLeft-85_129nm","marginLeft-86":"universal-modal__marginLeft-86_129nm","marginLeft-87":"universal-modal__marginLeft-87_129nm","marginLeft-88":"universal-modal__marginLeft-88_129nm","marginLeft-89":"universal-modal__marginLeft-89_129nm","marginLeft-90":"universal-modal__marginLeft-90_129nm","marginLeft-91":"universal-modal__marginLeft-91_129nm","marginLeft-92":"universal-modal__marginLeft-92_129nm","marginLeft-93":"universal-modal__marginLeft-93_129nm","marginLeft-94":"universal-modal__marginLeft-94_129nm","marginLeft-95":"universal-modal__marginLeft-95_129nm","marginLeft-96":"universal-modal__marginLeft-96_129nm","marginLeft-97":"universal-modal__marginLeft-97_129nm","marginLeft-98":"universal-modal__marginLeft-98_129nm","marginLeft-99":"universal-modal__marginLeft-99_129nm","marginLeft-100":"universal-modal__marginLeft-100_129nm","marginLeft-101":"universal-modal__marginLeft-101_129nm","marginLeft-102":"universal-modal__marginLeft-102_129nm","marginLeft-103":"universal-modal__marginLeft-103_129nm","marginLeft-104":"universal-modal__marginLeft-104_129nm","marginLeft-105":"universal-modal__marginLeft-105_129nm","marginLeft-106":"universal-modal__marginLeft-106_129nm","marginLeft-107":"universal-modal__marginLeft-107_129nm","marginLeft-108":"universal-modal__marginLeft-108_129nm","marginLeft-109":"universal-modal__marginLeft-109_129nm","marginLeft-110":"universal-modal__marginLeft-110_129nm","marginLeft-111":"universal-modal__marginLeft-111_129nm","marginLeft-112":"universal-modal__marginLeft-112_129nm","marginLeft-113":"universal-modal__marginLeft-113_129nm","marginLeft-114":"universal-modal__marginLeft-114_129nm","marginLeft-115":"universal-modal__marginLeft-115_129nm","marginLeft-116":"universal-modal__marginLeft-116_129nm","marginLeft-117":"universal-modal__marginLeft-117_129nm","marginLeft-118":"universal-modal__marginLeft-118_129nm","marginLeft-119":"universal-modal__marginLeft-119_129nm","marginLeft-120":"universal-modal__marginLeft-120_129nm","marginLeft-121":"universal-modal__marginLeft-121_129nm","marginLeft-122":"universal-modal__marginLeft-122_129nm","marginLeft-123":"universal-modal__marginLeft-123_129nm","marginLeft-124":"universal-modal__marginLeft-124_129nm","marginLeft-125":"universal-modal__marginLeft-125_129nm","marginLeft-126":"universal-modal__marginLeft-126_129nm","marginLeft-127":"universal-modal__marginLeft-127_129nm","marginLeft-128":"universal-modal__marginLeft-128_129nm"};
-require('./styles/index.css');
+var styles = {"wrapper":"universal-modal__wrapper_kitm3","wrapperAlignStart":"universal-modal__wrapperAlignStart_kitm3","wrapperAlignEnd":"universal-modal__wrapperAlignEnd_kitm3","wrapperJustifyCenter":"universal-modal__wrapperJustifyCenter_kitm3","wrapperJustifyEnd":"universal-modal__wrapperJustifyEnd_kitm3","component":"universal-modal__component_kitm3","overlayHidden":"universal-modal__overlayHidden_kitm3","marginTop-0":"universal-modal__marginTop-0_kitm3","marginTop-1":"universal-modal__marginTop-1_kitm3","marginTop-2":"universal-modal__marginTop-2_kitm3","marginTop-3":"universal-modal__marginTop-3_kitm3","marginTop-4":"universal-modal__marginTop-4_kitm3","marginTop-5":"universal-modal__marginTop-5_kitm3","marginTop-6":"universal-modal__marginTop-6_kitm3","marginTop-7":"universal-modal__marginTop-7_kitm3","marginTop-8":"universal-modal__marginTop-8_kitm3","marginTop-9":"universal-modal__marginTop-9_kitm3","marginTop-10":"universal-modal__marginTop-10_kitm3","marginTop-11":"universal-modal__marginTop-11_kitm3","marginTop-12":"universal-modal__marginTop-12_kitm3","marginTop-13":"universal-modal__marginTop-13_kitm3","marginTop-14":"universal-modal__marginTop-14_kitm3","marginTop-15":"universal-modal__marginTop-15_kitm3","marginTop-16":"universal-modal__marginTop-16_kitm3","marginTop-17":"universal-modal__marginTop-17_kitm3","marginTop-18":"universal-modal__marginTop-18_kitm3","marginTop-19":"universal-modal__marginTop-19_kitm3","marginTop-20":"universal-modal__marginTop-20_kitm3","marginTop-21":"universal-modal__marginTop-21_kitm3","marginTop-22":"universal-modal__marginTop-22_kitm3","marginTop-23":"universal-modal__marginTop-23_kitm3","marginTop-24":"universal-modal__marginTop-24_kitm3","marginTop-25":"universal-modal__marginTop-25_kitm3","marginTop-26":"universal-modal__marginTop-26_kitm3","marginTop-27":"universal-modal__marginTop-27_kitm3","marginTop-28":"universal-modal__marginTop-28_kitm3","marginTop-29":"universal-modal__marginTop-29_kitm3","marginTop-30":"universal-modal__marginTop-30_kitm3","marginTop-31":"universal-modal__marginTop-31_kitm3","marginTop-32":"universal-modal__marginTop-32_kitm3","marginTop-33":"universal-modal__marginTop-33_kitm3","marginTop-34":"universal-modal__marginTop-34_kitm3","marginTop-35":"universal-modal__marginTop-35_kitm3","marginTop-36":"universal-modal__marginTop-36_kitm3","marginTop-37":"universal-modal__marginTop-37_kitm3","marginTop-38":"universal-modal__marginTop-38_kitm3","marginTop-39":"universal-modal__marginTop-39_kitm3","marginTop-40":"universal-modal__marginTop-40_kitm3","marginTop-41":"universal-modal__marginTop-41_kitm3","marginTop-42":"universal-modal__marginTop-42_kitm3","marginTop-43":"universal-modal__marginTop-43_kitm3","marginTop-44":"universal-modal__marginTop-44_kitm3","marginTop-45":"universal-modal__marginTop-45_kitm3","marginTop-46":"universal-modal__marginTop-46_kitm3","marginTop-47":"universal-modal__marginTop-47_kitm3","marginTop-48":"universal-modal__marginTop-48_kitm3","marginTop-49":"universal-modal__marginTop-49_kitm3","marginTop-50":"universal-modal__marginTop-50_kitm3","marginTop-51":"universal-modal__marginTop-51_kitm3","marginTop-52":"universal-modal__marginTop-52_kitm3","marginTop-53":"universal-modal__marginTop-53_kitm3","marginTop-54":"universal-modal__marginTop-54_kitm3","marginTop-55":"universal-modal__marginTop-55_kitm3","marginTop-56":"universal-modal__marginTop-56_kitm3","marginTop-57":"universal-modal__marginTop-57_kitm3","marginTop-58":"universal-modal__marginTop-58_kitm3","marginTop-59":"universal-modal__marginTop-59_kitm3","marginTop-60":"universal-modal__marginTop-60_kitm3","marginTop-61":"universal-modal__marginTop-61_kitm3","marginTop-62":"universal-modal__marginTop-62_kitm3","marginTop-63":"universal-modal__marginTop-63_kitm3","marginTop-64":"universal-modal__marginTop-64_kitm3","marginTop-65":"universal-modal__marginTop-65_kitm3","marginTop-66":"universal-modal__marginTop-66_kitm3","marginTop-67":"universal-modal__marginTop-67_kitm3","marginTop-68":"universal-modal__marginTop-68_kitm3","marginTop-69":"universal-modal__marginTop-69_kitm3","marginTop-70":"universal-modal__marginTop-70_kitm3","marginTop-71":"universal-modal__marginTop-71_kitm3","marginTop-72":"universal-modal__marginTop-72_kitm3","marginTop-73":"universal-modal__marginTop-73_kitm3","marginTop-74":"universal-modal__marginTop-74_kitm3","marginTop-75":"universal-modal__marginTop-75_kitm3","marginTop-76":"universal-modal__marginTop-76_kitm3","marginTop-77":"universal-modal__marginTop-77_kitm3","marginTop-78":"universal-modal__marginTop-78_kitm3","marginTop-79":"universal-modal__marginTop-79_kitm3","marginTop-80":"universal-modal__marginTop-80_kitm3","marginTop-81":"universal-modal__marginTop-81_kitm3","marginTop-82":"universal-modal__marginTop-82_kitm3","marginTop-83":"universal-modal__marginTop-83_kitm3","marginTop-84":"universal-modal__marginTop-84_kitm3","marginTop-85":"universal-modal__marginTop-85_kitm3","marginTop-86":"universal-modal__marginTop-86_kitm3","marginTop-87":"universal-modal__marginTop-87_kitm3","marginTop-88":"universal-modal__marginTop-88_kitm3","marginTop-89":"universal-modal__marginTop-89_kitm3","marginTop-90":"universal-modal__marginTop-90_kitm3","marginTop-91":"universal-modal__marginTop-91_kitm3","marginTop-92":"universal-modal__marginTop-92_kitm3","marginTop-93":"universal-modal__marginTop-93_kitm3","marginTop-94":"universal-modal__marginTop-94_kitm3","marginTop-95":"universal-modal__marginTop-95_kitm3","marginTop-96":"universal-modal__marginTop-96_kitm3","marginTop-97":"universal-modal__marginTop-97_kitm3","marginTop-98":"universal-modal__marginTop-98_kitm3","marginTop-99":"universal-modal__marginTop-99_kitm3","marginTop-100":"universal-modal__marginTop-100_kitm3","marginTop-101":"universal-modal__marginTop-101_kitm3","marginTop-102":"universal-modal__marginTop-102_kitm3","marginTop-103":"universal-modal__marginTop-103_kitm3","marginTop-104":"universal-modal__marginTop-104_kitm3","marginTop-105":"universal-modal__marginTop-105_kitm3","marginTop-106":"universal-modal__marginTop-106_kitm3","marginTop-107":"universal-modal__marginTop-107_kitm3","marginTop-108":"universal-modal__marginTop-108_kitm3","marginTop-109":"universal-modal__marginTop-109_kitm3","marginTop-110":"universal-modal__marginTop-110_kitm3","marginTop-111":"universal-modal__marginTop-111_kitm3","marginTop-112":"universal-modal__marginTop-112_kitm3","marginTop-113":"universal-modal__marginTop-113_kitm3","marginTop-114":"universal-modal__marginTop-114_kitm3","marginTop-115":"universal-modal__marginTop-115_kitm3","marginTop-116":"universal-modal__marginTop-116_kitm3","marginTop-117":"universal-modal__marginTop-117_kitm3","marginTop-118":"universal-modal__marginTop-118_kitm3","marginTop-119":"universal-modal__marginTop-119_kitm3","marginTop-120":"universal-modal__marginTop-120_kitm3","marginTop-121":"universal-modal__marginTop-121_kitm3","marginTop-122":"universal-modal__marginTop-122_kitm3","marginTop-123":"universal-modal__marginTop-123_kitm3","marginTop-124":"universal-modal__marginTop-124_kitm3","marginTop-125":"universal-modal__marginTop-125_kitm3","marginTop-126":"universal-modal__marginTop-126_kitm3","marginTop-127":"universal-modal__marginTop-127_kitm3","marginTop-128":"universal-modal__marginTop-128_kitm3","marginRight-0":"universal-modal__marginRight-0_kitm3","marginRight-1":"universal-modal__marginRight-1_kitm3","marginRight-2":"universal-modal__marginRight-2_kitm3","marginRight-3":"universal-modal__marginRight-3_kitm3","marginRight-4":"universal-modal__marginRight-4_kitm3","marginRight-5":"universal-modal__marginRight-5_kitm3","marginRight-6":"universal-modal__marginRight-6_kitm3","marginRight-7":"universal-modal__marginRight-7_kitm3","marginRight-8":"universal-modal__marginRight-8_kitm3","marginRight-9":"universal-modal__marginRight-9_kitm3","marginRight-10":"universal-modal__marginRight-10_kitm3","marginRight-11":"universal-modal__marginRight-11_kitm3","marginRight-12":"universal-modal__marginRight-12_kitm3","marginRight-13":"universal-modal__marginRight-13_kitm3","marginRight-14":"universal-modal__marginRight-14_kitm3","marginRight-15":"universal-modal__marginRight-15_kitm3","marginRight-16":"universal-modal__marginRight-16_kitm3","marginRight-17":"universal-modal__marginRight-17_kitm3","marginRight-18":"universal-modal__marginRight-18_kitm3","marginRight-19":"universal-modal__marginRight-19_kitm3","marginRight-20":"universal-modal__marginRight-20_kitm3","marginRight-21":"universal-modal__marginRight-21_kitm3","marginRight-22":"universal-modal__marginRight-22_kitm3","marginRight-23":"universal-modal__marginRight-23_kitm3","marginRight-24":"universal-modal__marginRight-24_kitm3","marginRight-25":"universal-modal__marginRight-25_kitm3","marginRight-26":"universal-modal__marginRight-26_kitm3","marginRight-27":"universal-modal__marginRight-27_kitm3","marginRight-28":"universal-modal__marginRight-28_kitm3","marginRight-29":"universal-modal__marginRight-29_kitm3","marginRight-30":"universal-modal__marginRight-30_kitm3","marginRight-31":"universal-modal__marginRight-31_kitm3","marginRight-32":"universal-modal__marginRight-32_kitm3","marginRight-33":"universal-modal__marginRight-33_kitm3","marginRight-34":"universal-modal__marginRight-34_kitm3","marginRight-35":"universal-modal__marginRight-35_kitm3","marginRight-36":"universal-modal__marginRight-36_kitm3","marginRight-37":"universal-modal__marginRight-37_kitm3","marginRight-38":"universal-modal__marginRight-38_kitm3","marginRight-39":"universal-modal__marginRight-39_kitm3","marginRight-40":"universal-modal__marginRight-40_kitm3","marginRight-41":"universal-modal__marginRight-41_kitm3","marginRight-42":"universal-modal__marginRight-42_kitm3","marginRight-43":"universal-modal__marginRight-43_kitm3","marginRight-44":"universal-modal__marginRight-44_kitm3","marginRight-45":"universal-modal__marginRight-45_kitm3","marginRight-46":"universal-modal__marginRight-46_kitm3","marginRight-47":"universal-modal__marginRight-47_kitm3","marginRight-48":"universal-modal__marginRight-48_kitm3","marginRight-49":"universal-modal__marginRight-49_kitm3","marginRight-50":"universal-modal__marginRight-50_kitm3","marginRight-51":"universal-modal__marginRight-51_kitm3","marginRight-52":"universal-modal__marginRight-52_kitm3","marginRight-53":"universal-modal__marginRight-53_kitm3","marginRight-54":"universal-modal__marginRight-54_kitm3","marginRight-55":"universal-modal__marginRight-55_kitm3","marginRight-56":"universal-modal__marginRight-56_kitm3","marginRight-57":"universal-modal__marginRight-57_kitm3","marginRight-58":"universal-modal__marginRight-58_kitm3","marginRight-59":"universal-modal__marginRight-59_kitm3","marginRight-60":"universal-modal__marginRight-60_kitm3","marginRight-61":"universal-modal__marginRight-61_kitm3","marginRight-62":"universal-modal__marginRight-62_kitm3","marginRight-63":"universal-modal__marginRight-63_kitm3","marginRight-64":"universal-modal__marginRight-64_kitm3","marginRight-65":"universal-modal__marginRight-65_kitm3","marginRight-66":"universal-modal__marginRight-66_kitm3","marginRight-67":"universal-modal__marginRight-67_kitm3","marginRight-68":"universal-modal__marginRight-68_kitm3","marginRight-69":"universal-modal__marginRight-69_kitm3","marginRight-70":"universal-modal__marginRight-70_kitm3","marginRight-71":"universal-modal__marginRight-71_kitm3","marginRight-72":"universal-modal__marginRight-72_kitm3","marginRight-73":"universal-modal__marginRight-73_kitm3","marginRight-74":"universal-modal__marginRight-74_kitm3","marginRight-75":"universal-modal__marginRight-75_kitm3","marginRight-76":"universal-modal__marginRight-76_kitm3","marginRight-77":"universal-modal__marginRight-77_kitm3","marginRight-78":"universal-modal__marginRight-78_kitm3","marginRight-79":"universal-modal__marginRight-79_kitm3","marginRight-80":"universal-modal__marginRight-80_kitm3","marginRight-81":"universal-modal__marginRight-81_kitm3","marginRight-82":"universal-modal__marginRight-82_kitm3","marginRight-83":"universal-modal__marginRight-83_kitm3","marginRight-84":"universal-modal__marginRight-84_kitm3","marginRight-85":"universal-modal__marginRight-85_kitm3","marginRight-86":"universal-modal__marginRight-86_kitm3","marginRight-87":"universal-modal__marginRight-87_kitm3","marginRight-88":"universal-modal__marginRight-88_kitm3","marginRight-89":"universal-modal__marginRight-89_kitm3","marginRight-90":"universal-modal__marginRight-90_kitm3","marginRight-91":"universal-modal__marginRight-91_kitm3","marginRight-92":"universal-modal__marginRight-92_kitm3","marginRight-93":"universal-modal__marginRight-93_kitm3","marginRight-94":"universal-modal__marginRight-94_kitm3","marginRight-95":"universal-modal__marginRight-95_kitm3","marginRight-96":"universal-modal__marginRight-96_kitm3","marginRight-97":"universal-modal__marginRight-97_kitm3","marginRight-98":"universal-modal__marginRight-98_kitm3","marginRight-99":"universal-modal__marginRight-99_kitm3","marginRight-100":"universal-modal__marginRight-100_kitm3","marginRight-101":"universal-modal__marginRight-101_kitm3","marginRight-102":"universal-modal__marginRight-102_kitm3","marginRight-103":"universal-modal__marginRight-103_kitm3","marginRight-104":"universal-modal__marginRight-104_kitm3","marginRight-105":"universal-modal__marginRight-105_kitm3","marginRight-106":"universal-modal__marginRight-106_kitm3","marginRight-107":"universal-modal__marginRight-107_kitm3","marginRight-108":"universal-modal__marginRight-108_kitm3","marginRight-109":"universal-modal__marginRight-109_kitm3","marginRight-110":"universal-modal__marginRight-110_kitm3","marginRight-111":"universal-modal__marginRight-111_kitm3","marginRight-112":"universal-modal__marginRight-112_kitm3","marginRight-113":"universal-modal__marginRight-113_kitm3","marginRight-114":"universal-modal__marginRight-114_kitm3","marginRight-115":"universal-modal__marginRight-115_kitm3","marginRight-116":"universal-modal__marginRight-116_kitm3","marginRight-117":"universal-modal__marginRight-117_kitm3","marginRight-118":"universal-modal__marginRight-118_kitm3","marginRight-119":"universal-modal__marginRight-119_kitm3","marginRight-120":"universal-modal__marginRight-120_kitm3","marginRight-121":"universal-modal__marginRight-121_kitm3","marginRight-122":"universal-modal__marginRight-122_kitm3","marginRight-123":"universal-modal__marginRight-123_kitm3","marginRight-124":"universal-modal__marginRight-124_kitm3","marginRight-125":"universal-modal__marginRight-125_kitm3","marginRight-126":"universal-modal__marginRight-126_kitm3","marginRight-127":"universal-modal__marginRight-127_kitm3","marginRight-128":"universal-modal__marginRight-128_kitm3","marginBottom-0":"universal-modal__marginBottom-0_kitm3","marginBottom-1":"universal-modal__marginBottom-1_kitm3","marginBottom-2":"universal-modal__marginBottom-2_kitm3","marginBottom-3":"universal-modal__marginBottom-3_kitm3","marginBottom-4":"universal-modal__marginBottom-4_kitm3","marginBottom-5":"universal-modal__marginBottom-5_kitm3","marginBottom-6":"universal-modal__marginBottom-6_kitm3","marginBottom-7":"universal-modal__marginBottom-7_kitm3","marginBottom-8":"universal-modal__marginBottom-8_kitm3","marginBottom-9":"universal-modal__marginBottom-9_kitm3","marginBottom-10":"universal-modal__marginBottom-10_kitm3","marginBottom-11":"universal-modal__marginBottom-11_kitm3","marginBottom-12":"universal-modal__marginBottom-12_kitm3","marginBottom-13":"universal-modal__marginBottom-13_kitm3","marginBottom-14":"universal-modal__marginBottom-14_kitm3","marginBottom-15":"universal-modal__marginBottom-15_kitm3","marginBottom-16":"universal-modal__marginBottom-16_kitm3","marginBottom-17":"universal-modal__marginBottom-17_kitm3","marginBottom-18":"universal-modal__marginBottom-18_kitm3","marginBottom-19":"universal-modal__marginBottom-19_kitm3","marginBottom-20":"universal-modal__marginBottom-20_kitm3","marginBottom-21":"universal-modal__marginBottom-21_kitm3","marginBottom-22":"universal-modal__marginBottom-22_kitm3","marginBottom-23":"universal-modal__marginBottom-23_kitm3","marginBottom-24":"universal-modal__marginBottom-24_kitm3","marginBottom-25":"universal-modal__marginBottom-25_kitm3","marginBottom-26":"universal-modal__marginBottom-26_kitm3","marginBottom-27":"universal-modal__marginBottom-27_kitm3","marginBottom-28":"universal-modal__marginBottom-28_kitm3","marginBottom-29":"universal-modal__marginBottom-29_kitm3","marginBottom-30":"universal-modal__marginBottom-30_kitm3","marginBottom-31":"universal-modal__marginBottom-31_kitm3","marginBottom-32":"universal-modal__marginBottom-32_kitm3","marginBottom-33":"universal-modal__marginBottom-33_kitm3","marginBottom-34":"universal-modal__marginBottom-34_kitm3","marginBottom-35":"universal-modal__marginBottom-35_kitm3","marginBottom-36":"universal-modal__marginBottom-36_kitm3","marginBottom-37":"universal-modal__marginBottom-37_kitm3","marginBottom-38":"universal-modal__marginBottom-38_kitm3","marginBottom-39":"universal-modal__marginBottom-39_kitm3","marginBottom-40":"universal-modal__marginBottom-40_kitm3","marginBottom-41":"universal-modal__marginBottom-41_kitm3","marginBottom-42":"universal-modal__marginBottom-42_kitm3","marginBottom-43":"universal-modal__marginBottom-43_kitm3","marginBottom-44":"universal-modal__marginBottom-44_kitm3","marginBottom-45":"universal-modal__marginBottom-45_kitm3","marginBottom-46":"universal-modal__marginBottom-46_kitm3","marginBottom-47":"universal-modal__marginBottom-47_kitm3","marginBottom-48":"universal-modal__marginBottom-48_kitm3","marginBottom-49":"universal-modal__marginBottom-49_kitm3","marginBottom-50":"universal-modal__marginBottom-50_kitm3","marginBottom-51":"universal-modal__marginBottom-51_kitm3","marginBottom-52":"universal-modal__marginBottom-52_kitm3","marginBottom-53":"universal-modal__marginBottom-53_kitm3","marginBottom-54":"universal-modal__marginBottom-54_kitm3","marginBottom-55":"universal-modal__marginBottom-55_kitm3","marginBottom-56":"universal-modal__marginBottom-56_kitm3","marginBottom-57":"universal-modal__marginBottom-57_kitm3","marginBottom-58":"universal-modal__marginBottom-58_kitm3","marginBottom-59":"universal-modal__marginBottom-59_kitm3","marginBottom-60":"universal-modal__marginBottom-60_kitm3","marginBottom-61":"universal-modal__marginBottom-61_kitm3","marginBottom-62":"universal-modal__marginBottom-62_kitm3","marginBottom-63":"universal-modal__marginBottom-63_kitm3","marginBottom-64":"universal-modal__marginBottom-64_kitm3","marginBottom-65":"universal-modal__marginBottom-65_kitm3","marginBottom-66":"universal-modal__marginBottom-66_kitm3","marginBottom-67":"universal-modal__marginBottom-67_kitm3","marginBottom-68":"universal-modal__marginBottom-68_kitm3","marginBottom-69":"universal-modal__marginBottom-69_kitm3","marginBottom-70":"universal-modal__marginBottom-70_kitm3","marginBottom-71":"universal-modal__marginBottom-71_kitm3","marginBottom-72":"universal-modal__marginBottom-72_kitm3","marginBottom-73":"universal-modal__marginBottom-73_kitm3","marginBottom-74":"universal-modal__marginBottom-74_kitm3","marginBottom-75":"universal-modal__marginBottom-75_kitm3","marginBottom-76":"universal-modal__marginBottom-76_kitm3","marginBottom-77":"universal-modal__marginBottom-77_kitm3","marginBottom-78":"universal-modal__marginBottom-78_kitm3","marginBottom-79":"universal-modal__marginBottom-79_kitm3","marginBottom-80":"universal-modal__marginBottom-80_kitm3","marginBottom-81":"universal-modal__marginBottom-81_kitm3","marginBottom-82":"universal-modal__marginBottom-82_kitm3","marginBottom-83":"universal-modal__marginBottom-83_kitm3","marginBottom-84":"universal-modal__marginBottom-84_kitm3","marginBottom-85":"universal-modal__marginBottom-85_kitm3","marginBottom-86":"universal-modal__marginBottom-86_kitm3","marginBottom-87":"universal-modal__marginBottom-87_kitm3","marginBottom-88":"universal-modal__marginBottom-88_kitm3","marginBottom-89":"universal-modal__marginBottom-89_kitm3","marginBottom-90":"universal-modal__marginBottom-90_kitm3","marginBottom-91":"universal-modal__marginBottom-91_kitm3","marginBottom-92":"universal-modal__marginBottom-92_kitm3","marginBottom-93":"universal-modal__marginBottom-93_kitm3","marginBottom-94":"universal-modal__marginBottom-94_kitm3","marginBottom-95":"universal-modal__marginBottom-95_kitm3","marginBottom-96":"universal-modal__marginBottom-96_kitm3","marginBottom-97":"universal-modal__marginBottom-97_kitm3","marginBottom-98":"universal-modal__marginBottom-98_kitm3","marginBottom-99":"universal-modal__marginBottom-99_kitm3","marginBottom-100":"universal-modal__marginBottom-100_kitm3","marginBottom-101":"universal-modal__marginBottom-101_kitm3","marginBottom-102":"universal-modal__marginBottom-102_kitm3","marginBottom-103":"universal-modal__marginBottom-103_kitm3","marginBottom-104":"universal-modal__marginBottom-104_kitm3","marginBottom-105":"universal-modal__marginBottom-105_kitm3","marginBottom-106":"universal-modal__marginBottom-106_kitm3","marginBottom-107":"universal-modal__marginBottom-107_kitm3","marginBottom-108":"universal-modal__marginBottom-108_kitm3","marginBottom-109":"universal-modal__marginBottom-109_kitm3","marginBottom-110":"universal-modal__marginBottom-110_kitm3","marginBottom-111":"universal-modal__marginBottom-111_kitm3","marginBottom-112":"universal-modal__marginBottom-112_kitm3","marginBottom-113":"universal-modal__marginBottom-113_kitm3","marginBottom-114":"universal-modal__marginBottom-114_kitm3","marginBottom-115":"universal-modal__marginBottom-115_kitm3","marginBottom-116":"universal-modal__marginBottom-116_kitm3","marginBottom-117":"universal-modal__marginBottom-117_kitm3","marginBottom-118":"universal-modal__marginBottom-118_kitm3","marginBottom-119":"universal-modal__marginBottom-119_kitm3","marginBottom-120":"universal-modal__marginBottom-120_kitm3","marginBottom-121":"universal-modal__marginBottom-121_kitm3","marginBottom-122":"universal-modal__marginBottom-122_kitm3","marginBottom-123":"universal-modal__marginBottom-123_kitm3","marginBottom-124":"universal-modal__marginBottom-124_kitm3","marginBottom-125":"universal-modal__marginBottom-125_kitm3","marginBottom-126":"universal-modal__marginBottom-126_kitm3","marginBottom-127":"universal-modal__marginBottom-127_kitm3","marginBottom-128":"universal-modal__marginBottom-128_kitm3","marginLeft-0":"universal-modal__marginLeft-0_kitm3","marginLeft-1":"universal-modal__marginLeft-1_kitm3","marginLeft-2":"universal-modal__marginLeft-2_kitm3","marginLeft-3":"universal-modal__marginLeft-3_kitm3","marginLeft-4":"universal-modal__marginLeft-4_kitm3","marginLeft-5":"universal-modal__marginLeft-5_kitm3","marginLeft-6":"universal-modal__marginLeft-6_kitm3","marginLeft-7":"universal-modal__marginLeft-7_kitm3","marginLeft-8":"universal-modal__marginLeft-8_kitm3","marginLeft-9":"universal-modal__marginLeft-9_kitm3","marginLeft-10":"universal-modal__marginLeft-10_kitm3","marginLeft-11":"universal-modal__marginLeft-11_kitm3","marginLeft-12":"universal-modal__marginLeft-12_kitm3","marginLeft-13":"universal-modal__marginLeft-13_kitm3","marginLeft-14":"universal-modal__marginLeft-14_kitm3","marginLeft-15":"universal-modal__marginLeft-15_kitm3","marginLeft-16":"universal-modal__marginLeft-16_kitm3","marginLeft-17":"universal-modal__marginLeft-17_kitm3","marginLeft-18":"universal-modal__marginLeft-18_kitm3","marginLeft-19":"universal-modal__marginLeft-19_kitm3","marginLeft-20":"universal-modal__marginLeft-20_kitm3","marginLeft-21":"universal-modal__marginLeft-21_kitm3","marginLeft-22":"universal-modal__marginLeft-22_kitm3","marginLeft-23":"universal-modal__marginLeft-23_kitm3","marginLeft-24":"universal-modal__marginLeft-24_kitm3","marginLeft-25":"universal-modal__marginLeft-25_kitm3","marginLeft-26":"universal-modal__marginLeft-26_kitm3","marginLeft-27":"universal-modal__marginLeft-27_kitm3","marginLeft-28":"universal-modal__marginLeft-28_kitm3","marginLeft-29":"universal-modal__marginLeft-29_kitm3","marginLeft-30":"universal-modal__marginLeft-30_kitm3","marginLeft-31":"universal-modal__marginLeft-31_kitm3","marginLeft-32":"universal-modal__marginLeft-32_kitm3","marginLeft-33":"universal-modal__marginLeft-33_kitm3","marginLeft-34":"universal-modal__marginLeft-34_kitm3","marginLeft-35":"universal-modal__marginLeft-35_kitm3","marginLeft-36":"universal-modal__marginLeft-36_kitm3","marginLeft-37":"universal-modal__marginLeft-37_kitm3","marginLeft-38":"universal-modal__marginLeft-38_kitm3","marginLeft-39":"universal-modal__marginLeft-39_kitm3","marginLeft-40":"universal-modal__marginLeft-40_kitm3","marginLeft-41":"universal-modal__marginLeft-41_kitm3","marginLeft-42":"universal-modal__marginLeft-42_kitm3","marginLeft-43":"universal-modal__marginLeft-43_kitm3","marginLeft-44":"universal-modal__marginLeft-44_kitm3","marginLeft-45":"universal-modal__marginLeft-45_kitm3","marginLeft-46":"universal-modal__marginLeft-46_kitm3","marginLeft-47":"universal-modal__marginLeft-47_kitm3","marginLeft-48":"universal-modal__marginLeft-48_kitm3","marginLeft-49":"universal-modal__marginLeft-49_kitm3","marginLeft-50":"universal-modal__marginLeft-50_kitm3","marginLeft-51":"universal-modal__marginLeft-51_kitm3","marginLeft-52":"universal-modal__marginLeft-52_kitm3","marginLeft-53":"universal-modal__marginLeft-53_kitm3","marginLeft-54":"universal-modal__marginLeft-54_kitm3","marginLeft-55":"universal-modal__marginLeft-55_kitm3","marginLeft-56":"universal-modal__marginLeft-56_kitm3","marginLeft-57":"universal-modal__marginLeft-57_kitm3","marginLeft-58":"universal-modal__marginLeft-58_kitm3","marginLeft-59":"universal-modal__marginLeft-59_kitm3","marginLeft-60":"universal-modal__marginLeft-60_kitm3","marginLeft-61":"universal-modal__marginLeft-61_kitm3","marginLeft-62":"universal-modal__marginLeft-62_kitm3","marginLeft-63":"universal-modal__marginLeft-63_kitm3","marginLeft-64":"universal-modal__marginLeft-64_kitm3","marginLeft-65":"universal-modal__marginLeft-65_kitm3","marginLeft-66":"universal-modal__marginLeft-66_kitm3","marginLeft-67":"universal-modal__marginLeft-67_kitm3","marginLeft-68":"universal-modal__marginLeft-68_kitm3","marginLeft-69":"universal-modal__marginLeft-69_kitm3","marginLeft-70":"universal-modal__marginLeft-70_kitm3","marginLeft-71":"universal-modal__marginLeft-71_kitm3","marginLeft-72":"universal-modal__marginLeft-72_kitm3","marginLeft-73":"universal-modal__marginLeft-73_kitm3","marginLeft-74":"universal-modal__marginLeft-74_kitm3","marginLeft-75":"universal-modal__marginLeft-75_kitm3","marginLeft-76":"universal-modal__marginLeft-76_kitm3","marginLeft-77":"universal-modal__marginLeft-77_kitm3","marginLeft-78":"universal-modal__marginLeft-78_kitm3","marginLeft-79":"universal-modal__marginLeft-79_kitm3","marginLeft-80":"universal-modal__marginLeft-80_kitm3","marginLeft-81":"universal-modal__marginLeft-81_kitm3","marginLeft-82":"universal-modal__marginLeft-82_kitm3","marginLeft-83":"universal-modal__marginLeft-83_kitm3","marginLeft-84":"universal-modal__marginLeft-84_kitm3","marginLeft-85":"universal-modal__marginLeft-85_kitm3","marginLeft-86":"universal-modal__marginLeft-86_kitm3","marginLeft-87":"universal-modal__marginLeft-87_kitm3","marginLeft-88":"universal-modal__marginLeft-88_kitm3","marginLeft-89":"universal-modal__marginLeft-89_kitm3","marginLeft-90":"universal-modal__marginLeft-90_kitm3","marginLeft-91":"universal-modal__marginLeft-91_kitm3","marginLeft-92":"universal-modal__marginLeft-92_kitm3","marginLeft-93":"universal-modal__marginLeft-93_kitm3","marginLeft-94":"universal-modal__marginLeft-94_kitm3","marginLeft-95":"universal-modal__marginLeft-95_kitm3","marginLeft-96":"universal-modal__marginLeft-96_kitm3","marginLeft-97":"universal-modal__marginLeft-97_kitm3","marginLeft-98":"universal-modal__marginLeft-98_kitm3","marginLeft-99":"universal-modal__marginLeft-99_kitm3","marginLeft-100":"universal-modal__marginLeft-100_kitm3","marginLeft-101":"universal-modal__marginLeft-101_kitm3","marginLeft-102":"universal-modal__marginLeft-102_kitm3","marginLeft-103":"universal-modal__marginLeft-103_kitm3","marginLeft-104":"universal-modal__marginLeft-104_kitm3","marginLeft-105":"universal-modal__marginLeft-105_kitm3","marginLeft-106":"universal-modal__marginLeft-106_kitm3","marginLeft-107":"universal-modal__marginLeft-107_kitm3","marginLeft-108":"universal-modal__marginLeft-108_kitm3","marginLeft-109":"universal-modal__marginLeft-109_kitm3","marginLeft-110":"universal-modal__marginLeft-110_kitm3","marginLeft-111":"universal-modal__marginLeft-111_kitm3","marginLeft-112":"universal-modal__marginLeft-112_kitm3","marginLeft-113":"universal-modal__marginLeft-113_kitm3","marginLeft-114":"universal-modal__marginLeft-114_kitm3","marginLeft-115":"universal-modal__marginLeft-115_kitm3","marginLeft-116":"universal-modal__marginLeft-116_kitm3","marginLeft-117":"universal-modal__marginLeft-117_kitm3","marginLeft-118":"universal-modal__marginLeft-118_kitm3","marginLeft-119":"universal-modal__marginLeft-119_kitm3","marginLeft-120":"universal-modal__marginLeft-120_kitm3","marginLeft-121":"universal-modal__marginLeft-121_kitm3","marginLeft-122":"universal-modal__marginLeft-122_kitm3","marginLeft-123":"universal-modal__marginLeft-123_kitm3","marginLeft-124":"universal-modal__marginLeft-124_kitm3","marginLeft-125":"universal-modal__marginLeft-125_kitm3","marginLeft-126":"universal-modal__marginLeft-126_kitm3","marginLeft-127":"universal-modal__marginLeft-127_kitm3","marginLeft-128":"universal-modal__marginLeft-128_kitm3"};
+require('./index.css');
 
 var SideModal = forwardRef(function (props, ref) {
     var _a, _b;
-    var _c = props.width, width = _c === void 0 ? 500 : _c, _d = props.height, height = _d === void 0 ? 'fullHeight' : _d, _e = props.horizontalAlign, horizontalAlign = _e === void 0 ? 'center' : _e, _f = props.verticalAlign, verticalAlign = _f === void 0 ? 'center' : _f, _g = props.overlay, overlay = _g === void 0 ? true : _g, open = props.open, dataTestId = props.dataTestId, className = props.className, children = props.children, margin = props.margin, onClose = props.onClose, restProps = __rest(props, ["width", "height", "horizontalAlign", "verticalAlign", "overlay", "open", "dataTestId", "className", "children", "margin", "onClose"]);
+    var _c = props.width, width = _c === void 0 ? 500 : _c, _d = props.height, height = _d === void 0 ? 'fullHeight' : _d, _e = props.horizontalAlign, horizontalAlign = _e === void 0 ? 'center' : _e, _f = props.verticalAlign, verticalAlign = _f === void 0 ? 'center' : _f, _g = props.overlay, overlay = _g === void 0 ? true : _g, open = props.open, dataTestId = props.dataTestId, className = props.className, children = props.children, margin = props.margin, scrollableContainerRef = props.scrollableContainerRef, onClose = props.onClose, restProps = __rest(props, ["width", "height", "horizontalAlign", "verticalAlign", "overlay", "open", "dataTestId", "className", "children", "margin", "scrollableContainerRef", "onClose"]);
     var componentRef = useRef(null);
     var contentRef = useRef(null);
-    useModalWidth(width, open, componentRef);
-    useModalHeight(height, open, componentRef);
     var _h = useModalWheel(overlay), wheelDeltaY = _h.wheelDeltaY, handleWheel = _h.handleWheel;
-    var isHorizontalStart = horizontalAlign === 'start';
-    var isHorizontalEnd = horizontalAlign === 'end';
-    var isVerticalCenter = verticalAlign === 'center';
-    var isVerticalBottom = verticalAlign === 'bottom';
     var _j = getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _j.isFullSizeModal, fullSizeModalContentTransitions = _j.componentTransitions, fullSizeModalBackdropTransitions = _j.backdropTransitions;
     return (React.createElement(BaseModal, __assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', disableBlockingScroll: !overlay, wrapperClassName: cn(styles.wrapper, (_a = {},
-            _a[styles.wrapperAlignStart] = isHorizontalStart,
-            _a[styles.wrapperAlignEnd] = isHorizontalEnd,
-            _a[styles.wrapperJustifyCenter] = isVerticalCenter,
-            _a[styles.wrapperJustifyEnd] = isVerticalBottom,
-            _a)), className: cn(styles.component, className, __assign((_b = {}, _b[styles.overlayHidden] = !overlay, _b), getMargins({ styles: styles, margin: margin }))), contentClassName: styles.content, transitionProps: __assign(__assign(__assign({}, getDefaultTransitionProps({
+            _a[styles.wrapperAlignStart] = horizontalAlign === 'start',
+            _a[styles.wrapperAlignEnd] = horizontalAlign === 'end',
+            _a[styles.wrapperJustifyCenter] = verticalAlign === 'center',
+            _a[styles.wrapperJustifyEnd] = verticalAlign === 'bottom',
+            _a)), className: cn(styles.component, className, __assign((_b = {}, _b[styles.overlayHidden] = !overlay, _b), getMarginStyles({ styles: styles, margin: margin }))), contentClassName: styles.content, transitionProps: __assign(__assign(__assign({}, getDefaultTransitionProps({
             horizontalAlign: horizontalAlign,
             margin: margin,
-        })), (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: __assign(__assign({ transparent: !overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), onWheel: handleWheel, onClose: onClose }),
-        React.createElement("div", { className: styles.container },
-            React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
+        })), (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: __assign(__assign({ transparent: !overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), componentDivProps: {
+            style: __assign({ width: getWidthStyle(width, margin), height: getHeightStyle(height, margin) }, (height === 'hugContent' && {
+                maxHeight: getMaxHeightStyle(margin),
+            })),
+        }, onWheel: handleWheel, onClose: onClose }),
+        React.createElement(ModalContent, { height: height, wheelDeltaY: wheelDeltaY, scrollableContainerRef: scrollableContainerRef }, children)));
 });
 
 export { SideModal };