@alfalab/core-components-universal-modal 2.0.1 → 2.0.2
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 +3 -12
- package/Component.responsive.js.map +1 -1
- package/components/content/base-content/base-content.d.ts +2 -2
- package/components/content/base-content/base-content.js.map +1 -1
- package/components/content/base-content/index.css +1 -1
- package/components/content/base-content/index.module.css.js +1 -1
- package/components/content/desktop/Component.desktop.d.ts +2 -2
- package/components/content/desktop/Component.desktop.js.map +1 -1
- package/components/content/desktop/desktop.css +2 -2
- package/components/content/desktop/desktop.module.css.js +1 -1
- package/components/content/mobile/Component.mobile.d.ts +1 -1
- package/components/content/mobile/Component.mobile.js.map +1 -1
- package/components/content/mobile/mobile.css +3 -3
- package/components/content/mobile/mobile.module.css.js +1 -1
- package/components/content/responsive/Component.responsive.d.ts +4 -3
- package/components/content/responsive/Component.responsive.js.map +1 -1
- package/components/footer/base-footer/base-footer.d.ts +2 -2
- package/components/footer/base-footer/base-footer.js.map +1 -1
- package/components/footer/base-footer/index.css +3 -3
- package/components/footer/base-footer/index.module.css.js +1 -1
- package/components/footer/desktop/Component.desktop.d.ts +4 -9
- package/components/footer/desktop/Component.desktop.js.map +1 -1
- package/components/footer/desktop/desktop.css +1 -1
- package/components/footer/desktop/desktop.module.css.js +1 -1
- package/components/footer/desktop/layout.css +9 -9
- package/components/footer/desktop/layout.module.css.js +1 -1
- package/components/footer/mobile/Component.mobile.d.ts +1 -1
- package/components/footer/mobile/Component.mobile.js.map +1 -1
- package/components/footer/mobile/layout.mobile.css +8 -8
- package/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/components/footer/mobile/mobile.css +2 -2
- package/components/footer/mobile/mobile.module.css.js +1 -1
- package/components/footer/responsive/Component.responsive.d.ts +4 -3
- package/components/footer/responsive/Component.responsive.js.map +1 -1
- package/components/header/base-header/index.css +12 -12
- package/components/header/base-header/index.module.css.js +1 -1
- package/components/header/desktop/Component.desktop.d.ts +3 -9
- package/components/header/desktop/Component.desktop.js.map +1 -1
- package/components/header/desktop/desktop.css +8 -8
- package/components/header/desktop/desktop.module.css.js +1 -1
- package/components/header/mobile/mobile.css +4 -4
- package/components/header/mobile/mobile.module.css.js +1 -1
- package/components/header/responsive/Component.responsive.d.ts +2 -1
- package/components/header/responsive/Component.responsive.js.map +1 -1
- package/cssm/Component.responsive.d.ts +3 -12
- package/cssm/Component.responsive.js.map +1 -1
- package/cssm/components/content/base-content/base-content.d.ts +2 -2
- package/cssm/components/content/base-content/base-content.js.map +1 -1
- package/cssm/components/content/desktop/Component.desktop.d.ts +2 -2
- package/cssm/components/content/desktop/Component.desktop.js.map +1 -1
- package/cssm/components/content/mobile/Component.mobile.d.ts +1 -1
- package/cssm/components/content/mobile/Component.mobile.js.map +1 -1
- package/cssm/components/content/responsive/Component.responsive.d.ts +4 -3
- package/cssm/components/content/responsive/Component.responsive.js.map +1 -1
- package/cssm/components/footer/base-footer/base-footer.d.ts +2 -2
- package/cssm/components/footer/base-footer/base-footer.js.map +1 -1
- package/cssm/components/footer/desktop/Component.desktop.d.ts +4 -9
- package/cssm/components/footer/desktop/Component.desktop.js.map +1 -1
- package/cssm/components/footer/mobile/Component.mobile.d.ts +1 -1
- package/cssm/components/footer/mobile/Component.mobile.js.map +1 -1
- package/cssm/components/footer/responsive/Component.responsive.d.ts +4 -3
- package/cssm/components/footer/responsive/Component.responsive.js.map +1 -1
- package/cssm/components/header/desktop/Component.desktop.d.ts +3 -9
- package/cssm/components/header/desktop/Component.desktop.js.map +1 -1
- package/cssm/components/header/responsive/Component.responsive.d.ts +2 -1
- package/cssm/components/header/responsive/Component.responsive.js.map +1 -1
- package/cssm/desktop/Component.desktop.d.ts +5 -12
- package/cssm/desktop/Component.desktop.js.map +1 -1
- package/cssm/desktop/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/cssm/desktop/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/cssm/desktop/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/cssm/desktop/components/buttons/cross-button/cross-button.js.map +1 -1
- package/cssm/desktop/components/center-modal/center-modal.d.ts +2 -3
- package/cssm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/cssm/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/cssm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/cssm/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
- package/cssm/desktop/components/side-modal/get-default-transition-props.js.map +1 -1
- package/cssm/desktop/components/side-modal/side-modal.d.ts +2 -3
- package/cssm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/cssm/desktop/hooks/use-modal-highlighted.d.ts +2 -2
- package/cssm/desktop/hooks/use-modal-highlighted.js.map +1 -1
- package/cssm/desktop/hooks/use-outside-scroll.d.ts +2 -2
- package/cssm/desktop/hooks/use-outside-scroll.js.map +1 -1
- package/cssm/desktop/hooks/use-set-scrollbar-height.d.ts +2 -2
- package/cssm/desktop/hooks/use-set-scrollbar-height.js.map +1 -1
- package/cssm/desktop/types/props.d.ts +6 -6
- package/cssm/desktop/utils/get-full-size-modal-transitions.d.ts +5 -5
- package/cssm/desktop/utils/get-full-size-modal-transitions.js.map +1 -1
- package/cssm/desktop/utils/get-height-style.d.ts +1 -1
- package/cssm/desktop/utils/get-height-style.js.map +1 -1
- package/cssm/desktop/utils/get-margin-styles.d.ts +3 -3
- package/cssm/desktop/utils/get-margin-styles.js.map +1 -1
- package/cssm/desktop/utils/get-max-height-style.d.ts +1 -1
- package/cssm/desktop/utils/get-max-height-style.js.map +1 -1
- package/cssm/desktop/utils/get-width-style.d.ts +1 -1
- package/cssm/desktop/utils/get-width-style.js.map +1 -1
- package/cssm/desktop/utils/set-footer-and-header-refs.d.ts +2 -2
- package/cssm/desktop/utils/set-footer-and-header-refs.js.map +1 -1
- package/cssm/mobile/Component.mobile.d.ts +3 -2
- package/cssm/mobile/Component.mobile.js.map +1 -1
- package/cssm/mobile/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/cssm/mobile/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/cssm/mobile/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/cssm/mobile/components/buttons/cross-button/cross-button.js.map +1 -1
- package/cssm/mobile/types/props.d.ts +4 -3
- package/cssm/typings/index.d.ts +4 -4
- package/cssm/typings/margin-type.d.ts +2 -2
- package/desktop/Component.desktop.d.ts +5 -12
- package/desktop/Component.desktop.js.map +1 -1
- package/desktop/components/buttons/arrow-button/arrow-button.css +1 -1
- package/desktop/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/desktop/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/desktop/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/desktop/components/buttons/cross-button/cross-button.css +1 -1
- package/desktop/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/desktop/components/buttons/cross-button/cross-button.js.map +1 -1
- package/desktop/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/desktop/components/center-modal/center-modal.d.ts +2 -3
- package/desktop/components/center-modal/center-modal.js.map +1 -1
- package/desktop/components/center-modal/index.css +521 -521
- package/desktop/components/center-modal/index.module.css.js +1 -1
- package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/desktop/components/modal-content/modal-content.css +4 -4
- package/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/desktop/components/modal-content/modal-content.js.map +1 -1
- package/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
- package/desktop/components/side-modal/get-default-transition-props.js.map +1 -1
- package/desktop/components/side-modal/index.css +523 -523
- package/desktop/components/side-modal/index.module.css.js +1 -1
- package/desktop/components/side-modal/side-modal.d.ts +2 -3
- package/desktop/components/side-modal/side-modal.js.map +1 -1
- package/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/desktop/hooks/use-modal-highlighted.d.ts +2 -2
- package/desktop/hooks/use-modal-highlighted.js.map +1 -1
- package/desktop/hooks/use-outside-scroll.d.ts +2 -2
- package/desktop/hooks/use-outside-scroll.js.map +1 -1
- package/desktop/hooks/use-set-scrollbar-height.d.ts +2 -2
- package/desktop/hooks/use-set-scrollbar-height.js.map +1 -1
- package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/desktop/types/props.d.ts +6 -6
- package/desktop/utils/get-full-size-modal-transitions.d.ts +5 -5
- package/desktop/utils/get-full-size-modal-transitions.js.map +1 -1
- package/desktop/utils/get-height-style.d.ts +1 -1
- package/desktop/utils/get-height-style.js.map +1 -1
- package/desktop/utils/get-margin-styles.d.ts +3 -3
- package/desktop/utils/get-margin-styles.js.map +1 -1
- package/desktop/utils/get-max-height-style.d.ts +1 -1
- package/desktop/utils/get-max-height-style.js.map +1 -1
- package/desktop/utils/get-width-style.d.ts +1 -1
- package/desktop/utils/get-width-style.js.map +1 -1
- package/desktop/utils/set-footer-and-header-refs.d.ts +2 -2
- package/desktop/utils/set-footer-and-header-refs.js.map +1 -1
- package/esm/Component.responsive.d.ts +3 -12
- package/esm/Component.responsive.js.map +1 -1
- package/esm/components/content/base-content/base-content.d.ts +2 -2
- package/esm/components/content/base-content/base-content.js.map +1 -1
- package/esm/components/content/base-content/index.css +1 -1
- package/esm/components/content/base-content/index.module.css.js +1 -1
- package/esm/components/content/desktop/Component.desktop.d.ts +2 -2
- package/esm/components/content/desktop/Component.desktop.js.map +1 -1
- package/esm/components/content/desktop/desktop.css +2 -2
- package/esm/components/content/desktop/desktop.module.css.js +1 -1
- package/esm/components/content/mobile/Component.mobile.d.ts +1 -1
- package/esm/components/content/mobile/Component.mobile.js.map +1 -1
- package/esm/components/content/mobile/mobile.css +3 -3
- package/esm/components/content/mobile/mobile.module.css.js +1 -1
- package/esm/components/content/responsive/Component.responsive.d.ts +4 -3
- package/esm/components/content/responsive/Component.responsive.js.map +1 -1
- package/esm/components/footer/base-footer/base-footer.d.ts +2 -2
- package/esm/components/footer/base-footer/base-footer.js.map +1 -1
- package/esm/components/footer/base-footer/index.css +3 -3
- package/esm/components/footer/base-footer/index.module.css.js +1 -1
- package/esm/components/footer/desktop/Component.desktop.d.ts +4 -9
- package/esm/components/footer/desktop/Component.desktop.js.map +1 -1
- package/esm/components/footer/desktop/desktop.css +1 -1
- package/esm/components/footer/desktop/desktop.module.css.js +1 -1
- package/esm/components/footer/desktop/layout.css +9 -9
- package/esm/components/footer/desktop/layout.module.css.js +1 -1
- package/esm/components/footer/mobile/Component.mobile.d.ts +1 -1
- package/esm/components/footer/mobile/Component.mobile.js.map +1 -1
- package/esm/components/footer/mobile/layout.mobile.css +8 -8
- package/esm/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/esm/components/footer/mobile/mobile.css +2 -2
- package/esm/components/footer/mobile/mobile.module.css.js +1 -1
- package/esm/components/footer/responsive/Component.responsive.d.ts +4 -3
- package/esm/components/footer/responsive/Component.responsive.js.map +1 -1
- package/esm/components/header/base-header/index.css +12 -12
- package/esm/components/header/base-header/index.module.css.js +1 -1
- package/esm/components/header/desktop/Component.desktop.d.ts +3 -9
- package/esm/components/header/desktop/Component.desktop.js.map +1 -1
- package/esm/components/header/desktop/desktop.css +8 -8
- package/esm/components/header/desktop/desktop.module.css.js +1 -1
- package/esm/components/header/mobile/mobile.css +4 -4
- package/esm/components/header/mobile/mobile.module.css.js +1 -1
- package/esm/components/header/responsive/Component.responsive.d.ts +2 -1
- package/esm/components/header/responsive/Component.responsive.js.map +1 -1
- package/esm/desktop/Component.desktop.d.ts +5 -12
- package/esm/desktop/Component.desktop.js.map +1 -1
- package/esm/desktop/components/buttons/arrow-button/arrow-button.css +1 -1
- package/esm/desktop/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/esm/desktop/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/esm/desktop/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/esm/desktop/components/buttons/cross-button/cross-button.css +1 -1
- package/esm/desktop/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/esm/desktop/components/buttons/cross-button/cross-button.js.map +1 -1
- package/esm/desktop/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/esm/desktop/components/center-modal/center-modal.d.ts +2 -3
- package/esm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/esm/desktop/components/center-modal/index.css +521 -521
- package/esm/desktop/components/center-modal/index.module.css.js +1 -1
- package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/esm/desktop/components/modal-content/modal-content.css +4 -4
- package/esm/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/esm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/esm/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
- package/esm/desktop/components/side-modal/get-default-transition-props.js.map +1 -1
- package/esm/desktop/components/side-modal/index.css +523 -523
- package/esm/desktop/components/side-modal/index.module.css.js +1 -1
- package/esm/desktop/components/side-modal/side-modal.d.ts +2 -3
- package/esm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/esm/desktop/hooks/use-modal-highlighted.d.ts +2 -2
- package/esm/desktop/hooks/use-modal-highlighted.js.map +1 -1
- package/esm/desktop/hooks/use-outside-scroll.d.ts +2 -2
- package/esm/desktop/hooks/use-outside-scroll.js.map +1 -1
- package/esm/desktop/hooks/use-set-scrollbar-height.d.ts +2 -2
- package/esm/desktop/hooks/use-set-scrollbar-height.js.map +1 -1
- package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/esm/desktop/types/props.d.ts +6 -6
- package/esm/desktop/utils/get-full-size-modal-transitions.d.ts +5 -5
- package/esm/desktop/utils/get-full-size-modal-transitions.js.map +1 -1
- package/esm/desktop/utils/get-height-style.d.ts +1 -1
- package/esm/desktop/utils/get-height-style.js.map +1 -1
- package/esm/desktop/utils/get-margin-styles.d.ts +3 -3
- package/esm/desktop/utils/get-margin-styles.js.map +1 -1
- package/esm/desktop/utils/get-max-height-style.d.ts +1 -1
- package/esm/desktop/utils/get-max-height-style.js.map +1 -1
- package/esm/desktop/utils/get-width-style.d.ts +1 -1
- package/esm/desktop/utils/get-width-style.js.map +1 -1
- package/esm/desktop/utils/set-footer-and-header-refs.d.ts +2 -2
- package/esm/desktop/utils/set-footer-and-header-refs.js.map +1 -1
- package/esm/mobile/Component.mobile.d.ts +3 -2
- package/esm/mobile/Component.mobile.js.map +1 -1
- package/esm/mobile/components/buttons/arrow-button/arrow-button.css +2 -2
- package/esm/mobile/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/esm/mobile/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/esm/mobile/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/esm/mobile/components/buttons/cross-button/cross-button.css +2 -2
- package/esm/mobile/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/esm/mobile/components/buttons/cross-button/cross-button.js.map +1 -1
- package/esm/mobile/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/esm/mobile/mobile.css +3 -3
- package/esm/mobile/mobile.module.css.js +1 -1
- package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/esm/mobile/transitions/transitions.mobile.css +7 -7
- package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/esm/mobile/types/props.d.ts +4 -3
- package/esm/typings/index.d.ts +4 -4
- package/esm/typings/margin-type.d.ts +2 -2
- package/mobile/Component.mobile.d.ts +3 -2
- package/mobile/Component.mobile.js.map +1 -1
- package/mobile/components/buttons/arrow-button/arrow-button.css +2 -2
- package/mobile/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/mobile/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/mobile/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/mobile/components/buttons/cross-button/cross-button.css +2 -2
- package/mobile/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/mobile/components/buttons/cross-button/cross-button.js.map +1 -1
- package/mobile/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/mobile/mobile.css +3 -3
- package/mobile/mobile.module.css.js +1 -1
- package/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/mobile/transitions/transitions.mobile.css +7 -7
- package/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/mobile/types/props.d.ts +4 -3
- package/modern/Component.responsive.d.ts +3 -12
- package/modern/Component.responsive.js.map +1 -1
- package/modern/components/content/base-content/base-content.d.ts +2 -2
- package/modern/components/content/base-content/base-content.js.map +1 -1
- package/modern/components/content/base-content/index.css +1 -1
- package/modern/components/content/base-content/index.module.css.js +1 -1
- package/modern/components/content/desktop/Component.desktop.d.ts +2 -2
- package/modern/components/content/desktop/Component.desktop.js.map +1 -1
- package/modern/components/content/desktop/desktop.css +2 -2
- package/modern/components/content/desktop/desktop.module.css.js +1 -1
- package/modern/components/content/mobile/Component.mobile.d.ts +1 -1
- package/modern/components/content/mobile/Component.mobile.js.map +1 -1
- package/modern/components/content/mobile/mobile.css +3 -3
- package/modern/components/content/mobile/mobile.module.css.js +1 -1
- package/modern/components/content/responsive/Component.responsive.d.ts +4 -3
- package/modern/components/content/responsive/Component.responsive.js.map +1 -1
- package/modern/components/footer/base-footer/base-footer.d.ts +2 -2
- package/modern/components/footer/base-footer/base-footer.js.map +1 -1
- package/modern/components/footer/base-footer/index.css +3 -3
- package/modern/components/footer/base-footer/index.module.css.js +1 -1
- package/modern/components/footer/desktop/Component.desktop.d.ts +4 -9
- package/modern/components/footer/desktop/Component.desktop.js.map +1 -1
- package/modern/components/footer/desktop/desktop.css +1 -1
- package/modern/components/footer/desktop/desktop.module.css.js +1 -1
- package/modern/components/footer/desktop/layout.css +9 -9
- package/modern/components/footer/desktop/layout.module.css.js +1 -1
- package/modern/components/footer/mobile/Component.mobile.d.ts +1 -1
- package/modern/components/footer/mobile/Component.mobile.js.map +1 -1
- package/modern/components/footer/mobile/layout.mobile.css +8 -8
- package/modern/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/modern/components/footer/mobile/mobile.css +2 -2
- package/modern/components/footer/mobile/mobile.module.css.js +1 -1
- package/modern/components/footer/responsive/Component.responsive.d.ts +4 -3
- package/modern/components/footer/responsive/Component.responsive.js.map +1 -1
- package/modern/components/header/base-header/index.css +12 -12
- package/modern/components/header/base-header/index.module.css.js +1 -1
- package/modern/components/header/desktop/Component.desktop.d.ts +3 -9
- package/modern/components/header/desktop/Component.desktop.js.map +1 -1
- package/modern/components/header/desktop/desktop.css +8 -8
- package/modern/components/header/desktop/desktop.module.css.js +1 -1
- package/modern/components/header/mobile/mobile.css +4 -4
- package/modern/components/header/mobile/mobile.module.css.js +1 -1
- package/modern/components/header/responsive/Component.responsive.d.ts +2 -1
- package/modern/components/header/responsive/Component.responsive.js.map +1 -1
- package/modern/desktop/Component.desktop.d.ts +5 -12
- package/modern/desktop/Component.desktop.js.map +1 -1
- package/modern/desktop/components/buttons/arrow-button/arrow-button.css +1 -1
- package/modern/desktop/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/modern/desktop/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/modern/desktop/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/modern/desktop/components/buttons/cross-button/cross-button.css +1 -1
- package/modern/desktop/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/modern/desktop/components/buttons/cross-button/cross-button.js.map +1 -1
- package/modern/desktop/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/modern/desktop/components/center-modal/center-modal.d.ts +2 -3
- package/modern/desktop/components/center-modal/center-modal.js.map +1 -1
- package/modern/desktop/components/center-modal/index.css +521 -521
- package/modern/desktop/components/center-modal/index.module.css.js +1 -1
- package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/modern/desktop/components/modal-content/modal-content.css +4 -4
- package/modern/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/modern/desktop/components/modal-content/modal-content.js.map +1 -1
- package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/modern/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
- package/modern/desktop/components/side-modal/get-default-transition-props.js.map +1 -1
- package/modern/desktop/components/side-modal/index.css +523 -523
- package/modern/desktop/components/side-modal/index.module.css.js +1 -1
- package/modern/desktop/components/side-modal/side-modal.d.ts +2 -3
- package/modern/desktop/components/side-modal/side-modal.js.map +1 -1
- package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/modern/desktop/hooks/use-modal-highlighted.d.ts +2 -2
- package/modern/desktop/hooks/use-modal-highlighted.js.map +1 -1
- package/modern/desktop/hooks/use-outside-scroll.d.ts +2 -2
- package/modern/desktop/hooks/use-outside-scroll.js.map +1 -1
- package/modern/desktop/hooks/use-set-scrollbar-height.d.ts +2 -2
- package/modern/desktop/hooks/use-set-scrollbar-height.js.map +1 -1
- package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/modern/desktop/types/props.d.ts +6 -6
- package/modern/desktop/utils/get-full-size-modal-transitions.d.ts +5 -5
- package/modern/desktop/utils/get-full-size-modal-transitions.js.map +1 -1
- package/modern/desktop/utils/get-height-style.d.ts +1 -1
- package/modern/desktop/utils/get-height-style.js.map +1 -1
- package/modern/desktop/utils/get-margin-styles.d.ts +3 -3
- package/modern/desktop/utils/get-margin-styles.js.map +1 -1
- package/modern/desktop/utils/get-max-height-style.d.ts +1 -1
- package/modern/desktop/utils/get-max-height-style.js.map +1 -1
- package/modern/desktop/utils/get-width-style.d.ts +1 -1
- package/modern/desktop/utils/get-width-style.js.map +1 -1
- package/modern/desktop/utils/set-footer-and-header-refs.d.ts +2 -2
- package/modern/desktop/utils/set-footer-and-header-refs.js.map +1 -1
- package/modern/mobile/Component.mobile.d.ts +3 -2
- package/modern/mobile/Component.mobile.js.map +1 -1
- package/modern/mobile/components/buttons/arrow-button/arrow-button.css +2 -2
- package/modern/mobile/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/modern/mobile/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/modern/mobile/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/modern/mobile/components/buttons/cross-button/cross-button.css +2 -2
- package/modern/mobile/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/modern/mobile/components/buttons/cross-button/cross-button.js.map +1 -1
- package/modern/mobile/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/modern/mobile/mobile.css +3 -3
- package/modern/mobile/mobile.module.css.js +1 -1
- package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/modern/mobile/transitions/transitions.mobile.css +7 -7
- package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/modern/mobile/types/props.d.ts +4 -3
- package/modern/typings/index.d.ts +4 -4
- package/modern/typings/margin-type.d.ts +2 -2
- package/moderncssm/Component.responsive.d.ts +3 -12
- package/moderncssm/Component.responsive.js.map +1 -1
- package/moderncssm/components/content/base-content/base-content.d.ts +2 -2
- package/moderncssm/components/content/base-content/base-content.js.map +1 -1
- package/moderncssm/components/content/desktop/Component.desktop.d.ts +2 -2
- package/moderncssm/components/content/desktop/Component.desktop.js.map +1 -1
- package/moderncssm/components/content/mobile/Component.mobile.d.ts +1 -1
- package/moderncssm/components/content/mobile/Component.mobile.js.map +1 -1
- package/moderncssm/components/content/responsive/Component.responsive.d.ts +4 -3
- package/moderncssm/components/content/responsive/Component.responsive.js.map +1 -1
- package/moderncssm/components/footer/base-footer/base-footer.d.ts +2 -2
- package/moderncssm/components/footer/base-footer/base-footer.js.map +1 -1
- package/moderncssm/components/footer/desktop/Component.desktop.d.ts +4 -9
- package/moderncssm/components/footer/desktop/Component.desktop.js.map +1 -1
- package/moderncssm/components/footer/mobile/Component.mobile.d.ts +1 -1
- package/moderncssm/components/footer/mobile/Component.mobile.js.map +1 -1
- package/moderncssm/components/footer/responsive/Component.responsive.d.ts +4 -3
- package/moderncssm/components/footer/responsive/Component.responsive.js.map +1 -1
- package/moderncssm/components/header/desktop/Component.desktop.d.ts +3 -9
- package/moderncssm/components/header/desktop/Component.desktop.js.map +1 -1
- package/moderncssm/components/header/responsive/Component.responsive.d.ts +2 -1
- package/moderncssm/components/header/responsive/Component.responsive.js.map +1 -1
- package/moderncssm/desktop/Component.desktop.d.ts +5 -12
- package/moderncssm/desktop/Component.desktop.js.map +1 -1
- package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/moderncssm/desktop/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/moderncssm/desktop/components/buttons/cross-button/cross-button.js.map +1 -1
- package/moderncssm/desktop/components/center-modal/center-modal.d.ts +2 -3
- package/moderncssm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/moderncssm/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/moderncssm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/moderncssm/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
- package/moderncssm/desktop/components/side-modal/get-default-transition-props.js.map +1 -1
- package/moderncssm/desktop/components/side-modal/side-modal.d.ts +2 -3
- package/moderncssm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/moderncssm/desktop/hooks/use-modal-highlighted.d.ts +2 -2
- package/moderncssm/desktop/hooks/use-modal-highlighted.js.map +1 -1
- package/moderncssm/desktop/hooks/use-outside-scroll.d.ts +2 -2
- package/moderncssm/desktop/hooks/use-outside-scroll.js.map +1 -1
- package/moderncssm/desktop/hooks/use-set-scrollbar-height.d.ts +2 -2
- package/moderncssm/desktop/hooks/use-set-scrollbar-height.js.map +1 -1
- package/moderncssm/desktop/types/props.d.ts +6 -6
- package/moderncssm/desktop/utils/get-full-size-modal-transitions.d.ts +5 -5
- package/moderncssm/desktop/utils/get-full-size-modal-transitions.js.map +1 -1
- package/moderncssm/desktop/utils/get-height-style.d.ts +1 -1
- package/moderncssm/desktop/utils/get-height-style.js.map +1 -1
- package/moderncssm/desktop/utils/get-margin-styles.d.ts +3 -3
- package/moderncssm/desktop/utils/get-margin-styles.js.map +1 -1
- package/moderncssm/desktop/utils/get-max-height-style.d.ts +1 -1
- package/moderncssm/desktop/utils/get-max-height-style.js.map +1 -1
- package/moderncssm/desktop/utils/get-width-style.d.ts +1 -1
- package/moderncssm/desktop/utils/get-width-style.js.map +1 -1
- package/moderncssm/desktop/utils/set-footer-and-header-refs.d.ts +2 -2
- package/moderncssm/desktop/utils/set-footer-and-header-refs.js.map +1 -1
- package/moderncssm/mobile/Component.mobile.d.ts +3 -2
- package/moderncssm/mobile/Component.mobile.js.map +1 -1
- package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.d.ts +2 -2
- package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.js.map +1 -1
- package/moderncssm/mobile/components/buttons/cross-button/cross-button.d.ts +2 -2
- package/moderncssm/mobile/components/buttons/cross-button/cross-button.js.map +1 -1
- package/moderncssm/mobile/types/props.d.ts +4 -3
- package/moderncssm/typings/index.d.ts +4 -4
- package/moderncssm/typings/margin-type.d.ts +2 -2
- package/package.json +2 -2
- package/src/Component.responsive.tsx +1 -1
- package/src/components/content/base-content/base-content.tsx +2 -2
- package/src/components/content/desktop/Component.desktop.tsx +2 -2
- package/src/components/content/mobile/Component.mobile.tsx +1 -1
- package/src/components/content/responsive/Component.responsive.tsx +3 -3
- package/src/components/footer/base-footer/base-footer.tsx +2 -2
- package/src/components/footer/desktop/Component.desktop.tsx +3 -3
- package/src/components/footer/mobile/Component.mobile.tsx +1 -1
- package/src/components/footer/responsive/Component.responsive.tsx +3 -3
- package/src/components/header/desktop/Component.desktop.tsx +6 -5
- package/src/components/header/responsive/Component.responsive.tsx +1 -1
- package/src/desktop/Component.desktop.tsx +2 -2
- package/src/desktop/components/buttons/arrow-button/arrow-button.tsx +2 -2
- package/src/desktop/components/buttons/cross-button/cross-button.tsx +2 -2
- package/src/desktop/components/center-modal/center-modal.tsx +1 -1
- package/src/desktop/components/modal-content/modal-content.tsx +6 -5
- package/src/desktop/components/side-modal/get-default-transition-props.ts +3 -3
- package/src/desktop/components/side-modal/side-modal.tsx +1 -1
- package/src/desktop/hooks/use-modal-highlighted.tsx +2 -2
- package/src/desktop/hooks/use-outside-scroll.tsx +2 -2
- package/src/desktop/hooks/use-set-scrollbar-height.tsx +2 -2
- package/src/desktop/types/props.ts +26 -25
- package/src/desktop/utils/get-full-size-modal-transitions.ts +5 -5
- package/src/desktop/utils/get-height-style.ts +1 -1
- package/src/desktop/utils/get-margin-styles.ts +3 -3
- package/src/desktop/utils/get-max-height-style.ts +1 -1
- package/src/desktop/utils/get-width-style.ts +1 -1
- package/src/desktop/utils/set-footer-and-header-refs.tsx +2 -2
- package/src/mobile/Component.mobile.tsx +1 -1
- package/src/mobile/components/buttons/arrow-button/arrow-button.tsx +2 -2
- package/src/mobile/components/buttons/cross-button/cross-button.tsx +2 -2
- package/src/mobile/types/props.ts +17 -16
- package/src/typings/index.ts +15 -14
- package/src/typings/margin-type.ts +2 -2
- package/typings/index.d.ts +4 -4
- package/typings/margin-type.d.ts +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
|
|
3
|
-
} .universal-
|
|
3
|
+
} .universal-modal__button_8ww1b.universal-modal__button_8ww1b {
|
|
4
4
|
background-color: var(--color-light-monochrome-white-4);
|
|
5
5
|
-webkit-backdrop-filter: blur(10px);
|
|
6
6
|
backdrop-filter: blur(10px);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cross-button.js","sources":["../../../../src/desktop/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';\n\nimport styles from './cross-button.module.css';\n\
|
|
1
|
+
{"version":3,"file":"cross-button.js","sources":["../../../../src/desktop/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n onClick?: () => void;\n}\n\nexport const CrossButtonDesktop: FC<CrossButtonProps> = (props) => {\n const { onClick } = props;\n\n return (\n <ButtonDesktop\n leftAddons={<CrossMediumMIcon />}\n size={48}\n shape='rounded'\n className={styles.button}\n onClick={onClick}\n />\n );\n};\n"],"names":["React","ButtonDesktop","CrossMediumMIcon","styles"],"mappings":";;;;;;;;;;;;;AAWO,IAAM,kBAAkB,GAAyB,UAAC,KAAK,EAAA;AAClD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACIA,sBAAA,CAAA,aAAA,CAACC,qBAAa,EAAA,EACV,UAAU,EAAED,sBAAC,CAAA,aAAA,CAAAE,iCAAgB,EAAG,IAAA,CAAA,EAChC,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAEC,kBAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
2
|
+
import type { UniversalModalDesktopProps } from '../../types/props';
|
|
3
|
+
export declare const CenterModal: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"center-modal.js","sources":["../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { browser, os } from '@alfalab/core-components-shared';\n\nimport { useModalWheel } from '../../hooks/useModalWheel';\nimport { UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getMaxHeightStyle } from '../../utils/get-max-height-style';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n const {\n dataTestId,\n className,\n open,\n children,\n width = 500,\n height = 'fullHeight',\n verticalAlign = 'center',\n overlay = true,\n margin,\n scrollableContainerRef,\n onClose,\n ...restProps\n } = props;\n\n const componentRef = useRef<HTMLDivElement>(null);\n\n const { wheelDeltaY, handleWheel } = useModalWheel(overlay);\n\n const {\n isFullSizeModal,\n componentTransitions: fullSizeModalContentTransitions,\n backdropTransitions: fullSizeModalBackdropTransitions,\n } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n return (\n <BaseModal\n {...restProps}\n open={open}\n dataTestId={dataTestId}\n ref={ref}\n componentRef={componentRef}\n scrollHandler='content'\n disableBlockingScroll={!overlay}\n wrapperClassName={cn({\n [styles.wrapperJustifyStart]: verticalAlign === 'top',\n [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n })}\n className={cn(styles.component, className, {\n [styles.overlayHidden]: !overlay,\n ...getMarginStyles({ styles, margin }),\n })}\n transitionProps={{\n classNames: transitionProps,\n ...(isFullSizeModal && fullSizeModalContentTransitions),\n ...restProps.transitionProps,\n }}\n backdropProps={{\n transparent: !overlay,\n ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n ...restProps.backdropProps,\n }}\n componentDivProps={{\n style: {\n width: getWidthStyle(width, margin),\n height: getHeightStyle(height, margin),\n ...(height === 'hugContent' && {\n maxHeight: getMaxHeightStyle(margin),\n }),\n },\n }}\n onWheel={handleWheel}\n onClose={onClose}\n >\n <ModalContent\n height={height}\n wheelDeltaY={wheelDeltaY}\n scrollableContainerRef={scrollableContainerRef}\n >\n {children}\n </ModalContent>\n </BaseModal>\n );\n});\n"],"names":["os","browser","safariTransitions","transitions","forwardRef","__rest","useRef","useModalWheel","getFullSizeModalTransitions","React","BaseModal","__assign","cn","styles","getMarginStyles","getWidthStyle","getHeightStyle","getMaxHeightStyle","ModalContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;AACA,IAAM,eAAe,GAAGA,uBAAE,CAAC,OAAO,EAAE,IAAIC,4BAAO,CAAC,QAAQ,EAAE,GAAGC,wBAAiB,GAAGC,kBAAW;IAE/E,WAAW,GAAGC,gBAAU,CAA6C,UAAC,KAAK,EAAE,GAAG,EAAA;;AAErF,IAAA,IAAA,UAAU,GAYV,KAAK,CAZK,UAAA,EACV,SAAS,GAWT,KAAK,CAXI,SAAA,EACT,IAAI,GAUJ,KAAK,CAVD,IAAA,EACJ,QAAQ,GASR,KAAK,CATG,QAAA,EACR,KAQA,KAAK,CAAA,KARM,EAAX,KAAK,mBAAG,GAAG,GAAA,EAAA,EACX,EAAA,GAOA,KAAK,CAPgB,MAAA,EAArB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,YAAY,GAAA,EAAA,EACrB,EAMA,GAAA,KAAK,cANmB,EAAxB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,EAAA,GAKA,KAAK,CAAA,OALS,EAAd,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACd,MAAM,GAIN,KAAK,CAAA,MAJC,EACN,sBAAsB,GAGtB,KAAK,CAAA,sBAHiB,EACtB,OAAO,GAEP,KAAK,CAAA,OAFE,EACJ,SAAS,GAAAC,YAAA,CACZ,KAAK,EAbH,CAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,eAAA,EAAA,SAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,SAAA,CAaL,CADe;AAGhB,IAAA,IAAM,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAE3C,IAAA,EAAA,GAA+BC,2BAAa,CAAC,OAAO,CAAC,EAAnD,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAA2B;IAErD,IAAA,EAAA,GAIFC,uDAA2B,CAAC,EAAE,aAAa,EAAA,aAAA,EAAE,KAAK,EAAA,KAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAH7D,eAAe,GAAA,EAAA,CAAA,eAAA,EACO,+BAA+B,GAAA,EAAA,CAAA,oBAAA,EAChC,gCAAgC,GAAA,EAAA,CAAA,mBACQ;AAEjE,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iCAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,CAAC,OAAO,EAC/B,gBAAgB,EAAEC,mBAAE,EAAA,EAAA,GAAA,EAAA;AAChB,YAAA,EAAA,CAACC,YAAM,CAAC,mBAAmB,CAAG,GAAA,aAAa,KAAK,KAAK;AACrD,YAAA,EAAA,CAACA,YAAM,CAAC,oBAAoB,CAAG,GAAA,aAAa,KAAK,QAAQ;AACzD,YAAA,EAAA,CAACA,YAAM,CAAC,iBAAiB,CAAG,GAAA,aAAa,KAAK,QAAQ;AACxD,YAAA,EAAA,EAAA,EACF,SAAS,EAAED,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,EAAAF,cAAA,EAAA,EAAA,GAAA,EAAA,EAAA,EAAA,CACpCE,YAAM,CAAC,aAAa,CAAA,GAAG,CAAC,OAAO,EAC7B,EAAA,GAAAC,+BAAe,CAAC,EAAE,MAAM,EAAAD,YAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC,CAAA,CACxC,EACF,eAAe,EAAAF,cAAA,CAAAA,cAAA,CAAA,EACX,UAAU,EAAE,eAAe,EAAA,GACvB,eAAe,IAAI,+BAA+B,EAAC,EACpD,SAAS,CAAC,eAAe,CAAA,EAEhC,aAAa,EACTA,cAAA,CAAAA,cAAA,CAAA,EAAA,WAAW,EAAE,CAAC,OAAO,EAAA,GACjB,eAAe,IAAI,gCAAgC,EAAC,EACrD,SAAS,CAAC,aAAa,CAAA,EAE9B,iBAAiB,EAAE;YACf,KAAK,EAAAA,cAAA,CAAA,EACD,KAAK,EAAEI,2BAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EACnC,MAAM,EAAEC,6BAAc,CAAC,MAAM,EAAE,MAAM,CAAC,KAClC,MAAM,KAAK,YAAY,IAAI;AAC3B,gBAAA,SAAS,EAAEC,mCAAiB,CAAC,MAAM,CAAC;AACvC,aAAA,EACJ;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA,CAAA;AAEhB,QAAAR,sBAAA,CAAA,aAAA,CAACS,yBAAY,EACT,EAAA,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAAA,EAE7C,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"center-modal.js","sources":["../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { browser, os } from '@alfalab/core-components-shared';\n\nimport { useModalWheel } from '../../hooks/useModalWheel';\nimport type { UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getMaxHeightStyle } from '../../utils/get-max-height-style';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n const {\n dataTestId,\n className,\n open,\n children,\n width = 500,\n height = 'fullHeight',\n verticalAlign = 'center',\n overlay = true,\n margin,\n scrollableContainerRef,\n onClose,\n ...restProps\n } = props;\n\n const componentRef = useRef<HTMLDivElement>(null);\n\n const { wheelDeltaY, handleWheel } = useModalWheel(overlay);\n\n const {\n isFullSizeModal,\n componentTransitions: fullSizeModalContentTransitions,\n backdropTransitions: fullSizeModalBackdropTransitions,\n } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n return (\n <BaseModal\n {...restProps}\n open={open}\n dataTestId={dataTestId}\n ref={ref}\n componentRef={componentRef}\n scrollHandler='content'\n disableBlockingScroll={!overlay}\n wrapperClassName={cn({\n [styles.wrapperJustifyStart]: verticalAlign === 'top',\n [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n })}\n className={cn(styles.component, className, {\n [styles.overlayHidden]: !overlay,\n ...getMarginStyles({ styles, margin }),\n })}\n transitionProps={{\n classNames: transitionProps,\n ...(isFullSizeModal && fullSizeModalContentTransitions),\n ...restProps.transitionProps,\n }}\n backdropProps={{\n transparent: !overlay,\n ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n ...restProps.backdropProps,\n }}\n componentDivProps={{\n style: {\n width: getWidthStyle(width, margin),\n height: getHeightStyle(height, margin),\n ...(height === 'hugContent' && {\n maxHeight: getMaxHeightStyle(margin),\n }),\n },\n }}\n onWheel={handleWheel}\n onClose={onClose}\n >\n <ModalContent\n height={height}\n wheelDeltaY={wheelDeltaY}\n scrollableContainerRef={scrollableContainerRef}\n >\n {children}\n </ModalContent>\n </BaseModal>\n );\n});\n"],"names":["os","browser","safariTransitions","transitions","forwardRef","__rest","useRef","useModalWheel","getFullSizeModalTransitions","React","BaseModal","__assign","cn","styles","getMarginStyles","getWidthStyle","getHeightStyle","getMaxHeightStyle","ModalContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;AACA,IAAM,eAAe,GAAGA,uBAAE,CAAC,OAAO,EAAE,IAAIC,4BAAO,CAAC,QAAQ,EAAE,GAAGC,wBAAiB,GAAGC,kBAAW;IAE/E,WAAW,GAAGC,gBAAU,CAA6C,UAAC,KAAK,EAAE,GAAG,EAAA;;AAErF,IAAA,IAAA,UAAU,GAYV,KAAK,CAZK,UAAA,EACV,SAAS,GAWT,KAAK,CAXI,SAAA,EACT,IAAI,GAUJ,KAAK,CAVD,IAAA,EACJ,QAAQ,GASR,KAAK,CATG,QAAA,EACR,KAQA,KAAK,CAAA,KARM,EAAX,KAAK,mBAAG,GAAG,GAAA,EAAA,EACX,EAAA,GAOA,KAAK,CAPgB,MAAA,EAArB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,YAAY,GAAA,EAAA,EACrB,EAMA,GAAA,KAAK,cANmB,EAAxB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,EAAA,GAKA,KAAK,CAAA,OALS,EAAd,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACd,MAAM,GAIN,KAAK,CAAA,MAJC,EACN,sBAAsB,GAGtB,KAAK,CAAA,sBAHiB,EACtB,OAAO,GAEP,KAAK,CAAA,OAFE,EACJ,SAAS,GAAAC,YAAA,CACZ,KAAK,EAbH,CAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,eAAA,EAAA,SAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,SAAA,CAaL,CADe;AAGhB,IAAA,IAAM,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAE3C,IAAA,EAAA,GAA+BC,2BAAa,CAAC,OAAO,CAAC,EAAnD,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAA2B;IAErD,IAAA,EAAA,GAIFC,uDAA2B,CAAC,EAAE,aAAa,EAAA,aAAA,EAAE,KAAK,EAAA,KAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAH7D,eAAe,GAAA,EAAA,CAAA,eAAA,EACO,+BAA+B,GAAA,EAAA,CAAA,oBAAA,EAChC,gCAAgC,GAAA,EAAA,CAAA,mBACQ;AAEjE,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iCAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,CAAC,OAAO,EAC/B,gBAAgB,EAAEC,mBAAE,EAAA,EAAA,GAAA,EAAA;AAChB,YAAA,EAAA,CAACC,YAAM,CAAC,mBAAmB,CAAG,GAAA,aAAa,KAAK,KAAK;AACrD,YAAA,EAAA,CAACA,YAAM,CAAC,oBAAoB,CAAG,GAAA,aAAa,KAAK,QAAQ;AACzD,YAAA,EAAA,CAACA,YAAM,CAAC,iBAAiB,CAAG,GAAA,aAAa,KAAK,QAAQ;AACxD,YAAA,EAAA,EAAA,EACF,SAAS,EAAED,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,EAAAF,cAAA,EAAA,EAAA,GAAA,EAAA,EAAA,EAAA,CACpCE,YAAM,CAAC,aAAa,CAAA,GAAG,CAAC,OAAO,EAC7B,EAAA,GAAAC,+BAAe,CAAC,EAAE,MAAM,EAAAD,YAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC,CAAA,CACxC,EACF,eAAe,EAAAF,cAAA,CAAAA,cAAA,CAAA,EACX,UAAU,EAAE,eAAe,EAAA,GACvB,eAAe,IAAI,+BAA+B,EAAC,EACpD,SAAS,CAAC,eAAe,CAAA,EAEhC,aAAa,EACTA,cAAA,CAAAA,cAAA,CAAA,EAAA,WAAW,EAAE,CAAC,OAAO,EAAA,GACjB,eAAe,IAAI,gCAAgC,EAAC,EACrD,SAAS,CAAC,aAAa,CAAA,EAE9B,iBAAiB,EAAE;YACf,KAAK,EAAAA,cAAA,CAAA,EACD,KAAK,EAAEI,2BAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EACnC,MAAM,EAAEC,6BAAc,CAAC,MAAM,EAAE,MAAM,CAAC,KAClC,MAAM,KAAK,YAAY,IAAI;AAC3B,gBAAA,SAAS,EAAEC,mCAAiB,CAAC,MAAM,CAAC;AACvC,aAAA,EACJ;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA,CAAA;AAEhB,QAAAR,sBAAA,CAAA,aAAA,CAACS,yBAAY,EACT,EAAA,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAAA,EAE7C,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}
|