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

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

@@ -2,321 +2,321 @@
     --universal-modal-transitions-timeout: 200ms;
 }
 
-.universal-modal__enterLeft-0_1trg3 {
+.universal-modal__enterLeft-0_a4a58 {
         transform: translateX(calc(-100% - 0px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-2_1trg3 {
+.universal-modal__enterLeft-2_a4a58 {
         transform: translateX(calc(-100% - 2px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-4_1trg3 {
+.universal-modal__enterLeft-4_a4a58 {
         transform: translateX(calc(-100% - 4px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-8_1trg3 {
+.universal-modal__enterLeft-8_a4a58 {
         transform: translateX(calc(-100% - 8px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-12_1trg3 {
+.universal-modal__enterLeft-12_a4a58 {
         transform: translateX(calc(-100% - 12px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-16_1trg3 {
+.universal-modal__enterLeft-16_a4a58 {
         transform: translateX(calc(-100% - 16px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-20_1trg3 {
+.universal-modal__enterLeft-20_a4a58 {
         transform: translateX(calc(-100% - 20px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-24_1trg3 {
+.universal-modal__enterLeft-24_a4a58 {
         transform: translateX(calc(-100% - 24px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-32_1trg3 {
+.universal-modal__enterLeft-32_a4a58 {
         transform: translateX(calc(-100% - 32px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-40_1trg3 {
+.universal-modal__enterLeft-40_a4a58 {
         transform: translateX(calc(-100% - 40px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-48_1trg3 {
+.universal-modal__enterLeft-48_a4a58 {
         transform: translateX(calc(-100% - 48px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-56_1trg3 {
+.universal-modal__enterLeft-56_a4a58 {
         transform: translateX(calc(-100% - 56px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-64_1trg3 {
+.universal-modal__enterLeft-64_a4a58 {
         transform: translateX(calc(-100% - 64px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-72_1trg3 {
+.universal-modal__enterLeft-72_a4a58 {
         transform: translateX(calc(-100% - 72px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-80_1trg3 {
+.universal-modal__enterLeft-80_a4a58 {
         transform: translateX(calc(-100% - 80px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-96_1trg3 {
+.universal-modal__enterLeft-96_a4a58 {
         transform: translateX(calc(-100% - 96px)) translateZ(0);
     }
 
-.universal-modal__enterLeft-128_1trg3 {
+.universal-modal__enterLeft-128_a4a58 {
         transform: translateX(calc(-100% - 128px)) translateZ(0);
     }
 
-.universal-modal__enterRight-0_1trg3 {
+.universal-modal__enterRight-0_a4a58 {
         transform: translateX(calc(100% + 0px)) translateZ(0);
     }
 
-.universal-modal__enterRight-2_1trg3 {
+.universal-modal__enterRight-2_a4a58 {
         transform: translateX(calc(100% + 2px)) translateZ(0);
     }
 
-.universal-modal__enterRight-4_1trg3 {
+.universal-modal__enterRight-4_a4a58 {
         transform: translateX(calc(100% + 4px)) translateZ(0);
     }
 
-.universal-modal__enterRight-8_1trg3 {
+.universal-modal__enterRight-8_a4a58 {
         transform: translateX(calc(100% + 8px)) translateZ(0);
     }
 
-.universal-modal__enterRight-12_1trg3 {
+.universal-modal__enterRight-12_a4a58 {
         transform: translateX(calc(100% + 12px)) translateZ(0);
     }
 
-.universal-modal__enterRight-16_1trg3 {
+.universal-modal__enterRight-16_a4a58 {
         transform: translateX(calc(100% + 16px)) translateZ(0);
     }
 
-.universal-modal__enterRight-20_1trg3 {
+.universal-modal__enterRight-20_a4a58 {
         transform: translateX(calc(100% + 20px)) translateZ(0);
     }
 
-.universal-modal__enterRight-24_1trg3 {
+.universal-modal__enterRight-24_a4a58 {
         transform: translateX(calc(100% + 24px)) translateZ(0);
     }
 
-.universal-modal__enterRight-32_1trg3 {
+.universal-modal__enterRight-32_a4a58 {
         transform: translateX(calc(100% + 32px)) translateZ(0);
     }
 
-.universal-modal__enterRight-40_1trg3 {
+.universal-modal__enterRight-40_a4a58 {
         transform: translateX(calc(100% + 40px)) translateZ(0);
     }
 
-.universal-modal__enterRight-48_1trg3 {
+.universal-modal__enterRight-48_a4a58 {
         transform: translateX(calc(100% + 48px)) translateZ(0);
     }
 
-.universal-modal__enterRight-56_1trg3 {
+.universal-modal__enterRight-56_a4a58 {
         transform: translateX(calc(100% + 56px)) translateZ(0);
     }
 
-.universal-modal__enterRight-64_1trg3 {
+.universal-modal__enterRight-64_a4a58 {
         transform: translateX(calc(100% + 64px)) translateZ(0);
     }
 
-.universal-modal__enterRight-72_1trg3 {
+.universal-modal__enterRight-72_a4a58 {
         transform: translateX(calc(100% + 72px)) translateZ(0);
     }
 
-.universal-modal__enterRight-80_1trg3 {
+.universal-modal__enterRight-80_a4a58 {
         transform: translateX(calc(100% + 80px)) translateZ(0);
     }
 
-.universal-modal__enterRight-96_1trg3 {
+.universal-modal__enterRight-96_a4a58 {
         transform: translateX(calc(100% + 96px)) translateZ(0);
     }
 
-.universal-modal__enterRight-128_1trg3 {
+.universal-modal__enterRight-128_a4a58 {
         transform: translateX(calc(100% + 128px)) translateZ(0);
     }
 
-.universal-modal__enterActive_1trg3 {
+.universal-modal__enterActive_a4a58 {
     transform: translateX(0);
     transition: transform var(--universal-modal-transitions-timeout) ease-in;
 }
 
-.universal-modal__enterDone_1trg3 {
+.universal-modal__enterDone_a4a58 {
     transform: translateX(0);
 }
 
-.universal-modal__exit_1trg3 {
+.universal-modal__exit_a4a58 {
     transform: translateX(0);
 }
 
-.universal-modal__exitActiveLeft-0_1trg3 {
+.universal-modal__exitActiveLeft-0_a4a58 {
         transform: translateX(calc(-100% - 0px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-2_1trg3 {
+.universal-modal__exitActiveLeft-2_a4a58 {
         transform: translateX(calc(-100% - 2px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-4_1trg3 {
+.universal-modal__exitActiveLeft-4_a4a58 {
         transform: translateX(calc(-100% - 4px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-8_1trg3 {
+.universal-modal__exitActiveLeft-8_a4a58 {
         transform: translateX(calc(-100% - 8px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-12_1trg3 {
+.universal-modal__exitActiveLeft-12_a4a58 {
         transform: translateX(calc(-100% - 12px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-16_1trg3 {
+.universal-modal__exitActiveLeft-16_a4a58 {
         transform: translateX(calc(-100% - 16px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-20_1trg3 {
+.universal-modal__exitActiveLeft-20_a4a58 {
         transform: translateX(calc(-100% - 20px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-24_1trg3 {
+.universal-modal__exitActiveLeft-24_a4a58 {
         transform: translateX(calc(-100% - 24px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-32_1trg3 {
+.universal-modal__exitActiveLeft-32_a4a58 {
         transform: translateX(calc(-100% - 32px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-40_1trg3 {
+.universal-modal__exitActiveLeft-40_a4a58 {
         transform: translateX(calc(-100% - 40px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-48_1trg3 {
+.universal-modal__exitActiveLeft-48_a4a58 {
         transform: translateX(calc(-100% - 48px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-56_1trg3 {
+.universal-modal__exitActiveLeft-56_a4a58 {
         transform: translateX(calc(-100% - 56px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-64_1trg3 {
+.universal-modal__exitActiveLeft-64_a4a58 {
         transform: translateX(calc(-100% - 64px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-72_1trg3 {
+.universal-modal__exitActiveLeft-72_a4a58 {
         transform: translateX(calc(-100% - 72px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-80_1trg3 {
+.universal-modal__exitActiveLeft-80_a4a58 {
         transform: translateX(calc(-100% - 80px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-96_1trg3 {
+.universal-modal__exitActiveLeft-96_a4a58 {
         transform: translateX(calc(-100% - 96px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveLeft-128_1trg3 {
+.universal-modal__exitActiveLeft-128_a4a58 {
         transform: translateX(calc(-100% - 128px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-0_1trg3 {
+.universal-modal__exitActiveRight-0_a4a58 {
         transform: translateX(calc(100% + 0px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-2_1trg3 {
+.universal-modal__exitActiveRight-2_a4a58 {
         transform: translateX(calc(100% + 2px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-4_1trg3 {
+.universal-modal__exitActiveRight-4_a4a58 {
         transform: translateX(calc(100% + 4px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-8_1trg3 {
+.universal-modal__exitActiveRight-8_a4a58 {
         transform: translateX(calc(100% + 8px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-12_1trg3 {
+.universal-modal__exitActiveRight-12_a4a58 {
         transform: translateX(calc(100% + 12px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-16_1trg3 {
+.universal-modal__exitActiveRight-16_a4a58 {
         transform: translateX(calc(100% + 16px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-20_1trg3 {
+.universal-modal__exitActiveRight-20_a4a58 {
         transform: translateX(calc(100% + 20px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-24_1trg3 {
+.universal-modal__exitActiveRight-24_a4a58 {
         transform: translateX(calc(100% + 24px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-32_1trg3 {
+.universal-modal__exitActiveRight-32_a4a58 {
         transform: translateX(calc(100% + 32px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-40_1trg3 {
+.universal-modal__exitActiveRight-40_a4a58 {
         transform: translateX(calc(100% + 40px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-48_1trg3 {
+.universal-modal__exitActiveRight-48_a4a58 {
         transform: translateX(calc(100% + 48px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-56_1trg3 {
+.universal-modal__exitActiveRight-56_a4a58 {
         transform: translateX(calc(100% + 56px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-64_1trg3 {
+.universal-modal__exitActiveRight-64_a4a58 {
         transform: translateX(calc(100% + 64px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-72_1trg3 {
+.universal-modal__exitActiveRight-72_a4a58 {
         transform: translateX(calc(100% + 72px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-80_1trg3 {
+.universal-modal__exitActiveRight-80_a4a58 {
         transform: translateX(calc(100% + 80px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-96_1trg3 {
+.universal-modal__exitActiveRight-96_a4a58 {
         transform: translateX(calc(100% + 96px)) translateZ(0);
         transition: transform var(--universal-modal-transitions-timeout) ease-out;
     }
 
-.universal-modal__exitActiveRight-128_1trg3 {
+.universal-modal__exitActiveRight-128_a4a58 {
         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_1trg3","enterLeft-2":"universal-modal__enterLeft-2_1trg3","enterLeft-4":"universal-modal__enterLeft-4_1trg3","enterLeft-8":"universal-modal__enterLeft-8_1trg3","enterLeft-12":"universal-modal__enterLeft-12_1trg3","enterLeft-16":"universal-modal__enterLeft-16_1trg3","enterLeft-20":"universal-modal__enterLeft-20_1trg3","enterLeft-24":"universal-modal__enterLeft-24_1trg3","enterLeft-32":"universal-modal__enterLeft-32_1trg3","enterLeft-40":"universal-modal__enterLeft-40_1trg3","enterLeft-48":"universal-modal__enterLeft-48_1trg3","enterLeft-56":"universal-modal__enterLeft-56_1trg3","enterLeft-64":"universal-modal__enterLeft-64_1trg3","enterLeft-72":"universal-modal__enterLeft-72_1trg3","enterLeft-80":"universal-modal__enterLeft-80_1trg3","enterLeft-96":"universal-modal__enterLeft-96_1trg3","enterLeft-128":"universal-modal__enterLeft-128_1trg3","enterRight-0":"universal-modal__enterRight-0_1trg3","enterRight-2":"universal-modal__enterRight-2_1trg3","enterRight-4":"universal-modal__enterRight-4_1trg3","enterRight-8":"universal-modal__enterRight-8_1trg3","enterRight-12":"universal-modal__enterRight-12_1trg3","enterRight-16":"universal-modal__enterRight-16_1trg3","enterRight-20":"universal-modal__enterRight-20_1trg3","enterRight-24":"universal-modal__enterRight-24_1trg3","enterRight-32":"universal-modal__enterRight-32_1trg3","enterRight-40":"universal-modal__enterRight-40_1trg3","enterRight-48":"universal-modal__enterRight-48_1trg3","enterRight-56":"universal-modal__enterRight-56_1trg3","enterRight-64":"universal-modal__enterRight-64_1trg3","enterRight-72":"universal-modal__enterRight-72_1trg3","enterRight-80":"universal-modal__enterRight-80_1trg3","enterRight-96":"universal-modal__enterRight-96_1trg3","enterRight-128":"universal-modal__enterRight-128_1trg3","enterActive":"universal-modal__enterActive_1trg3","enterDone":"universal-modal__enterDone_1trg3","exit":"universal-modal__exit_1trg3","exitActiveLeft-0":"universal-modal__exitActiveLeft-0_1trg3","exitActiveLeft-2":"universal-modal__exitActiveLeft-2_1trg3","exitActiveLeft-4":"universal-modal__exitActiveLeft-4_1trg3","exitActiveLeft-8":"universal-modal__exitActiveLeft-8_1trg3","exitActiveLeft-12":"universal-modal__exitActiveLeft-12_1trg3","exitActiveLeft-16":"universal-modal__exitActiveLeft-16_1trg3","exitActiveLeft-20":"universal-modal__exitActiveLeft-20_1trg3","exitActiveLeft-24":"universal-modal__exitActiveLeft-24_1trg3","exitActiveLeft-32":"universal-modal__exitActiveLeft-32_1trg3","exitActiveLeft-40":"universal-modal__exitActiveLeft-40_1trg3","exitActiveLeft-48":"universal-modal__exitActiveLeft-48_1trg3","exitActiveLeft-56":"universal-modal__exitActiveLeft-56_1trg3","exitActiveLeft-64":"universal-modal__exitActiveLeft-64_1trg3","exitActiveLeft-72":"universal-modal__exitActiveLeft-72_1trg3","exitActiveLeft-80":"universal-modal__exitActiveLeft-80_1trg3","exitActiveLeft-96":"universal-modal__exitActiveLeft-96_1trg3","exitActiveLeft-128":"universal-modal__exitActiveLeft-128_1trg3","exitActiveRight-0":"universal-modal__exitActiveRight-0_1trg3","exitActiveRight-2":"universal-modal__exitActiveRight-2_1trg3","exitActiveRight-4":"universal-modal__exitActiveRight-4_1trg3","exitActiveRight-8":"universal-modal__exitActiveRight-8_1trg3","exitActiveRight-12":"universal-modal__exitActiveRight-12_1trg3","exitActiveRight-16":"universal-modal__exitActiveRight-16_1trg3","exitActiveRight-20":"universal-modal__exitActiveRight-20_1trg3","exitActiveRight-24":"universal-modal__exitActiveRight-24_1trg3","exitActiveRight-32":"universal-modal__exitActiveRight-32_1trg3","exitActiveRight-40":"universal-modal__exitActiveRight-40_1trg3","exitActiveRight-48":"universal-modal__exitActiveRight-48_1trg3","exitActiveRight-56":"universal-modal__exitActiveRight-56_1trg3","exitActiveRight-64":"universal-modal__exitActiveRight-64_1trg3","exitActiveRight-72":"universal-modal__exitActiveRight-72_1trg3","exitActiveRight-80":"universal-modal__exitActiveRight-80_1trg3","exitActiveRight-96":"universal-modal__exitActiveRight-96_1trg3","exitActiveRight-128":"universal-modal__exitActiveRight-128_1trg3"};
+const transitions = {"enterLeft-0":"universal-modal__enterLeft-0_a4a58","enterLeft-2":"universal-modal__enterLeft-2_a4a58","enterLeft-4":"universal-modal__enterLeft-4_a4a58","enterLeft-8":"universal-modal__enterLeft-8_a4a58","enterLeft-12":"universal-modal__enterLeft-12_a4a58","enterLeft-16":"universal-modal__enterLeft-16_a4a58","enterLeft-20":"universal-modal__enterLeft-20_a4a58","enterLeft-24":"universal-modal__enterLeft-24_a4a58","enterLeft-32":"universal-modal__enterLeft-32_a4a58","enterLeft-40":"universal-modal__enterLeft-40_a4a58","enterLeft-48":"universal-modal__enterLeft-48_a4a58","enterLeft-56":"universal-modal__enterLeft-56_a4a58","enterLeft-64":"universal-modal__enterLeft-64_a4a58","enterLeft-72":"universal-modal__enterLeft-72_a4a58","enterLeft-80":"universal-modal__enterLeft-80_a4a58","enterLeft-96":"universal-modal__enterLeft-96_a4a58","enterLeft-128":"universal-modal__enterLeft-128_a4a58","enterRight-0":"universal-modal__enterRight-0_a4a58","enterRight-2":"universal-modal__enterRight-2_a4a58","enterRight-4":"universal-modal__enterRight-4_a4a58","enterRight-8":"universal-modal__enterRight-8_a4a58","enterRight-12":"universal-modal__enterRight-12_a4a58","enterRight-16":"universal-modal__enterRight-16_a4a58","enterRight-20":"universal-modal__enterRight-20_a4a58","enterRight-24":"universal-modal__enterRight-24_a4a58","enterRight-32":"universal-modal__enterRight-32_a4a58","enterRight-40":"universal-modal__enterRight-40_a4a58","enterRight-48":"universal-modal__enterRight-48_a4a58","enterRight-56":"universal-modal__enterRight-56_a4a58","enterRight-64":"universal-modal__enterRight-64_a4a58","enterRight-72":"universal-modal__enterRight-72_a4a58","enterRight-80":"universal-modal__enterRight-80_a4a58","enterRight-96":"universal-modal__enterRight-96_a4a58","enterRight-128":"universal-modal__enterRight-128_a4a58","enterActive":"universal-modal__enterActive_a4a58","enterDone":"universal-modal__enterDone_a4a58","exit":"universal-modal__exit_a4a58","exitActiveLeft-0":"universal-modal__exitActiveLeft-0_a4a58","exitActiveLeft-2":"universal-modal__exitActiveLeft-2_a4a58","exitActiveLeft-4":"universal-modal__exitActiveLeft-4_a4a58","exitActiveLeft-8":"universal-modal__exitActiveLeft-8_a4a58","exitActiveLeft-12":"universal-modal__exitActiveLeft-12_a4a58","exitActiveLeft-16":"universal-modal__exitActiveLeft-16_a4a58","exitActiveLeft-20":"universal-modal__exitActiveLeft-20_a4a58","exitActiveLeft-24":"universal-modal__exitActiveLeft-24_a4a58","exitActiveLeft-32":"universal-modal__exitActiveLeft-32_a4a58","exitActiveLeft-40":"universal-modal__exitActiveLeft-40_a4a58","exitActiveLeft-48":"universal-modal__exitActiveLeft-48_a4a58","exitActiveLeft-56":"universal-modal__exitActiveLeft-56_a4a58","exitActiveLeft-64":"universal-modal__exitActiveLeft-64_a4a58","exitActiveLeft-72":"universal-modal__exitActiveLeft-72_a4a58","exitActiveLeft-80":"universal-modal__exitActiveLeft-80_a4a58","exitActiveLeft-96":"universal-modal__exitActiveLeft-96_a4a58","exitActiveLeft-128":"universal-modal__exitActiveLeft-128_a4a58","exitActiveRight-0":"universal-modal__exitActiveRight-0_a4a58","exitActiveRight-2":"universal-modal__exitActiveRight-2_a4a58","exitActiveRight-4":"universal-modal__exitActiveRight-4_a4a58","exitActiveRight-8":"universal-modal__exitActiveRight-8_a4a58","exitActiveRight-12":"universal-modal__exitActiveRight-12_a4a58","exitActiveRight-16":"universal-modal__exitActiveRight-16_a4a58","exitActiveRight-20":"universal-modal__exitActiveRight-20_a4a58","exitActiveRight-24":"universal-modal__exitActiveRight-24_a4a58","exitActiveRight-32":"universal-modal__exitActiveRight-32_a4a58","exitActiveRight-40":"universal-modal__exitActiveRight-40_a4a58","exitActiveRight-48":"universal-modal__exitActiveRight-48_a4a58","exitActiveRight-56":"universal-modal__exitActiveRight-56_a4a58","exitActiveRight-64":"universal-modal__exitActiveRight-64_a4a58","exitActiveRight-72":"universal-modal__exitActiveRight-72_a4a58","exitActiveRight-80":"universal-modal__exitActiveRight-80_a4a58","exitActiveRight-96":"universal-modal__exitActiveRight-96_a4a58","exitActiveRight-128":"universal-modal__exitActiveRight-128_a4a58"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.module.css.js.map

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_jgb4b {
+@keyframes universal-modal__step_1_1thyl {
     0% {
         opacity: 1;
     }
@@ -13,7 +13,7 @@
         opacity: 0.5;
     }
 }
-@keyframes universal-modal__step_2_jgb4b {
+@keyframes universal-modal__step_2_1thyl {
     0% {
         opacity: 0.5;
     }
@@ -22,26 +22,26 @@
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
 }
-.universal-modal__appear_jgb4b,
-.universal-modal__enter_jgb4b {
+.universal-modal__appear_1thyl,
+.universal-modal__enter_1thyl {
     background-color: var(--universal-modal-backdrop-hidden-background);
 }
-.universal-modal__appearActive_jgb4b,
-.universal-modal__enterActive_jgb4b,
-.universal-modal__appearDone_jgb4b,
-.universal-modal__enterDone_jgb4b {
+.universal-modal__appearActive_1thyl,
+.universal-modal__enterActive_1thyl,
+.universal-modal__appearDone_1thyl,
+.universal-modal__enterDone_1thyl {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exit_jgb4b {
+.universal-modal__exit_1thyl {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exitActive_jgb4b {
+.universal-modal__exitActive_1thyl {
     opacity: 1;
     animation:
-        universal-modal__step_1_jgb4b 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_jgb4b 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+        universal-modal__step_1_1thyl 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_1thyl 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
 }
-.universal-modal__exitDone_jgb4b {
+.universal-modal__exitDone_1thyl {
     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_jgb4b","enter":"universal-modal__enter_jgb4b","appearActive":"universal-modal__appearActive_jgb4b","enterActive":"universal-modal__enterActive_jgb4b","appearDone":"universal-modal__appearDone_jgb4b","enterDone":"universal-modal__enterDone_jgb4b","exit":"universal-modal__exit_jgb4b","exitActive":"universal-modal__exitActive_jgb4b","step_1":"universal-modal__step_1_jgb4b","step_2":"universal-modal__step_2_jgb4b","exitDone":"universal-modal__exitDone_jgb4b"};
+const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1thyl","enter":"universal-modal__enter_1thyl","appearActive":"universal-modal__appearActive_1thyl","enterActive":"universal-modal__enterActive_1thyl","appearDone":"universal-modal__appearDone_1thyl","enterDone":"universal-modal__enterDone_1thyl","exit":"universal-modal__exit_1thyl","exitActive":"universal-modal__exitActive_1thyl","step_1":"universal-modal__step_1_1thyl","step_2":"universal-modal__step_2_1thyl","exitDone":"universal-modal__exitDone_1thyl"};
 
 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_19x2b,
-.universal-modal__enter_19x2b {
+.universal-modal__appear_mlyrp,
+.universal-modal__enter_mlyrp {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_19x2b,
-.universal-modal__enterActive_19x2b {
+.universal-modal__appearActive_mlyrp,
+.universal-modal__enterActive_mlyrp {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_19x2b {
+.universal-modal__exit_mlyrp {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_19x2b,
-.universal-modal__exitDone_19x2b {
+.universal-modal__exitActive_mlyrp,
+.universal-modal__exitDone_mlyrp {
     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_19x2b","enter":"universal-modal__enter_19x2b","appearActive":"universal-modal__appearActive_19x2b","enterActive":"universal-modal__enterActive_19x2b","exit":"universal-modal__exit_19x2b","exitActive":"universal-modal__exitActive_19x2b","exitDone":"universal-modal__exitDone_19x2b"};
+const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_mlyrp","enter":"universal-modal__enter_mlyrp","appearActive":"universal-modal__appearActive_mlyrp","enterActive":"universal-modal__enterActive_mlyrp","exit":"universal-modal__exit_mlyrp","exitActive":"universal-modal__exitActive_mlyrp","exitDone":"universal-modal__exitDone_mlyrp"};
 
 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_1ff52,
-.universal-modal__enter_1ff52 {
+.universal-modal__appear_1t213,
+.universal-modal__enter_1t213 {
     opacity: 0;
 }
 
-.universal-modal__appearActive_1ff52,
-.universal-modal__enterActive_1ff52 {
+.universal-modal__appearActive_1t213,
+.universal-modal__enterActive_1t213 {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_1ff52 {
+.universal-modal__exit_1t213 {
     opacity: 1;
 }
 
-.universal-modal__exitActive_1ff52,
-.universal-modal__exitDone_1ff52 {
+.universal-modal__exitActive_1t213,
+.universal-modal__exitDone_1t213 {
     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_1ff52","enter":"universal-modal__enter_1ff52","appearActive":"universal-modal__appearActive_1ff52","enterActive":"universal-modal__enterActive_1ff52","exit":"universal-modal__exit_1ff52","exitActive":"universal-modal__exitActive_1ff52","exitDone":"universal-modal__exitDone_1ff52"};
+const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_1t213","enter":"universal-modal__enter_1t213","appearActive":"universal-modal__appearActive_1t213","enterActive":"universal-modal__enterActive_1t213","exit":"universal-modal__exit_1t213","exitActive":"universal-modal__exitActive_1t213","exitDone":"universal-modal__exitDone_1t213"};
 
 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_rj1zv,
-.universal-modal__enter_rj1zv {
+.universal-modal__appear_bt110,
+.universal-modal__enter_bt110 {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_rj1zv,
-.universal-modal__enterActive_rj1zv {
+.universal-modal__appearActive_bt110,
+.universal-modal__enterActive_bt110 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_rj1zv {
+.universal-modal__exit_bt110 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_rj1zv,
-.universal-modal__exitDone_rj1zv {
+.universal-modal__exitActive_bt110,
+.universal-modal__exitDone_bt110 {
     opacity: 0;
     transform: translateY(-40px);
     transition:

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

@@ -1,6 +1,6 @@
 import './full-size-vertical-top-transitions.css';
 
-const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_rj1zv","enter":"universal-modal__enter_rj1zv","appearActive":"universal-modal__appearActive_rj1zv","enterActive":"universal-modal__enterActive_rj1zv","exit":"universal-modal__exit_rj1zv","exitActive":"universal-modal__exitActive_rj1zv","exitDone":"universal-modal__exitDone_rj1zv"};
+const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_bt110","enter":"universal-modal__enter_bt110","appearActive":"universal-modal__appearActive_bt110","enterActive":"universal-modal__enterActive_bt110","exit":"universal-modal__exit_bt110","exitActive":"universal-modal__exitActive_bt110","exitDone":"universal-modal__exitDone_bt110"};
 
 export { fullSizeVerticalTopTransitions as default };
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

package/modern/desktop/utils/get-hug-content-styles.d.ts

@@ -0,0 +1,8 @@
+import { type UniversalModalDesktopProps } from '../types/props';
+interface Params {
+    styles: Record<string, string>;
+    margin: UniversalModalDesktopProps['margin'];
+    height: NonNullable<UniversalModalDesktopProps['height']>;
+}
+export declare const getHugContentStyles: (params: Params) => Record<string, boolean>;
+export {};

package/modern/desktop/utils/get-hug-content-styles.js

@@ -0,0 +1,17 @@
+import { hasOwnProperty } from '@alfalab/core-components-shared/modern';
+
+const getHugContentStyles = (params) => {
+    const { margin, styles, height } = params;
+    if (height !== 'hugContent') {
+        return {};
+    }
+    return {
+        [styles.hugContent]: true,
+        ...(margin && hasOwnProperty(margin, 'top') && { [styles[`topGap-${margin.top}`]]: true }),
+        ...(margin &&
+            hasOwnProperty(margin, 'bottom') && { [styles[`bottomGap-${margin.bottom}`]]: true }),
+    };
+};
+
+export { getHugContentStyles };
+//# sourceMappingURL=get-hug-content-styles.js.map

package/modern/desktop/utils/get-hug-content-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-hug-content-styles.js","sources":["../../../src/desktop/utils/get-hug-content-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n    height: NonNullable<UniversalModalDesktopProps['height']>;\n}\n\nexport const getHugContentStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles, height } = params;\n\n    if (height !== 'hugContent') {\n        return {};\n    }\n\n    return {\n        [styles.hugContent]: true,\n        ...(margin && hasOwnProperty(margin, 'top') && { [styles[`topGap-${margin.top}`]]: true }),\n        ...(margin &&\n            hasOwnProperty(margin, 'bottom') && { [styles[`bottomGap-${margin.bottom}`]]: true }),\n    };\n};\n"],"names":[],"mappings":";;AAUa,MAAA,mBAAmB,GAAG,CAAC,MAAc,KAA6B;IAC3E,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM;AAEzC,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;AACzB,QAAA,OAAO,EAAE;;IAGb,OAAO;AACH,QAAA,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI;QACzB,IAAI,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,GAAG,CAAA,CAAE,CAAC,GAAG,IAAI,EAAE,CAAC;AAC1F,QAAA,IAAI,MAAM;YACN,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,aAAa,MAAM,CAAC,MAAM,CAAE,CAAA,CAAC,GAAG,IAAI,EAAE,CAAC;KAC5F;AACL;;;;"}