@alfalab/core-components-universal-modal 1.0.0

package/esm/desktop/components/center-modal/styles/transitions/safari-transitions.css

@@ -0,0 +1,24 @@
+/* hash: 1azjh */
+.universal-modal__appear_8232i,
+.universal-modal__enter_8232i {
+    opacity: 0;
+    transform: translateY(15px) translateZ(0);
+}
+
+.universal-modal__appearActive_8232i,
+.universal-modal__enterActive_8232i {
+    opacity: 1;
+    transform: translateY(0) translateZ(0);
+    transition: opacity 200ms ease-in, transform 200ms ease-in;
+}
+
+.universal-modal__exit_8232i {
+    opacity: 1;
+}
+
+.universal-modal__exitActive_8232i,
+.universal-modal__exitDone_8232i {
+    opacity: 0;
+    transform: translateY(15px) translateZ(0);
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+}

package/esm/desktop/components/center-modal/styles/transitions/transitions.css

@@ -0,0 +1,24 @@
+/* hash: 1qqbw */
+.universal-modal__appear_1toya,
+.universal-modal__enter_1toya {
+    opacity: 0;
+    transform: scale(0.9) translateZ(0);
+}
+
+.universal-modal__appearActive_1toya,
+.universal-modal__enterActive_1toya {
+    opacity: 1;
+    transform: translateX(0) translateZ(0);
+    transition: opacity 200ms ease-in, transform 200ms ease-in;
+}
+
+.universal-modal__exit_1toya {
+    opacity: 1;
+}
+
+.universal-modal__exitActive_1toya,
+.universal-modal__exitDone_1toya {
+    opacity: 0;
+    transform: scale(0.9) translateZ(0);
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+}

package/esm/desktop/components/side-modal/get-default-transition-props.d.ts

@@ -0,0 +1,20 @@
+import { ModalBySideProps } from "../../types/props";
+type Params = {
+    horizontalAlign: ModalBySideProps['horizontalAlign'];
+    margin: ModalBySideProps['margin'];
+};
+declare const getDefaultTransitionProps: (params: Params) => {
+    timeout: number;
+    classNames: {
+        appear: string;
+        enter: string;
+        appearActive: string;
+        enterActive: string;
+        appearDone: string;
+        enterDone: string;
+        exit: string;
+        exitActive: string;
+        exitDone: string;
+    };
+};
+export { getDefaultTransitionProps };

package/esm/desktop/components/side-modal/get-default-transition-props.js

@@ -0,0 +1,35 @@
+import cn from 'classnames';
+
+var transitions = {"enterLeft-0":"universal-modal__enterLeft-0_1mi3l","enterLeft-2":"universal-modal__enterLeft-2_1mi3l","enterLeft-4":"universal-modal__enterLeft-4_1mi3l","enterLeft-8":"universal-modal__enterLeft-8_1mi3l","enterLeft-12":"universal-modal__enterLeft-12_1mi3l","enterLeft-16":"universal-modal__enterLeft-16_1mi3l","enterLeft-20":"universal-modal__enterLeft-20_1mi3l","enterLeft-24":"universal-modal__enterLeft-24_1mi3l","enterLeft-32":"universal-modal__enterLeft-32_1mi3l","enterLeft-40":"universal-modal__enterLeft-40_1mi3l","enterLeft-48":"universal-modal__enterLeft-48_1mi3l","enterLeft-56":"universal-modal__enterLeft-56_1mi3l","enterLeft-64":"universal-modal__enterLeft-64_1mi3l","enterLeft-72":"universal-modal__enterLeft-72_1mi3l","enterLeft-80":"universal-modal__enterLeft-80_1mi3l","enterLeft-96":"universal-modal__enterLeft-96_1mi3l","enterLeft-128":"universal-modal__enterLeft-128_1mi3l","enterRight-0":"universal-modal__enterRight-0_1mi3l","enterRight-2":"universal-modal__enterRight-2_1mi3l","enterRight-4":"universal-modal__enterRight-4_1mi3l","enterRight-8":"universal-modal__enterRight-8_1mi3l","enterRight-12":"universal-modal__enterRight-12_1mi3l","enterRight-16":"universal-modal__enterRight-16_1mi3l","enterRight-20":"universal-modal__enterRight-20_1mi3l","enterRight-24":"universal-modal__enterRight-24_1mi3l","enterRight-32":"universal-modal__enterRight-32_1mi3l","enterRight-40":"universal-modal__enterRight-40_1mi3l","enterRight-48":"universal-modal__enterRight-48_1mi3l","enterRight-56":"universal-modal__enterRight-56_1mi3l","enterRight-64":"universal-modal__enterRight-64_1mi3l","enterRight-72":"universal-modal__enterRight-72_1mi3l","enterRight-80":"universal-modal__enterRight-80_1mi3l","enterRight-96":"universal-modal__enterRight-96_1mi3l","enterRight-128":"universal-modal__enterRight-128_1mi3l","enterActive":"universal-modal__enterActive_1mi3l","enterDone":"universal-modal__enterDone_1mi3l","exit":"universal-modal__exit_1mi3l","exitActiveLeft-0":"universal-modal__exitActiveLeft-0_1mi3l","exitActiveLeft-2":"universal-modal__exitActiveLeft-2_1mi3l","exitActiveLeft-4":"universal-modal__exitActiveLeft-4_1mi3l","exitActiveLeft-8":"universal-modal__exitActiveLeft-8_1mi3l","exitActiveLeft-12":"universal-modal__exitActiveLeft-12_1mi3l","exitActiveLeft-16":"universal-modal__exitActiveLeft-16_1mi3l","exitActiveLeft-20":"universal-modal__exitActiveLeft-20_1mi3l","exitActiveLeft-24":"universal-modal__exitActiveLeft-24_1mi3l","exitActiveLeft-32":"universal-modal__exitActiveLeft-32_1mi3l","exitActiveLeft-40":"universal-modal__exitActiveLeft-40_1mi3l","exitActiveLeft-48":"universal-modal__exitActiveLeft-48_1mi3l","exitActiveLeft-56":"universal-modal__exitActiveLeft-56_1mi3l","exitActiveLeft-64":"universal-modal__exitActiveLeft-64_1mi3l","exitActiveLeft-72":"universal-modal__exitActiveLeft-72_1mi3l","exitActiveLeft-80":"universal-modal__exitActiveLeft-80_1mi3l","exitActiveLeft-96":"universal-modal__exitActiveLeft-96_1mi3l","exitActiveLeft-128":"universal-modal__exitActiveLeft-128_1mi3l","exitActiveRight-0":"universal-modal__exitActiveRight-0_1mi3l","exitActiveRight-2":"universal-modal__exitActiveRight-2_1mi3l","exitActiveRight-4":"universal-modal__exitActiveRight-4_1mi3l","exitActiveRight-8":"universal-modal__exitActiveRight-8_1mi3l","exitActiveRight-12":"universal-modal__exitActiveRight-12_1mi3l","exitActiveRight-16":"universal-modal__exitActiveRight-16_1mi3l","exitActiveRight-20":"universal-modal__exitActiveRight-20_1mi3l","exitActiveRight-24":"universal-modal__exitActiveRight-24_1mi3l","exitActiveRight-32":"universal-modal__exitActiveRight-32_1mi3l","exitActiveRight-40":"universal-modal__exitActiveRight-40_1mi3l","exitActiveRight-48":"universal-modal__exitActiveRight-48_1mi3l","exitActiveRight-56":"universal-modal__exitActiveRight-56_1mi3l","exitActiveRight-64":"universal-modal__exitActiveRight-64_1mi3l","exitActiveRight-72":"universal-modal__exitActiveRight-72_1mi3l","exitActiveRight-80":"universal-modal__exitActiveRight-80_1mi3l","exitActiveRight-96":"universal-modal__exitActiveRight-96_1mi3l","exitActiveRight-128":"universal-modal__exitActiveRight-128_1mi3l"};
+require('./styles/transitions/transitions.css')
+
+var getDefaultTransitionProps = function (params) {
+    var _a, _b;
+    var horizontalAlign = params.horizontalAlign, margin = params.margin;
+    var isHorizontalStart = horizontalAlign === 'start';
+    var isHorizontalEnd = horizontalAlign === 'end';
+    var enterCn = cn((_a = {},
+        _a[transitions["enterLeft-".concat((margin === null || margin === void 0 ? void 0 : margin.left) || 0)]] = isHorizontalStart,
+        _a[transitions["enterRight-".concat((margin === null || margin === void 0 ? void 0 : margin.right) || 0)]] = isHorizontalEnd,
+        _a));
+    var exitCn = cn((_b = {},
+        _b[transitions["exitActiveLeft-".concat((margin === null || margin === void 0 ? void 0 : margin.left) || 0)]] = isHorizontalStart,
+        _b[transitions["exitActiveRight-".concat((margin === null || margin === void 0 ? void 0 : margin.right) || 0)]] = isHorizontalEnd,
+        _b));
+    return {
+        timeout: 200,
+        classNames: {
+            appear: enterCn,
+            enter: enterCn,
+            appearActive: transitions.enterActive,
+            enterActive: transitions.enterActive,
+            appearDone: transitions.enterDone,
+            enterDone: transitions.enterDone,
+            exit: transitions.exit,
+            exitActive: exitCn,
+            exitDone: exitCn,
+        },
+    };
+};
+
+export { getDefaultTransitionProps };

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

@@ -0,0 +1 @@
+export { SideModal } from "./side-modal";

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

@@ -0,0 +1 @@
+export { SideModal } from './side-modal.js';

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

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

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

@@ -0,0 +1,42 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef, useRef } from 'react';
+import cn from 'classnames';
+import { BaseModal } from '@alfalab/core-components-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 { getDefaultTransitionProps } from './get-default-transition-props.js';
+
+var styles = {"wrapper":"universal-modal__wrapper_1nhpx","wrapperAlignStart":"universal-modal__wrapperAlignStart_1nhpx","wrapperAlignEnd":"universal-modal__wrapperAlignEnd_1nhpx","wrapperJustifyCenter":"universal-modal__wrapperJustifyCenter_1nhpx","wrapperJustifyEnd":"universal-modal__wrapperJustifyEnd_1nhpx","component":"universal-modal__component_1nhpx","overlayHidden":"universal-modal__overlayHidden_1nhpx","container":"universal-modal__container_1nhpx","marginTop-0":"universal-modal__marginTop-0_1nhpx","marginTop-1":"universal-modal__marginTop-1_1nhpx","marginTop-2":"universal-modal__marginTop-2_1nhpx","marginTop-3":"universal-modal__marginTop-3_1nhpx","marginTop-4":"universal-modal__marginTop-4_1nhpx","marginTop-5":"universal-modal__marginTop-5_1nhpx","marginTop-6":"universal-modal__marginTop-6_1nhpx","marginTop-7":"universal-modal__marginTop-7_1nhpx","marginTop-8":"universal-modal__marginTop-8_1nhpx","marginTop-9":"universal-modal__marginTop-9_1nhpx","marginTop-10":"universal-modal__marginTop-10_1nhpx","marginTop-11":"universal-modal__marginTop-11_1nhpx","marginTop-12":"universal-modal__marginTop-12_1nhpx","marginTop-13":"universal-modal__marginTop-13_1nhpx","marginTop-14":"universal-modal__marginTop-14_1nhpx","marginTop-15":"universal-modal__marginTop-15_1nhpx","marginTop-16":"universal-modal__marginTop-16_1nhpx","marginTop-17":"universal-modal__marginTop-17_1nhpx","marginTop-18":"universal-modal__marginTop-18_1nhpx","marginTop-19":"universal-modal__marginTop-19_1nhpx","marginTop-20":"universal-modal__marginTop-20_1nhpx","marginTop-21":"universal-modal__marginTop-21_1nhpx","marginTop-22":"universal-modal__marginTop-22_1nhpx","marginTop-23":"universal-modal__marginTop-23_1nhpx","marginTop-24":"universal-modal__marginTop-24_1nhpx","marginTop-25":"universal-modal__marginTop-25_1nhpx","marginTop-26":"universal-modal__marginTop-26_1nhpx","marginTop-27":"universal-modal__marginTop-27_1nhpx","marginTop-28":"universal-modal__marginTop-28_1nhpx","marginTop-29":"universal-modal__marginTop-29_1nhpx","marginTop-30":"universal-modal__marginTop-30_1nhpx","marginTop-31":"universal-modal__marginTop-31_1nhpx","marginTop-32":"universal-modal__marginTop-32_1nhpx","marginTop-33":"universal-modal__marginTop-33_1nhpx","marginTop-34":"universal-modal__marginTop-34_1nhpx","marginTop-35":"universal-modal__marginTop-35_1nhpx","marginTop-36":"universal-modal__marginTop-36_1nhpx","marginTop-37":"universal-modal__marginTop-37_1nhpx","marginTop-38":"universal-modal__marginTop-38_1nhpx","marginTop-39":"universal-modal__marginTop-39_1nhpx","marginTop-40":"universal-modal__marginTop-40_1nhpx","marginTop-41":"universal-modal__marginTop-41_1nhpx","marginTop-42":"universal-modal__marginTop-42_1nhpx","marginTop-43":"universal-modal__marginTop-43_1nhpx","marginTop-44":"universal-modal__marginTop-44_1nhpx","marginTop-45":"universal-modal__marginTop-45_1nhpx","marginTop-46":"universal-modal__marginTop-46_1nhpx","marginTop-47":"universal-modal__marginTop-47_1nhpx","marginTop-48":"universal-modal__marginTop-48_1nhpx","marginTop-49":"universal-modal__marginTop-49_1nhpx","marginTop-50":"universal-modal__marginTop-50_1nhpx","marginTop-51":"universal-modal__marginTop-51_1nhpx","marginTop-52":"universal-modal__marginTop-52_1nhpx","marginTop-53":"universal-modal__marginTop-53_1nhpx","marginTop-54":"universal-modal__marginTop-54_1nhpx","marginTop-55":"universal-modal__marginTop-55_1nhpx","marginTop-56":"universal-modal__marginTop-56_1nhpx","marginTop-57":"universal-modal__marginTop-57_1nhpx","marginTop-58":"universal-modal__marginTop-58_1nhpx","marginTop-59":"universal-modal__marginTop-59_1nhpx","marginTop-60":"universal-modal__marginTop-60_1nhpx","marginTop-61":"universal-modal__marginTop-61_1nhpx","marginTop-62":"universal-modal__marginTop-62_1nhpx","marginTop-63":"universal-modal__marginTop-63_1nhpx","marginTop-64":"universal-modal__marginTop-64_1nhpx","marginTop-65":"universal-modal__marginTop-65_1nhpx","marginTop-66":"universal-modal__marginTop-66_1nhpx","marginTop-67":"universal-modal__marginTop-67_1nhpx","marginTop-68":"universal-modal__marginTop-68_1nhpx","marginTop-69":"universal-modal__marginTop-69_1nhpx","marginTop-70":"universal-modal__marginTop-70_1nhpx","marginTop-71":"universal-modal__marginTop-71_1nhpx","marginTop-72":"universal-modal__marginTop-72_1nhpx","marginTop-73":"universal-modal__marginTop-73_1nhpx","marginTop-74":"universal-modal__marginTop-74_1nhpx","marginTop-75":"universal-modal__marginTop-75_1nhpx","marginTop-76":"universal-modal__marginTop-76_1nhpx","marginTop-77":"universal-modal__marginTop-77_1nhpx","marginTop-78":"universal-modal__marginTop-78_1nhpx","marginTop-79":"universal-modal__marginTop-79_1nhpx","marginTop-80":"universal-modal__marginTop-80_1nhpx","marginTop-81":"universal-modal__marginTop-81_1nhpx","marginTop-82":"universal-modal__marginTop-82_1nhpx","marginTop-83":"universal-modal__marginTop-83_1nhpx","marginTop-84":"universal-modal__marginTop-84_1nhpx","marginTop-85":"universal-modal__marginTop-85_1nhpx","marginTop-86":"universal-modal__marginTop-86_1nhpx","marginTop-87":"universal-modal__marginTop-87_1nhpx","marginTop-88":"universal-modal__marginTop-88_1nhpx","marginTop-89":"universal-modal__marginTop-89_1nhpx","marginTop-90":"universal-modal__marginTop-90_1nhpx","marginTop-91":"universal-modal__marginTop-91_1nhpx","marginTop-92":"universal-modal__marginTop-92_1nhpx","marginTop-93":"universal-modal__marginTop-93_1nhpx","marginTop-94":"universal-modal__marginTop-94_1nhpx","marginTop-95":"universal-modal__marginTop-95_1nhpx","marginTop-96":"universal-modal__marginTop-96_1nhpx","marginTop-97":"universal-modal__marginTop-97_1nhpx","marginTop-98":"universal-modal__marginTop-98_1nhpx","marginTop-99":"universal-modal__marginTop-99_1nhpx","marginTop-100":"universal-modal__marginTop-100_1nhpx","marginTop-101":"universal-modal__marginTop-101_1nhpx","marginTop-102":"universal-modal__marginTop-102_1nhpx","marginTop-103":"universal-modal__marginTop-103_1nhpx","marginTop-104":"universal-modal__marginTop-104_1nhpx","marginTop-105":"universal-modal__marginTop-105_1nhpx","marginTop-106":"universal-modal__marginTop-106_1nhpx","marginTop-107":"universal-modal__marginTop-107_1nhpx","marginTop-108":"universal-modal__marginTop-108_1nhpx","marginTop-109":"universal-modal__marginTop-109_1nhpx","marginTop-110":"universal-modal__marginTop-110_1nhpx","marginTop-111":"universal-modal__marginTop-111_1nhpx","marginTop-112":"universal-modal__marginTop-112_1nhpx","marginTop-113":"universal-modal__marginTop-113_1nhpx","marginTop-114":"universal-modal__marginTop-114_1nhpx","marginTop-115":"universal-modal__marginTop-115_1nhpx","marginTop-116":"universal-modal__marginTop-116_1nhpx","marginTop-117":"universal-modal__marginTop-117_1nhpx","marginTop-118":"universal-modal__marginTop-118_1nhpx","marginTop-119":"universal-modal__marginTop-119_1nhpx","marginTop-120":"universal-modal__marginTop-120_1nhpx","marginTop-121":"universal-modal__marginTop-121_1nhpx","marginTop-122":"universal-modal__marginTop-122_1nhpx","marginTop-123":"universal-modal__marginTop-123_1nhpx","marginTop-124":"universal-modal__marginTop-124_1nhpx","marginTop-125":"universal-modal__marginTop-125_1nhpx","marginTop-126":"universal-modal__marginTop-126_1nhpx","marginTop-127":"universal-modal__marginTop-127_1nhpx","marginTop-128":"universal-modal__marginTop-128_1nhpx","marginRight-0":"universal-modal__marginRight-0_1nhpx","marginRight-1":"universal-modal__marginRight-1_1nhpx","marginRight-2":"universal-modal__marginRight-2_1nhpx","marginRight-3":"universal-modal__marginRight-3_1nhpx","marginRight-4":"universal-modal__marginRight-4_1nhpx","marginRight-5":"universal-modal__marginRight-5_1nhpx","marginRight-6":"universal-modal__marginRight-6_1nhpx","marginRight-7":"universal-modal__marginRight-7_1nhpx","marginRight-8":"universal-modal__marginRight-8_1nhpx","marginRight-9":"universal-modal__marginRight-9_1nhpx","marginRight-10":"universal-modal__marginRight-10_1nhpx","marginRight-11":"universal-modal__marginRight-11_1nhpx","marginRight-12":"universal-modal__marginRight-12_1nhpx","marginRight-13":"universal-modal__marginRight-13_1nhpx","marginRight-14":"universal-modal__marginRight-14_1nhpx","marginRight-15":"universal-modal__marginRight-15_1nhpx","marginRight-16":"universal-modal__marginRight-16_1nhpx","marginRight-17":"universal-modal__marginRight-17_1nhpx","marginRight-18":"universal-modal__marginRight-18_1nhpx","marginRight-19":"universal-modal__marginRight-19_1nhpx","marginRight-20":"universal-modal__marginRight-20_1nhpx","marginRight-21":"universal-modal__marginRight-21_1nhpx","marginRight-22":"universal-modal__marginRight-22_1nhpx","marginRight-23":"universal-modal__marginRight-23_1nhpx","marginRight-24":"universal-modal__marginRight-24_1nhpx","marginRight-25":"universal-modal__marginRight-25_1nhpx","marginRight-26":"universal-modal__marginRight-26_1nhpx","marginRight-27":"universal-modal__marginRight-27_1nhpx","marginRight-28":"universal-modal__marginRight-28_1nhpx","marginRight-29":"universal-modal__marginRight-29_1nhpx","marginRight-30":"universal-modal__marginRight-30_1nhpx","marginRight-31":"universal-modal__marginRight-31_1nhpx","marginRight-32":"universal-modal__marginRight-32_1nhpx","marginRight-33":"universal-modal__marginRight-33_1nhpx","marginRight-34":"universal-modal__marginRight-34_1nhpx","marginRight-35":"universal-modal__marginRight-35_1nhpx","marginRight-36":"universal-modal__marginRight-36_1nhpx","marginRight-37":"universal-modal__marginRight-37_1nhpx","marginRight-38":"universal-modal__marginRight-38_1nhpx","marginRight-39":"universal-modal__marginRight-39_1nhpx","marginRight-40":"universal-modal__marginRight-40_1nhpx","marginRight-41":"universal-modal__marginRight-41_1nhpx","marginRight-42":"universal-modal__marginRight-42_1nhpx","marginRight-43":"universal-modal__marginRight-43_1nhpx","marginRight-44":"universal-modal__marginRight-44_1nhpx","marginRight-45":"universal-modal__marginRight-45_1nhpx","marginRight-46":"universal-modal__marginRight-46_1nhpx","marginRight-47":"universal-modal__marginRight-47_1nhpx","marginRight-48":"universal-modal__marginRight-48_1nhpx","marginRight-49":"universal-modal__marginRight-49_1nhpx","marginRight-50":"universal-modal__marginRight-50_1nhpx","marginRight-51":"universal-modal__marginRight-51_1nhpx","marginRight-52":"universal-modal__marginRight-52_1nhpx","marginRight-53":"universal-modal__marginRight-53_1nhpx","marginRight-54":"universal-modal__marginRight-54_1nhpx","marginRight-55":"universal-modal__marginRight-55_1nhpx","marginRight-56":"universal-modal__marginRight-56_1nhpx","marginRight-57":"universal-modal__marginRight-57_1nhpx","marginRight-58":"universal-modal__marginRight-58_1nhpx","marginRight-59":"universal-modal__marginRight-59_1nhpx","marginRight-60":"universal-modal__marginRight-60_1nhpx","marginRight-61":"universal-modal__marginRight-61_1nhpx","marginRight-62":"universal-modal__marginRight-62_1nhpx","marginRight-63":"universal-modal__marginRight-63_1nhpx","marginRight-64":"universal-modal__marginRight-64_1nhpx","marginRight-65":"universal-modal__marginRight-65_1nhpx","marginRight-66":"universal-modal__marginRight-66_1nhpx","marginRight-67":"universal-modal__marginRight-67_1nhpx","marginRight-68":"universal-modal__marginRight-68_1nhpx","marginRight-69":"universal-modal__marginRight-69_1nhpx","marginRight-70":"universal-modal__marginRight-70_1nhpx","marginRight-71":"universal-modal__marginRight-71_1nhpx","marginRight-72":"universal-modal__marginRight-72_1nhpx","marginRight-73":"universal-modal__marginRight-73_1nhpx","marginRight-74":"universal-modal__marginRight-74_1nhpx","marginRight-75":"universal-modal__marginRight-75_1nhpx","marginRight-76":"universal-modal__marginRight-76_1nhpx","marginRight-77":"universal-modal__marginRight-77_1nhpx","marginRight-78":"universal-modal__marginRight-78_1nhpx","marginRight-79":"universal-modal__marginRight-79_1nhpx","marginRight-80":"universal-modal__marginRight-80_1nhpx","marginRight-81":"universal-modal__marginRight-81_1nhpx","marginRight-82":"universal-modal__marginRight-82_1nhpx","marginRight-83":"universal-modal__marginRight-83_1nhpx","marginRight-84":"universal-modal__marginRight-84_1nhpx","marginRight-85":"universal-modal__marginRight-85_1nhpx","marginRight-86":"universal-modal__marginRight-86_1nhpx","marginRight-87":"universal-modal__marginRight-87_1nhpx","marginRight-88":"universal-modal__marginRight-88_1nhpx","marginRight-89":"universal-modal__marginRight-89_1nhpx","marginRight-90":"universal-modal__marginRight-90_1nhpx","marginRight-91":"universal-modal__marginRight-91_1nhpx","marginRight-92":"universal-modal__marginRight-92_1nhpx","marginRight-93":"universal-modal__marginRight-93_1nhpx","marginRight-94":"universal-modal__marginRight-94_1nhpx","marginRight-95":"universal-modal__marginRight-95_1nhpx","marginRight-96":"universal-modal__marginRight-96_1nhpx","marginRight-97":"universal-modal__marginRight-97_1nhpx","marginRight-98":"universal-modal__marginRight-98_1nhpx","marginRight-99":"universal-modal__marginRight-99_1nhpx","marginRight-100":"universal-modal__marginRight-100_1nhpx","marginRight-101":"universal-modal__marginRight-101_1nhpx","marginRight-102":"universal-modal__marginRight-102_1nhpx","marginRight-103":"universal-modal__marginRight-103_1nhpx","marginRight-104":"universal-modal__marginRight-104_1nhpx","marginRight-105":"universal-modal__marginRight-105_1nhpx","marginRight-106":"universal-modal__marginRight-106_1nhpx","marginRight-107":"universal-modal__marginRight-107_1nhpx","marginRight-108":"universal-modal__marginRight-108_1nhpx","marginRight-109":"universal-modal__marginRight-109_1nhpx","marginRight-110":"universal-modal__marginRight-110_1nhpx","marginRight-111":"universal-modal__marginRight-111_1nhpx","marginRight-112":"universal-modal__marginRight-112_1nhpx","marginRight-113":"universal-modal__marginRight-113_1nhpx","marginRight-114":"universal-modal__marginRight-114_1nhpx","marginRight-115":"universal-modal__marginRight-115_1nhpx","marginRight-116":"universal-modal__marginRight-116_1nhpx","marginRight-117":"universal-modal__marginRight-117_1nhpx","marginRight-118":"universal-modal__marginRight-118_1nhpx","marginRight-119":"universal-modal__marginRight-119_1nhpx","marginRight-120":"universal-modal__marginRight-120_1nhpx","marginRight-121":"universal-modal__marginRight-121_1nhpx","marginRight-122":"universal-modal__marginRight-122_1nhpx","marginRight-123":"universal-modal__marginRight-123_1nhpx","marginRight-124":"universal-modal__marginRight-124_1nhpx","marginRight-125":"universal-modal__marginRight-125_1nhpx","marginRight-126":"universal-modal__marginRight-126_1nhpx","marginRight-127":"universal-modal__marginRight-127_1nhpx","marginRight-128":"universal-modal__marginRight-128_1nhpx","marginBottom-0":"universal-modal__marginBottom-0_1nhpx","marginBottom-1":"universal-modal__marginBottom-1_1nhpx","marginBottom-2":"universal-modal__marginBottom-2_1nhpx","marginBottom-3":"universal-modal__marginBottom-3_1nhpx","marginBottom-4":"universal-modal__marginBottom-4_1nhpx","marginBottom-5":"universal-modal__marginBottom-5_1nhpx","marginBottom-6":"universal-modal__marginBottom-6_1nhpx","marginBottom-7":"universal-modal__marginBottom-7_1nhpx","marginBottom-8":"universal-modal__marginBottom-8_1nhpx","marginBottom-9":"universal-modal__marginBottom-9_1nhpx","marginBottom-10":"universal-modal__marginBottom-10_1nhpx","marginBottom-11":"universal-modal__marginBottom-11_1nhpx","marginBottom-12":"universal-modal__marginBottom-12_1nhpx","marginBottom-13":"universal-modal__marginBottom-13_1nhpx","marginBottom-14":"universal-modal__marginBottom-14_1nhpx","marginBottom-15":"universal-modal__marginBottom-15_1nhpx","marginBottom-16":"universal-modal__marginBottom-16_1nhpx","marginBottom-17":"universal-modal__marginBottom-17_1nhpx","marginBottom-18":"universal-modal__marginBottom-18_1nhpx","marginBottom-19":"universal-modal__marginBottom-19_1nhpx","marginBottom-20":"universal-modal__marginBottom-20_1nhpx","marginBottom-21":"universal-modal__marginBottom-21_1nhpx","marginBottom-22":"universal-modal__marginBottom-22_1nhpx","marginBottom-23":"universal-modal__marginBottom-23_1nhpx","marginBottom-24":"universal-modal__marginBottom-24_1nhpx","marginBottom-25":"universal-modal__marginBottom-25_1nhpx","marginBottom-26":"universal-modal__marginBottom-26_1nhpx","marginBottom-27":"universal-modal__marginBottom-27_1nhpx","marginBottom-28":"universal-modal__marginBottom-28_1nhpx","marginBottom-29":"universal-modal__marginBottom-29_1nhpx","marginBottom-30":"universal-modal__marginBottom-30_1nhpx","marginBottom-31":"universal-modal__marginBottom-31_1nhpx","marginBottom-32":"universal-modal__marginBottom-32_1nhpx","marginBottom-33":"universal-modal__marginBottom-33_1nhpx","marginBottom-34":"universal-modal__marginBottom-34_1nhpx","marginBottom-35":"universal-modal__marginBottom-35_1nhpx","marginBottom-36":"universal-modal__marginBottom-36_1nhpx","marginBottom-37":"universal-modal__marginBottom-37_1nhpx","marginBottom-38":"universal-modal__marginBottom-38_1nhpx","marginBottom-39":"universal-modal__marginBottom-39_1nhpx","marginBottom-40":"universal-modal__marginBottom-40_1nhpx","marginBottom-41":"universal-modal__marginBottom-41_1nhpx","marginBottom-42":"universal-modal__marginBottom-42_1nhpx","marginBottom-43":"universal-modal__marginBottom-43_1nhpx","marginBottom-44":"universal-modal__marginBottom-44_1nhpx","marginBottom-45":"universal-modal__marginBottom-45_1nhpx","marginBottom-46":"universal-modal__marginBottom-46_1nhpx","marginBottom-47":"universal-modal__marginBottom-47_1nhpx","marginBottom-48":"universal-modal__marginBottom-48_1nhpx","marginBottom-49":"universal-modal__marginBottom-49_1nhpx","marginBottom-50":"universal-modal__marginBottom-50_1nhpx","marginBottom-51":"universal-modal__marginBottom-51_1nhpx","marginBottom-52":"universal-modal__marginBottom-52_1nhpx","marginBottom-53":"universal-modal__marginBottom-53_1nhpx","marginBottom-54":"universal-modal__marginBottom-54_1nhpx","marginBottom-55":"universal-modal__marginBottom-55_1nhpx","marginBottom-56":"universal-modal__marginBottom-56_1nhpx","marginBottom-57":"universal-modal__marginBottom-57_1nhpx","marginBottom-58":"universal-modal__marginBottom-58_1nhpx","marginBottom-59":"universal-modal__marginBottom-59_1nhpx","marginBottom-60":"universal-modal__marginBottom-60_1nhpx","marginBottom-61":"universal-modal__marginBottom-61_1nhpx","marginBottom-62":"universal-modal__marginBottom-62_1nhpx","marginBottom-63":"universal-modal__marginBottom-63_1nhpx","marginBottom-64":"universal-modal__marginBottom-64_1nhpx","marginBottom-65":"universal-modal__marginBottom-65_1nhpx","marginBottom-66":"universal-modal__marginBottom-66_1nhpx","marginBottom-67":"universal-modal__marginBottom-67_1nhpx","marginBottom-68":"universal-modal__marginBottom-68_1nhpx","marginBottom-69":"universal-modal__marginBottom-69_1nhpx","marginBottom-70":"universal-modal__marginBottom-70_1nhpx","marginBottom-71":"universal-modal__marginBottom-71_1nhpx","marginBottom-72":"universal-modal__marginBottom-72_1nhpx","marginBottom-73":"universal-modal__marginBottom-73_1nhpx","marginBottom-74":"universal-modal__marginBottom-74_1nhpx","marginBottom-75":"universal-modal__marginBottom-75_1nhpx","marginBottom-76":"universal-modal__marginBottom-76_1nhpx","marginBottom-77":"universal-modal__marginBottom-77_1nhpx","marginBottom-78":"universal-modal__marginBottom-78_1nhpx","marginBottom-79":"universal-modal__marginBottom-79_1nhpx","marginBottom-80":"universal-modal__marginBottom-80_1nhpx","marginBottom-81":"universal-modal__marginBottom-81_1nhpx","marginBottom-82":"universal-modal__marginBottom-82_1nhpx","marginBottom-83":"universal-modal__marginBottom-83_1nhpx","marginBottom-84":"universal-modal__marginBottom-84_1nhpx","marginBottom-85":"universal-modal__marginBottom-85_1nhpx","marginBottom-86":"universal-modal__marginBottom-86_1nhpx","marginBottom-87":"universal-modal__marginBottom-87_1nhpx","marginBottom-88":"universal-modal__marginBottom-88_1nhpx","marginBottom-89":"universal-modal__marginBottom-89_1nhpx","marginBottom-90":"universal-modal__marginBottom-90_1nhpx","marginBottom-91":"universal-modal__marginBottom-91_1nhpx","marginBottom-92":"universal-modal__marginBottom-92_1nhpx","marginBottom-93":"universal-modal__marginBottom-93_1nhpx","marginBottom-94":"universal-modal__marginBottom-94_1nhpx","marginBottom-95":"universal-modal__marginBottom-95_1nhpx","marginBottom-96":"universal-modal__marginBottom-96_1nhpx","marginBottom-97":"universal-modal__marginBottom-97_1nhpx","marginBottom-98":"universal-modal__marginBottom-98_1nhpx","marginBottom-99":"universal-modal__marginBottom-99_1nhpx","marginBottom-100":"universal-modal__marginBottom-100_1nhpx","marginBottom-101":"universal-modal__marginBottom-101_1nhpx","marginBottom-102":"universal-modal__marginBottom-102_1nhpx","marginBottom-103":"universal-modal__marginBottom-103_1nhpx","marginBottom-104":"universal-modal__marginBottom-104_1nhpx","marginBottom-105":"universal-modal__marginBottom-105_1nhpx","marginBottom-106":"universal-modal__marginBottom-106_1nhpx","marginBottom-107":"universal-modal__marginBottom-107_1nhpx","marginBottom-108":"universal-modal__marginBottom-108_1nhpx","marginBottom-109":"universal-modal__marginBottom-109_1nhpx","marginBottom-110":"universal-modal__marginBottom-110_1nhpx","marginBottom-111":"universal-modal__marginBottom-111_1nhpx","marginBottom-112":"universal-modal__marginBottom-112_1nhpx","marginBottom-113":"universal-modal__marginBottom-113_1nhpx","marginBottom-114":"universal-modal__marginBottom-114_1nhpx","marginBottom-115":"universal-modal__marginBottom-115_1nhpx","marginBottom-116":"universal-modal__marginBottom-116_1nhpx","marginBottom-117":"universal-modal__marginBottom-117_1nhpx","marginBottom-118":"universal-modal__marginBottom-118_1nhpx","marginBottom-119":"universal-modal__marginBottom-119_1nhpx","marginBottom-120":"universal-modal__marginBottom-120_1nhpx","marginBottom-121":"universal-modal__marginBottom-121_1nhpx","marginBottom-122":"universal-modal__marginBottom-122_1nhpx","marginBottom-123":"universal-modal__marginBottom-123_1nhpx","marginBottom-124":"universal-modal__marginBottom-124_1nhpx","marginBottom-125":"universal-modal__marginBottom-125_1nhpx","marginBottom-126":"universal-modal__marginBottom-126_1nhpx","marginBottom-127":"universal-modal__marginBottom-127_1nhpx","marginBottom-128":"universal-modal__marginBottom-128_1nhpx","marginLeft-0":"universal-modal__marginLeft-0_1nhpx","marginLeft-1":"universal-modal__marginLeft-1_1nhpx","marginLeft-2":"universal-modal__marginLeft-2_1nhpx","marginLeft-3":"universal-modal__marginLeft-3_1nhpx","marginLeft-4":"universal-modal__marginLeft-4_1nhpx","marginLeft-5":"universal-modal__marginLeft-5_1nhpx","marginLeft-6":"universal-modal__marginLeft-6_1nhpx","marginLeft-7":"universal-modal__marginLeft-7_1nhpx","marginLeft-8":"universal-modal__marginLeft-8_1nhpx","marginLeft-9":"universal-modal__marginLeft-9_1nhpx","marginLeft-10":"universal-modal__marginLeft-10_1nhpx","marginLeft-11":"universal-modal__marginLeft-11_1nhpx","marginLeft-12":"universal-modal__marginLeft-12_1nhpx","marginLeft-13":"universal-modal__marginLeft-13_1nhpx","marginLeft-14":"universal-modal__marginLeft-14_1nhpx","marginLeft-15":"universal-modal__marginLeft-15_1nhpx","marginLeft-16":"universal-modal__marginLeft-16_1nhpx","marginLeft-17":"universal-modal__marginLeft-17_1nhpx","marginLeft-18":"universal-modal__marginLeft-18_1nhpx","marginLeft-19":"universal-modal__marginLeft-19_1nhpx","marginLeft-20":"universal-modal__marginLeft-20_1nhpx","marginLeft-21":"universal-modal__marginLeft-21_1nhpx","marginLeft-22":"universal-modal__marginLeft-22_1nhpx","marginLeft-23":"universal-modal__marginLeft-23_1nhpx","marginLeft-24":"universal-modal__marginLeft-24_1nhpx","marginLeft-25":"universal-modal__marginLeft-25_1nhpx","marginLeft-26":"universal-modal__marginLeft-26_1nhpx","marginLeft-27":"universal-modal__marginLeft-27_1nhpx","marginLeft-28":"universal-modal__marginLeft-28_1nhpx","marginLeft-29":"universal-modal__marginLeft-29_1nhpx","marginLeft-30":"universal-modal__marginLeft-30_1nhpx","marginLeft-31":"universal-modal__marginLeft-31_1nhpx","marginLeft-32":"universal-modal__marginLeft-32_1nhpx","marginLeft-33":"universal-modal__marginLeft-33_1nhpx","marginLeft-34":"universal-modal__marginLeft-34_1nhpx","marginLeft-35":"universal-modal__marginLeft-35_1nhpx","marginLeft-36":"universal-modal__marginLeft-36_1nhpx","marginLeft-37":"universal-modal__marginLeft-37_1nhpx","marginLeft-38":"universal-modal__marginLeft-38_1nhpx","marginLeft-39":"universal-modal__marginLeft-39_1nhpx","marginLeft-40":"universal-modal__marginLeft-40_1nhpx","marginLeft-41":"universal-modal__marginLeft-41_1nhpx","marginLeft-42":"universal-modal__marginLeft-42_1nhpx","marginLeft-43":"universal-modal__marginLeft-43_1nhpx","marginLeft-44":"universal-modal__marginLeft-44_1nhpx","marginLeft-45":"universal-modal__marginLeft-45_1nhpx","marginLeft-46":"universal-modal__marginLeft-46_1nhpx","marginLeft-47":"universal-modal__marginLeft-47_1nhpx","marginLeft-48":"universal-modal__marginLeft-48_1nhpx","marginLeft-49":"universal-modal__marginLeft-49_1nhpx","marginLeft-50":"universal-modal__marginLeft-50_1nhpx","marginLeft-51":"universal-modal__marginLeft-51_1nhpx","marginLeft-52":"universal-modal__marginLeft-52_1nhpx","marginLeft-53":"universal-modal__marginLeft-53_1nhpx","marginLeft-54":"universal-modal__marginLeft-54_1nhpx","marginLeft-55":"universal-modal__marginLeft-55_1nhpx","marginLeft-56":"universal-modal__marginLeft-56_1nhpx","marginLeft-57":"universal-modal__marginLeft-57_1nhpx","marginLeft-58":"universal-modal__marginLeft-58_1nhpx","marginLeft-59":"universal-modal__marginLeft-59_1nhpx","marginLeft-60":"universal-modal__marginLeft-60_1nhpx","marginLeft-61":"universal-modal__marginLeft-61_1nhpx","marginLeft-62":"universal-modal__marginLeft-62_1nhpx","marginLeft-63":"universal-modal__marginLeft-63_1nhpx","marginLeft-64":"universal-modal__marginLeft-64_1nhpx","marginLeft-65":"universal-modal__marginLeft-65_1nhpx","marginLeft-66":"universal-modal__marginLeft-66_1nhpx","marginLeft-67":"universal-modal__marginLeft-67_1nhpx","marginLeft-68":"universal-modal__marginLeft-68_1nhpx","marginLeft-69":"universal-modal__marginLeft-69_1nhpx","marginLeft-70":"universal-modal__marginLeft-70_1nhpx","marginLeft-71":"universal-modal__marginLeft-71_1nhpx","marginLeft-72":"universal-modal__marginLeft-72_1nhpx","marginLeft-73":"universal-modal__marginLeft-73_1nhpx","marginLeft-74":"universal-modal__marginLeft-74_1nhpx","marginLeft-75":"universal-modal__marginLeft-75_1nhpx","marginLeft-76":"universal-modal__marginLeft-76_1nhpx","marginLeft-77":"universal-modal__marginLeft-77_1nhpx","marginLeft-78":"universal-modal__marginLeft-78_1nhpx","marginLeft-79":"universal-modal__marginLeft-79_1nhpx","marginLeft-80":"universal-modal__marginLeft-80_1nhpx","marginLeft-81":"universal-modal__marginLeft-81_1nhpx","marginLeft-82":"universal-modal__marginLeft-82_1nhpx","marginLeft-83":"universal-modal__marginLeft-83_1nhpx","marginLeft-84":"universal-modal__marginLeft-84_1nhpx","marginLeft-85":"universal-modal__marginLeft-85_1nhpx","marginLeft-86":"universal-modal__marginLeft-86_1nhpx","marginLeft-87":"universal-modal__marginLeft-87_1nhpx","marginLeft-88":"universal-modal__marginLeft-88_1nhpx","marginLeft-89":"universal-modal__marginLeft-89_1nhpx","marginLeft-90":"universal-modal__marginLeft-90_1nhpx","marginLeft-91":"universal-modal__marginLeft-91_1nhpx","marginLeft-92":"universal-modal__marginLeft-92_1nhpx","marginLeft-93":"universal-modal__marginLeft-93_1nhpx","marginLeft-94":"universal-modal__marginLeft-94_1nhpx","marginLeft-95":"universal-modal__marginLeft-95_1nhpx","marginLeft-96":"universal-modal__marginLeft-96_1nhpx","marginLeft-97":"universal-modal__marginLeft-97_1nhpx","marginLeft-98":"universal-modal__marginLeft-98_1nhpx","marginLeft-99":"universal-modal__marginLeft-99_1nhpx","marginLeft-100":"universal-modal__marginLeft-100_1nhpx","marginLeft-101":"universal-modal__marginLeft-101_1nhpx","marginLeft-102":"universal-modal__marginLeft-102_1nhpx","marginLeft-103":"universal-modal__marginLeft-103_1nhpx","marginLeft-104":"universal-modal__marginLeft-104_1nhpx","marginLeft-105":"universal-modal__marginLeft-105_1nhpx","marginLeft-106":"universal-modal__marginLeft-106_1nhpx","marginLeft-107":"universal-modal__marginLeft-107_1nhpx","marginLeft-108":"universal-modal__marginLeft-108_1nhpx","marginLeft-109":"universal-modal__marginLeft-109_1nhpx","marginLeft-110":"universal-modal__marginLeft-110_1nhpx","marginLeft-111":"universal-modal__marginLeft-111_1nhpx","marginLeft-112":"universal-modal__marginLeft-112_1nhpx","marginLeft-113":"universal-modal__marginLeft-113_1nhpx","marginLeft-114":"universal-modal__marginLeft-114_1nhpx","marginLeft-115":"universal-modal__marginLeft-115_1nhpx","marginLeft-116":"universal-modal__marginLeft-116_1nhpx","marginLeft-117":"universal-modal__marginLeft-117_1nhpx","marginLeft-118":"universal-modal__marginLeft-118_1nhpx","marginLeft-119":"universal-modal__marginLeft-119_1nhpx","marginLeft-120":"universal-modal__marginLeft-120_1nhpx","marginLeft-121":"universal-modal__marginLeft-121_1nhpx","marginLeft-122":"universal-modal__marginLeft-122_1nhpx","marginLeft-123":"universal-modal__marginLeft-123_1nhpx","marginLeft-124":"universal-modal__marginLeft-124_1nhpx","marginLeft-125":"universal-modal__marginLeft-125_1nhpx","marginLeft-126":"universal-modal__marginLeft-126_1nhpx","marginLeft-127":"universal-modal__marginLeft-127_1nhpx","marginLeft-128":"universal-modal__marginLeft-128_1nhpx"};
+require('./styles/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 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({
+            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))));
+});
+
+export { SideModal };