@alfalab/core-components-universal-modal 3.0.7 → 3.1.0

package/modern/desktop/components/side-modal/transitions/transitions.css

@@ -2,321 +2,321 @@
     --universal-modal-transitions-timeout: 200ms;
 }
 
-.universal-modal__enterLeft-0_w01ni {
+.universal-modal__enterLeft-0_1hjkk {
         transform: translateX(calc(-100% - 0px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-2_w01ni {
+.universal-modal__enterLeft-2_1hjkk {
         transform: translateX(calc(-100% - 2px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-4_w01ni {
+.universal-modal__enterLeft-4_1hjkk {
         transform: translateX(calc(-100% - 4px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-8_w01ni {
+.universal-modal__enterLeft-8_1hjkk {
         transform: translateX(calc(-100% - 8px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-12_w01ni {
+.universal-modal__enterLeft-12_1hjkk {
         transform: translateX(calc(-100% - 12px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-16_w01ni {
+.universal-modal__enterLeft-16_1hjkk {
         transform: translateX(calc(-100% - 16px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-20_w01ni {
+.universal-modal__enterLeft-20_1hjkk {
         transform: translateX(calc(-100% - 20px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-24_w01ni {
+.universal-modal__enterLeft-24_1hjkk {
         transform: translateX(calc(-100% - 24px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-32_w01ni {
+.universal-modal__enterLeft-32_1hjkk {
         transform: translateX(calc(-100% - 32px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-40_w01ni {
+.universal-modal__enterLeft-40_1hjkk {
         transform: translateX(calc(-100% - 40px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-48_w01ni {
+.universal-modal__enterLeft-48_1hjkk {
         transform: translateX(calc(-100% - 48px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-56_w01ni {
+.universal-modal__enterLeft-56_1hjkk {
         transform: translateX(calc(-100% - 56px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-64_w01ni {
+.universal-modal__enterLeft-64_1hjkk {
         transform: translateX(calc(-100% - 64px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-72_w01ni {
+.universal-modal__enterLeft-72_1hjkk {
         transform: translateX(calc(-100% - 72px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-80_w01ni {
+.universal-modal__enterLeft-80_1hjkk {
         transform: translateX(calc(-100% - 80px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-96_w01ni {
+.universal-modal__enterLeft-96_1hjkk {
         transform: translateX(calc(-100% - 96px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-128_w01ni {
+.universal-modal__enterLeft-128_1hjkk {
         transform: translateX(calc(-100% - 128px)) translateZ(0);
     }
 
-.universal-modal__enterRight-0_w01ni {
+.universal-modal__enterRight-0_1hjkk {
         transform: translateX(calc(100% + 0px)) translateZ(0);
     }
 
-.universal-modal__enterRight-2_w01ni {
+.universal-modal__enterRight-2_1hjkk {
         transform: translateX(calc(100% + 2px)) translateZ(0);
     }
 
-.universal-modal__enterRight-4_w01ni {
+.universal-modal__enterRight-4_1hjkk {
         transform: translateX(calc(100% + 4px)) translateZ(0);
     }
 
-.universal-modal__enterRight-8_w01ni {
+.universal-modal__enterRight-8_1hjkk {
         transform: translateX(calc(100% + 8px)) translateZ(0);
     }
 
-.universal-modal__enterRight-12_w01ni {
+.universal-modal__enterRight-12_1hjkk {
         transform: translateX(calc(100% + 12px)) translateZ(0);
     }
 
-.universal-modal__enterRight-16_w01ni {
+.universal-modal__enterRight-16_1hjkk {
         transform: translateX(calc(100% + 16px)) translateZ(0);
     }
 
-.universal-modal__enterRight-20_w01ni {
+.universal-modal__enterRight-20_1hjkk {
         transform: translateX(calc(100% + 20px)) translateZ(0);
     }
 
-.universal-modal__enterRight-24_w01ni {
+.universal-modal__enterRight-24_1hjkk {
         transform: translateX(calc(100% + 24px)) translateZ(0);
     }
 
-.universal-modal__enterRight-32_w01ni {
+.universal-modal__enterRight-32_1hjkk {
         transform: translateX(calc(100% + 32px)) translateZ(0);
     }
 
-.universal-modal__enterRight-40_w01ni {
+.universal-modal__enterRight-40_1hjkk {
         transform: translateX(calc(100% + 40px)) translateZ(0);
     }
 
-.universal-modal__enterRight-48_w01ni {
+.universal-modal__enterRight-48_1hjkk {
         transform: translateX(calc(100% + 48px)) translateZ(0);
     }
 
-.universal-modal__enterRight-56_w01ni {
+.universal-modal__enterRight-56_1hjkk {
         transform: translateX(calc(100% + 56px)) translateZ(0);
     }
 
-.universal-modal__enterRight-64_w01ni {
+.universal-modal__enterRight-64_1hjkk {
         transform: translateX(calc(100% + 64px)) translateZ(0);
     }
 
-.universal-modal__enterRight-72_w01ni {
+.universal-modal__enterRight-72_1hjkk {
         transform: translateX(calc(100% + 72px)) translateZ(0);
     }
 
-.universal-modal__enterRight-80_w01ni {
+.universal-modal__enterRight-80_1hjkk {
         transform: translateX(calc(100% + 80px)) translateZ(0);
     }
 
-.universal-modal__enterRight-96_w01ni {
+.universal-modal__enterRight-96_1hjkk {
         transform: translateX(calc(100% + 96px)) translateZ(0);
     }
 
-.universal-modal__enterRight-128_w01ni {
+.universal-modal__enterRight-128_1hjkk {
         transform: translateX(calc(100% + 128px)) translateZ(0);
     }
 
-.universal-modal__enterActive_w01ni {
+.universal-modal__enterActive_1hjkk {
     transform: translateX(0);
     transition: transform var(--universal-modal-transitions-timeout) ease-in;
 }
 
-.universal-modal__enterDone_w01ni {
+.universal-modal__enterDone_1hjkk {
     transform: translateX(0);
 }
 
-.universal-modal__exit_w01ni {
+.universal-modal__exit_1hjkk {
     transform: translateX(0);
 }
 
-.universal-modal__exitActiveLeft-0_w01ni {
+.universal-modal__exitActiveLeft-0_1hjkk {
         transform: translateX(calc(-100% - 0px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-2_w01ni {
+.universal-modal__exitActiveLeft-2_1hjkk {
         transform: translateX(calc(-100% - 2px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-4_w01ni {
+.universal-modal__exitActiveLeft-4_1hjkk {
         transform: translateX(calc(-100% - 4px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-8_w01ni {
+.universal-modal__exitActiveLeft-8_1hjkk {
         transform: translateX(calc(-100% - 8px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-12_w01ni {
+.universal-modal__exitActiveLeft-12_1hjkk {
         transform: translateX(calc(-100% - 12px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-16_w01ni {
+.universal-modal__exitActiveLeft-16_1hjkk {
         transform: translateX(calc(-100% - 16px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-20_w01ni {
+.universal-modal__exitActiveLeft-20_1hjkk {
         transform: translateX(calc(-100% - 20px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-24_w01ni {
+.universal-modal__exitActiveLeft-24_1hjkk {
         transform: translateX(calc(-100% - 24px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-32_w01ni {
+.universal-modal__exitActiveLeft-32_1hjkk {
         transform: translateX(calc(-100% - 32px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-40_w01ni {
+.universal-modal__exitActiveLeft-40_1hjkk {
         transform: translateX(calc(-100% - 40px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-48_w01ni {
+.universal-modal__exitActiveLeft-48_1hjkk {
         transform: translateX(calc(-100% - 48px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-56_w01ni {
+.universal-modal__exitActiveLeft-56_1hjkk {
         transform: translateX(calc(-100% - 56px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-64_w01ni {
+.universal-modal__exitActiveLeft-64_1hjkk {
         transform: translateX(calc(-100% - 64px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-72_w01ni {
+.universal-modal__exitActiveLeft-72_1hjkk {
         transform: translateX(calc(-100% - 72px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-80_w01ni {
+.universal-modal__exitActiveLeft-80_1hjkk {
         transform: translateX(calc(-100% - 80px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-96_w01ni {
+.universal-modal__exitActiveLeft-96_1hjkk {
         transform: translateX(calc(-100% - 96px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-128_w01ni {
+.universal-modal__exitActiveLeft-128_1hjkk {
         transform: translateX(calc(-100% - 128px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-0_w01ni {
+.universal-modal__exitActiveRight-0_1hjkk {
         transform: translateX(calc(100% + 0px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-2_w01ni {
+.universal-modal__exitActiveRight-2_1hjkk {
         transform: translateX(calc(100% + 2px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-4_w01ni {
+.universal-modal__exitActiveRight-4_1hjkk {
         transform: translateX(calc(100% + 4px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-8_w01ni {
+.universal-modal__exitActiveRight-8_1hjkk {
         transform: translateX(calc(100% + 8px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-12_w01ni {
+.universal-modal__exitActiveRight-12_1hjkk {
         transform: translateX(calc(100% + 12px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-16_w01ni {
+.universal-modal__exitActiveRight-16_1hjkk {
         transform: translateX(calc(100% + 16px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-20_w01ni {
+.universal-modal__exitActiveRight-20_1hjkk {
         transform: translateX(calc(100% + 20px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-24_w01ni {
+.universal-modal__exitActiveRight-24_1hjkk {
         transform: translateX(calc(100% + 24px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-32_w01ni {
+.universal-modal__exitActiveRight-32_1hjkk {
         transform: translateX(calc(100% + 32px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-40_w01ni {
+.universal-modal__exitActiveRight-40_1hjkk {
         transform: translateX(calc(100% + 40px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-48_w01ni {
+.universal-modal__exitActiveRight-48_1hjkk {
         transform: translateX(calc(100% + 48px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-56_w01ni {
+.universal-modal__exitActiveRight-56_1hjkk {
         transform: translateX(calc(100% + 56px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-64_w01ni {
+.universal-modal__exitActiveRight-64_1hjkk {
         transform: translateX(calc(100% + 64px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-72_w01ni {
+.universal-modal__exitActiveRight-72_1hjkk {
         transform: translateX(calc(100% + 72px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-80_w01ni {
+.universal-modal__exitActiveRight-80_1hjkk {
         transform: translateX(calc(100% + 80px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-96_w01ni {
+.universal-modal__exitActiveRight-96_1hjkk {
         transform: translateX(calc(100% + 96px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-128_w01ni {
+.universal-modal__exitActiveRight-128_1hjkk {
         transform: translateX(calc(100% + 128px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }

package/modern/desktop/components/side-modal/transitions/transitions.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.css';
 
-const transitions = {"enterLeft-0":"universal-modal__enterLeft-0_w01ni","enterLeft-2":"universal-modal__enterLeft-2_w01ni","enterLeft-4":"universal-modal__enterLeft-4_w01ni","enterLeft-8":"universal-modal__enterLeft-8_w01ni","enterLeft-12":"universal-modal__enterLeft-12_w01ni","enterLeft-16":"universal-modal__enterLeft-16_w01ni","enterLeft-20":"universal-modal__enterLeft-20_w01ni","enterLeft-24":"universal-modal__enterLeft-24_w01ni","enterLeft-32":"universal-modal__enterLeft-32_w01ni","enterLeft-40":"universal-modal__enterLeft-40_w01ni","enterLeft-48":"universal-modal__enterLeft-48_w01ni","enterLeft-56":"universal-modal__enterLeft-56_w01ni","enterLeft-64":"universal-modal__enterLeft-64_w01ni","enterLeft-72":"universal-modal__enterLeft-72_w01ni","enterLeft-80":"universal-modal__enterLeft-80_w01ni","enterLeft-96":"universal-modal__enterLeft-96_w01ni","enterLeft-128":"universal-modal__enterLeft-128_w01ni","enterRight-0":"universal-modal__enterRight-0_w01ni","enterRight-2":"universal-modal__enterRight-2_w01ni","enterRight-4":"universal-modal__enterRight-4_w01ni","enterRight-8":"universal-modal__enterRight-8_w01ni","enterRight-12":"universal-modal__enterRight-12_w01ni","enterRight-16":"universal-modal__enterRight-16_w01ni","enterRight-20":"universal-modal__enterRight-20_w01ni","enterRight-24":"universal-modal__enterRight-24_w01ni","enterRight-32":"universal-modal__enterRight-32_w01ni","enterRight-40":"universal-modal__enterRight-40_w01ni","enterRight-48":"universal-modal__enterRight-48_w01ni","enterRight-56":"universal-modal__enterRight-56_w01ni","enterRight-64":"universal-modal__enterRight-64_w01ni","enterRight-72":"universal-modal__enterRight-72_w01ni","enterRight-80":"universal-modal__enterRight-80_w01ni","enterRight-96":"universal-modal__enterRight-96_w01ni","enterRight-128":"universal-modal__enterRight-128_w01ni","enterActive":"universal-modal__enterActive_w01ni","enterDone":"universal-modal__enterDone_w01ni","exit":"universal-modal__exit_w01ni","exitActiveLeft-0":"universal-modal__exitActiveLeft-0_w01ni","exitActiveLeft-2":"universal-modal__exitActiveLeft-2_w01ni","exitActiveLeft-4":"universal-modal__exitActiveLeft-4_w01ni","exitActiveLeft-8":"universal-modal__exitActiveLeft-8_w01ni","exitActiveLeft-12":"universal-modal__exitActiveLeft-12_w01ni","exitActiveLeft-16":"universal-modal__exitActiveLeft-16_w01ni","exitActiveLeft-20":"universal-modal__exitActiveLeft-20_w01ni","exitActiveLeft-24":"universal-modal__exitActiveLeft-24_w01ni","exitActiveLeft-32":"universal-modal__exitActiveLeft-32_w01ni","exitActiveLeft-40":"universal-modal__exitActiveLeft-40_w01ni","exitActiveLeft-48":"universal-modal__exitActiveLeft-48_w01ni","exitActiveLeft-56":"universal-modal__exitActiveLeft-56_w01ni","exitActiveLeft-64":"universal-modal__exitActiveLeft-64_w01ni","exitActiveLeft-72":"universal-modal__exitActiveLeft-72_w01ni","exitActiveLeft-80":"universal-modal__exitActiveLeft-80_w01ni","exitActiveLeft-96":"universal-modal__exitActiveLeft-96_w01ni","exitActiveLeft-128":"universal-modal__exitActiveLeft-128_w01ni","exitActiveRight-0":"universal-modal__exitActiveRight-0_w01ni","exitActiveRight-2":"universal-modal__exitActiveRight-2_w01ni","exitActiveRight-4":"universal-modal__exitActiveRight-4_w01ni","exitActiveRight-8":"universal-modal__exitActiveRight-8_w01ni","exitActiveRight-12":"universal-modal__exitActiveRight-12_w01ni","exitActiveRight-16":"universal-modal__exitActiveRight-16_w01ni","exitActiveRight-20":"universal-modal__exitActiveRight-20_w01ni","exitActiveRight-24":"universal-modal__exitActiveRight-24_w01ni","exitActiveRight-32":"universal-modal__exitActiveRight-32_w01ni","exitActiveRight-40":"universal-modal__exitActiveRight-40_w01ni","exitActiveRight-48":"universal-modal__exitActiveRight-48_w01ni","exitActiveRight-56":"universal-modal__exitActiveRight-56_w01ni","exitActiveRight-64":"universal-modal__exitActiveRight-64_w01ni","exitActiveRight-72":"universal-modal__exitActiveRight-72_w01ni","exitActiveRight-80":"universal-modal__exitActiveRight-80_w01ni","exitActiveRight-96":"universal-modal__exitActiveRight-96_w01ni","exitActiveRight-128":"universal-modal__exitActiveRight-128_w01ni"};
+const transitions = {"enterLeft-0":"universal-modal__enterLeft-0_1hjkk","enterLeft-2":"universal-modal__enterLeft-2_1hjkk","enterLeft-4":"universal-modal__enterLeft-4_1hjkk","enterLeft-8":"universal-modal__enterLeft-8_1hjkk","enterLeft-12":"universal-modal__enterLeft-12_1hjkk","enterLeft-16":"universal-modal__enterLeft-16_1hjkk","enterLeft-20":"universal-modal__enterLeft-20_1hjkk","enterLeft-24":"universal-modal__enterLeft-24_1hjkk","enterLeft-32":"universal-modal__enterLeft-32_1hjkk","enterLeft-40":"universal-modal__enterLeft-40_1hjkk","enterLeft-48":"universal-modal__enterLeft-48_1hjkk","enterLeft-56":"universal-modal__enterLeft-56_1hjkk","enterLeft-64":"universal-modal__enterLeft-64_1hjkk","enterLeft-72":"universal-modal__enterLeft-72_1hjkk","enterLeft-80":"universal-modal__enterLeft-80_1hjkk","enterLeft-96":"universal-modal__enterLeft-96_1hjkk","enterLeft-128":"universal-modal__enterLeft-128_1hjkk","enterRight-0":"universal-modal__enterRight-0_1hjkk","enterRight-2":"universal-modal__enterRight-2_1hjkk","enterRight-4":"universal-modal__enterRight-4_1hjkk","enterRight-8":"universal-modal__enterRight-8_1hjkk","enterRight-12":"universal-modal__enterRight-12_1hjkk","enterRight-16":"universal-modal__enterRight-16_1hjkk","enterRight-20":"universal-modal__enterRight-20_1hjkk","enterRight-24":"universal-modal__enterRight-24_1hjkk","enterRight-32":"universal-modal__enterRight-32_1hjkk","enterRight-40":"universal-modal__enterRight-40_1hjkk","enterRight-48":"universal-modal__enterRight-48_1hjkk","enterRight-56":"universal-modal__enterRight-56_1hjkk","enterRight-64":"universal-modal__enterRight-64_1hjkk","enterRight-72":"universal-modal__enterRight-72_1hjkk","enterRight-80":"universal-modal__enterRight-80_1hjkk","enterRight-96":"universal-modal__enterRight-96_1hjkk","enterRight-128":"universal-modal__enterRight-128_1hjkk","enterActive":"universal-modal__enterActive_1hjkk","enterDone":"universal-modal__enterDone_1hjkk","exit":"universal-modal__exit_1hjkk","exitActiveLeft-0":"universal-modal__exitActiveLeft-0_1hjkk","exitActiveLeft-2":"universal-modal__exitActiveLeft-2_1hjkk","exitActiveLeft-4":"universal-modal__exitActiveLeft-4_1hjkk","exitActiveLeft-8":"universal-modal__exitActiveLeft-8_1hjkk","exitActiveLeft-12":"universal-modal__exitActiveLeft-12_1hjkk","exitActiveLeft-16":"universal-modal__exitActiveLeft-16_1hjkk","exitActiveLeft-20":"universal-modal__exitActiveLeft-20_1hjkk","exitActiveLeft-24":"universal-modal__exitActiveLeft-24_1hjkk","exitActiveLeft-32":"universal-modal__exitActiveLeft-32_1hjkk","exitActiveLeft-40":"universal-modal__exitActiveLeft-40_1hjkk","exitActiveLeft-48":"universal-modal__exitActiveLeft-48_1hjkk","exitActiveLeft-56":"universal-modal__exitActiveLeft-56_1hjkk","exitActiveLeft-64":"universal-modal__exitActiveLeft-64_1hjkk","exitActiveLeft-72":"universal-modal__exitActiveLeft-72_1hjkk","exitActiveLeft-80":"universal-modal__exitActiveLeft-80_1hjkk","exitActiveLeft-96":"universal-modal__exitActiveLeft-96_1hjkk","exitActiveLeft-128":"universal-modal__exitActiveLeft-128_1hjkk","exitActiveRight-0":"universal-modal__exitActiveRight-0_1hjkk","exitActiveRight-2":"universal-modal__exitActiveRight-2_1hjkk","exitActiveRight-4":"universal-modal__exitActiveRight-4_1hjkk","exitActiveRight-8":"universal-modal__exitActiveRight-8_1hjkk","exitActiveRight-12":"universal-modal__exitActiveRight-12_1hjkk","exitActiveRight-16":"universal-modal__exitActiveRight-16_1hjkk","exitActiveRight-20":"universal-modal__exitActiveRight-20_1hjkk","exitActiveRight-24":"universal-modal__exitActiveRight-24_1hjkk","exitActiveRight-32":"universal-modal__exitActiveRight-32_1hjkk","exitActiveRight-40":"universal-modal__exitActiveRight-40_1hjkk","exitActiveRight-48":"universal-modal__exitActiveRight-48_1hjkk","exitActiveRight-56":"universal-modal__exitActiveRight-56_1hjkk","exitActiveRight-64":"universal-modal__exitActiveRight-64_1hjkk","exitActiveRight-72":"universal-modal__exitActiveRight-72_1hjkk","exitActiveRight-80":"universal-modal__exitActiveRight-80_1hjkk","exitActiveRight-96":"universal-modal__exitActiveRight-96_1hjkk","exitActiveRight-128":"universal-modal__exitActiveRight-128_1hjkk"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.module.css.js.map

package/modern/desktop/hooks/use-scrollable-container-ref.d.ts

@@ -0,0 +1,10 @@
+import { type RefObject, type WheelEvent } from 'react';
+interface Params {
+    overlay: boolean;
+    refObject?: RefObject<HTMLDivElement>;
+}
+export declare const useScrollableContainerRef: ({ overlay, refObject }: Params) => {
+    handleWheel: (e: WheelEvent<HTMLElement>) => void;
+    scrollableContainerRef: RefObject<HTMLDivElement>;
+};
+export {};

package/modern/desktop/hooks/use-scrollable-container-ref.js

@@ -0,0 +1,21 @@
+import { useRef, useCallback } from 'react';
+
+const useScrollableContainerRef = ({ overlay, refObject }) => {
+    const innerScrollableContainerRef = useRef(null);
+    const scrollableContainerRef = refObject || innerScrollableContainerRef;
+    const handleWheel = useCallback((e) => {
+        if (!overlay || e.target !== e.currentTarget) {
+            return;
+        }
+        scrollableContainerRef.current?.scrollBy({
+            top: e.deltaY,
+        });
+    }, [overlay, scrollableContainerRef]);
+    return {
+        handleWheel,
+        scrollableContainerRef,
+    };
+};
+
+export { useScrollableContainerRef };
+//# sourceMappingURL=use-scrollable-container-ref.js.map

package/modern/desktop/hooks/use-scrollable-container-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scrollable-container-ref.js","sources":["../../../src/desktop/hooks/use-scrollable-container-ref.ts"],"sourcesContent":["import { type RefObject, useCallback, useRef, type WheelEvent } from 'react';\n\ninterface Params {\n    overlay: boolean;\n    refObject?: RefObject<HTMLDivElement>;\n}\n\nexport const useScrollableContainerRef = ({ overlay, refObject }: Params) => {\n    const innerScrollableContainerRef = useRef<HTMLDivElement>(null);\n    const scrollableContainerRef = refObject || innerScrollableContainerRef;\n\n    const handleWheel = useCallback(\n        (e: WheelEvent<HTMLElement>) => {\n            if (!overlay || e.target !== e.currentTarget) {\n                return;\n            }\n\n            scrollableContainerRef.current?.scrollBy({\n                top: e.deltaY,\n            });\n        },\n        [overlay, scrollableContainerRef],\n    );\n\n    return {\n        handleWheel,\n        scrollableContainerRef,\n    };\n};\n"],"names":[],"mappings":";;AAOa,MAAA,yBAAyB,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAU,KAAI;AACxE,IAAA,MAAM,2BAA2B,GAAG,MAAM,CAAiB,IAAI,CAAC;AAChE,IAAA,MAAM,sBAAsB,GAAG,SAAS,IAAI,2BAA2B;AAEvE,IAAA,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAA0B,KAAI;QAC3B,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE;YAC1C;;AAGJ,QAAA,sBAAsB,CAAC,OAAO,EAAE,QAAQ,CAAC;YACrC,GAAG,EAAE,CAAC,CAAC,MAAM;AAChB,SAAA,CAAC;AACN,KAAC,EACD,CAAC,OAAO,EAAE,sBAAsB,CAAC,CACpC;IAED,OAAO;QACH,WAAW;QACX,sBAAsB;KACzB;AACL;;;;"}

package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css

@@ -5,7 +5,7 @@
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
 }
-@keyframes universal-modal__step_1_6324j {
+@keyframes universal-modal__step_1_gtxga {
     0% {
         opacity: 1;
     }
@@ -13,7 +13,7 @@
         opacity: 0.5;
     }
 }
-@keyframes universal-modal__step_2_6324j {
+@keyframes universal-modal__step_2_gtxga {
     0% {
         opacity: 0.5;
     }
@@ -22,26 +22,26 @@
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
 }
-.universal-modal__appear_6324j,
-.universal-modal__enter_6324j {
+.universal-modal__appear_gtxga,
+.universal-modal__enter_gtxga {
     background-color: var(--universal-modal-backdrop-hidden-background);
 }
-.universal-modal__appearActive_6324j,
-.universal-modal__enterActive_6324j,
-.universal-modal__appearDone_6324j,
-.universal-modal__enterDone_6324j {
+.universal-modal__appearActive_gtxga,
+.universal-modal__enterActive_gtxga,
+.universal-modal__appearDone_gtxga,
+.universal-modal__enterDone_gtxga {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exit_6324j {
+.universal-modal__exit_gtxga {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exitActive_6324j {
+.universal-modal__exitActive_gtxga {
     opacity: 1;
     animation:
-        universal-modal__step_1_6324j 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_6324j 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+        universal-modal__step_1_gtxga 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_gtxga 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
 }
-.universal-modal__exitDone_6324j {
+.universal-modal__exitDone_gtxga {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-backdrop-transitions.css';
 
-const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_6324j","enter":"universal-modal__enter_6324j","appearActive":"universal-modal__appearActive_6324j","enterActive":"universal-modal__enterActive_6324j","appearDone":"universal-modal__appearDone_6324j","enterDone":"universal-modal__enterDone_6324j","exit":"universal-modal__exit_6324j","exitActive":"universal-modal__exitActive_6324j","step_1":"universal-modal__step_1_6324j","step_2":"universal-modal__step_2_6324j","exitDone":"universal-modal__exitDone_6324j"};
+const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_gtxga","enter":"universal-modal__enter_gtxga","appearActive":"universal-modal__appearActive_gtxga","enterActive":"universal-modal__enterActive_gtxga","appearDone":"universal-modal__appearDone_gtxga","enterDone":"universal-modal__enterDone_gtxga","exit":"universal-modal__exit_gtxga","exitActive":"universal-modal__exitActive_gtxga","step_1":"universal-modal__step_1_gtxga","step_2":"universal-modal__step_2_gtxga","exitDone":"universal-modal__exitDone_gtxga"};
 
 export { fullSizeBackdropTransitions as default };
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_1wvoy,
-.universal-modal__enter_1wvoy {
+.universal-modal__appear_pzfns,
+.universal-modal__enter_pzfns {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_1wvoy,
-.universal-modal__enterActive_1wvoy {
+.universal-modal__appearActive_pzfns,
+.universal-modal__enterActive_pzfns {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_1wvoy {
+.universal-modal__exit_pzfns {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1wvoy,
-.universal-modal__exitDone_1wvoy {
+.universal-modal__exitActive_pzfns,
+.universal-modal__exitDone_pzfns {
     opacity: 0;
     transform: translateY(40px);
     transition:

package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-bottom-transitions.css';
 
-const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_1wvoy","enter":"universal-modal__enter_1wvoy","appearActive":"universal-modal__appearActive_1wvoy","enterActive":"universal-modal__enterActive_1wvoy","exit":"universal-modal__exit_1wvoy","exitActive":"universal-modal__exitActive_1wvoy","exitDone":"universal-modal__exitDone_1wvoy"};
+const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_pzfns","enter":"universal-modal__enter_pzfns","appearActive":"universal-modal__appearActive_pzfns","enterActive":"universal-modal__enterActive_pzfns","exit":"universal-modal__exit_pzfns","exitActive":"universal-modal__exitActive_pzfns","exitDone":"universal-modal__exitDone_pzfns"};
 
 export { fullSizeVerticalBottomTransitions as default };
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -1,20 +1,20 @@
-.universal-modal__appear_19brn,
-.universal-modal__enter_19brn {
+.universal-modal__appear_8pfet,
+.universal-modal__enter_8pfet {
     opacity: 0;
 }
 
-.universal-modal__appearActive_19brn,
-.universal-modal__enterActive_19brn {
+.universal-modal__appearActive_8pfet,
+.universal-modal__enterActive_8pfet {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_19brn {
+.universal-modal__exit_8pfet {
     opacity: 1;
 }
 
-.universal-modal__exitActive_19brn,
-.universal-modal__exitDone_19brn {
+.universal-modal__exitActive_8pfet,
+.universal-modal__exitDone_8pfet {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-center-transitions.css';
 
-const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_19brn","enter":"universal-modal__enter_19brn","appearActive":"universal-modal__appearActive_19brn","enterActive":"universal-modal__enterActive_19brn","exit":"universal-modal__exit_19brn","exitActive":"universal-modal__exitActive_19brn","exitDone":"universal-modal__exitDone_19brn"};
+const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_8pfet","enter":"universal-modal__enter_8pfet","appearActive":"universal-modal__appearActive_8pfet","enterActive":"universal-modal__enterActive_8pfet","exit":"universal-modal__exit_8pfet","exitActive":"universal-modal__exitActive_8pfet","exitDone":"universal-modal__exitDone_8pfet"};
 
 export { fullSizeVerticalCenterTransitions as default };
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_1r3vm,
-.universal-modal__enter_1r3vm {
+.universal-modal__appear_qhje1,
+.universal-modal__enter_qhje1 {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_1r3vm,
-.universal-modal__enterActive_1r3vm {
+.universal-modal__appearActive_qhje1,
+.universal-modal__enterActive_qhje1 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_1r3vm {
+.universal-modal__exit_qhje1 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1r3vm,
-.universal-modal__exitDone_1r3vm {
+.universal-modal__exitActive_qhje1,
+.universal-modal__exitDone_qhje1 {
     opacity: 0;
     transform: translateY(-40px);
     transition: