@alfalab/core-components-universal-modal 1.0.8 → 1.1.1
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 +8 -4
- package/Component.responsive.js +4 -1
- package/components/content/base-content/base-content.js +3 -7
- package/components/content/base-content/index.css +4 -12
- package/components/content/desktop/Component.desktop.js +10 -1
- package/components/content/desktop/desktop.css +32 -0
- package/components/content/mobile/Component.mobile.js +8 -2
- package/components/content/mobile/mobile.css +6 -6
- package/components/footer/base-footer/base-footer.d.ts +4 -2
- package/components/footer/base-footer/base-footer.js +9 -9
- package/components/footer/base-footer/index.css +4 -4
- package/components/footer/desktop/Component.desktop.d.ts +8 -2
- package/components/footer/desktop/Component.desktop.js +14 -13
- package/components/footer/desktop/desktop.css +2 -2
- package/components/footer/desktop/layout.css +10 -10
- package/components/footer/mobile/Component.mobile.js +2 -2
- package/components/footer/mobile/layout.mobile.css +9 -9
- package/components/footer/mobile/mobile.css +3 -3
- package/components/footer/responsive/Component.responsive.d.ts +3 -2
- package/components/footer/responsive/Component.responsive.js +5 -5
- package/components/header/base-header/index.css +13 -13
- package/components/header/desktop/Component.desktop.d.ts +9 -2
- package/components/header/desktop/Component.desktop.js +19 -21
- package/components/header/desktop/desktop.css +9 -9
- package/components/header/mobile/Component.mobile.js +5 -2
- package/components/header/mobile/mobile.css +5 -5
- package/components/header/responsive/Component.responsive.d.ts +3 -2
- package/components/header/responsive/Component.responsive.js +5 -5
- package/context/universal-modal-context.d.ts +4 -0
- package/context/universal-modal-context.js +13 -0
- package/cssm/Component.responsive.d.ts +8 -4
- package/cssm/Component.responsive.js +5 -5
- package/cssm/components/content/base-content/base-content.js +2 -6
- package/cssm/components/content/base-content/index.module.css +2 -10
- package/cssm/components/content/desktop/Component.desktop.js +9 -1
- package/cssm/components/content/desktop/desktop.module.css +31 -0
- package/cssm/components/content/mobile/Component.mobile.js +7 -1
- package/cssm/components/content/mobile/mobile.module.css +3 -3
- package/cssm/components/footer/base-footer/base-footer.d.ts +4 -2
- package/cssm/components/footer/base-footer/base-footer.js +8 -8
- package/cssm/components/footer/desktop/Component.desktop.d.ts +8 -2
- package/cssm/components/footer/desktop/Component.desktop.js +12 -11
- package/cssm/components/footer/responsive/Component.responsive.d.ts +3 -2
- package/cssm/components/footer/responsive/Component.responsive.js +5 -5
- package/cssm/components/header/desktop/Component.desktop.d.ts +9 -2
- package/cssm/components/header/desktop/Component.desktop.js +17 -19
- package/cssm/components/header/mobile/Component.mobile.js +3 -0
- package/cssm/components/header/responsive/Component.responsive.d.ts +3 -2
- package/cssm/components/header/responsive/Component.responsive.js +5 -5
- package/cssm/context/universal-modal-context.d.ts +4 -0
- package/cssm/context/universal-modal-context.js +13 -0
- package/cssm/desktop/Component.desktop.d.ts +12 -4
- package/cssm/desktop/Component.desktop.js +14 -10
- package/cssm/desktop/components/center-modal/center-modal.d.ts +3 -1
- package/cssm/desktop/components/center-modal/center-modal.js +22 -16
- package/cssm/desktop/components/center-modal/{styles/center-modal.module.css → center-modal.module.css} +7 -8
- package/cssm/desktop/components/center-modal/{styles/index.module.css → index.module.css} +7 -8
- package/cssm/desktop/components/modal-content/modal-content.d.ts +8 -0
- package/cssm/desktop/components/modal-content/modal-content.js +50 -0
- package/cssm/desktop/components/{base-universal-modal-content/base-universal-modal-content.module.css → modal-content/modal-content.module.css} +8 -8
- 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 +1 -1
- package/cssm/desktop/components/side-modal/{styles/index.module.css → index.module.css} +0 -3
- package/cssm/desktop/components/side-modal/side-modal.d.ts +3 -1
- package/cssm/desktop/components/side-modal/side-modal.js +18 -20
- package/cssm/desktop/components/side-modal/{styles/side-modal.module.css → side-modal.module.css} +0 -3
- package/cssm/desktop/hooks/use-modal-highlighted.d.ts +13 -0
- package/cssm/desktop/hooks/use-modal-highlighted.js +56 -0
- package/cssm/desktop/hooks/use-outside-scroll.d.ts +8 -0
- package/cssm/desktop/hooks/use-outside-scroll.js +20 -0
- package/cssm/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
- package/cssm/desktop/hooks/use-set-scrollbar-height.js +46 -0
- package/cssm/desktop/index.js +5 -3
- package/cssm/desktop/types/props.d.ts +10 -5
- package/cssm/desktop/utils/check-header-and-footer.d.ts +6 -0
- package/cssm/desktop/utils/check-header-and-footer.js +26 -0
- package/cssm/desktop/utils/get-height-style.d.ts +3 -0
- package/cssm/desktop/utils/get-height-style.js +20 -0
- package/cssm/desktop/utils/{get-margins.d.ts → get-margin-styles.d.ts} +2 -2
- package/cssm/desktop/utils/get-margin-styles.js +21 -0
- package/cssm/desktop/utils/get-max-height-style.d.ts +3 -0
- package/cssm/desktop/utils/get-max-height-style.js +13 -0
- package/cssm/desktop/utils/get-width-style.d.ts +3 -0
- package/cssm/desktop/utils/get-width-style.js +20 -0
- package/cssm/desktop/utils/isFooterNode.d.ts +2 -0
- package/cssm/desktop/utils/isFooterNode.js +9 -0
- package/cssm/desktop/utils/isHeaderNode.d.ts +2 -0
- package/cssm/desktop/utils/isHeaderNode.js +9 -0
- package/cssm/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
- package/cssm/desktop/utils/set-footer-and-header-refs.js +35 -0
- package/cssm/index.js +5 -5
- package/cssm/mobile/Component.mobile.js +6 -7
- package/cssm/mobile/index.js +8 -9
- package/cssm/typings/index.d.ts +6 -5
- package/desktop/Component.desktop.d.ts +12 -4
- package/desktop/Component.desktop.js +14 -9
- package/desktop/components/buttons/arrow-button/arrow-button.css +2 -2
- package/desktop/components/buttons/arrow-button/arrow-button.js +1 -1
- package/desktop/components/buttons/cross-button/cross-button.css +2 -2
- package/desktop/components/buttons/cross-button/cross-button.js +1 -1
- package/desktop/components/center-modal/center-modal.d.ts +3 -1
- package/desktop/components/center-modal/center-modal.js +25 -19
- package/desktop/components/center-modal/{styles/index.css → index.css} +526 -527
- package/{esm/desktop/components/center-modal/styles → desktop/components/center-modal}/transitions/safari-transitions.css +8 -8
- package/{modern/desktop/components/center-modal/styles → desktop/components/center-modal}/transitions/transitions.css +8 -8
- package/{modern/desktop/components/base-universal-modal-content/base-universal-modal-content.css → desktop/components/modal-content/modal-content.css} +9 -9
- package/desktop/components/modal-content/modal-content.d.ts +8 -0
- package/desktop/components/modal-content/modal-content.js +51 -0
- package/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
- package/desktop/components/side-modal/get-default-transition-props.js +2 -2
- package/{modern/desktop/components/side-modal/styles → desktop/components/side-modal}/index.css +524 -527
- package/desktop/components/side-modal/side-modal.d.ts +3 -1
- package/desktop/components/side-modal/side-modal.js +19 -21
- package/{esm/desktop/components/side-modal/styles → desktop/components/side-modal}/transitions/transitions.css +72 -72
- package/desktop/hooks/use-modal-highlighted.d.ts +13 -0
- package/desktop/hooks/use-modal-highlighted.js +56 -0
- package/desktop/hooks/use-outside-scroll.d.ts +8 -0
- package/desktop/hooks/use-outside-scroll.js +20 -0
- package/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
- package/desktop/hooks/use-set-scrollbar-height.js +46 -0
- package/desktop/index.js +5 -2
- package/desktop/styles/transitions/full-size-backdrop-transitions.css +14 -14
- package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +8 -8
- package/desktop/styles/transitions/full-size-vertical-center-transitions.css +8 -8
- package/desktop/styles/transitions/full-size-vertical-top-transitions.css +8 -8
- package/desktop/types/props.d.ts +10 -5
- package/desktop/utils/check-header-and-footer.d.ts +6 -0
- package/desktop/utils/check-header-and-footer.js +26 -0
- package/desktop/utils/get-full-size-modal-transitions.js +4 -4
- package/desktop/utils/get-height-style.d.ts +3 -0
- package/desktop/utils/get-height-style.js +20 -0
- package/desktop/utils/{get-margins.d.ts → get-margin-styles.d.ts} +2 -2
- package/desktop/utils/get-margin-styles.js +21 -0
- package/desktop/utils/get-max-height-style.d.ts +3 -0
- package/desktop/utils/get-max-height-style.js +13 -0
- package/desktop/utils/get-width-style.d.ts +3 -0
- package/desktop/utils/get-width-style.js +20 -0
- package/desktop/utils/isFooterNode.d.ts +2 -0
- package/desktop/utils/isFooterNode.js +9 -0
- package/desktop/utils/isHeaderNode.d.ts +2 -0
- package/desktop/utils/isHeaderNode.js +9 -0
- package/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
- package/desktop/utils/set-footer-and-header-refs.js +35 -0
- package/esm/Component.responsive.d.ts +8 -4
- package/esm/Component.responsive.js +4 -1
- package/esm/components/content/base-content/base-content.js +3 -7
- package/esm/components/content/base-content/index.css +4 -12
- package/esm/components/content/desktop/Component.desktop.js +11 -2
- package/esm/components/content/desktop/desktop.css +32 -0
- package/esm/components/content/mobile/Component.mobile.js +9 -3
- package/esm/components/content/mobile/mobile.css +6 -6
- package/esm/components/footer/base-footer/base-footer.d.ts +4 -2
- package/esm/components/footer/base-footer/base-footer.js +10 -10
- package/esm/components/footer/base-footer/index.css +4 -4
- package/esm/components/footer/desktop/Component.desktop.d.ts +8 -2
- package/esm/components/footer/desktop/Component.desktop.js +15 -14
- package/esm/components/footer/desktop/desktop.css +2 -2
- package/esm/components/footer/desktop/layout.css +10 -10
- package/esm/components/footer/mobile/Component.mobile.js +2 -2
- package/esm/components/footer/mobile/layout.mobile.css +9 -9
- package/esm/components/footer/mobile/mobile.css +3 -3
- package/esm/components/footer/responsive/Component.responsive.d.ts +3 -2
- package/esm/components/footer/responsive/Component.responsive.js +7 -7
- package/esm/components/header/base-header/index.css +13 -13
- package/esm/components/header/desktop/Component.desktop.d.ts +9 -2
- package/esm/components/header/desktop/Component.desktop.js +20 -22
- package/esm/components/header/desktop/desktop.css +9 -9
- package/esm/components/header/mobile/Component.mobile.js +5 -2
- package/esm/components/header/mobile/mobile.css +5 -5
- package/esm/components/header/responsive/Component.responsive.d.ts +3 -2
- package/esm/components/header/responsive/Component.responsive.js +7 -7
- package/esm/context/universal-modal-context.d.ts +4 -0
- package/esm/context/universal-modal-context.js +9 -0
- package/esm/desktop/Component.desktop.d.ts +12 -4
- package/esm/desktop/Component.desktop.js +14 -9
- package/esm/desktop/components/buttons/arrow-button/arrow-button.css +2 -2
- package/esm/desktop/components/buttons/arrow-button/arrow-button.js +1 -1
- package/esm/desktop/components/buttons/cross-button/cross-button.css +2 -2
- package/esm/desktop/components/buttons/cross-button/cross-button.js +1 -1
- package/esm/desktop/components/center-modal/center-modal.d.ts +3 -1
- package/esm/desktop/components/center-modal/center-modal.js +25 -19
- package/esm/desktop/components/center-modal/{styles/index.css → index.css} +526 -527
- package/{desktop/components/center-modal/styles → esm/desktop/components/center-modal}/transitions/safari-transitions.css +8 -8
- package/esm/desktop/components/center-modal/{styles/transitions → transitions}/transitions.css +8 -8
- package/esm/desktop/components/{base-universal-modal-content/base-universal-modal-content.css → modal-content/modal-content.css} +9 -9
- package/esm/desktop/components/modal-content/modal-content.d.ts +8 -0
- package/esm/desktop/components/modal-content/modal-content.js +41 -0
- 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 +2 -2
- package/esm/desktop/components/side-modal/{styles/index.css → index.css} +524 -527
- package/esm/desktop/components/side-modal/side-modal.d.ts +3 -1
- package/esm/desktop/components/side-modal/side-modal.js +19 -21
- package/{desktop/components/side-modal/styles → esm/desktop/components/side-modal}/transitions/transitions.css +72 -72
- package/esm/desktop/hooks/use-modal-highlighted.d.ts +13 -0
- package/esm/desktop/hooks/use-modal-highlighted.js +52 -0
- package/esm/desktop/hooks/use-outside-scroll.d.ts +8 -0
- package/esm/desktop/hooks/use-outside-scroll.js +16 -0
- package/esm/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
- package/esm/desktop/hooks/use-set-scrollbar-height.js +42 -0
- package/esm/desktop/index.js +5 -2
- package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +14 -14
- package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +8 -8
- package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +8 -8
- package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +8 -8
- package/esm/desktop/types/props.d.ts +10 -5
- package/esm/desktop/utils/check-header-and-footer.d.ts +6 -0
- package/esm/desktop/utils/check-header-and-footer.js +22 -0
- package/esm/desktop/utils/get-full-size-modal-transitions.js +4 -4
- package/esm/desktop/utils/get-height-style.d.ts +3 -0
- package/esm/desktop/utils/get-height-style.js +16 -0
- package/esm/desktop/utils/{get-margins.d.ts → get-margin-styles.d.ts} +2 -2
- package/esm/desktop/utils/get-margin-styles.js +17 -0
- package/esm/desktop/utils/get-max-height-style.d.ts +3 -0
- package/esm/desktop/utils/get-max-height-style.js +9 -0
- package/esm/desktop/utils/get-width-style.d.ts +3 -0
- package/esm/desktop/utils/get-width-style.js +16 -0
- package/esm/desktop/utils/isFooterNode.d.ts +2 -0
- package/esm/desktop/utils/isFooterNode.js +5 -0
- package/esm/desktop/utils/isHeaderNode.d.ts +2 -0
- package/esm/desktop/utils/isHeaderNode.js +5 -0
- package/esm/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
- package/esm/desktop/utils/set-footer-and-header-refs.js +27 -0
- package/esm/index.js +4 -1
- package/esm/index.module-87f3f708.js +4 -0
- package/esm/mobile/Component.mobile.js +8 -5
- package/esm/mobile/components/buttons/arrow-button/arrow-button.css +3 -3
- package/esm/mobile/components/buttons/arrow-button/arrow-button.js +1 -1
- package/esm/mobile/components/buttons/cross-button/cross-button.css +3 -3
- package/esm/mobile/components/buttons/cross-button/cross-button.js +1 -1
- package/esm/mobile/index.js +7 -4
- package/esm/mobile/mobile.css +4 -4
- package/esm/mobile/transitions/right-side-transitions.mobile.css +8 -8
- package/esm/mobile/transitions/transitions.mobile.css +8 -8
- package/esm/typings/index.d.ts +6 -5
- package/index.js +4 -1
- package/index.module-ac9cf52a.js +6 -0
- package/mobile/Component.mobile.js +8 -5
- package/mobile/components/buttons/arrow-button/arrow-button.css +3 -3
- package/mobile/components/buttons/arrow-button/arrow-button.js +1 -1
- package/mobile/components/buttons/cross-button/cross-button.css +3 -3
- package/mobile/components/buttons/cross-button/cross-button.js +1 -1
- package/mobile/index.js +7 -4
- package/mobile/mobile.css +4 -4
- package/mobile/transitions/right-side-transitions.mobile.css +8 -8
- package/mobile/transitions/transitions.mobile.css +8 -8
- package/modern/Component.responsive.d.ts +8 -4
- package/modern/Component.responsive.js +4 -1
- package/modern/components/content/base-content/base-content.js +3 -6
- package/modern/components/content/base-content/index.css +4 -12
- package/modern/components/content/desktop/Component.desktop.js +12 -2
- package/modern/components/content/desktop/desktop.css +32 -0
- package/modern/components/content/mobile/Component.mobile.js +10 -3
- package/modern/components/content/mobile/mobile.css +6 -6
- package/modern/components/footer/base-footer/base-footer.d.ts +4 -2
- package/modern/components/footer/base-footer/base-footer.js +6 -5
- package/modern/components/footer/base-footer/index.css +4 -4
- package/modern/components/footer/desktop/Component.desktop.d.ts +8 -2
- package/modern/components/footer/desktop/Component.desktop.js +12 -10
- package/modern/components/footer/desktop/desktop.css +2 -2
- package/modern/components/footer/desktop/layout.css +10 -10
- package/modern/components/footer/mobile/Component.mobile.js +2 -2
- package/modern/components/footer/mobile/layout.mobile.css +9 -9
- package/modern/components/footer/mobile/mobile.css +3 -3
- package/modern/components/footer/responsive/Component.responsive.d.ts +3 -2
- package/modern/components/footer/responsive/Component.responsive.js +6 -5
- package/modern/components/header/base-header/index.css +13 -13
- package/modern/components/header/desktop/Component.desktop.d.ts +9 -2
- package/modern/components/header/desktop/Component.desktop.js +11 -12
- package/modern/components/header/desktop/desktop.css +9 -9
- package/modern/components/header/mobile/Component.mobile.js +5 -2
- package/modern/components/header/mobile/mobile.css +5 -5
- package/modern/components/header/responsive/Component.responsive.d.ts +3 -2
- package/modern/components/header/responsive/Component.responsive.js +6 -5
- package/modern/context/universal-modal-context.d.ts +4 -0
- package/modern/context/universal-modal-context.js +9 -0
- package/modern/desktop/Component.desktop.d.ts +12 -4
- package/modern/desktop/Component.desktop.js +12 -7
- package/modern/desktop/components/buttons/arrow-button/arrow-button.css +2 -2
- package/modern/desktop/components/buttons/arrow-button/arrow-button.js +1 -1
- package/modern/desktop/components/buttons/cross-button/cross-button.css +2 -2
- package/modern/desktop/components/buttons/cross-button/cross-button.js +1 -1
- package/modern/desktop/components/center-modal/center-modal.d.ts +3 -1
- package/modern/desktop/components/center-modal/center-modal.js +30 -22
- package/modern/desktop/components/center-modal/index.css +1084 -0
- package/modern/desktop/components/center-modal/{styles/transitions → transitions}/safari-transitions.css +8 -8
- package/{desktop/components/center-modal/styles → modern/desktop/components/center-modal}/transitions/transitions.css +8 -8
- package/{desktop/components/base-universal-modal-content/base-universal-modal-content.css → modern/desktop/components/modal-content/modal-content.css} +9 -9
- package/modern/desktop/components/modal-content/modal-content.d.ts +8 -0
- package/modern/desktop/components/modal-content/modal-content.js +40 -0
- 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 +2 -2
- package/{desktop/components/side-modal/styles → modern/desktop/components/side-modal}/index.css +524 -527
- package/modern/desktop/components/side-modal/side-modal.d.ts +3 -1
- package/modern/desktop/components/side-modal/side-modal.js +22 -20
- package/modern/desktop/components/side-modal/{styles/transitions → transitions}/transitions.css +72 -72
- package/modern/desktop/hooks/use-modal-highlighted.d.ts +13 -0
- package/modern/desktop/hooks/use-modal-highlighted.js +51 -0
- package/modern/desktop/hooks/use-outside-scroll.d.ts +8 -0
- package/modern/desktop/hooks/use-outside-scroll.js +16 -0
- package/modern/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
- package/modern/desktop/hooks/use-set-scrollbar-height.js +41 -0
- package/modern/desktop/index.js +5 -2
- package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +14 -14
- package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +8 -8
- package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +8 -8
- package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +8 -8
- package/modern/desktop/types/props.d.ts +10 -5
- package/modern/desktop/utils/check-header-and-footer.d.ts +6 -0
- package/modern/desktop/utils/check-header-and-footer.js +22 -0
- package/modern/desktop/utils/get-full-size-modal-transitions.js +4 -4
- package/modern/desktop/utils/get-height-style.d.ts +3 -0
- package/modern/desktop/utils/get-height-style.js +16 -0
- package/modern/desktop/utils/{get-margins.d.ts → get-margin-styles.d.ts} +2 -2
- package/modern/desktop/utils/get-margin-styles.js +16 -0
- package/modern/desktop/utils/get-max-height-style.d.ts +3 -0
- package/modern/desktop/utils/get-max-height-style.js +9 -0
- package/modern/desktop/utils/get-width-style.d.ts +3 -0
- package/modern/desktop/utils/get-width-style.js +16 -0
- package/modern/desktop/utils/isFooterNode.d.ts +2 -0
- package/modern/desktop/utils/isFooterNode.js +3 -0
- package/modern/desktop/utils/isHeaderNode.d.ts +2 -0
- package/modern/desktop/utils/isHeaderNode.js +3 -0
- package/modern/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
- package/modern/desktop/utils/set-footer-and-header-refs.js +27 -0
- package/modern/index.js +4 -1
- package/modern/index.module-d26f8059.js +4 -0
- package/modern/mobile/Component.mobile.js +8 -5
- package/modern/mobile/components/buttons/arrow-button/arrow-button.css +3 -3
- package/modern/mobile/components/buttons/arrow-button/arrow-button.js +1 -1
- package/modern/mobile/components/buttons/cross-button/cross-button.css +3 -3
- package/modern/mobile/components/buttons/cross-button/cross-button.js +1 -1
- package/modern/mobile/index.js +7 -4
- package/modern/mobile/mobile.css +4 -4
- package/modern/mobile/transitions/right-side-transitions.mobile.css +8 -8
- package/modern/mobile/transitions/transitions.mobile.css +8 -8
- package/modern/typings/index.d.ts +6 -5
- package/moderncssm/Component.responsive.d.ts +8 -4
- package/moderncssm/Component.responsive.js +5 -5
- package/moderncssm/components/content/base-content/base-content.js +2 -5
- package/moderncssm/components/content/base-content/index.module.css +1 -12
- package/moderncssm/components/content/desktop/Component.desktop.js +10 -2
- package/moderncssm/components/content/desktop/desktop.module.css +14 -0
- package/moderncssm/components/content/mobile/Component.mobile.js +9 -2
- package/moderncssm/components/content/mobile/mobile.module.css +3 -3
- package/moderncssm/components/footer/base-footer/base-footer.d.ts +4 -2
- package/moderncssm/components/footer/base-footer/base-footer.js +5 -4
- package/moderncssm/components/footer/desktop/Component.desktop.d.ts +8 -2
- package/moderncssm/components/footer/desktop/Component.desktop.js +10 -8
- package/moderncssm/components/footer/responsive/Component.responsive.d.ts +3 -2
- package/moderncssm/components/footer/responsive/Component.responsive.js +6 -5
- package/moderncssm/components/header/desktop/Component.desktop.d.ts +9 -2
- package/moderncssm/components/header/desktop/Component.desktop.js +9 -10
- package/moderncssm/components/header/mobile/Component.mobile.js +3 -0
- package/moderncssm/components/header/responsive/Component.responsive.d.ts +3 -2
- package/moderncssm/components/header/responsive/Component.responsive.js +6 -5
- package/moderncssm/context/universal-modal-context.d.ts +4 -0
- package/moderncssm/context/universal-modal-context.js +9 -0
- package/moderncssm/desktop/Component.desktop.d.ts +12 -4
- package/moderncssm/desktop/Component.desktop.js +12 -8
- package/moderncssm/desktop/components/center-modal/center-modal.d.ts +3 -1
- package/moderncssm/desktop/components/center-modal/center-modal.js +27 -19
- package/moderncssm/desktop/components/center-modal/{styles/center-modal.module.css → center-modal.module.css} +8 -9
- package/moderncssm/desktop/components/center-modal/{styles/index.module.css → index.module.css} +8 -9
- package/moderncssm/desktop/components/modal-content/modal-content.d.ts +8 -0
- package/moderncssm/desktop/components/modal-content/modal-content.js +38 -0
- package/moderncssm/desktop/components/modal-content/modal-content.module.css +20 -0
- 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 +1 -1
- package/moderncssm/desktop/components/side-modal/{styles/index.module.css → index.module.css} +0 -5
- package/moderncssm/desktop/components/side-modal/side-modal.d.ts +3 -1
- package/moderncssm/desktop/components/side-modal/side-modal.js +21 -19
- package/moderncssm/desktop/components/side-modal/{styles/side-modal.module.css → side-modal.module.css} +0 -5
- package/moderncssm/desktop/hooks/use-modal-highlighted.d.ts +13 -0
- package/moderncssm/desktop/hooks/use-modal-highlighted.js +51 -0
- package/moderncssm/desktop/hooks/use-outside-scroll.d.ts +8 -0
- package/moderncssm/desktop/hooks/use-outside-scroll.js +16 -0
- package/moderncssm/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
- package/moderncssm/desktop/hooks/use-set-scrollbar-height.js +41 -0
- package/moderncssm/desktop/index.js +5 -3
- package/moderncssm/desktop/types/props.d.ts +10 -5
- package/moderncssm/desktop/utils/check-header-and-footer.d.ts +6 -0
- package/moderncssm/desktop/utils/check-header-and-footer.js +22 -0
- package/moderncssm/desktop/utils/get-height-style.d.ts +3 -0
- package/moderncssm/desktop/utils/get-height-style.js +16 -0
- package/moderncssm/desktop/utils/get-margin-styles.d.ts +7 -0
- package/moderncssm/desktop/utils/get-margin-styles.js +16 -0
- package/moderncssm/desktop/utils/get-max-height-style.d.ts +3 -0
- package/moderncssm/desktop/utils/get-max-height-style.js +9 -0
- package/moderncssm/desktop/utils/get-width-style.d.ts +3 -0
- package/moderncssm/desktop/utils/get-width-style.js +16 -0
- package/moderncssm/desktop/utils/isFooterNode.d.ts +2 -0
- package/moderncssm/desktop/utils/isFooterNode.js +3 -0
- package/moderncssm/desktop/utils/isHeaderNode.d.ts +2 -0
- package/moderncssm/desktop/utils/isHeaderNode.js +3 -0
- package/moderncssm/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
- package/moderncssm/desktop/utils/set-footer-and-header-refs.js +27 -0
- package/moderncssm/index.js +5 -5
- package/moderncssm/mobile/Component.mobile.js +6 -7
- package/moderncssm/mobile/index.js +8 -9
- package/moderncssm/typings/index.d.ts +6 -5
- package/package.json +4 -4
- package/src/components/content/base-content/base-content.tsx +2 -5
- package/src/components/content/base-content/index.module.css +0 -11
- package/src/components/content/desktop/Component.desktop.tsx +17 -4
- package/src/components/content/desktop/desktop.module.css +9 -0
- package/src/components/content/mobile/Component.mobile.tsx +15 -4
- package/src/components/content/mobile/mobile.module.css +3 -3
- package/src/components/footer/base-footer/base-footer.tsx +5 -9
- package/src/components/footer/desktop/Component.desktop.tsx +12 -12
- package/src/components/footer/responsive/Component.responsive.tsx +7 -5
- package/src/components/header/desktop/Component.desktop.tsx +23 -22
- package/src/components/header/mobile/Component.mobile.tsx +4 -0
- package/src/components/header/responsive/Component.responsive.tsx +7 -5
- package/src/context/universal-modal-context.ts +9 -0
- package/src/desktop/Component.desktop.tsx +12 -9
- package/src/desktop/components/center-modal/{styles/center-modal.module.css → center-modal.module.css} +9 -10
- package/src/desktop/components/center-modal/center-modal.tsx +39 -25
- package/src/desktop/components/center-modal/index.module.css +2 -0
- package/src/desktop/components/{base-universal-modal-content/base-universal-modal-content.module.css → modal-content/modal-content.module.css} +8 -8
- package/src/desktop/components/modal-content/modal-content.tsx +63 -0
- package/src/desktop/components/side-modal/get-default-transition-props.ts +4 -4
- package/src/desktop/components/side-modal/index.module.css +2 -0
- package/src/desktop/components/side-modal/{styles/side-modal.module.css → side-modal.module.css} +0 -5
- package/src/desktop/components/side-modal/side-modal.tsx +30 -24
- package/src/desktop/hooks/use-modal-highlighted.tsx +73 -0
- package/src/desktop/hooks/use-outside-scroll.tsx +20 -0
- package/src/desktop/hooks/use-set-scrollbar-height.tsx +51 -0
- package/src/desktop/types/props.ts +10 -6
- package/src/desktop/utils/check-header-and-footer.tsx +30 -0
- package/src/desktop/utils/get-height-style.ts +26 -0
- package/src/desktop/utils/get-margin-styles.ts +23 -0
- package/src/desktop/utils/get-max-height-style.ts +10 -0
- package/src/desktop/utils/get-width-style.ts +23 -0
- package/src/desktop/utils/isFooterNode.ts +2 -0
- package/src/desktop/utils/isHeaderNode.ts +2 -0
- package/src/desktop/utils/set-footer-and-header-refs.tsx +51 -0
- package/src/typings/index.ts +5 -4
- package/typings/index.d.ts +6 -5
- package/ResponsiveContext.d.ts +0 -4
- package/ResponsiveContext.js +0 -9
- package/cssm/ResponsiveContext.d.ts +0 -4
- package/cssm/ResponsiveContext.js +0 -9
- package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
- package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -121
- package/cssm/desktop/hooks/useModalHeight.d.ts +0 -4
- package/cssm/desktop/hooks/useModalHeight.js +0 -33
- package/cssm/desktop/hooks/useModalWidth.d.ts +0 -4
- package/cssm/desktop/hooks/useModalWidth.js +0 -41
- package/cssm/desktop/utils/get-margins.js +0 -22
- package/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
- package/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -122
- package/desktop/hooks/useModalHeight.d.ts +0 -4
- package/desktop/hooks/useModalHeight.js +0 -33
- package/desktop/hooks/useModalWidth.d.ts +0 -4
- package/desktop/hooks/useModalWidth.js +0 -41
- package/desktop/utils/get-margins.js +0 -22
- package/esm/ResponsiveContext.d.ts +0 -4
- package/esm/ResponsiveContext.js +0 -5
- package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
- package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -114
- package/esm/desktop/hooks/useModalHeight.d.ts +0 -4
- package/esm/desktop/hooks/useModalHeight.js +0 -29
- package/esm/desktop/hooks/useModalWidth.d.ts +0 -4
- package/esm/desktop/hooks/useModalWidth.js +0 -37
- package/esm/desktop/utils/get-margins.js +0 -18
- package/esm/index.module-e6744b12.js +0 -4
- package/index.module-7af614d8.js +0 -6
- package/modern/ResponsiveContext.d.ts +0 -4
- package/modern/ResponsiveContext.js +0 -5
- package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
- package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -112
- package/modern/desktop/components/center-modal/styles/index.css +0 -1085
- package/modern/desktop/hooks/useModalHeight.d.ts +0 -4
- package/modern/desktop/hooks/useModalHeight.js +0 -29
- package/modern/desktop/hooks/useModalWidth.d.ts +0 -4
- package/modern/desktop/hooks/useModalWidth.js +0 -37
- package/modern/desktop/utils/get-margins.js +0 -17
- package/modern/index.module-9feb5828.js +0 -4
- package/moderncssm/ResponsiveContext.d.ts +0 -4
- package/moderncssm/ResponsiveContext.js +0 -5
- package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
- package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -110
- package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +0 -20
- package/moderncssm/desktop/hooks/useModalHeight.d.ts +0 -4
- package/moderncssm/desktop/hooks/useModalHeight.js +0 -29
- package/moderncssm/desktop/hooks/useModalWidth.d.ts +0 -4
- package/moderncssm/desktop/hooks/useModalWidth.js +0 -37
- package/moderncssm/desktop/utils/get-margins.d.ts +0 -7
- package/moderncssm/desktop/utils/get-margins.js +0 -17
- package/src/ResponsiveContext.ts +0 -5
- package/src/desktop/components/base-universal-modal-content/base-universal-modal-content.tsx +0 -155
- package/src/desktop/components/center-modal/styles/index.module.css +0 -2
- package/src/desktop/components/side-modal/styles/index.module.css +0 -2
- package/src/desktop/hooks/useModalHeight.tsx +0 -42
- package/src/desktop/hooks/useModalWidth.tsx +0 -52
- package/src/desktop/utils/get-margins.ts +0 -24
- /package/cssm/desktop/components/center-modal/{styles/transitions → transitions}/safari-transitions.module.css +0 -0
- /package/cssm/desktop/components/center-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
- /package/cssm/desktop/components/side-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
- /package/moderncssm/desktop/components/center-modal/{styles/transitions → transitions}/safari-transitions.module.css +0 -0
- /package/moderncssm/desktop/components/center-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
- /package/moderncssm/desktop/components/side-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
- /package/src/desktop/components/center-modal/{styles/transitions → transitions}/safari-transitions.module.css +0 -0
- /package/src/desktop/components/center-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
- /package/src/desktop/components/side-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal
|
|
3
|
+
declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
|
|
4
|
+
scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
5
|
+
} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
|
|
4
6
|
breakpoint?: number | undefined;
|
|
5
7
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
6
8
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal
|
|
9
|
+
declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
|
|
10
|
+
scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
11
|
+
} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
|
|
8
12
|
breakpoint?: number | undefined;
|
|
9
13
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
10
14
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
11
|
-
Header: React.
|
|
15
|
+
Header: React.ForwardRefExoticComponent<import("./components/header/index").HeaderResponsiveProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
16
|
Content: React.FC<import("./components/content/index").ContentResponsiveProps>;
|
|
13
|
-
Footer: React.
|
|
17
|
+
Footer: React.ForwardRefExoticComponent<import("./components/footer/index").FooterResponsiveProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
18
|
};
|
|
15
19
|
export { UniversalModal, UniversalModalResponsive };
|
package/Component.responsive.js
CHANGED
|
@@ -7,11 +7,14 @@ var React = require('react');
|
|
|
7
7
|
var coreComponentsMq = require('@alfalab/core-components-mq');
|
|
8
8
|
var components_content_responsive_Component_responsive = require('./components/content/responsive/Component.responsive.js');
|
|
9
9
|
require('classnames');
|
|
10
|
+
require('./context/universal-modal-context.js');
|
|
10
11
|
require('@alfalab/core-components-shared');
|
|
11
12
|
require('@alfalab/core-components-base-modal');
|
|
12
13
|
var components_footer_responsive_Component_responsive = require('./components/footer/responsive/Component.responsive.js');
|
|
13
|
-
require('./
|
|
14
|
+
require('./components/footer/desktop/Component.desktop.js');
|
|
15
|
+
require('./components/footer/base-footer/base-footer.js');
|
|
14
16
|
var components_header_responsive_Component_responsive = require('./components/header/responsive/Component.responsive.js');
|
|
17
|
+
require('./components/header/desktop/Component.desktop.js');
|
|
15
18
|
require('@alfalab/core-components-navigation-bar-private');
|
|
16
19
|
var desktop_Component_desktop = require('./desktop/Component.desktop.js');
|
|
17
20
|
require('@alfalab/core-components-button/desktop');
|
|
@@ -12,17 +12,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
14
|
|
|
15
|
-
var styles = {"content":"universal-
|
|
15
|
+
var styles = {"content":"universal-modal__content_7owyf"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var BaseContent = function (_a) {
|
|
19
|
-
var _b;
|
|
20
19
|
var children = _a.children, className = _a.className, dataTestId = _a.dataTestId;
|
|
21
|
-
var
|
|
22
|
-
return (React__default.default.createElement("div", { className: cn__default.default(styles.content,
|
|
23
|
-
_b[styles.withHeader] = hasHeader,
|
|
24
|
-
_b[styles.withFooter] = hasFooter,
|
|
25
|
-
_b)), ref: contentRef, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
|
|
20
|
+
var contentRef = React.useContext(Context.ModalContext).contentRef;
|
|
21
|
+
return (React__default.default.createElement("div", { className: cn__default.default(styles.content, className), ref: contentRef, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
|
|
26
22
|
};
|
|
27
23
|
|
|
28
24
|
exports.BaseContent = BaseContent;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: r930j */
|
|
2
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
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
4
|
} :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 */
|
|
@@ -13,32 +13,24 @@
|
|
|
13
13
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
14
|
|
|
15
15
|
/* новые значения, используйте их */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
--gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
17
|
--gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
18
|
|
|
20
19
|
/* новые значения, используйте их */
|
|
21
20
|
|
|
22
21
|
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
23
22
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
24
|
-
--gap-0: 0px;
|
|
25
|
-
--gap-16: var(--gap-m);
|
|
26
23
|
--gap-32: var(--gap-2xl);
|
|
27
24
|
} :root {
|
|
28
25
|
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
29
26
|
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
30
27
|
|
|
31
28
|
/* scroll */
|
|
32
|
-
} .universal-
|
|
29
|
+
} .universal-modal__content_7owyf {
|
|
33
30
|
position: relative;
|
|
34
31
|
box-sizing: border-box;
|
|
35
32
|
width: 100%;
|
|
36
33
|
z-index: 0;
|
|
37
|
-
padding: var(--gap-32) var(--gap-32) var(--gap-32)
|
|
38
|
-
} .universal-modal__content_2vgkz.universal-modal__withHeader_2vgkz {
|
|
39
|
-
padding-top: var(--gap-0);
|
|
40
|
-
} .universal-modal__content_2vgkz.universal-modal__withFooter_2vgkz {
|
|
41
|
-
padding-bottom: var(--gap-16);
|
|
42
|
-
} .universal-modal__flex_2vgkz {
|
|
34
|
+
padding: var(--gap-32) var(--gap-32) var(--gap-32);
|
|
43
35
|
flex: 1 1 auto;
|
|
44
36
|
}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
|
+
var context_universalModalContext = require('../../../context/universal-modal-context.js');
|
|
8
9
|
var components_content_baseContent_baseContent = require('../base-content/base-content.js');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -12,9 +13,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
15
|
|
|
16
|
+
var styles = {"withHeader":"universal-modal__withHeader_ct63p","withFooter":"universal-modal__withFooter_ct63p"};
|
|
17
|
+
require('./desktop.css')
|
|
18
|
+
|
|
15
19
|
var ContentDesktop = function (_a) {
|
|
20
|
+
var _b;
|
|
16
21
|
var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
|
|
17
|
-
|
|
22
|
+
var _c = React.useContext(context_universalModalContext.UniversalModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
|
|
23
|
+
return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(className, (_b = {},
|
|
24
|
+
_b[styles.withHeader] = hasHeader,
|
|
25
|
+
_b[styles.withFooter] = hasFooter,
|
|
26
|
+
_b)) }, restProps)));
|
|
18
27
|
};
|
|
19
28
|
|
|
20
29
|
exports.ContentDesktop = ContentDesktop;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/* hash: 1yq31 */
|
|
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
|
+
} :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 */
|
|
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 */
|
|
6
|
+
} :root {
|
|
7
|
+
|
|
8
|
+
/* Hard */
|
|
9
|
+
|
|
10
|
+
/* Up */
|
|
11
|
+
|
|
12
|
+
/* Hard up */
|
|
13
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
+
|
|
15
|
+
/* новые значения, используйте их */
|
|
16
|
+
} :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 */
|
|
17
|
+
|
|
18
|
+
/* новые значения, используйте их */
|
|
19
|
+
|
|
20
|
+
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
21
|
+
/* stylelint-disable-next-line length-zero-no-unit */
|
|
22
|
+
--gap-0: 0px;
|
|
23
|
+
} :root {
|
|
24
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
|
+
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
26
|
+
|
|
27
|
+
/* scroll */
|
|
28
|
+
} .universal-modal__withHeader_ct63p {
|
|
29
|
+
padding-top: var(--gap-0);
|
|
30
|
+
} .universal-modal__withFooter_ct63p {
|
|
31
|
+
padding-bottom: var(--gap-0);
|
|
32
|
+
}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
|
+
var Context = require('../../../Context.js');
|
|
8
9
|
var components_content_baseContent_baseContent = require('../base-content/base-content.js');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -12,12 +13,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
15
|
|
|
15
|
-
var styles = {"content":"universal-
|
|
16
|
+
var styles = {"content":"universal-modal__content_fqqwl","withHeader":"universal-modal__withHeader_fqqwl","withFooter":"universal-modal__withFooter_fqqwl"};
|
|
16
17
|
require('./mobile.css')
|
|
17
18
|
|
|
18
19
|
var ContentMobile = function (_a) {
|
|
20
|
+
var _b;
|
|
19
21
|
var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
|
|
20
|
-
|
|
22
|
+
var _c = React.useContext(Context.ModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
|
|
23
|
+
return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(styles.content, className, (_b = {},
|
|
24
|
+
_b[styles.withHeader] = hasHeader,
|
|
25
|
+
_b[styles.withFooter] = hasFooter,
|
|
26
|
+
_b)) }, restProps)));
|
|
21
27
|
};
|
|
22
28
|
|
|
23
29
|
exports.ContentMobile = ContentMobile;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: t35md */
|
|
2
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
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
4
|
} :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 */
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
30
30
|
|
|
31
31
|
/* scroll */
|
|
32
|
-
} .universal-
|
|
33
|
-
padding: var(--gap-16)
|
|
34
|
-
} .universal-
|
|
35
|
-
padding-
|
|
36
|
-
} .universal-
|
|
32
|
+
} .universal-modal__content_fqqwl {
|
|
33
|
+
padding: var(--gap-16)
|
|
34
|
+
} .universal-modal__content_fqqwl.universal-modal__withHeader_fqqwl {
|
|
35
|
+
padding-top: var(--gap-0);
|
|
36
|
+
} .universal-modal__content_fqqwl.universal-modal__withFooter_fqqwl {
|
|
37
37
|
padding-bottom: var(--gap-20);
|
|
38
38
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ReactNode } from "react";
|
|
2
4
|
type FooterProps = {
|
|
3
5
|
/**
|
|
4
6
|
* Контент футера
|
|
@@ -25,5 +27,5 @@ type FooterProps = {
|
|
|
25
27
|
*/
|
|
26
28
|
isHighlighted?: boolean;
|
|
27
29
|
};
|
|
28
|
-
declare const BaseFooter:
|
|
30
|
+
declare const BaseFooter: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
31
|
export { FooterProps, BaseFooter };
|
|
@@ -12,12 +12,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
14
|
|
|
15
|
-
var styles = {"footer":"universal-
|
|
15
|
+
var styles = {"footer":"universal-modal__footer_vdmym","sticky":"universal-modal__sticky_vdmym","highlighted":"universal-modal__highlighted_vdmym"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
|
-
var BaseFooter = function (
|
|
19
|
-
var
|
|
20
|
-
var children =
|
|
18
|
+
var BaseFooter = React.forwardRef(function (props, ref) {
|
|
19
|
+
var _a;
|
|
20
|
+
var children = props.children, className = props.className, sticky = props.sticky, dataTestId = props.dataTestId, isHighlighted = props.isHighlighted;
|
|
21
21
|
var setHasFooter = React.useContext(Context.ModalContext).setHasFooter;
|
|
22
22
|
React.useEffect(function () {
|
|
23
23
|
setHasFooter(true);
|
|
@@ -25,10 +25,10 @@ var BaseFooter = function (_a) {
|
|
|
25
25
|
setHasFooter(false);
|
|
26
26
|
};
|
|
27
27
|
}, [setHasFooter]);
|
|
28
|
-
return (React__default.default.createElement("div", { className: cn__default.default(styles.footer, className, (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
};
|
|
28
|
+
return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles.footer, className, (_a = {},
|
|
29
|
+
_a[styles.highlighted] = sticky && isHighlighted,
|
|
30
|
+
_a[styles.sticky] = sticky,
|
|
31
|
+
_a)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
|
|
32
|
+
});
|
|
33
33
|
|
|
34
34
|
exports.BaseFooter = BaseFooter;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: whptd */
|
|
2
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
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-modal-bg-primary: #fff;
|
|
@@ -33,16 +33,16 @@
|
|
|
33
33
|
/* scroll */
|
|
34
34
|
--universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
|
|
35
35
|
--universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
|
|
36
|
-
} .universal-
|
|
36
|
+
} .universal-modal__footer_vdmym {
|
|
37
37
|
width: 100%;
|
|
38
38
|
box-sizing: border-box;
|
|
39
39
|
transition: box-shadow 0.2s ease, background 0.2s ease;
|
|
40
40
|
padding: var(--gap-16) var(--gap-32) var(--gap-32);
|
|
41
|
-
} .universal-
|
|
41
|
+
} .universal-modal__sticky_vdmym {
|
|
42
42
|
background: var(--universal-modal-footer-background);
|
|
43
43
|
position: sticky;
|
|
44
44
|
z-index: 1;
|
|
45
|
-
} .universal-
|
|
45
|
+
} .universal-modal__highlighted_vdmym {
|
|
46
46
|
background: var(--universal-modal-footer-highlight-background);
|
|
47
47
|
box-shadow: var(--universal-modal-footer-highlight-box-shadow);
|
|
48
48
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import { FooterProps } from "../base-footer/base-footer";
|
|
3
4
|
type FooterDesktopProps = FooterProps & {
|
|
4
5
|
/**
|
|
@@ -6,5 +7,10 @@ type FooterDesktopProps = FooterProps & {
|
|
|
6
7
|
*/
|
|
7
8
|
size?: 's' | 500;
|
|
8
9
|
};
|
|
9
|
-
declare const FooterDesktop:
|
|
10
|
+
declare const FooterDesktop: React.ForwardRefExoticComponent<FooterProps & {
|
|
11
|
+
/**
|
|
12
|
+
* Размер (только для desktop версии компонента)
|
|
13
|
+
*/
|
|
14
|
+
size?: "s" | 500 | undefined;
|
|
15
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
10
16
|
export { FooterDesktopProps, FooterDesktop };
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
|
+
var context_universalModalContext = require('../../../context/universal-modal-context.js');
|
|
8
9
|
var desktop_constants_index = require('../../../desktop/constants/index.js');
|
|
9
|
-
var ResponsiveContext = require('../../../ResponsiveContext.js');
|
|
10
10
|
var components_footer_baseFooter_baseFooter = require('../base-footer/base-footer.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -14,21 +14,22 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
16
16
|
|
|
17
|
-
var styles = {"sticky":"universal-
|
|
17
|
+
var styles = {"sticky":"universal-modal__sticky_1g9mr"};
|
|
18
18
|
require('./desktop.css')
|
|
19
19
|
|
|
20
|
-
var layoutStyles = {"column":"universal-
|
|
20
|
+
var layoutStyles = {"column":"universal-modal__column_14hob","middle":"universal-modal__middle_14hob","start":"universal-modal__start_14hob","center":"universal-modal__center_14hob","space-between":"universal-modal__space-between_14hob"};
|
|
21
21
|
require('./layout.css')
|
|
22
22
|
|
|
23
|
-
var FooterDesktop = function (
|
|
24
|
-
var
|
|
25
|
-
var className =
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
return (React__default.default.createElement(components_footer_baseFooter_baseFooter.BaseFooter, tslib.__assign({ className: cn__default.default(layoutStyles[layout], className, (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
};
|
|
23
|
+
var FooterDesktop = React.forwardRef(function (props, ref) {
|
|
24
|
+
var _a;
|
|
25
|
+
var className = props.className, sticky = props.sticky, _b = props.layout, layout = _b === void 0 ? 'start' : _b, restProps = tslib.__rest(props, ["className", "sticky", "layout"]);
|
|
26
|
+
var _c = React.useContext(context_universalModalContext.UniversalModalContext), _d = _c.modalWidth, modalWidth = _d === void 0 ? 500 : _d, modalFooterHighlighted = _c.modalFooterHighlighted;
|
|
27
|
+
var isMiddle = modalWidth === 'fullWidth' || modalWidth >= desktop_constants_index.FOOTER_MEDIUM_BREAKPOINT;
|
|
28
|
+
return (React__default.default.createElement(components_footer_baseFooter_baseFooter.BaseFooter, tslib.__assign({ ref: ref, className: cn__default.default(layoutStyles[layout], className, (_a = {},
|
|
29
|
+
_a[styles.sticky] = sticky,
|
|
30
|
+
_a[layoutStyles.middle] = isMiddle,
|
|
31
|
+
_a)), sticky: sticky, layout: layout, isHighlighted: modalFooterHighlighted }, restProps)));
|
|
32
|
+
});
|
|
33
|
+
FooterDesktop.displayName = 'FooterDesktop';
|
|
33
34
|
|
|
34
35
|
exports.FooterDesktop = FooterDesktop;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 3n4mk */
|
|
2
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
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
4
|
} :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 */
|
|
@@ -25,6 +25,6 @@
|
|
|
25
25
|
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
26
26
|
|
|
27
27
|
/* scroll */
|
|
28
|
-
} .universal-
|
|
28
|
+
} .universal-modal__sticky_1g9mr {
|
|
29
29
|
bottom: var(--gap-0);
|
|
30
30
|
}
|