@alfalab/core-components-universal-modal 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.responsive.d.ts +15 -0
- package/Component.responsive.js +44 -0
- package/Context.d.ts +4 -0
- package/Context.js +9 -0
- package/ResponsiveContext.d.ts +4 -0
- package/ResponsiveContext.js +9 -0
- package/components/content/base-content/base-content.d.ts +17 -0
- package/components/content/base-content/base-content.js +28 -0
- package/components/content/base-content/index.css +44 -0
- package/components/content/desktop/Component.desktop.d.ts +10 -0
- package/components/content/desktop/Component.desktop.js +20 -0
- package/components/content/index.d.ts +7 -0
- package/components/content/index.js +13 -0
- package/components/content/mobile/Component.mobile.d.ts +5 -0
- package/components/content/mobile/Component.mobile.js +23 -0
- package/components/content/mobile/mobile.css +38 -0
- package/components/content/responsive/Component.responsive.d.ts +6 -0
- package/components/content/responsive/Component.responsive.js +24 -0
- package/components/footer/base-footer/base-footer.d.ts +29 -0
- package/components/footer/base-footer/base-footer.js +34 -0
- package/components/footer/base-footer/index.css +48 -0
- package/components/footer/desktop/Component.desktop.d.ts +10 -0
- package/components/footer/desktop/Component.desktop.js +34 -0
- package/components/footer/desktop/desktop.css +30 -0
- package/components/footer/desktop/layout.css +58 -0
- package/components/footer/index.d.ts +7 -0
- package/components/footer/index.js +13 -0
- package/components/footer/mobile/Component.mobile.d.ts +5 -0
- package/components/footer/mobile/Component.mobile.js +31 -0
- package/components/footer/mobile/layout.mobile.css +50 -0
- package/components/footer/mobile/mobile.css +34 -0
- package/components/footer/responsive/Component.responsive.d.ts +6 -0
- package/components/footer/responsive/Component.responsive.js +24 -0
- package/components/header/base-header/index.css +72 -0
- package/components/header/desktop/Component.desktop.d.ts +11 -0
- package/components/header/desktop/Component.desktop.js +44 -0
- package/components/header/desktop/desktop.css +57 -0
- package/components/header/index.d.ts +7 -0
- package/components/header/index.js +13 -0
- package/components/header/mobile/Component.mobile.d.ts +5 -0
- package/components/header/mobile/Component.mobile.js +38 -0
- package/components/header/mobile/mobile.css +59 -0
- package/components/header/responsive/Component.responsive.d.ts +6 -0
- package/components/header/responsive/Component.responsive.js +24 -0
- package/cssm/Component.responsive.d.ts +15 -0
- package/cssm/Component.responsive.js +58 -0
- package/cssm/Context.d.ts +4 -0
- package/cssm/Context.js +9 -0
- package/cssm/ResponsiveContext.d.ts +4 -0
- package/cssm/ResponsiveContext.js +9 -0
- package/cssm/components/content/base-content/base-content.d.ts +17 -0
- package/cssm/components/content/base-content/base-content.js +27 -0
- package/cssm/components/content/base-content/index.module.css +43 -0
- package/cssm/components/content/desktop/Component.desktop.d.ts +10 -0
- package/cssm/components/content/desktop/Component.desktop.js +20 -0
- package/cssm/components/content/index.d.ts +7 -0
- package/cssm/components/content/index.js +13 -0
- package/cssm/components/content/mobile/Component.mobile.d.ts +5 -0
- package/cssm/components/content/mobile/Component.mobile.js +22 -0
- package/cssm/components/content/mobile/mobile.module.css +37 -0
- package/cssm/components/content/responsive/Component.responsive.d.ts +6 -0
- package/cssm/components/content/responsive/Component.responsive.js +24 -0
- package/cssm/components/footer/base-footer/base-footer.d.ts +29 -0
- package/cssm/components/footer/base-footer/base-footer.js +33 -0
- package/cssm/components/footer/base-footer/index.module.css +47 -0
- package/cssm/components/footer/desktop/Component.desktop.d.ts +10 -0
- package/cssm/components/footer/desktop/Component.desktop.js +32 -0
- package/cssm/components/footer/desktop/desktop.module.css +29 -0
- package/cssm/components/footer/desktop/layout.module.css +54 -0
- package/cssm/components/footer/index.d.ts +7 -0
- package/cssm/components/footer/index.js +13 -0
- package/cssm/components/footer/mobile/Component.mobile.d.ts +5 -0
- package/cssm/components/footer/mobile/Component.mobile.js +29 -0
- package/cssm/components/footer/mobile/layout.mobile.module.css +47 -0
- package/cssm/components/footer/mobile/mobile.module.css +33 -0
- package/cssm/components/footer/responsive/Component.responsive.d.ts +6 -0
- package/cssm/components/footer/responsive/Component.responsive.js +24 -0
- package/cssm/components/header/base-header/index.module.css +71 -0
- package/cssm/components/header/desktop/Component.desktop.d.ts +11 -0
- package/cssm/components/header/desktop/Component.desktop.js +44 -0
- package/cssm/components/header/desktop/desktop.module.css +56 -0
- package/cssm/components/header/index.d.ts +7 -0
- package/cssm/components/header/index.js +13 -0
- package/cssm/components/header/mobile/Component.mobile.d.ts +5 -0
- package/cssm/components/header/mobile/Component.mobile.js +38 -0
- package/cssm/components/header/mobile/mobile.module.css +58 -0
- package/cssm/components/header/responsive/Component.responsive.d.ts +6 -0
- package/cssm/components/header/responsive/Component.responsive.js +24 -0
- package/cssm/desktop/Component.desktop.d.ts +9 -0
- package/cssm/desktop/Component.desktop.js +58 -0
- package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
- package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +121 -0
- package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +34 -0
- package/cssm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/cssm/desktop/components/buttons/arrow-button/arrow-button.js +22 -0
- package/cssm/desktop/components/buttons/arrow-button/arrow-button.module.css +31 -0
- package/cssm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
- package/cssm/desktop/components/buttons/arrow-button/index.js +9 -0
- package/cssm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/cssm/desktop/components/buttons/cross-button/cross-button.js +20 -0
- package/cssm/desktop/components/buttons/cross-button/cross-button.module.css +28 -0
- package/cssm/desktop/components/buttons/cross-button/index.d.ts +1 -0
- package/cssm/desktop/components/buttons/cross-button/index.js +9 -0
- package/cssm/desktop/components/center-modal/center-modal.d.ts +4 -0
- package/cssm/desktop/components/center-modal/center-modal.js +43 -0
- package/cssm/desktop/components/center-modal/index.d.ts +1 -0
- package/cssm/desktop/components/center-modal/index.js +9 -0
- package/cssm/desktop/components/center-modal/styles/center-modal.module.css +52 -0
- package/cssm/desktop/components/center-modal/styles/index.module.css +1084 -0
- package/cssm/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
- package/cssm/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
- package/cssm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
- package/cssm/desktop/components/side-modal/get-default-transition-props.js +42 -0
- package/cssm/desktop/components/side-modal/index.d.ts +1 -0
- package/cssm/desktop/components/side-modal/index.js +9 -0
- package/cssm/desktop/components/side-modal/side-modal.d.ts +4 -0
- package/cssm/desktop/components/side-modal/side-modal.js +50 -0
- package/cssm/desktop/components/side-modal/styles/index.module.css +1087 -0
- package/cssm/desktop/components/side-modal/styles/side-modal.module.css +55 -0
- package/cssm/desktop/components/side-modal/styles/transitions/transitions.module.css +330 -0
- package/cssm/desktop/constants/index.d.ts +3 -0
- package/cssm/desktop/constants/index.js +9 -0
- package/cssm/desktop/hooks/useModalHeight.d.ts +4 -0
- package/cssm/desktop/hooks/useModalHeight.js +33 -0
- package/cssm/desktop/hooks/useModalWheel.d.ts +6 -0
- package/cssm/desktop/hooks/useModalWheel.js +19 -0
- package/cssm/desktop/hooks/useModalWidth.d.ts +4 -0
- package/cssm/desktop/hooks/useModalWidth.js +41 -0
- package/cssm/desktop/index.d.ts +10 -0
- package/cssm/desktop/index.js +34 -0
- package/cssm/desktop/styles/margins.module.css +1552 -0
- package/cssm/desktop/styles/transitions/full-size-backdrop-transitions.module.css +59 -0
- package/cssm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
- package/cssm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
- package/cssm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
- package/cssm/desktop/types/props.d.ts +45 -0
- package/cssm/desktop/types/props.js +2 -0
- package/cssm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
- package/cssm/desktop/utils/get-full-size-modal-transitions.js +54 -0
- package/cssm/desktop/utils/get-margins.d.ts +7 -0
- package/cssm/desktop/utils/get-margins.js +22 -0
- package/cssm/desktop/vars.css +24 -0
- package/cssm/index.d.ts +8 -0
- package/cssm/index.js +33 -0
- package/cssm/mobile/Component.mobile.d.ts +9 -0
- package/cssm/mobile/Component.mobile.js +45 -0
- package/cssm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/cssm/mobile/components/buttons/arrow-button/arrow-button.js +20 -0
- package/cssm/mobile/components/buttons/arrow-button/arrow-button.module.css +30 -0
- package/cssm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
- package/cssm/mobile/components/buttons/arrow-button/index.js +9 -0
- package/cssm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/cssm/mobile/components/buttons/cross-button/cross-button.js +20 -0
- package/cssm/mobile/components/buttons/cross-button/cross-button.module.css +30 -0
- package/cssm/mobile/components/buttons/cross-button/index.d.ts +1 -0
- package/cssm/mobile/components/buttons/cross-button/index.js +9 -0
- package/cssm/mobile/index.d.ts +10 -0
- package/cssm/mobile/index.js +34 -0
- package/cssm/mobile/mobile.module.css +38 -0
- package/cssm/mobile/transitions/right-side-transitions.mobile.module.css +37 -0
- package/cssm/mobile/transitions/transitions.mobile.module.css +24 -0
- package/cssm/mobile/types/props.d.ts +11 -0
- package/cssm/mobile/types/props.js +2 -0
- package/cssm/mobile/vars.css +24 -0
- package/cssm/shared/index.d.ts +2 -0
- package/cssm/shared/index.js +11 -0
- package/cssm/typings/index.d.ts +22 -0
- package/cssm/typings/index.js +2 -0
- package/cssm/typings/margin-type.d.ts +8 -0
- package/cssm/typings/margin-type.js +2 -0
- package/cssm/utils/getUniversalModalTestIds.d.ts +8 -0
- package/cssm/utils/getUniversalModalTestIds.js +17 -0
- package/cssm/vars.css +26 -0
- package/desktop/Component.desktop.d.ts +9 -0
- package/desktop/Component.desktop.js +51 -0
- package/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
- package/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
- package/desktop/components/base-universal-modal-content/base-universal-modal-content.js +122 -0
- package/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
- package/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/desktop/components/buttons/arrow-button/arrow-button.js +23 -0
- package/desktop/components/buttons/arrow-button/index.d.ts +1 -0
- package/desktop/components/buttons/arrow-button/index.js +9 -0
- package/desktop/components/buttons/cross-button/cross-button.css +29 -0
- package/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/desktop/components/buttons/cross-button/cross-button.js +21 -0
- package/desktop/components/buttons/cross-button/index.d.ts +1 -0
- package/desktop/components/buttons/cross-button/index.js +9 -0
- package/desktop/components/center-modal/center-modal.d.ts +4 -0
- package/desktop/components/center-modal/center-modal.js +46 -0
- package/desktop/components/center-modal/index.d.ts +1 -0
- package/desktop/components/center-modal/index.js +9 -0
- package/desktop/components/center-modal/styles/index.css +1085 -0
- package/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
- package/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
- package/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
- package/desktop/components/side-modal/get-default-transition-props.js +43 -0
- package/desktop/components/side-modal/index.d.ts +1 -0
- package/desktop/components/side-modal/index.js +9 -0
- package/desktop/components/side-modal/side-modal.d.ts +4 -0
- package/desktop/components/side-modal/side-modal.js +51 -0
- package/desktop/components/side-modal/styles/index.css +1088 -0
- package/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
- package/desktop/constants/index.d.ts +3 -0
- package/desktop/constants/index.js +9 -0
- package/desktop/hooks/useModalHeight.d.ts +4 -0
- package/desktop/hooks/useModalHeight.js +33 -0
- package/desktop/hooks/useModalWheel.d.ts +6 -0
- package/desktop/hooks/useModalWheel.js +19 -0
- package/desktop/hooks/useModalWidth.d.ts +4 -0
- package/desktop/hooks/useModalWidth.js +41 -0
- package/desktop/index.d.ts +10 -0
- package/desktop/index.js +27 -0
- package/desktop/package.json +3 -0
- package/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
- package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
- package/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
- package/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
- package/desktop/types/props.d.ts +45 -0
- package/desktop/types/props.js +2 -0
- package/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
- package/desktop/utils/get-full-size-modal-transitions.js +55 -0
- package/desktop/utils/get-margins.d.ts +7 -0
- package/desktop/utils/get-margins.js +22 -0
- package/esm/Component.responsive.d.ts +15 -0
- package/esm/Component.responsive.js +35 -0
- package/esm/Context.d.ts +4 -0
- package/esm/Context.js +5 -0
- package/esm/ResponsiveContext.d.ts +4 -0
- package/esm/ResponsiveContext.js +5 -0
- package/esm/components/content/base-content/base-content.d.ts +17 -0
- package/esm/components/content/base-content/base-content.js +19 -0
- package/esm/components/content/base-content/index.css +44 -0
- package/esm/components/content/desktop/Component.desktop.d.ts +10 -0
- package/esm/components/content/desktop/Component.desktop.js +11 -0
- package/esm/components/content/index.d.ts +7 -0
- package/esm/components/content/index.js +3 -0
- package/esm/components/content/mobile/Component.mobile.d.ts +5 -0
- package/esm/components/content/mobile/Component.mobile.js +14 -0
- package/esm/components/content/mobile/mobile.css +38 -0
- package/esm/components/content/responsive/Component.responsive.d.ts +6 -0
- package/esm/components/content/responsive/Component.responsive.js +16 -0
- package/esm/components/footer/base-footer/base-footer.d.ts +29 -0
- package/esm/components/footer/base-footer/base-footer.js +25 -0
- package/esm/components/footer/base-footer/index.css +48 -0
- package/esm/components/footer/desktop/Component.desktop.d.ts +10 -0
- package/esm/components/footer/desktop/Component.desktop.js +25 -0
- package/esm/components/footer/desktop/desktop.css +30 -0
- package/esm/components/footer/desktop/layout.css +58 -0
- package/esm/components/footer/index.d.ts +7 -0
- package/esm/components/footer/index.js +3 -0
- package/esm/components/footer/mobile/Component.mobile.d.ts +5 -0
- package/esm/components/footer/mobile/Component.mobile.js +22 -0
- package/esm/components/footer/mobile/layout.mobile.css +50 -0
- package/esm/components/footer/mobile/mobile.css +34 -0
- package/esm/components/footer/responsive/Component.responsive.d.ts +6 -0
- package/esm/components/footer/responsive/Component.responsive.js +16 -0
- package/esm/components/header/base-header/index.css +72 -0
- package/esm/components/header/desktop/Component.desktop.d.ts +11 -0
- package/esm/components/header/desktop/Component.desktop.js +35 -0
- package/esm/components/header/desktop/desktop.css +57 -0
- package/esm/components/header/index.d.ts +7 -0
- package/esm/components/header/index.js +3 -0
- package/esm/components/header/mobile/Component.mobile.d.ts +5 -0
- package/esm/components/header/mobile/Component.mobile.js +29 -0
- package/esm/components/header/mobile/mobile.css +59 -0
- package/esm/components/header/responsive/Component.responsive.d.ts +6 -0
- package/esm/components/header/responsive/Component.responsive.js +16 -0
- package/esm/desktop/Component.desktop.d.ts +9 -0
- package/esm/desktop/Component.desktop.js +42 -0
- package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
- package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
- package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +114 -0
- package/esm/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
- package/esm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/esm/desktop/components/buttons/arrow-button/arrow-button.js +15 -0
- package/esm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
- package/esm/desktop/components/buttons/arrow-button/index.js +1 -0
- package/esm/desktop/components/buttons/cross-button/cross-button.css +29 -0
- package/esm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/esm/desktop/components/buttons/cross-button/cross-button.js +13 -0
- package/esm/desktop/components/buttons/cross-button/index.d.ts +1 -0
- package/esm/desktop/components/buttons/cross-button/index.js +1 -0
- package/esm/desktop/components/center-modal/center-modal.d.ts +4 -0
- package/esm/desktop/components/center-modal/center-modal.js +37 -0
- package/esm/desktop/components/center-modal/index.d.ts +1 -0
- package/esm/desktop/components/center-modal/index.js +1 -0
- package/esm/desktop/components/center-modal/styles/index.css +1085 -0
- package/esm/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
- package/esm/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
- package/esm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
- package/esm/desktop/components/side-modal/get-default-transition-props.js +35 -0
- package/esm/desktop/components/side-modal/index.d.ts +1 -0
- package/esm/desktop/components/side-modal/index.js +1 -0
- package/esm/desktop/components/side-modal/side-modal.d.ts +4 -0
- package/esm/desktop/components/side-modal/side-modal.js +42 -0
- package/esm/desktop/components/side-modal/styles/index.css +1088 -0
- package/esm/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
- package/esm/desktop/constants/index.d.ts +3 -0
- package/esm/desktop/constants/index.js +4 -0
- package/esm/desktop/hooks/useModalHeight.d.ts +4 -0
- package/esm/desktop/hooks/useModalHeight.js +29 -0
- package/esm/desktop/hooks/useModalWheel.d.ts +6 -0
- package/esm/desktop/hooks/useModalWheel.js +15 -0
- package/esm/desktop/hooks/useModalWidth.d.ts +4 -0
- package/esm/desktop/hooks/useModalWidth.js +37 -0
- package/esm/desktop/index.d.ts +10 -0
- package/esm/desktop/index.js +13 -0
- package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
- package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
- package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
- package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
- package/esm/desktop/types/props.d.ts +45 -0
- package/esm/desktop/types/props.js +1 -0
- package/esm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
- package/esm/desktop/utils/get-full-size-modal-transitions.js +51 -0
- package/esm/desktop/utils/get-margins.d.ts +7 -0
- package/esm/desktop/utils/get-margins.js +18 -0
- package/esm/index.d.ts +8 -0
- package/esm/index.js +11 -0
- package/esm/index.module-c4f215c8.js +4 -0
- package/esm/mobile/Component.mobile.d.ts +9 -0
- package/esm/mobile/Component.mobile.js +32 -0
- package/esm/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
- package/esm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/esm/mobile/components/buttons/arrow-button/arrow-button.js +13 -0
- package/esm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
- package/esm/mobile/components/buttons/arrow-button/index.js +1 -0
- package/esm/mobile/components/buttons/cross-button/cross-button.css +31 -0
- package/esm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/esm/mobile/components/buttons/cross-button/cross-button.js +13 -0
- package/esm/mobile/components/buttons/cross-button/index.d.ts +1 -0
- package/esm/mobile/components/buttons/cross-button/index.js +1 -0
- package/esm/mobile/index.d.ts +10 -0
- package/esm/mobile/index.js +14 -0
- package/esm/mobile/mobile.css +39 -0
- package/esm/mobile/transitions/right-side-transitions.mobile.css +38 -0
- package/esm/mobile/transitions/transitions.mobile.css +25 -0
- package/esm/mobile/types/props.d.ts +11 -0
- package/esm/mobile/types/props.js +1 -0
- package/esm/shared/index.d.ts +2 -0
- package/esm/shared/index.js +2 -0
- package/esm/typings/index.d.ts +22 -0
- package/esm/typings/index.js +1 -0
- package/esm/typings/margin-type.d.ts +8 -0
- package/esm/typings/margin-type.js +1 -0
- package/esm/utils/getUniversalModalTestIds.d.ts +8 -0
- package/esm/utils/getUniversalModalTestIds.js +13 -0
- package/index.d.ts +8 -0
- package/index.js +23 -0
- package/index.module-7936578a.js +6 -0
- package/mobile/Component.mobile.d.ts +9 -0
- package/mobile/Component.mobile.js +42 -0
- package/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
- package/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/mobile/components/buttons/arrow-button/arrow-button.js +21 -0
- package/mobile/components/buttons/arrow-button/index.d.ts +1 -0
- package/mobile/components/buttons/arrow-button/index.js +9 -0
- package/mobile/components/buttons/cross-button/cross-button.css +31 -0
- package/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/mobile/components/buttons/cross-button/cross-button.js +21 -0
- package/mobile/components/buttons/cross-button/index.d.ts +1 -0
- package/mobile/components/buttons/cross-button/index.js +9 -0
- package/mobile/index.d.ts +10 -0
- package/mobile/index.js +28 -0
- package/mobile/mobile.css +39 -0
- package/mobile/package.json +3 -0
- package/mobile/transitions/right-side-transitions.mobile.css +38 -0
- package/mobile/transitions/transitions.mobile.css +25 -0
- package/mobile/types/props.d.ts +11 -0
- package/mobile/types/props.js +2 -0
- package/modern/Component.responsive.d.ts +15 -0
- package/modern/Component.responsive.js +33 -0
- package/modern/Context.d.ts +4 -0
- package/modern/Context.js +5 -0
- package/modern/ResponsiveContext.d.ts +4 -0
- package/modern/ResponsiveContext.js +5 -0
- package/modern/components/content/base-content/base-content.d.ts +17 -0
- package/modern/components/content/base-content/base-content.js +17 -0
- package/modern/components/content/base-content/index.css +44 -0
- package/modern/components/content/desktop/Component.desktop.d.ts +10 -0
- package/modern/components/content/desktop/Component.desktop.js +7 -0
- package/modern/components/content/index.d.ts +7 -0
- package/modern/components/content/index.js +3 -0
- package/modern/components/content/mobile/Component.mobile.d.ts +5 -0
- package/modern/components/content/mobile/Component.mobile.js +10 -0
- package/modern/components/content/mobile/mobile.css +38 -0
- package/modern/components/content/responsive/Component.responsive.d.ts +6 -0
- package/modern/components/content/responsive/Component.responsive.js +14 -0
- package/modern/components/footer/base-footer/base-footer.d.ts +29 -0
- package/modern/components/footer/base-footer/base-footer.js +23 -0
- package/modern/components/footer/base-footer/index.css +48 -0
- package/modern/components/footer/desktop/Component.desktop.d.ts +10 -0
- package/modern/components/footer/desktop/Component.desktop.js +22 -0
- package/modern/components/footer/desktop/desktop.css +30 -0
- package/modern/components/footer/desktop/layout.css +58 -0
- package/modern/components/footer/index.d.ts +7 -0
- package/modern/components/footer/index.js +3 -0
- package/modern/components/footer/mobile/Component.mobile.d.ts +5 -0
- package/modern/components/footer/mobile/Component.mobile.js +19 -0
- package/modern/components/footer/mobile/layout.mobile.css +50 -0
- package/modern/components/footer/mobile/mobile.css +34 -0
- package/modern/components/footer/responsive/Component.responsive.d.ts +6 -0
- package/modern/components/footer/responsive/Component.responsive.js +14 -0
- package/modern/components/header/base-header/index.css +72 -0
- package/modern/components/header/desktop/Component.desktop.d.ts +11 -0
- package/modern/components/header/desktop/Component.desktop.js +32 -0
- package/modern/components/header/desktop/desktop.css +57 -0
- package/modern/components/header/index.d.ts +7 -0
- package/modern/components/header/index.js +3 -0
- package/modern/components/header/mobile/Component.mobile.d.ts +5 -0
- package/modern/components/header/mobile/Component.mobile.js +26 -0
- package/modern/components/header/mobile/mobile.css +59 -0
- package/modern/components/header/responsive/Component.responsive.d.ts +6 -0
- package/modern/components/header/responsive/Component.responsive.js +14 -0
- package/modern/desktop/Component.desktop.d.ts +9 -0
- package/modern/desktop/Component.desktop.js +40 -0
- package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
- package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
- package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.js +112 -0
- package/modern/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
- package/modern/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/modern/desktop/components/buttons/arrow-button/arrow-button.js +15 -0
- package/modern/desktop/components/buttons/arrow-button/index.d.ts +1 -0
- package/modern/desktop/components/buttons/arrow-button/index.js +1 -0
- package/modern/desktop/components/buttons/cross-button/cross-button.css +29 -0
- package/modern/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/modern/desktop/components/buttons/cross-button/cross-button.js +13 -0
- package/modern/desktop/components/buttons/cross-button/index.d.ts +1 -0
- package/modern/desktop/components/buttons/cross-button/index.js +1 -0
- package/modern/desktop/components/center-modal/center-modal.d.ts +4 -0
- package/modern/desktop/components/center-modal/center-modal.js +48 -0
- package/modern/desktop/components/center-modal/index.d.ts +1 -0
- package/modern/desktop/components/center-modal/index.js +1 -0
- package/modern/desktop/components/center-modal/styles/index.css +1085 -0
- package/modern/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
- package/modern/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
- package/modern/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
- package/modern/desktop/components/side-modal/get-default-transition-props.js +34 -0
- package/modern/desktop/components/side-modal/index.d.ts +1 -0
- package/modern/desktop/components/side-modal/index.js +1 -0
- package/modern/desktop/components/side-modal/side-modal.d.ts +4 -0
- package/modern/desktop/components/side-modal/side-modal.js +51 -0
- package/modern/desktop/components/side-modal/styles/index.css +1088 -0
- package/modern/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
- package/modern/desktop/constants/index.d.ts +3 -0
- package/modern/desktop/constants/index.js +4 -0
- package/modern/desktop/hooks/useModalHeight.d.ts +4 -0
- package/modern/desktop/hooks/useModalHeight.js +29 -0
- package/modern/desktop/hooks/useModalWheel.d.ts +6 -0
- package/modern/desktop/hooks/useModalWheel.js +15 -0
- package/modern/desktop/hooks/useModalWidth.d.ts +4 -0
- package/modern/desktop/hooks/useModalWidth.js +37 -0
- package/modern/desktop/index.d.ts +10 -0
- package/modern/desktop/index.js +12 -0
- package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
- package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
- package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
- package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
- package/modern/desktop/types/props.d.ts +45 -0
- package/modern/desktop/types/props.js +1 -0
- package/modern/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
- package/modern/desktop/utils/get-full-size-modal-transitions.js +51 -0
- package/modern/desktop/utils/get-margins.d.ts +7 -0
- package/modern/desktop/utils/get-margins.js +17 -0
- package/modern/index.d.ts +8 -0
- package/modern/index.js +10 -0
- package/modern/index.module-2718b9b5.js +4 -0
- package/modern/mobile/Component.mobile.d.ts +9 -0
- package/modern/mobile/Component.mobile.js +35 -0
- package/modern/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
- package/modern/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/modern/mobile/components/buttons/arrow-button/arrow-button.js +13 -0
- package/modern/mobile/components/buttons/arrow-button/index.d.ts +1 -0
- package/modern/mobile/components/buttons/arrow-button/index.js +1 -0
- package/modern/mobile/components/buttons/cross-button/cross-button.css +31 -0
- package/modern/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/modern/mobile/components/buttons/cross-button/cross-button.js +13 -0
- package/modern/mobile/components/buttons/cross-button/index.d.ts +1 -0
- package/modern/mobile/components/buttons/cross-button/index.js +1 -0
- package/modern/mobile/index.d.ts +10 -0
- package/modern/mobile/index.js +13 -0
- package/modern/mobile/mobile.css +39 -0
- package/modern/mobile/transitions/right-side-transitions.mobile.css +38 -0
- package/modern/mobile/transitions/transitions.mobile.css +25 -0
- package/modern/mobile/types/props.d.ts +11 -0
- package/modern/mobile/types/props.js +1 -0
- package/modern/shared/index.d.ts +2 -0
- package/modern/shared/index.js +2 -0
- package/modern/typings/index.d.ts +22 -0
- package/modern/typings/index.js +1 -0
- package/modern/typings/margin-type.d.ts +8 -0
- package/modern/typings/margin-type.js +1 -0
- package/modern/utils/getUniversalModalTestIds.d.ts +8 -0
- package/modern/utils/getUniversalModalTestIds.js +13 -0
- package/moderncssm/Component.responsive.d.ts +15 -0
- package/moderncssm/Component.responsive.js +47 -0
- package/moderncssm/Context.d.ts +4 -0
- package/moderncssm/Context.js +5 -0
- package/moderncssm/ResponsiveContext.d.ts +4 -0
- package/moderncssm/ResponsiveContext.js +5 -0
- package/moderncssm/components/content/base-content/base-content.d.ts +17 -0
- package/moderncssm/components/content/base-content/base-content.js +15 -0
- package/moderncssm/components/content/base-content/index.module.css +26 -0
- package/moderncssm/components/content/desktop/Component.desktop.d.ts +10 -0
- package/moderncssm/components/content/desktop/Component.desktop.js +7 -0
- package/moderncssm/components/content/index.d.ts +7 -0
- package/moderncssm/components/content/index.js +3 -0
- package/moderncssm/components/content/mobile/Component.mobile.d.ts +5 -0
- package/moderncssm/components/content/mobile/Component.mobile.js +8 -0
- package/moderncssm/components/content/mobile/mobile.module.css +18 -0
- package/moderncssm/components/content/responsive/Component.responsive.d.ts +6 -0
- package/moderncssm/components/content/responsive/Component.responsive.js +14 -0
- package/moderncssm/components/footer/base-footer/base-footer.d.ts +29 -0
- package/moderncssm/components/footer/base-footer/base-footer.js +21 -0
- package/moderncssm/components/footer/base-footer/index.module.css +23 -0
- package/moderncssm/components/footer/desktop/Component.desktop.d.ts +10 -0
- package/moderncssm/components/footer/desktop/Component.desktop.js +18 -0
- package/moderncssm/components/footer/desktop/desktop.module.css +10 -0
- package/moderncssm/components/footer/desktop/layout.module.css +42 -0
- package/moderncssm/components/footer/index.d.ts +7 -0
- package/moderncssm/components/footer/index.js +3 -0
- package/moderncssm/components/footer/mobile/Component.mobile.d.ts +5 -0
- package/moderncssm/components/footer/mobile/Component.mobile.js +15 -0
- package/moderncssm/components/footer/mobile/layout.mobile.module.css +37 -0
- package/moderncssm/components/footer/mobile/mobile.module.css +14 -0
- package/moderncssm/components/footer/responsive/Component.responsive.d.ts +6 -0
- package/moderncssm/components/footer/responsive/Component.responsive.js +14 -0
- package/moderncssm/components/header/base-header/index.module.css +71 -0
- package/moderncssm/components/header/desktop/Component.desktop.d.ts +11 -0
- package/moderncssm/components/header/desktop/Component.desktop.js +30 -0
- package/moderncssm/components/header/desktop/desktop.module.css +45 -0
- package/moderncssm/components/header/index.d.ts +7 -0
- package/moderncssm/components/header/index.js +3 -0
- package/moderncssm/components/header/mobile/Component.mobile.d.ts +5 -0
- package/moderncssm/components/header/mobile/Component.mobile.js +24 -0
- package/moderncssm/components/header/mobile/mobile.module.css +31 -0
- package/moderncssm/components/header/responsive/Component.responsive.d.ts +6 -0
- package/moderncssm/components/header/responsive/Component.responsive.js +14 -0
- package/moderncssm/desktop/Component.desktop.d.ts +9 -0
- package/moderncssm/desktop/Component.desktop.js +47 -0
- package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
- package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +110 -0
- package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +20 -0
- package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.js +13 -0
- package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.module.css +8 -0
- package/moderncssm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
- package/moderncssm/desktop/components/buttons/arrow-button/index.js +1 -0
- package/moderncssm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/moderncssm/desktop/components/buttons/cross-button/cross-button.js +11 -0
- package/moderncssm/desktop/components/buttons/cross-button/cross-button.module.css +7 -0
- package/moderncssm/desktop/components/buttons/cross-button/index.d.ts +1 -0
- package/moderncssm/desktop/components/buttons/cross-button/index.js +1 -0
- package/moderncssm/desktop/components/center-modal/center-modal.d.ts +4 -0
- package/moderncssm/desktop/components/center-modal/center-modal.js +42 -0
- package/moderncssm/desktop/components/center-modal/index.d.ts +1 -0
- package/moderncssm/desktop/components/center-modal/index.js +1 -0
- package/moderncssm/desktop/components/center-modal/styles/center-modal.module.css +38 -0
- package/moderncssm/desktop/components/center-modal/styles/index.module.css +2110 -0
- package/moderncssm/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
- package/moderncssm/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
- package/moderncssm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
- package/moderncssm/desktop/components/side-modal/get-default-transition-props.js +32 -0
- package/moderncssm/desktop/components/side-modal/index.d.ts +1 -0
- package/moderncssm/desktop/components/side-modal/index.js +1 -0
- package/moderncssm/desktop/components/side-modal/side-modal.d.ts +4 -0
- package/moderncssm/desktop/components/side-modal/side-modal.js +49 -0
- package/moderncssm/desktop/components/side-modal/styles/index.module.css +2117 -0
- package/moderncssm/desktop/components/side-modal/styles/side-modal.module.css +45 -0
- package/moderncssm/desktop/components/side-modal/styles/transitions/transitions.module.css +330 -0
- package/moderncssm/desktop/constants/index.d.ts +3 -0
- package/moderncssm/desktop/constants/index.js +4 -0
- package/moderncssm/desktop/hooks/useModalHeight.d.ts +4 -0
- package/moderncssm/desktop/hooks/useModalHeight.js +29 -0
- package/moderncssm/desktop/hooks/useModalWheel.d.ts +6 -0
- package/moderncssm/desktop/hooks/useModalWheel.js +15 -0
- package/moderncssm/desktop/hooks/useModalWidth.d.ts +4 -0
- package/moderncssm/desktop/hooks/useModalWidth.js +37 -0
- package/moderncssm/desktop/index.d.ts +10 -0
- package/moderncssm/desktop/index.js +19 -0
- package/moderncssm/desktop/styles/margins.module.css +1552 -0
- package/moderncssm/desktop/styles/transitions/full-size-backdrop-transitions.module.css +52 -0
- package/moderncssm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
- package/moderncssm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
- package/moderncssm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
- package/moderncssm/desktop/types/props.d.ts +45 -0
- package/moderncssm/desktop/types/props.js +1 -0
- package/moderncssm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
- package/moderncssm/desktop/utils/get-full-size-modal-transitions.js +43 -0
- package/moderncssm/desktop/utils/get-margins.d.ts +7 -0
- package/moderncssm/desktop/utils/get-margins.js +17 -0
- package/moderncssm/desktop/vars.css +2 -0
- package/moderncssm/index.d.ts +8 -0
- package/moderncssm/index.js +20 -0
- package/moderncssm/mobile/Component.mobile.d.ts +9 -0
- package/moderncssm/mobile/Component.mobile.js +35 -0
- package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
- package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.js +11 -0
- package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.module.css +11 -0
- package/moderncssm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
- package/moderncssm/mobile/components/buttons/arrow-button/index.js +1 -0
- package/moderncssm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
- package/moderncssm/mobile/components/buttons/cross-button/cross-button.js +11 -0
- package/moderncssm/mobile/components/buttons/cross-button/cross-button.module.css +11 -0
- package/moderncssm/mobile/components/buttons/cross-button/index.d.ts +1 -0
- package/moderncssm/mobile/components/buttons/cross-button/index.js +1 -0
- package/moderncssm/mobile/index.d.ts +10 -0
- package/moderncssm/mobile/index.js +19 -0
- package/moderncssm/mobile/mobile.module.css +21 -0
- package/moderncssm/mobile/transitions/right-side-transitions.mobile.module.css +23 -0
- package/moderncssm/mobile/transitions/transitions.mobile.module.css +24 -0
- package/moderncssm/mobile/types/props.d.ts +11 -0
- package/moderncssm/mobile/types/props.js +1 -0
- package/moderncssm/mobile/vars.css +2 -0
- package/moderncssm/shared/index.d.ts +2 -0
- package/moderncssm/shared/index.js +2 -0
- package/moderncssm/typings/index.d.ts +22 -0
- package/moderncssm/typings/index.js +1 -0
- package/moderncssm/typings/margin-type.d.ts +8 -0
- package/moderncssm/typings/margin-type.js +1 -0
- package/moderncssm/utils/getUniversalModalTestIds.d.ts +8 -0
- package/moderncssm/utils/getUniversalModalTestIds.js +13 -0
- package/moderncssm/vars.css +6 -0
- package/package.json +32 -0
- package/shared/index.d.ts +2 -0
- package/shared/index.js +11 -0
- package/shared/package.json +3 -0
- package/src/Component.responsive.tsx +32 -0
- package/src/Context.tsx +3 -0
- package/src/ResponsiveContext.ts +5 -0
- package/src/components/content/base-content/base-content.tsx +42 -0
- package/src/components/content/base-content/index.module.css +21 -0
- package/src/components/content/desktop/Component.desktop.tsx +15 -0
- package/src/components/content/index.ts +8 -0
- package/src/components/content/mobile/Component.mobile.tsx +12 -0
- package/src/components/content/mobile/mobile.module.css +13 -0
- package/src/components/content/responsive/Component.responsive.tsx +18 -0
- package/src/components/footer/base-footer/base-footer.tsx +71 -0
- package/src/components/footer/base-footer/index.module.css +20 -0
- package/src/components/footer/desktop/Component.desktop.tsx +39 -0
- package/src/components/footer/desktop/desktop.module.css +5 -0
- package/src/components/footer/desktop/layout.module.css +34 -0
- package/src/components/footer/index.ts +8 -0
- package/src/components/footer/mobile/Component.mobile.tsx +31 -0
- package/src/components/footer/mobile/layout.mobile.module.css +30 -0
- package/src/components/footer/mobile/mobile.module.css +9 -0
- package/src/components/footer/responsive/Component.responsive.tsx +18 -0
- package/src/components/header/base-header/index.module.css +64 -0
- package/src/components/header/desktop/Component.desktop.tsx +77 -0
- package/src/components/header/desktop/desktop.module.css +32 -0
- package/src/components/header/index.ts +8 -0
- package/src/components/header/mobile/Component.mobile.tsx +59 -0
- package/src/components/header/mobile/mobile.module.css +29 -0
- package/src/components/header/responsive/Component.responsive.tsx +18 -0
- package/src/desktop/Component.desktop.tsx +60 -0
- package/src/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +20 -0
- package/src/desktop/components/base-universal-modal-content/base-universal-modal-content.tsx +155 -0
- package/src/desktop/components/buttons/arrow-button/arrow-button.module.css +7 -0
- package/src/desktop/components/buttons/arrow-button/arrow-button.tsx +29 -0
- package/src/desktop/components/buttons/arrow-button/index.ts +1 -0
- package/src/desktop/components/buttons/cross-button/cross-button.module.css +6 -0
- package/src/desktop/components/buttons/cross-button/cross-button.tsx +24 -0
- package/src/desktop/components/buttons/cross-button/index.ts +1 -0
- package/src/desktop/components/center-modal/center-modal.tsx +84 -0
- package/src/desktop/components/center-modal/index.ts +1 -0
- package/src/desktop/components/center-modal/styles/center-modal.module.css +33 -0
- package/src/desktop/components/center-modal/styles/index.module.css +2 -0
- package/src/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
- package/src/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
- package/src/desktop/components/side-modal/get-default-transition-props.ts +41 -0
- package/src/desktop/components/side-modal/index.ts +1 -0
- package/src/desktop/components/side-modal/side-modal.tsx +95 -0
- package/src/desktop/components/side-modal/styles/index.module.css +2 -0
- package/src/desktop/components/side-modal/styles/side-modal.module.css +45 -0
- package/src/desktop/components/side-modal/styles/transitions/transitions.module.css +46 -0
- package/src/desktop/constants/index.ts +2 -0
- package/src/desktop/hooks/useModalHeight.tsx +42 -0
- package/src/desktop/hooks/useModalWheel.tsx +16 -0
- package/src/desktop/hooks/useModalWidth.tsx +52 -0
- package/src/desktop/index.ts +14 -0
- package/src/desktop/package.json +3 -0
- package/src/desktop/styles/margins.module.css +27 -0
- package/src/desktop/styles/transitions/full-size-backdrop-transitions.module.css +52 -0
- package/src/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
- package/src/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
- package/src/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
- package/src/desktop/types/props.ts +66 -0
- package/src/desktop/utils/get-full-size-modal-transitions.ts +64 -0
- package/src/desktop/utils/get-margins.ts +24 -0
- package/src/desktop/vars.css +6 -0
- package/src/index.ts +11 -0
- package/src/mobile/Component.mobile.tsx +44 -0
- package/src/mobile/components/buttons/arrow-button/arrow-button.module.css +11 -0
- package/src/mobile/components/buttons/arrow-button/arrow-button.tsx +24 -0
- package/src/mobile/components/buttons/arrow-button/index.ts +1 -0
- package/src/mobile/components/buttons/cross-button/cross-button.module.css +11 -0
- package/src/mobile/components/buttons/cross-button/cross-button.tsx +24 -0
- package/src/mobile/components/buttons/cross-button/index.ts +1 -0
- package/src/mobile/index.ts +14 -0
- package/src/mobile/mobile.module.css +21 -0
- package/src/mobile/package.json +3 -0
- package/src/mobile/transitions/right-side-transitions.mobile.module.css +23 -0
- package/src/mobile/transitions/transitions.mobile.module.css +24 -0
- package/src/mobile/types/props.ts +23 -0
- package/src/mobile/vars.css +8 -0
- package/src/shared/index.ts +2 -0
- package/src/shared/package.json +3 -0
- package/src/typings/index.ts +25 -0
- package/src/typings/margin-type.ts +8 -0
- package/src/utils/getUniversalModalTestIds.ts +11 -0
- package/src/vars.css +12 -0
- package/typings/index.d.ts +22 -0
- package/typings/index.js +2 -0
- package/typings/margin-type.d.ts +8 -0
- package/typings/margin-type.js +2 -0
- package/utils/getUniversalModalTestIds.d.ts +8 -0
- package/utils/getUniversalModalTestIds.js +17 -0
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import React, { useContext, useRef, useEffect } from 'react';
|
|
2
|
+
import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
|
|
3
|
+
import { ResponsiveContext } from '../../../ResponsiveContext.js';
|
|
4
|
+
import { SCROLLBAR_DEFAULT_GAP } from '../../constants/index.js';
|
|
5
|
+
|
|
6
|
+
var styles = {"scrollbarWrapper":"universal-modal__scrollbarWrapper_1kv1e","verticalBarContainer":"universal-modal__verticalBarContainer_1kv1e","scrollContentWrapper":"universal-modal__scrollContentWrapper_1kv1e","scrollbarContainer":"universal-modal__scrollbarContainer_1kv1e"};
|
|
7
|
+
require('./base-universal-modal-content.css')
|
|
8
|
+
|
|
9
|
+
var BaseUniversalModalContent = function (props) {
|
|
10
|
+
var children = props.children, wheelDeltaY = props.wheelDeltaY;
|
|
11
|
+
var _a = useContext(ResponsiveContext) || {}, setModalHeaderHighlighted = _a.setModalHeaderHighlighted, setModalFooterHighlighted = _a.setModalFooterHighlighted;
|
|
12
|
+
var scrollableNodeRef = useRef(null);
|
|
13
|
+
var scrollbarContentNodeRef = useRef(null);
|
|
14
|
+
var scrollbarRef = useRef(null);
|
|
15
|
+
var headerElementRef = useRef(null);
|
|
16
|
+
var footerElementRef = useRef(null);
|
|
17
|
+
// расчет overlap состояния
|
|
18
|
+
var handleScroll = function (e) {
|
|
19
|
+
var target = e.target;
|
|
20
|
+
var scrollTop = target.scrollTop, scrollHeight = target.scrollHeight, clientHeight = target.clientHeight;
|
|
21
|
+
var isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
|
|
22
|
+
if (setModalHeaderHighlighted) {
|
|
23
|
+
setModalHeaderHighlighted(scrollTop > 0);
|
|
24
|
+
}
|
|
25
|
+
if (setModalFooterHighlighted) {
|
|
26
|
+
setModalFooterHighlighted(!isElementFullScrolled);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
useEffect(function () {
|
|
30
|
+
if (scrollableNodeRef.current) {
|
|
31
|
+
scrollableNodeRef.current.scrollBy({
|
|
32
|
+
top: wheelDeltaY,
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}, [wheelDeltaY]);
|
|
36
|
+
// получаем ссылки на элементы хэдера и футера при первом рендере
|
|
37
|
+
useEffect(function () {
|
|
38
|
+
if (scrollbarContentNodeRef.current) {
|
|
39
|
+
headerElementRef.current =
|
|
40
|
+
scrollbarContentNodeRef.current.querySelector('div[data-name="modalHeaderDesktop"]');
|
|
41
|
+
footerElementRef.current =
|
|
42
|
+
scrollbarContentNodeRef.current.querySelector('div[data-name="modalFooterDesktop"]');
|
|
43
|
+
}
|
|
44
|
+
}, []);
|
|
45
|
+
// очищаем overlap значения в контексте
|
|
46
|
+
useEffect(function () { return function () {
|
|
47
|
+
if (setModalHeaderHighlighted) {
|
|
48
|
+
setModalHeaderHighlighted(false);
|
|
49
|
+
}
|
|
50
|
+
if (setModalFooterHighlighted) {
|
|
51
|
+
setModalFooterHighlighted(false);
|
|
52
|
+
}
|
|
53
|
+
}; }, [setModalHeaderHighlighted, setModalFooterHighlighted]);
|
|
54
|
+
// расчет размера полосы прокрутки
|
|
55
|
+
useEffect(function () {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
if (scrollbarRef.current) {
|
|
58
|
+
var verticalBar = scrollbarRef.current.querySelector(".".concat(styles.verticalBarContainer));
|
|
59
|
+
if (verticalBar) {
|
|
60
|
+
var headerHeight = ((_a = headerElementRef === null || headerElementRef === void 0 ? void 0 : headerElementRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
|
|
61
|
+
var footerHeight = ((_b = footerElementRef === null || footerElementRef === void 0 ? void 0 : footerElementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
|
|
62
|
+
var topGap = void 0;
|
|
63
|
+
var topOffset = void 0;
|
|
64
|
+
var bottomGap = void 0;
|
|
65
|
+
if (headerHeight) {
|
|
66
|
+
// если есть header уменьшаем размер скролла на величину хедера и добавляем отступ сверху
|
|
67
|
+
topGap = headerHeight;
|
|
68
|
+
topOffset = headerHeight;
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
// иначе уменьшаем размер скролла и увеличиваем отступ на величину скругления
|
|
72
|
+
topGap = SCROLLBAR_DEFAULT_GAP;
|
|
73
|
+
topOffset = SCROLLBAR_DEFAULT_GAP;
|
|
74
|
+
}
|
|
75
|
+
if (footerHeight) {
|
|
76
|
+
// если есть footer уменьшаем размер скролла на величину футера
|
|
77
|
+
bottomGap = footerHeight;
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
// иначе уменьшаем размер на величину скругления
|
|
81
|
+
bottomGap = SCROLLBAR_DEFAULT_GAP;
|
|
82
|
+
}
|
|
83
|
+
verticalBar.style.height = "calc(100% - ".concat(topGap, "px - ").concat(bottomGap, "px)");
|
|
84
|
+
verticalBar.style.top = "".concat(topOffset, "px");
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
// расчет overlap футера при resize событии
|
|
89
|
+
useEffect(function () {
|
|
90
|
+
var resizeObserver = new ResizeObserver(function () {
|
|
91
|
+
var _a, _b;
|
|
92
|
+
var contentHeight = ((_a = scrollbarContentNodeRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
|
|
93
|
+
var wrapperHeight = ((_b = scrollableNodeRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0;
|
|
94
|
+
if (setModalFooterHighlighted) {
|
|
95
|
+
setModalFooterHighlighted(contentHeight > wrapperHeight);
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
if (scrollbarContentNodeRef.current) {
|
|
99
|
+
resizeObserver.observe(scrollbarContentNodeRef.current);
|
|
100
|
+
}
|
|
101
|
+
return function () {
|
|
102
|
+
resizeObserver.disconnect();
|
|
103
|
+
};
|
|
104
|
+
}, [setModalFooterHighlighted]);
|
|
105
|
+
return (React.createElement(Scrollbar, { className: styles.scrollbarWrapper, verticalBarClassName: styles.verticalBarContainer, ref: scrollbarRef, scrollableNodeProps: {
|
|
106
|
+
ref: scrollableNodeRef,
|
|
107
|
+
className: styles.scrollContentWrapper,
|
|
108
|
+
}, contentNodeProps: {
|
|
109
|
+
ref: scrollbarContentNodeRef,
|
|
110
|
+
className: styles.scrollbarContainer,
|
|
111
|
+
}, onContentScroll: handleScroll }, children));
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
export { BaseUniversalModalContent };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/* hash: b4lkp */
|
|
2
|
+
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
+
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
+
--color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
7
|
+
} :root {
|
|
8
|
+
|
|
9
|
+
/* Hard */
|
|
10
|
+
|
|
11
|
+
/* Up */
|
|
12
|
+
|
|
13
|
+
/* Hard up */
|
|
14
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
15
|
+
|
|
16
|
+
/* новые значения, используйте их */
|
|
17
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
|
+
--gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
+
|
|
20
|
+
/* новые значения, используйте их */
|
|
21
|
+
|
|
22
|
+
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
23
|
+
/* stylelint-disable-next-line length-zero-no-unit */
|
|
24
|
+
--gap-12: var(--gap-s);
|
|
25
|
+
} :root {
|
|
26
|
+
} :root {
|
|
27
|
+
} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_d1k7s.universal-modal__button_d1k7s {
|
|
28
|
+
padding: 0 var(--gap-12);
|
|
29
|
+
background-color: var(--color-light-bg-primary-alpha-40);
|
|
30
|
+
-webkit-backdrop-filter: blur(10px);
|
|
31
|
+
backdrop-filter: blur(10px);
|
|
32
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
|
|
3
|
+
import { Typography } from '@alfalab/core-components-typography/esm';
|
|
4
|
+
import { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
|
|
5
|
+
|
|
6
|
+
var styles = {"button":"universal-modal__button_d1k7s"};
|
|
7
|
+
require('./arrow-button.css')
|
|
8
|
+
|
|
9
|
+
var ArrowButtonDesktop = function (props) {
|
|
10
|
+
var onClick = props.onClick;
|
|
11
|
+
return (React.createElement(ButtonDesktop, { shape: 'rounded', size: 48, leftAddons: React.createElement(ArrowLeftMediumMIcon, null), className: styles.button, onClick: onClick },
|
|
12
|
+
React.createElement(Typography.Text, { view: 'primary-large', weight: 'medium' }, "\u041D\u0430\u0437\u0430\u0434")));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { ArrowButtonDesktop };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ArrowButtonDesktop } from "./arrow-button";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ArrowButtonDesktop } from './arrow-button.js';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/* hash: unu0t */
|
|
2
|
+
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
+
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
+
--color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
7
|
+
} :root {
|
|
8
|
+
|
|
9
|
+
/* Hard */
|
|
10
|
+
|
|
11
|
+
/* Up */
|
|
12
|
+
|
|
13
|
+
/* Hard up */
|
|
14
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
15
|
+
|
|
16
|
+
/* новые значения, используйте их */
|
|
17
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
|
+
|
|
19
|
+
/* новые значения, используйте их */
|
|
20
|
+
|
|
21
|
+
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
22
|
+
/* stylelint-disable-next-line length-zero-no-unit */
|
|
23
|
+
} :root {
|
|
24
|
+
} :root {
|
|
25
|
+
} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_1moae.universal-modal__button_1moae {
|
|
26
|
+
background-color: var(--color-light-bg-primary-alpha-40);
|
|
27
|
+
-webkit-backdrop-filter: blur(10px);
|
|
28
|
+
backdrop-filter: blur(10px);
|
|
29
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
|
|
3
|
+
import { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';
|
|
4
|
+
|
|
5
|
+
var styles = {"button":"universal-modal__button_1moae"};
|
|
6
|
+
require('./cross-button.css')
|
|
7
|
+
|
|
8
|
+
var CrossButtonDesktop = function (props) {
|
|
9
|
+
var onClick = props.onClick;
|
|
10
|
+
return (React.createElement(ButtonDesktop, { leftAddons: React.createElement(CrossMediumMIcon, null), size: 48, shape: 'rounded', className: styles.button, onClick: onClick }));
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { CrossButtonDesktop };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CrossButtonDesktop } from "./cross-button";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CrossButtonDesktop } from './cross-button.js';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const CenterModal: 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>>;
|
|
4
|
+
export { CenterModal };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import React, { forwardRef, useRef } from 'react';
|
|
3
|
+
import cn from 'classnames';
|
|
4
|
+
import { BaseModal } from '@alfalab/core-components-base-modal/esm';
|
|
5
|
+
import { os, browser } from '@alfalab/core-components-shared/esm';
|
|
6
|
+
import { useModalHeight } from '../../hooks/useModalHeight.js';
|
|
7
|
+
import { useModalWheel } from '../../hooks/useModalWheel.js';
|
|
8
|
+
import { useModalWidth } from '../../hooks/useModalWidth.js';
|
|
9
|
+
import { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions.js';
|
|
10
|
+
import { getMargins } from '../../utils/get-margins.js';
|
|
11
|
+
import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
|
|
12
|
+
|
|
13
|
+
var styles = {"component":"universal-modal__component_1970l","overlayHidden":"universal-modal__overlayHidden_1970l","container":"universal-modal__container_1970l","verticalTop":"universal-modal__verticalTop_1970l","verticalBottom":"universal-modal__verticalBottom_1970l","marginTop-0":"universal-modal__marginTop-0_1970l","marginTop-1":"universal-modal__marginTop-1_1970l","marginTop-2":"universal-modal__marginTop-2_1970l","marginTop-3":"universal-modal__marginTop-3_1970l","marginTop-4":"universal-modal__marginTop-4_1970l","marginTop-5":"universal-modal__marginTop-5_1970l","marginTop-6":"universal-modal__marginTop-6_1970l","marginTop-7":"universal-modal__marginTop-7_1970l","marginTop-8":"universal-modal__marginTop-8_1970l","marginTop-9":"universal-modal__marginTop-9_1970l","marginTop-10":"universal-modal__marginTop-10_1970l","marginTop-11":"universal-modal__marginTop-11_1970l","marginTop-12":"universal-modal__marginTop-12_1970l","marginTop-13":"universal-modal__marginTop-13_1970l","marginTop-14":"universal-modal__marginTop-14_1970l","marginTop-15":"universal-modal__marginTop-15_1970l","marginTop-16":"universal-modal__marginTop-16_1970l","marginTop-17":"universal-modal__marginTop-17_1970l","marginTop-18":"universal-modal__marginTop-18_1970l","marginTop-19":"universal-modal__marginTop-19_1970l","marginTop-20":"universal-modal__marginTop-20_1970l","marginTop-21":"universal-modal__marginTop-21_1970l","marginTop-22":"universal-modal__marginTop-22_1970l","marginTop-23":"universal-modal__marginTop-23_1970l","marginTop-24":"universal-modal__marginTop-24_1970l","marginTop-25":"universal-modal__marginTop-25_1970l","marginTop-26":"universal-modal__marginTop-26_1970l","marginTop-27":"universal-modal__marginTop-27_1970l","marginTop-28":"universal-modal__marginTop-28_1970l","marginTop-29":"universal-modal__marginTop-29_1970l","marginTop-30":"universal-modal__marginTop-30_1970l","marginTop-31":"universal-modal__marginTop-31_1970l","marginTop-32":"universal-modal__marginTop-32_1970l","marginTop-33":"universal-modal__marginTop-33_1970l","marginTop-34":"universal-modal__marginTop-34_1970l","marginTop-35":"universal-modal__marginTop-35_1970l","marginTop-36":"universal-modal__marginTop-36_1970l","marginTop-37":"universal-modal__marginTop-37_1970l","marginTop-38":"universal-modal__marginTop-38_1970l","marginTop-39":"universal-modal__marginTop-39_1970l","marginTop-40":"universal-modal__marginTop-40_1970l","marginTop-41":"universal-modal__marginTop-41_1970l","marginTop-42":"universal-modal__marginTop-42_1970l","marginTop-43":"universal-modal__marginTop-43_1970l","marginTop-44":"universal-modal__marginTop-44_1970l","marginTop-45":"universal-modal__marginTop-45_1970l","marginTop-46":"universal-modal__marginTop-46_1970l","marginTop-47":"universal-modal__marginTop-47_1970l","marginTop-48":"universal-modal__marginTop-48_1970l","marginTop-49":"universal-modal__marginTop-49_1970l","marginTop-50":"universal-modal__marginTop-50_1970l","marginTop-51":"universal-modal__marginTop-51_1970l","marginTop-52":"universal-modal__marginTop-52_1970l","marginTop-53":"universal-modal__marginTop-53_1970l","marginTop-54":"universal-modal__marginTop-54_1970l","marginTop-55":"universal-modal__marginTop-55_1970l","marginTop-56":"universal-modal__marginTop-56_1970l","marginTop-57":"universal-modal__marginTop-57_1970l","marginTop-58":"universal-modal__marginTop-58_1970l","marginTop-59":"universal-modal__marginTop-59_1970l","marginTop-60":"universal-modal__marginTop-60_1970l","marginTop-61":"universal-modal__marginTop-61_1970l","marginTop-62":"universal-modal__marginTop-62_1970l","marginTop-63":"universal-modal__marginTop-63_1970l","marginTop-64":"universal-modal__marginTop-64_1970l","marginTop-65":"universal-modal__marginTop-65_1970l","marginTop-66":"universal-modal__marginTop-66_1970l","marginTop-67":"universal-modal__marginTop-67_1970l","marginTop-68":"universal-modal__marginTop-68_1970l","marginTop-69":"universal-modal__marginTop-69_1970l","marginTop-70":"universal-modal__marginTop-70_1970l","marginTop-71":"universal-modal__marginTop-71_1970l","marginTop-72":"universal-modal__marginTop-72_1970l","marginTop-73":"universal-modal__marginTop-73_1970l","marginTop-74":"universal-modal__marginTop-74_1970l","marginTop-75":"universal-modal__marginTop-75_1970l","marginTop-76":"universal-modal__marginTop-76_1970l","marginTop-77":"universal-modal__marginTop-77_1970l","marginTop-78":"universal-modal__marginTop-78_1970l","marginTop-79":"universal-modal__marginTop-79_1970l","marginTop-80":"universal-modal__marginTop-80_1970l","marginTop-81":"universal-modal__marginTop-81_1970l","marginTop-82":"universal-modal__marginTop-82_1970l","marginTop-83":"universal-modal__marginTop-83_1970l","marginTop-84":"universal-modal__marginTop-84_1970l","marginTop-85":"universal-modal__marginTop-85_1970l","marginTop-86":"universal-modal__marginTop-86_1970l","marginTop-87":"universal-modal__marginTop-87_1970l","marginTop-88":"universal-modal__marginTop-88_1970l","marginTop-89":"universal-modal__marginTop-89_1970l","marginTop-90":"universal-modal__marginTop-90_1970l","marginTop-91":"universal-modal__marginTop-91_1970l","marginTop-92":"universal-modal__marginTop-92_1970l","marginTop-93":"universal-modal__marginTop-93_1970l","marginTop-94":"universal-modal__marginTop-94_1970l","marginTop-95":"universal-modal__marginTop-95_1970l","marginTop-96":"universal-modal__marginTop-96_1970l","marginTop-97":"universal-modal__marginTop-97_1970l","marginTop-98":"universal-modal__marginTop-98_1970l","marginTop-99":"universal-modal__marginTop-99_1970l","marginTop-100":"universal-modal__marginTop-100_1970l","marginTop-101":"universal-modal__marginTop-101_1970l","marginTop-102":"universal-modal__marginTop-102_1970l","marginTop-103":"universal-modal__marginTop-103_1970l","marginTop-104":"universal-modal__marginTop-104_1970l","marginTop-105":"universal-modal__marginTop-105_1970l","marginTop-106":"universal-modal__marginTop-106_1970l","marginTop-107":"universal-modal__marginTop-107_1970l","marginTop-108":"universal-modal__marginTop-108_1970l","marginTop-109":"universal-modal__marginTop-109_1970l","marginTop-110":"universal-modal__marginTop-110_1970l","marginTop-111":"universal-modal__marginTop-111_1970l","marginTop-112":"universal-modal__marginTop-112_1970l","marginTop-113":"universal-modal__marginTop-113_1970l","marginTop-114":"universal-modal__marginTop-114_1970l","marginTop-115":"universal-modal__marginTop-115_1970l","marginTop-116":"universal-modal__marginTop-116_1970l","marginTop-117":"universal-modal__marginTop-117_1970l","marginTop-118":"universal-modal__marginTop-118_1970l","marginTop-119":"universal-modal__marginTop-119_1970l","marginTop-120":"universal-modal__marginTop-120_1970l","marginTop-121":"universal-modal__marginTop-121_1970l","marginTop-122":"universal-modal__marginTop-122_1970l","marginTop-123":"universal-modal__marginTop-123_1970l","marginTop-124":"universal-modal__marginTop-124_1970l","marginTop-125":"universal-modal__marginTop-125_1970l","marginTop-126":"universal-modal__marginTop-126_1970l","marginTop-127":"universal-modal__marginTop-127_1970l","marginTop-128":"universal-modal__marginTop-128_1970l","marginRight-0":"universal-modal__marginRight-0_1970l","marginRight-1":"universal-modal__marginRight-1_1970l","marginRight-2":"universal-modal__marginRight-2_1970l","marginRight-3":"universal-modal__marginRight-3_1970l","marginRight-4":"universal-modal__marginRight-4_1970l","marginRight-5":"universal-modal__marginRight-5_1970l","marginRight-6":"universal-modal__marginRight-6_1970l","marginRight-7":"universal-modal__marginRight-7_1970l","marginRight-8":"universal-modal__marginRight-8_1970l","marginRight-9":"universal-modal__marginRight-9_1970l","marginRight-10":"universal-modal__marginRight-10_1970l","marginRight-11":"universal-modal__marginRight-11_1970l","marginRight-12":"universal-modal__marginRight-12_1970l","marginRight-13":"universal-modal__marginRight-13_1970l","marginRight-14":"universal-modal__marginRight-14_1970l","marginRight-15":"universal-modal__marginRight-15_1970l","marginRight-16":"universal-modal__marginRight-16_1970l","marginRight-17":"universal-modal__marginRight-17_1970l","marginRight-18":"universal-modal__marginRight-18_1970l","marginRight-19":"universal-modal__marginRight-19_1970l","marginRight-20":"universal-modal__marginRight-20_1970l","marginRight-21":"universal-modal__marginRight-21_1970l","marginRight-22":"universal-modal__marginRight-22_1970l","marginRight-23":"universal-modal__marginRight-23_1970l","marginRight-24":"universal-modal__marginRight-24_1970l","marginRight-25":"universal-modal__marginRight-25_1970l","marginRight-26":"universal-modal__marginRight-26_1970l","marginRight-27":"universal-modal__marginRight-27_1970l","marginRight-28":"universal-modal__marginRight-28_1970l","marginRight-29":"universal-modal__marginRight-29_1970l","marginRight-30":"universal-modal__marginRight-30_1970l","marginRight-31":"universal-modal__marginRight-31_1970l","marginRight-32":"universal-modal__marginRight-32_1970l","marginRight-33":"universal-modal__marginRight-33_1970l","marginRight-34":"universal-modal__marginRight-34_1970l","marginRight-35":"universal-modal__marginRight-35_1970l","marginRight-36":"universal-modal__marginRight-36_1970l","marginRight-37":"universal-modal__marginRight-37_1970l","marginRight-38":"universal-modal__marginRight-38_1970l","marginRight-39":"universal-modal__marginRight-39_1970l","marginRight-40":"universal-modal__marginRight-40_1970l","marginRight-41":"universal-modal__marginRight-41_1970l","marginRight-42":"universal-modal__marginRight-42_1970l","marginRight-43":"universal-modal__marginRight-43_1970l","marginRight-44":"universal-modal__marginRight-44_1970l","marginRight-45":"universal-modal__marginRight-45_1970l","marginRight-46":"universal-modal__marginRight-46_1970l","marginRight-47":"universal-modal__marginRight-47_1970l","marginRight-48":"universal-modal__marginRight-48_1970l","marginRight-49":"universal-modal__marginRight-49_1970l","marginRight-50":"universal-modal__marginRight-50_1970l","marginRight-51":"universal-modal__marginRight-51_1970l","marginRight-52":"universal-modal__marginRight-52_1970l","marginRight-53":"universal-modal__marginRight-53_1970l","marginRight-54":"universal-modal__marginRight-54_1970l","marginRight-55":"universal-modal__marginRight-55_1970l","marginRight-56":"universal-modal__marginRight-56_1970l","marginRight-57":"universal-modal__marginRight-57_1970l","marginRight-58":"universal-modal__marginRight-58_1970l","marginRight-59":"universal-modal__marginRight-59_1970l","marginRight-60":"universal-modal__marginRight-60_1970l","marginRight-61":"universal-modal__marginRight-61_1970l","marginRight-62":"universal-modal__marginRight-62_1970l","marginRight-63":"universal-modal__marginRight-63_1970l","marginRight-64":"universal-modal__marginRight-64_1970l","marginRight-65":"universal-modal__marginRight-65_1970l","marginRight-66":"universal-modal__marginRight-66_1970l","marginRight-67":"universal-modal__marginRight-67_1970l","marginRight-68":"universal-modal__marginRight-68_1970l","marginRight-69":"universal-modal__marginRight-69_1970l","marginRight-70":"universal-modal__marginRight-70_1970l","marginRight-71":"universal-modal__marginRight-71_1970l","marginRight-72":"universal-modal__marginRight-72_1970l","marginRight-73":"universal-modal__marginRight-73_1970l","marginRight-74":"universal-modal__marginRight-74_1970l","marginRight-75":"universal-modal__marginRight-75_1970l","marginRight-76":"universal-modal__marginRight-76_1970l","marginRight-77":"universal-modal__marginRight-77_1970l","marginRight-78":"universal-modal__marginRight-78_1970l","marginRight-79":"universal-modal__marginRight-79_1970l","marginRight-80":"universal-modal__marginRight-80_1970l","marginRight-81":"universal-modal__marginRight-81_1970l","marginRight-82":"universal-modal__marginRight-82_1970l","marginRight-83":"universal-modal__marginRight-83_1970l","marginRight-84":"universal-modal__marginRight-84_1970l","marginRight-85":"universal-modal__marginRight-85_1970l","marginRight-86":"universal-modal__marginRight-86_1970l","marginRight-87":"universal-modal__marginRight-87_1970l","marginRight-88":"universal-modal__marginRight-88_1970l","marginRight-89":"universal-modal__marginRight-89_1970l","marginRight-90":"universal-modal__marginRight-90_1970l","marginRight-91":"universal-modal__marginRight-91_1970l","marginRight-92":"universal-modal__marginRight-92_1970l","marginRight-93":"universal-modal__marginRight-93_1970l","marginRight-94":"universal-modal__marginRight-94_1970l","marginRight-95":"universal-modal__marginRight-95_1970l","marginRight-96":"universal-modal__marginRight-96_1970l","marginRight-97":"universal-modal__marginRight-97_1970l","marginRight-98":"universal-modal__marginRight-98_1970l","marginRight-99":"universal-modal__marginRight-99_1970l","marginRight-100":"universal-modal__marginRight-100_1970l","marginRight-101":"universal-modal__marginRight-101_1970l","marginRight-102":"universal-modal__marginRight-102_1970l","marginRight-103":"universal-modal__marginRight-103_1970l","marginRight-104":"universal-modal__marginRight-104_1970l","marginRight-105":"universal-modal__marginRight-105_1970l","marginRight-106":"universal-modal__marginRight-106_1970l","marginRight-107":"universal-modal__marginRight-107_1970l","marginRight-108":"universal-modal__marginRight-108_1970l","marginRight-109":"universal-modal__marginRight-109_1970l","marginRight-110":"universal-modal__marginRight-110_1970l","marginRight-111":"universal-modal__marginRight-111_1970l","marginRight-112":"universal-modal__marginRight-112_1970l","marginRight-113":"universal-modal__marginRight-113_1970l","marginRight-114":"universal-modal__marginRight-114_1970l","marginRight-115":"universal-modal__marginRight-115_1970l","marginRight-116":"universal-modal__marginRight-116_1970l","marginRight-117":"universal-modal__marginRight-117_1970l","marginRight-118":"universal-modal__marginRight-118_1970l","marginRight-119":"universal-modal__marginRight-119_1970l","marginRight-120":"universal-modal__marginRight-120_1970l","marginRight-121":"universal-modal__marginRight-121_1970l","marginRight-122":"universal-modal__marginRight-122_1970l","marginRight-123":"universal-modal__marginRight-123_1970l","marginRight-124":"universal-modal__marginRight-124_1970l","marginRight-125":"universal-modal__marginRight-125_1970l","marginRight-126":"universal-modal__marginRight-126_1970l","marginRight-127":"universal-modal__marginRight-127_1970l","marginRight-128":"universal-modal__marginRight-128_1970l","marginBottom-0":"universal-modal__marginBottom-0_1970l","marginBottom-1":"universal-modal__marginBottom-1_1970l","marginBottom-2":"universal-modal__marginBottom-2_1970l","marginBottom-3":"universal-modal__marginBottom-3_1970l","marginBottom-4":"universal-modal__marginBottom-4_1970l","marginBottom-5":"universal-modal__marginBottom-5_1970l","marginBottom-6":"universal-modal__marginBottom-6_1970l","marginBottom-7":"universal-modal__marginBottom-7_1970l","marginBottom-8":"universal-modal__marginBottom-8_1970l","marginBottom-9":"universal-modal__marginBottom-9_1970l","marginBottom-10":"universal-modal__marginBottom-10_1970l","marginBottom-11":"universal-modal__marginBottom-11_1970l","marginBottom-12":"universal-modal__marginBottom-12_1970l","marginBottom-13":"universal-modal__marginBottom-13_1970l","marginBottom-14":"universal-modal__marginBottom-14_1970l","marginBottom-15":"universal-modal__marginBottom-15_1970l","marginBottom-16":"universal-modal__marginBottom-16_1970l","marginBottom-17":"universal-modal__marginBottom-17_1970l","marginBottom-18":"universal-modal__marginBottom-18_1970l","marginBottom-19":"universal-modal__marginBottom-19_1970l","marginBottom-20":"universal-modal__marginBottom-20_1970l","marginBottom-21":"universal-modal__marginBottom-21_1970l","marginBottom-22":"universal-modal__marginBottom-22_1970l","marginBottom-23":"universal-modal__marginBottom-23_1970l","marginBottom-24":"universal-modal__marginBottom-24_1970l","marginBottom-25":"universal-modal__marginBottom-25_1970l","marginBottom-26":"universal-modal__marginBottom-26_1970l","marginBottom-27":"universal-modal__marginBottom-27_1970l","marginBottom-28":"universal-modal__marginBottom-28_1970l","marginBottom-29":"universal-modal__marginBottom-29_1970l","marginBottom-30":"universal-modal__marginBottom-30_1970l","marginBottom-31":"universal-modal__marginBottom-31_1970l","marginBottom-32":"universal-modal__marginBottom-32_1970l","marginBottom-33":"universal-modal__marginBottom-33_1970l","marginBottom-34":"universal-modal__marginBottom-34_1970l","marginBottom-35":"universal-modal__marginBottom-35_1970l","marginBottom-36":"universal-modal__marginBottom-36_1970l","marginBottom-37":"universal-modal__marginBottom-37_1970l","marginBottom-38":"universal-modal__marginBottom-38_1970l","marginBottom-39":"universal-modal__marginBottom-39_1970l","marginBottom-40":"universal-modal__marginBottom-40_1970l","marginBottom-41":"universal-modal__marginBottom-41_1970l","marginBottom-42":"universal-modal__marginBottom-42_1970l","marginBottom-43":"universal-modal__marginBottom-43_1970l","marginBottom-44":"universal-modal__marginBottom-44_1970l","marginBottom-45":"universal-modal__marginBottom-45_1970l","marginBottom-46":"universal-modal__marginBottom-46_1970l","marginBottom-47":"universal-modal__marginBottom-47_1970l","marginBottom-48":"universal-modal__marginBottom-48_1970l","marginBottom-49":"universal-modal__marginBottom-49_1970l","marginBottom-50":"universal-modal__marginBottom-50_1970l","marginBottom-51":"universal-modal__marginBottom-51_1970l","marginBottom-52":"universal-modal__marginBottom-52_1970l","marginBottom-53":"universal-modal__marginBottom-53_1970l","marginBottom-54":"universal-modal__marginBottom-54_1970l","marginBottom-55":"universal-modal__marginBottom-55_1970l","marginBottom-56":"universal-modal__marginBottom-56_1970l","marginBottom-57":"universal-modal__marginBottom-57_1970l","marginBottom-58":"universal-modal__marginBottom-58_1970l","marginBottom-59":"universal-modal__marginBottom-59_1970l","marginBottom-60":"universal-modal__marginBottom-60_1970l","marginBottom-61":"universal-modal__marginBottom-61_1970l","marginBottom-62":"universal-modal__marginBottom-62_1970l","marginBottom-63":"universal-modal__marginBottom-63_1970l","marginBottom-64":"universal-modal__marginBottom-64_1970l","marginBottom-65":"universal-modal__marginBottom-65_1970l","marginBottom-66":"universal-modal__marginBottom-66_1970l","marginBottom-67":"universal-modal__marginBottom-67_1970l","marginBottom-68":"universal-modal__marginBottom-68_1970l","marginBottom-69":"universal-modal__marginBottom-69_1970l","marginBottom-70":"universal-modal__marginBottom-70_1970l","marginBottom-71":"universal-modal__marginBottom-71_1970l","marginBottom-72":"universal-modal__marginBottom-72_1970l","marginBottom-73":"universal-modal__marginBottom-73_1970l","marginBottom-74":"universal-modal__marginBottom-74_1970l","marginBottom-75":"universal-modal__marginBottom-75_1970l","marginBottom-76":"universal-modal__marginBottom-76_1970l","marginBottom-77":"universal-modal__marginBottom-77_1970l","marginBottom-78":"universal-modal__marginBottom-78_1970l","marginBottom-79":"universal-modal__marginBottom-79_1970l","marginBottom-80":"universal-modal__marginBottom-80_1970l","marginBottom-81":"universal-modal__marginBottom-81_1970l","marginBottom-82":"universal-modal__marginBottom-82_1970l","marginBottom-83":"universal-modal__marginBottom-83_1970l","marginBottom-84":"universal-modal__marginBottom-84_1970l","marginBottom-85":"universal-modal__marginBottom-85_1970l","marginBottom-86":"universal-modal__marginBottom-86_1970l","marginBottom-87":"universal-modal__marginBottom-87_1970l","marginBottom-88":"universal-modal__marginBottom-88_1970l","marginBottom-89":"universal-modal__marginBottom-89_1970l","marginBottom-90":"universal-modal__marginBottom-90_1970l","marginBottom-91":"universal-modal__marginBottom-91_1970l","marginBottom-92":"universal-modal__marginBottom-92_1970l","marginBottom-93":"universal-modal__marginBottom-93_1970l","marginBottom-94":"universal-modal__marginBottom-94_1970l","marginBottom-95":"universal-modal__marginBottom-95_1970l","marginBottom-96":"universal-modal__marginBottom-96_1970l","marginBottom-97":"universal-modal__marginBottom-97_1970l","marginBottom-98":"universal-modal__marginBottom-98_1970l","marginBottom-99":"universal-modal__marginBottom-99_1970l","marginBottom-100":"universal-modal__marginBottom-100_1970l","marginBottom-101":"universal-modal__marginBottom-101_1970l","marginBottom-102":"universal-modal__marginBottom-102_1970l","marginBottom-103":"universal-modal__marginBottom-103_1970l","marginBottom-104":"universal-modal__marginBottom-104_1970l","marginBottom-105":"universal-modal__marginBottom-105_1970l","marginBottom-106":"universal-modal__marginBottom-106_1970l","marginBottom-107":"universal-modal__marginBottom-107_1970l","marginBottom-108":"universal-modal__marginBottom-108_1970l","marginBottom-109":"universal-modal__marginBottom-109_1970l","marginBottom-110":"universal-modal__marginBottom-110_1970l","marginBottom-111":"universal-modal__marginBottom-111_1970l","marginBottom-112":"universal-modal__marginBottom-112_1970l","marginBottom-113":"universal-modal__marginBottom-113_1970l","marginBottom-114":"universal-modal__marginBottom-114_1970l","marginBottom-115":"universal-modal__marginBottom-115_1970l","marginBottom-116":"universal-modal__marginBottom-116_1970l","marginBottom-117":"universal-modal__marginBottom-117_1970l","marginBottom-118":"universal-modal__marginBottom-118_1970l","marginBottom-119":"universal-modal__marginBottom-119_1970l","marginBottom-120":"universal-modal__marginBottom-120_1970l","marginBottom-121":"universal-modal__marginBottom-121_1970l","marginBottom-122":"universal-modal__marginBottom-122_1970l","marginBottom-123":"universal-modal__marginBottom-123_1970l","marginBottom-124":"universal-modal__marginBottom-124_1970l","marginBottom-125":"universal-modal__marginBottom-125_1970l","marginBottom-126":"universal-modal__marginBottom-126_1970l","marginBottom-127":"universal-modal__marginBottom-127_1970l","marginBottom-128":"universal-modal__marginBottom-128_1970l","marginLeft-0":"universal-modal__marginLeft-0_1970l","marginLeft-1":"universal-modal__marginLeft-1_1970l","marginLeft-2":"universal-modal__marginLeft-2_1970l","marginLeft-3":"universal-modal__marginLeft-3_1970l","marginLeft-4":"universal-modal__marginLeft-4_1970l","marginLeft-5":"universal-modal__marginLeft-5_1970l","marginLeft-6":"universal-modal__marginLeft-6_1970l","marginLeft-7":"universal-modal__marginLeft-7_1970l","marginLeft-8":"universal-modal__marginLeft-8_1970l","marginLeft-9":"universal-modal__marginLeft-9_1970l","marginLeft-10":"universal-modal__marginLeft-10_1970l","marginLeft-11":"universal-modal__marginLeft-11_1970l","marginLeft-12":"universal-modal__marginLeft-12_1970l","marginLeft-13":"universal-modal__marginLeft-13_1970l","marginLeft-14":"universal-modal__marginLeft-14_1970l","marginLeft-15":"universal-modal__marginLeft-15_1970l","marginLeft-16":"universal-modal__marginLeft-16_1970l","marginLeft-17":"universal-modal__marginLeft-17_1970l","marginLeft-18":"universal-modal__marginLeft-18_1970l","marginLeft-19":"universal-modal__marginLeft-19_1970l","marginLeft-20":"universal-modal__marginLeft-20_1970l","marginLeft-21":"universal-modal__marginLeft-21_1970l","marginLeft-22":"universal-modal__marginLeft-22_1970l","marginLeft-23":"universal-modal__marginLeft-23_1970l","marginLeft-24":"universal-modal__marginLeft-24_1970l","marginLeft-25":"universal-modal__marginLeft-25_1970l","marginLeft-26":"universal-modal__marginLeft-26_1970l","marginLeft-27":"universal-modal__marginLeft-27_1970l","marginLeft-28":"universal-modal__marginLeft-28_1970l","marginLeft-29":"universal-modal__marginLeft-29_1970l","marginLeft-30":"universal-modal__marginLeft-30_1970l","marginLeft-31":"universal-modal__marginLeft-31_1970l","marginLeft-32":"universal-modal__marginLeft-32_1970l","marginLeft-33":"universal-modal__marginLeft-33_1970l","marginLeft-34":"universal-modal__marginLeft-34_1970l","marginLeft-35":"universal-modal__marginLeft-35_1970l","marginLeft-36":"universal-modal__marginLeft-36_1970l","marginLeft-37":"universal-modal__marginLeft-37_1970l","marginLeft-38":"universal-modal__marginLeft-38_1970l","marginLeft-39":"universal-modal__marginLeft-39_1970l","marginLeft-40":"universal-modal__marginLeft-40_1970l","marginLeft-41":"universal-modal__marginLeft-41_1970l","marginLeft-42":"universal-modal__marginLeft-42_1970l","marginLeft-43":"universal-modal__marginLeft-43_1970l","marginLeft-44":"universal-modal__marginLeft-44_1970l","marginLeft-45":"universal-modal__marginLeft-45_1970l","marginLeft-46":"universal-modal__marginLeft-46_1970l","marginLeft-47":"universal-modal__marginLeft-47_1970l","marginLeft-48":"universal-modal__marginLeft-48_1970l","marginLeft-49":"universal-modal__marginLeft-49_1970l","marginLeft-50":"universal-modal__marginLeft-50_1970l","marginLeft-51":"universal-modal__marginLeft-51_1970l","marginLeft-52":"universal-modal__marginLeft-52_1970l","marginLeft-53":"universal-modal__marginLeft-53_1970l","marginLeft-54":"universal-modal__marginLeft-54_1970l","marginLeft-55":"universal-modal__marginLeft-55_1970l","marginLeft-56":"universal-modal__marginLeft-56_1970l","marginLeft-57":"universal-modal__marginLeft-57_1970l","marginLeft-58":"universal-modal__marginLeft-58_1970l","marginLeft-59":"universal-modal__marginLeft-59_1970l","marginLeft-60":"universal-modal__marginLeft-60_1970l","marginLeft-61":"universal-modal__marginLeft-61_1970l","marginLeft-62":"universal-modal__marginLeft-62_1970l","marginLeft-63":"universal-modal__marginLeft-63_1970l","marginLeft-64":"universal-modal__marginLeft-64_1970l","marginLeft-65":"universal-modal__marginLeft-65_1970l","marginLeft-66":"universal-modal__marginLeft-66_1970l","marginLeft-67":"universal-modal__marginLeft-67_1970l","marginLeft-68":"universal-modal__marginLeft-68_1970l","marginLeft-69":"universal-modal__marginLeft-69_1970l","marginLeft-70":"universal-modal__marginLeft-70_1970l","marginLeft-71":"universal-modal__marginLeft-71_1970l","marginLeft-72":"universal-modal__marginLeft-72_1970l","marginLeft-73":"universal-modal__marginLeft-73_1970l","marginLeft-74":"universal-modal__marginLeft-74_1970l","marginLeft-75":"universal-modal__marginLeft-75_1970l","marginLeft-76":"universal-modal__marginLeft-76_1970l","marginLeft-77":"universal-modal__marginLeft-77_1970l","marginLeft-78":"universal-modal__marginLeft-78_1970l","marginLeft-79":"universal-modal__marginLeft-79_1970l","marginLeft-80":"universal-modal__marginLeft-80_1970l","marginLeft-81":"universal-modal__marginLeft-81_1970l","marginLeft-82":"universal-modal__marginLeft-82_1970l","marginLeft-83":"universal-modal__marginLeft-83_1970l","marginLeft-84":"universal-modal__marginLeft-84_1970l","marginLeft-85":"universal-modal__marginLeft-85_1970l","marginLeft-86":"universal-modal__marginLeft-86_1970l","marginLeft-87":"universal-modal__marginLeft-87_1970l","marginLeft-88":"universal-modal__marginLeft-88_1970l","marginLeft-89":"universal-modal__marginLeft-89_1970l","marginLeft-90":"universal-modal__marginLeft-90_1970l","marginLeft-91":"universal-modal__marginLeft-91_1970l","marginLeft-92":"universal-modal__marginLeft-92_1970l","marginLeft-93":"universal-modal__marginLeft-93_1970l","marginLeft-94":"universal-modal__marginLeft-94_1970l","marginLeft-95":"universal-modal__marginLeft-95_1970l","marginLeft-96":"universal-modal__marginLeft-96_1970l","marginLeft-97":"universal-modal__marginLeft-97_1970l","marginLeft-98":"universal-modal__marginLeft-98_1970l","marginLeft-99":"universal-modal__marginLeft-99_1970l","marginLeft-100":"universal-modal__marginLeft-100_1970l","marginLeft-101":"universal-modal__marginLeft-101_1970l","marginLeft-102":"universal-modal__marginLeft-102_1970l","marginLeft-103":"universal-modal__marginLeft-103_1970l","marginLeft-104":"universal-modal__marginLeft-104_1970l","marginLeft-105":"universal-modal__marginLeft-105_1970l","marginLeft-106":"universal-modal__marginLeft-106_1970l","marginLeft-107":"universal-modal__marginLeft-107_1970l","marginLeft-108":"universal-modal__marginLeft-108_1970l","marginLeft-109":"universal-modal__marginLeft-109_1970l","marginLeft-110":"universal-modal__marginLeft-110_1970l","marginLeft-111":"universal-modal__marginLeft-111_1970l","marginLeft-112":"universal-modal__marginLeft-112_1970l","marginLeft-113":"universal-modal__marginLeft-113_1970l","marginLeft-114":"universal-modal__marginLeft-114_1970l","marginLeft-115":"universal-modal__marginLeft-115_1970l","marginLeft-116":"universal-modal__marginLeft-116_1970l","marginLeft-117":"universal-modal__marginLeft-117_1970l","marginLeft-118":"universal-modal__marginLeft-118_1970l","marginLeft-119":"universal-modal__marginLeft-119_1970l","marginLeft-120":"universal-modal__marginLeft-120_1970l","marginLeft-121":"universal-modal__marginLeft-121_1970l","marginLeft-122":"universal-modal__marginLeft-122_1970l","marginLeft-123":"universal-modal__marginLeft-123_1970l","marginLeft-124":"universal-modal__marginLeft-124_1970l","marginLeft-125":"universal-modal__marginLeft-125_1970l","marginLeft-126":"universal-modal__marginLeft-126_1970l","marginLeft-127":"universal-modal__marginLeft-127_1970l","marginLeft-128":"universal-modal__marginLeft-128_1970l"};
|
|
14
|
+
require('./styles/index.css')
|
|
15
|
+
|
|
16
|
+
var safariTransitions = {"appear":"universal-modal__appear_8232i","enter":"universal-modal__enter_8232i","appearActive":"universal-modal__appearActive_8232i","enterActive":"universal-modal__enterActive_8232i","exit":"universal-modal__exit_8232i","exitActive":"universal-modal__exitActive_8232i","exitDone":"universal-modal__exitDone_8232i"};
|
|
17
|
+
require('./styles/transitions/safari-transitions.css')
|
|
18
|
+
|
|
19
|
+
var transitions = {"appear":"universal-modal__appear_1toya","enter":"universal-modal__enter_1toya","appearActive":"universal-modal__appearActive_1toya","enterActive":"universal-modal__enterActive_1toya","exit":"universal-modal__exit_1toya","exitActive":"universal-modal__exitActive_1toya","exitDone":"universal-modal__exitDone_1toya"};
|
|
20
|
+
require('./styles/transitions/transitions.css')
|
|
21
|
+
|
|
22
|
+
// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию
|
|
23
|
+
var transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;
|
|
24
|
+
var CenterModal = forwardRef(function (props, ref) {
|
|
25
|
+
var _a;
|
|
26
|
+
var dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'fullHeight' : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? 'center' : _d, _e = props.overlay, overlay = _e === void 0 ? true : _e, margin = props.margin, onClose = props.onClose, restProps = __rest(props, ["dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "onClose"]);
|
|
27
|
+
var componentRef = useRef(null);
|
|
28
|
+
useModalWidth(width, open, componentRef);
|
|
29
|
+
useModalHeight(height, open, componentRef);
|
|
30
|
+
var _f = useModalWheel(overlay), wheelDeltaY = _f.wheelDeltaY, handleWheel = _f.handleWheel;
|
|
31
|
+
var _g = getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _g.isFullSizeModal, fullSizeModalContentTransitions = _g.componentTransitions, fullSizeModalBackdropTransitions = _g.backdropTransitions;
|
|
32
|
+
return (React.createElement(BaseModal, __assign({}, restProps, { dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: __assign(__assign({ classNames: transitionProps }, (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: __assign(__assign({ transparent: !overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), className: cn(styles.component, className, __assign((_a = {}, _a[styles.overlayHidden] = !overlay, _a[styles.verticalTop] = verticalAlign === 'top', _a[styles.verticalBottom] = verticalAlign === 'bottom', _a), getMargins({ styles: styles, margin: margin }))), scrollHandler: 'content', open: open, disableBlockingScroll: !overlay, onWheel: handleWheel, onClose: onClose }),
|
|
33
|
+
React.createElement("div", { className: styles.container },
|
|
34
|
+
React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
export { CenterModal };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CenterModal } from "./center-modal";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CenterModal } from './center-modal.js';
|