@salutejs/plasma-new-hope 0.113.0-canary.1331.10163315465.0 → 0.113.1-canary.1325.10178064945.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +5 -0
- package/cjs/components/Header/Header.tokens.js +41 -0
- package/cjs/components/Header/Header.tokens.js.map +1 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.css +1 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.js +21 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.js.map +1 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.styles.js +15 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.styles.js.map +1 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +1 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.css +2 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.js +53 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.js.map +1 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +30 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js.map +1 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +2 -0
- package/cjs/components/Header/HeaderRoot/variations/_size/base.js +9 -0
- package/cjs/components/Header/HeaderRoot/variations/_size/base.js.map +1 -0
- package/cjs/components/Header/HeaderRoot/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +33 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +70 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +9 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +1 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +1 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +9 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +1 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +9 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +1 -0
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.css +5 -0
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +48 -0
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js.map +1 -0
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +9 -0
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +1 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.css +1 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +21 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +15 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +9 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +57 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +45 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +7 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +9 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +9 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +1 -0
- package/cjs/components/Modal/hooks/useModal.js +0 -15
- package/cjs/components/Modal/hooks/useModal.js.map +1 -1
- package/cjs/components/Popup/PopupContext.js +23 -8
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/Popup/hooks/usePopup.js +5 -0
- package/cjs/components/Popup/hooks/usePopup.js.map +1 -1
- package/cjs/components/Range/Range.css +4 -4
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.styles_dmydia.css +8 -0
- package/cjs/components/_Icon/Icon.assets/ChevronLeft.js +23 -0
- package/cjs/components/_Icon/Icon.assets/ChevronLeft.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconChevronLeft.js +25 -0
- package/cjs/components/_Icon/Icons/IconChevronLeft.js.map +1 -0
- package/cjs/index.css +31 -6
- package/cjs/index.js +15 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/cjs/components/Header/Header.template-doc.mdx +78 -0
- package/emotion/cjs/components/Header/Header.tokens.js +39 -0
- package/emotion/cjs/components/Header/HeaderContent/HeaderContent.js +20 -0
- package/emotion/cjs/components/Header/HeaderContent/HeaderContent.styles.js +21 -0
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.js +54 -0
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +29 -0
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +5 -0
- package/emotion/cjs/components/Header/HeaderRoot/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Header/index.js +57 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +70 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +17 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +5 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +10 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +9 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +47 -0
- package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +9 -0
- package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +20 -0
- package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +13 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +57 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +47 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +5 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +8 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +17 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +8 -0
- package/emotion/cjs/components/Header/ui/index.js +33 -0
- package/emotion/cjs/components/Modal/hooks/useModal.js +0 -15
- package/emotion/cjs/components/Popup/PopupContext.js +23 -8
- package/emotion/cjs/components/Popup/hooks/usePopup.js +5 -0
- package/emotion/cjs/components/Range/Range.styles.js +16 -9
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.config.js +22 -0
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.js +31 -0
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +128 -0
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/emotion/cjs/examples/plasma_web/components/Header/Header.config.js +22 -0
- package/emotion/cjs/examples/plasma_web/components/Header/Header.js +31 -0
- package/emotion/cjs/examples/plasma_web/components/Header/Header.stories.tsx +128 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +9 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/es/components/Header/Header.template-doc.mdx +78 -0
- package/emotion/es/components/Header/Header.tokens.js +33 -0
- package/emotion/es/components/Header/HeaderContent/HeaderContent.js +14 -0
- package/emotion/es/components/Header/HeaderContent/HeaderContent.styles.js +14 -0
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.js +46 -0
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.styles.js +22 -0
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.types.js +1 -0
- package/emotion/es/components/Header/HeaderRoot/variations/_size/base.js +2 -0
- package/emotion/es/components/Header/HeaderRoot/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Header/index.js +4 -0
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.js +61 -0
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +11 -0
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +1 -0
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/base.js +4 -0
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/base.js +3 -0
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +1 -0
- package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.js +39 -0
- package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +3 -0
- package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/base.js +3 -0
- package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.js +14 -0
- package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +6 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +49 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +40 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +1 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +2 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +8 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +11 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +8 -0
- package/emotion/es/components/Header/ui/index.js +4 -0
- package/emotion/es/components/Modal/hooks/useModal.js +2 -17
- package/emotion/es/components/Popup/PopupContext.js +24 -9
- package/emotion/es/components/Popup/hooks/usePopup.js +5 -0
- package/emotion/es/components/Range/Range.styles.js +16 -9
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/emotion/es/examples/plasma_b2c/components/Header/Header.config.js +16 -0
- package/emotion/es/examples/plasma_b2c/components/Header/Header.js +12 -0
- package/emotion/es/examples/plasma_b2c/components/Header/Header.stories.tsx +128 -0
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/emotion/es/examples/plasma_web/components/Header/Header.config.js +16 -0
- package/emotion/es/examples/plasma_web/components/Header/Header.js +12 -0
- package/emotion/es/examples/plasma_web/components/Header/Header.stories.tsx +128 -0
- package/emotion/es/index.js +1 -0
- package/es/components/DatePicker/DatePicker.tokens.js +9 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +5 -0
- package/es/components/Header/Header.tokens.js +36 -0
- package/es/components/Header/Header.tokens.js.map +1 -0
- package/es/components/Header/HeaderContent/HeaderContent.css +1 -0
- package/es/components/Header/HeaderContent/HeaderContent.js +17 -0
- package/es/components/Header/HeaderContent/HeaderContent.js.map +1 -0
- package/es/components/Header/HeaderContent/HeaderContent.styles.js +11 -0
- package/es/components/Header/HeaderContent/HeaderContent.styles.js.map +1 -0
- package/es/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +1 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.css +2 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.js +48 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.js.map +1 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.styles.js +25 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.styles.js.map +1 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +2 -0
- package/es/components/Header/HeaderRoot/variations/_size/base.js +5 -0
- package/es/components/Header/HeaderRoot/variations/_size/base.js.map +1 -0
- package/es/components/Header/HeaderRoot/variations/_size/base_x642ct.css +1 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +33 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +65 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +5 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +1 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +1 -0
- package/es/components/Header/ui/HeaderArrow/variations/_size/base.js +5 -0
- package/es/components/Header/ui/HeaderArrow/variations/_size/base.js.map +1 -0
- package/es/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +1 -0
- package/es/components/Header/ui/HeaderArrow/variations/_view/base.js +5 -0
- package/es/components/Header/ui/HeaderArrow/variations/_view/base.js.map +1 -0
- package/es/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +1 -0
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.css +5 -0
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.js +43 -0
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.js.map +1 -0
- package/es/components/Header/ui/HeaderLogo/variations/_size/base.js +5 -0
- package/es/components/Header/ui/HeaderLogo/variations/_size/base.js.map +1 -0
- package/es/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +1 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.css +1 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.js +17 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.js.map +1 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +11 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +1 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +9 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +52 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +36 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +7 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +5 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +5 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +1 -0
- package/es/components/Modal/hooks/useModal.js +2 -17
- package/es/components/Modal/hooks/useModal.js.map +1 -1
- package/es/components/Popup/PopupContext.js +24 -9
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Popup/hooks/usePopup.js +5 -0
- package/es/components/Popup/hooks/usePopup.js.map +1 -1
- package/es/components/Range/Range.css +4 -4
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.styles_dmydia.css +8 -0
- package/es/components/_Icon/Icon.assets/ChevronLeft.js +19 -0
- package/es/components/_Icon/Icon.assets/ChevronLeft.js.map +1 -0
- package/es/components/_Icon/Icons/IconChevronLeft.js +21 -0
- package/es/components/_Icon/Icons/IconChevronLeft.js.map +1 -0
- package/es/index.css +31 -6
- package/es/index.js +7 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Header/Header.template-doc.mdx +78 -0
- package/styled-components/cjs/components/Header/Header.tokens.js +39 -0
- package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.js +20 -0
- package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.styles.js +11 -0
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.js +54 -0
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +18 -0
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +5 -0
- package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Header/index.js +57 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +70 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +8 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +5 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +9 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +47 -0
- package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +9 -0
- package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +20 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +12 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +57 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +31 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +5 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +8 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +8 -0
- package/styled-components/cjs/components/Header/ui/index.js +33 -0
- package/styled-components/cjs/components/Modal/hooks/useModal.js +0 -15
- package/styled-components/cjs/components/Popup/PopupContext.js +23 -8
- package/styled-components/cjs/components/Popup/hooks/usePopup.js +5 -0
- package/styled-components/cjs/components/Range/Range.styles.js +2 -3
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.config.js +22 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +128 -0
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.config.js +22 -0
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.stories.tsx +128 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +9 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Header/Header.template-doc.mdx +78 -0
- package/styled-components/es/components/Header/Header.tokens.js +33 -0
- package/styled-components/es/components/Header/HeaderContent/HeaderContent.js +14 -0
- package/styled-components/es/components/Header/HeaderContent/HeaderContent.styles.js +4 -0
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.js +46 -0
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.styles.js +11 -0
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.types.js +1 -0
- package/styled-components/es/components/Header/HeaderRoot/variations/_size/base.js +2 -0
- package/styled-components/es/components/Header/HeaderRoot/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Header/index.js +4 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +61 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +2 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +1 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/base.js +4 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/base.js +3 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.js +39 -0
- package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +3 -0
- package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/base.js +3 -0
- package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.js +14 -0
- package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +5 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +49 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +24 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +1 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +2 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +8 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +2 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +8 -0
- package/styled-components/es/components/Header/ui/index.js +4 -0
- package/styled-components/es/components/Modal/hooks/useModal.js +2 -17
- package/styled-components/es/components/Popup/PopupContext.js +24 -9
- package/styled-components/es/components/Popup/hooks/usePopup.js +5 -0
- package/styled-components/es/components/Range/Range.styles.js +2 -3
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.config.js +16 -0
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.js +12 -0
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.stories.tsx +128 -0
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/styled-components/es/examples/plasma_web/components/Header/Header.config.js +16 -0
- package/styled-components/es/examples/plasma_web/components/Header/Header.js +12 -0
- package/styled-components/es/examples/plasma_web/components/Header/Header.stories.tsx +128 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts +8 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Header/Header.tokens.d.ts +34 -0
- package/types/components/Header/Header.tokens.d.ts.map +1 -0
- package/types/components/Header/HeaderContent/HeaderContent.d.ts +6 -0
- package/types/components/Header/HeaderContent/HeaderContent.d.ts.map +1 -0
- package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts +3 -0
- package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts.map +1 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.d.ts +30 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.d.ts.map +1 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts +5 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts.map +1 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts +23 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts.map +1 -0
- package/types/components/Header/HeaderRoot/variations/_size/base.d.ts +2 -0
- package/types/components/Header/HeaderRoot/variations/_size/base.d.ts.map +1 -0
- package/types/components/Header/index.d.ts +7 -0
- package/types/components/Header/index.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +32 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts +2 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts +10 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts +24 -0
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts +2 -0
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts +6 -0
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts +3 -0
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts +40 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts +9 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts +10 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts.map +1 -0
- package/types/components/Header/ui/index.d.ts +8 -0
- package/types/components/Header/ui/index.d.ts.map +1 -0
- package/types/components/Modal/hooks/useModal.d.ts +1 -1
- package/types/components/Modal/hooks/useModal.d.ts.map +1 -1
- package/types/components/Popup/PopupContext.d.ts.map +1 -1
- package/types/components/Popup/hooks/usePopup.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Header/Header.config.d.ts +15 -0
- package/types/examples/plasma_b2c/components/Header/Header.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Header/Header.d.ts +28 -0
- package/types/examples/plasma_b2c/components/Header/Header.d.ts.map +1 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Header/Header.config.d.ts +15 -0
- package/types/examples/plasma_web/components/Header/Header.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Header/Header.d.ts +28 -0
- package/types/examples/plasma_web/components/Header/Header.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +0 -5
- package/cjs/components/Range/Range.styles_1jtxp9z.css +0 -8
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +0 -5
- package/es/components/Range/Range.styles_1jtxp9z.css +0 -8
@@ -0,0 +1,70 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.headerArrowRoot = exports.headerArrowConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
|
+
var _Button = /*#__PURE__*/require("../../../Button");
|
11
|
+
var _Header = /*#__PURE__*/require("../../Header.tokens");
|
12
|
+
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
13
|
+
var _utils = /*#__PURE__*/require("../../../../utils");
|
14
|
+
var _HeaderArrow = /*#__PURE__*/require("./HeaderArrow.styles");
|
15
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
16
|
+
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
17
|
+
var _excluded = ["arrow", "iconSize", "value"];
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
20
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
21
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
22
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
23
|
+
var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
|
24
|
+
var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
|
25
|
+
|
26
|
+
/**
|
27
|
+
* Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
|
28
|
+
*/
|
29
|
+
var headerArrowRoot = exports.headerArrowRoot = function headerArrowRoot(Root) {
|
30
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
|
31
|
+
var arrow = props.arrow,
|
32
|
+
_props$iconSize = props.iconSize,
|
33
|
+
iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
|
34
|
+
value = props.value,
|
35
|
+
rest = _objectWithoutProperties(props, _excluded);
|
36
|
+
var minimizeClass = arrow === 'minimize' ? _Header.classes.headerArrowIconMinimize : undefined;
|
37
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
38
|
+
ref: outerRootRef
|
39
|
+
}, /*#__PURE__*/_react["default"].createElement(Button, _extends({
|
40
|
+
view: "clear",
|
41
|
+
size: "s",
|
42
|
+
tabIndex: -1,
|
43
|
+
className: _Header.classes.headerArrow,
|
44
|
+
value: value
|
45
|
+
}, rest), /*#__PURE__*/_react["default"].createElement(_Icon.IconChevronLeft, _extends({
|
46
|
+
size: iconSize,
|
47
|
+
sizeCustomProperty: _Header.tokens.headerArrowIconSize,
|
48
|
+
className: (0, _utils.cx)(_Header.classes.headerArrowIcon, minimizeClass),
|
49
|
+
color: "inherit"
|
50
|
+
}, props))));
|
51
|
+
});
|
52
|
+
};
|
53
|
+
var headerArrowConfig = exports.headerArrowConfig = {
|
54
|
+
name: 'HeaderArrow',
|
55
|
+
tag: 'div',
|
56
|
+
layout: headerArrowRoot,
|
57
|
+
base: _HeaderArrow.base,
|
58
|
+
variations: {
|
59
|
+
view: {
|
60
|
+
css: _base2.base
|
61
|
+
},
|
62
|
+
size: {
|
63
|
+
css: _base.base
|
64
|
+
}
|
65
|
+
},
|
66
|
+
defaults: {
|
67
|
+
view: 'primary',
|
68
|
+
size: 'm'
|
69
|
+
}
|
70
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;"]);
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _mixins = /*#__PURE__*/require("../../../../../../mixins");
|
9
|
+
var _Header = /*#__PURE__*/require("../../../../Header.tokens");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{margin-right:var(", ");", "}"], /*#__PURE__*/String(_Header.classes.headerArrow), _Header.tokens.headerArrowMarginRight, /*#__PURE__*/(0, _mixins.mediaQuery)('S')( /*#__PURE__*/"\n position: static;\n width: auto;\n height: calc(var(".concat(_Header.tokens.headerPaddingTop, ") + var(").concat(_Header.tokens.headerHeight, ") + var(").concat(_Header.tokens.headerPaddingBottom, "));\n padding: 0;\n margin-right: 1rem;\n margin-top: calc(var(").concat(_Header.tokens.headerPaddingTop, ") * -1);\n ")));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-arrow-margin-right", "--plasma-header-arrow-icon-size"]
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _Header = /*#__PURE__*/require("../../../../Header.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:var(", ");}.", "{transform:rotate(-90deg);}"], /*#__PURE__*/String(_Header.classes.headerArrowIcon), _Header.tokens.headerArrowTransition, /*#__PURE__*/String(_Header.classes.headerArrowIconMinimize));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-arrow-transition"]
|
@@ -0,0 +1,47 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.headerLogoRoot = exports.headerLogoConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
|
+
var _Image = /*#__PURE__*/require("../../../Image");
|
11
|
+
var _Header = /*#__PURE__*/require("../../Header.tokens");
|
12
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
16
|
+
// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'
|
17
|
+
// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18
|
18
|
+
|
19
|
+
// issue #823
|
20
|
+
var Image = /*#__PURE__*/(0, _engines.component)(_Image.imageConfig);
|
21
|
+
|
22
|
+
/**
|
23
|
+
* Компонент для размещения логотипа.
|
24
|
+
*/
|
25
|
+
var headerLogoRoot = exports.headerLogoRoot = function headerLogoRoot(Root) {
|
26
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
28
|
+
ref: outerRootRef
|
29
|
+
}, /*#__PURE__*/_react["default"].createElement(Image, _extends({
|
30
|
+
className: _Header.classes.headerLogoImage
|
31
|
+
}, props)));
|
32
|
+
});
|
33
|
+
};
|
34
|
+
var headerLogoConfig = exports.headerLogoConfig = {
|
35
|
+
name: 'HeaderLogo',
|
36
|
+
tag: 'div',
|
37
|
+
layout: headerLogoRoot,
|
38
|
+
base: '',
|
39
|
+
variations: {
|
40
|
+
size: {
|
41
|
+
css: _base.base
|
42
|
+
}
|
43
|
+
},
|
44
|
+
defaults: {
|
45
|
+
size: 'm'
|
46
|
+
}
|
47
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _Header = /*#__PURE__*/require("../../Header.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(_Header.classes.headerLogoImage), _Header.tokens.headerHeight, _Header.tokens.headerLogoMarginRight);
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _Header = /*#__PURE__*/require("../../../../Header.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(_Header.classes.headerLogoImage), _Header.tokens.headerHeight, _Header.tokens.headerLogoMarginRight);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-logo-margin-right"]
|
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.HeaderTitle = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _HeaderTitle = /*#__PURE__*/require("./HeaderTitle.styles");
|
9
|
+
var _excluded = ["children"];
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
12
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
13
|
+
/**
|
14
|
+
* Компонент для размещения заголовка.
|
15
|
+
*/
|
16
|
+
var HeaderTitle = exports.HeaderTitle = function HeaderTitle(_ref) {
|
17
|
+
var children = _ref.children,
|
18
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
19
|
+
return /*#__PURE__*/_react["default"].createElement(_HeaderTitle.StyledHeaderTitle, rest, children);
|
20
|
+
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.StyledHeaderTitle = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
var StyledHeaderTitle = exports.StyledHeaderTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-1a7z4tx-0"
|
12
|
+
})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _mixins.h3, /*#__PURE__*/(0, _mixins.mediaQuery)('S')("\n font-family: var(--plasma-typo-body-m-font-family);\n font-size: var(--plasma-typo-body-m-font-size);\n font-style: var(--plasma-typo-body-m-font-style);\n letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n line-height: var(--plasma-typo-body-m-line-height);\n font-weight: 600;\n "));
|
@@ -0,0 +1,57 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.headerTitleWrapperRoot = exports.headerTitleWrapperConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
10
|
+
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
11
|
+
var _HeaderTitleWrapper = /*#__PURE__*/require("./HeaderTitleWrapper.styles");
|
12
|
+
var _excluded = ["label", "title", "subTitle", "caption", "withBigTitle", "children"];
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
17
|
+
/**
|
18
|
+
* Компонент для отображения текста в скомпанованном блоке.
|
19
|
+
*/
|
20
|
+
var headerTitleWrapperRoot = exports.headerTitleWrapperRoot = function headerTitleWrapperRoot(Root) {
|
21
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
|
22
|
+
var label = props.label,
|
23
|
+
title = props.title,
|
24
|
+
subTitle = props.subTitle,
|
25
|
+
caption = props.caption,
|
26
|
+
withBigTitle = props.withBigTitle,
|
27
|
+
children = props.children,
|
28
|
+
rest = _objectWithoutProperties(props, _excluded);
|
29
|
+
if (children) {
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
31
|
+
ref: outerRootRef
|
32
|
+
}, /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.TextBoxRoot, rest, children));
|
33
|
+
}
|
34
|
+
var T = withBigTitle ? _HeaderTitleWrapper.BigTitle : _HeaderTitleWrapper.Title;
|
35
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
36
|
+
ref: outerRootRef
|
37
|
+
}, /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.TextBoxRoot, rest, label && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.Label, null, label), title && /*#__PURE__*/_react["default"].createElement(T, null, title), subTitle && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.SubTitle, null, subTitle), caption && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.Caption, null, caption)));
|
38
|
+
});
|
39
|
+
};
|
40
|
+
var headerTitleWrapperConfig = exports.headerTitleWrapperConfig = {
|
41
|
+
name: 'HeaderTitleWrapper',
|
42
|
+
tag: 'div',
|
43
|
+
layout: headerTitleWrapperRoot,
|
44
|
+
base: '',
|
45
|
+
variations: {
|
46
|
+
view: {
|
47
|
+
css: _base2.base
|
48
|
+
},
|
49
|
+
size: {
|
50
|
+
css: _base.base
|
51
|
+
}
|
52
|
+
},
|
53
|
+
defaults: {
|
54
|
+
view: 'primary',
|
55
|
+
size: 'm'
|
56
|
+
}
|
57
|
+
};
|
package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js
ADDED
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Title = exports.TextBoxRoot = exports.SubTitle = exports.Label = exports.Caption = exports.BiggerTitle = exports.BigTitle = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _Header = /*#__PURE__*/require("../../Header.tokens");
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-1jzpuar-0"
|
13
|
+
})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _mixins.bodyM, _Header.tokens.headerTitleMargin, _Header.tokens.headerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
14
|
+
var BigTitle = exports.BigTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
15
|
+
componentId: "plasma-new-hope__sc-1jzpuar-1"
|
16
|
+
})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _mixins.h3, _Header.tokens.headerBigTitleMargin, _Header.tokens.headerBiggerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
17
|
+
var BiggerTitle = exports.BiggerTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
18
|
+
componentId: "plasma-new-hope__sc-1jzpuar-2"
|
19
|
+
})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _mixins.h1, _Header.tokens.headerBiggerTitleMargin, _Header.tokens.headerBiggerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
20
|
+
var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
21
|
+
componentId: "plasma-new-hope__sc-1jzpuar-3"
|
22
|
+
})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerLabelMargin, _Header.tokens.headerLabelColor, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
23
|
+
var SubTitle = exports.SubTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-1jzpuar-4"
|
25
|
+
})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _mixins.bodyS, _Header.tokens.headerSubTitleMargin, _Header.tokens.headerSubTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
26
|
+
var Caption = exports.Caption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
27
|
+
componentId: "plasma-new-hope__sc-1jzpuar-5"
|
28
|
+
})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerCaptionMargin, _Header.tokens.headerCaptionColor, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
29
|
+
var TextBoxRoot = exports.TextBoxRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
30
|
+
componentId: "plasma-new-hope__sc-1jzpuar-6"
|
31
|
+
})(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);
|
package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js
ADDED
@@ -0,0 +1,8 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:column;align-self:center;flex:1 1 max-content;max-width:max-content;min-width:10%;"]);
|
@@ -0,0 +1,33 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "HeaderTitle", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _HeaderTitle.HeaderTitle;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "headerArrowConfig", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _HeaderArrow.headerArrowConfig;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "headerLogoConfig", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _HeaderLogo.headerLogoConfig;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "headerTitleWrapperConfig", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _HeaderTitleWrapper.headerTitleWrapperConfig;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
var _HeaderLogo = /*#__PURE__*/require("./HeaderLogo/HeaderLogo");
|
31
|
+
var _HeaderArrow = /*#__PURE__*/require("./HeaderArrow/HeaderArrow");
|
32
|
+
var _HeaderTitleWrapper = /*#__PURE__*/require("./HeaderTitleWrapper/HeaderTitleWrapper");
|
33
|
+
var _HeaderTitle = /*#__PURE__*/require("./HeaderTitle/HeaderTitle");
|
@@ -16,14 +16,12 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
16
16
|
var ESCAPE_KEYCODE = 27;
|
17
17
|
var useModal = exports.useModal = function useModal(_ref) {
|
18
18
|
var id = _ref.id,
|
19
|
-
isOpen = _ref.isOpen,
|
20
19
|
popupInfo = _ref.popupInfo,
|
21
20
|
onEscKeyDown = _ref.onEscKeyDown,
|
22
21
|
onClose = _ref.onClose,
|
23
22
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
24
23
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
|
25
24
|
var popupController = (0, _Popup.usePopupContext)();
|
26
|
-
var overflow = (0, _react.useRef)(document.body.style.overflowY);
|
27
25
|
|
28
26
|
// При ESC закрывает текущее окно, если это возможно
|
29
27
|
var onKeyDown = (0, _react.useCallback)(function (event) {
|
@@ -46,19 +44,6 @@ var useModal = exports.useModal = function useModal(_ref) {
|
|
46
44
|
window.removeEventListener('keydown', onKeyDown);
|
47
45
|
};
|
48
46
|
}, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
|
49
|
-
|
50
|
-
// linaria не поддерживает динамический global
|
51
|
-
(0, _react.useEffect)(function () {
|
52
|
-
if (isOpen) {
|
53
|
-
overflow.current = document.body.style.overflowY;
|
54
|
-
document.body.style.overflowY = 'hidden';
|
55
|
-
}
|
56
|
-
}, [isOpen]);
|
57
|
-
(0, _react.useEffect)(function () {
|
58
|
-
if (!isOpen && !(0, _ModalContext.hasModals)(popupController.items)) {
|
59
|
-
document.body.style.overflowY = overflow.current;
|
60
|
-
}
|
61
|
-
}, [isOpen, overflow.current, popupController.items]);
|
62
47
|
var modalInfo = _objectSpread({
|
63
48
|
id: id,
|
64
49
|
info: {
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.usePopupContext = exports.PopupProvider = exports.POPUP_PORTAL_ID = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _ModalContext = /*#__PURE__*/require("../Modal/ModalContext");
|
9
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
10
11
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
11
12
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
@@ -34,22 +35,36 @@ var usePopupContext = exports.usePopupContext = function usePopupContext() {
|
|
34
35
|
};
|
35
36
|
var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
|
36
37
|
var children = _ref.children;
|
38
|
+
var prevBodyOverflowY = (0, _react.useRef)(document.body.style.overflowY);
|
37
39
|
var _useState = (0, _react.useState)([]),
|
38
40
|
_useState2 = _slicedToArray(_useState, 2),
|
39
41
|
items = _useState2[0],
|
40
42
|
setItems = _useState2[1];
|
41
43
|
var register = function register(info) {
|
42
|
-
setItems(
|
44
|
+
setItems(function (prevItems) {
|
45
|
+
var _info$info;
|
46
|
+
if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !(0, _ModalContext.hasModals)(prevItems)) {
|
47
|
+
prevBodyOverflowY.current = document.body.style.overflowY;
|
48
|
+
document.body.style.overflowY = 'hidden';
|
49
|
+
}
|
50
|
+
return [].concat(_toConsumableArray(prevItems), [info]);
|
51
|
+
});
|
43
52
|
};
|
44
53
|
var unregister = function unregister(id) {
|
45
|
-
|
46
|
-
|
54
|
+
setItems(function (prevItems) {
|
55
|
+
var index = prevItems.findIndex(function (item) {
|
56
|
+
return id === item.id;
|
57
|
+
});
|
58
|
+
if (index === -1) {
|
59
|
+
return prevItems;
|
60
|
+
}
|
61
|
+
var prevHasModals = (0, _ModalContext.hasModals)(prevItems);
|
62
|
+
prevItems.splice(index, 1);
|
63
|
+
if (prevHasModals && !(0, _ModalContext.hasModals)(prevItems)) {
|
64
|
+
document.body.style.overflowY = prevBodyOverflowY.current;
|
65
|
+
}
|
66
|
+
return prevItems;
|
47
67
|
});
|
48
|
-
if (index === -1) {
|
49
|
-
return;
|
50
|
-
}
|
51
|
-
items.splice(index, 1);
|
52
|
-
setItems(_toConsumableArray(items));
|
53
68
|
};
|
54
69
|
var context = {
|
55
70
|
items: items,
|
@@ -81,6 +81,11 @@ var usePopup = exports.usePopup = function usePopup(_ref) {
|
|
81
81
|
popupController.unregister(id);
|
82
82
|
setVisible(false);
|
83
83
|
}, [isOpen, isVisible, animationInfo]);
|
84
|
+
(0, _react.useEffect)(function () {
|
85
|
+
return function () {
|
86
|
+
popupController.unregister(id);
|
87
|
+
};
|
88
|
+
}, [id]);
|
84
89
|
return {
|
85
90
|
isVisible: isVisible,
|
86
91
|
setVisible: setVisible,
|
@@ -8,7 +8,6 @@ exports.base = exports.StyledLabel = exports.StyledInput = exports.StyledDivider
|
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
9
|
var _engines = /*#__PURE__*/require("../../engines");
|
10
10
|
var _TextField = /*#__PURE__*/require("../TextField");
|
11
|
-
var _Popover = /*#__PURE__*/require("../Popover");
|
12
11
|
var _Range = /*#__PURE__*/require("./Range.tokens");
|
13
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -18,8 +17,8 @@ var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
|
18
17
|
// NOTE: переопределение токенов TextField
|
19
18
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
20
19
|
componentId: "plasma-new-hope__sc-xpkrak-0"
|
21
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
|
22
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["
|
20
|
+
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
|
21
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:fit-content;"]);
|
23
22
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
24
23
|
componentId: "plasma-new-hope__sc-xpkrak-1"
|
25
24
|
})([""]);
|