@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,33 @@
|
|
1
|
+
export var classes = {
|
2
|
+
headerLogoImage: 'header-logo-image',
|
3
|
+
headerArrow: 'header-arrow',
|
4
|
+
headerArrowIcon: 'header-arrow-icon',
|
5
|
+
headerArrowIconMinimize: 'header-arrow-icon-minimize',
|
6
|
+
headerRoot: 'header-root',
|
7
|
+
headerWithGradient: 'header-with-gradient'
|
8
|
+
};
|
9
|
+
export var tokens = {
|
10
|
+
headerHeight: '--plasma-header-height',
|
11
|
+
headerPaddingTop: '--plasma-header-padding-top',
|
12
|
+
headerPaddingBottom: '--plasma-header-padding-bottom',
|
13
|
+
headerLogoMarginRight: '--plasma-header-logo-margin-right',
|
14
|
+
headerArrowTransition: '--plasma-header-arrow-transition',
|
15
|
+
headerArrowMarginRight: '--plasma-header-arrow-margin-right',
|
16
|
+
headerArrowIconSize: '--plasma-header-arrow-icon-size',
|
17
|
+
headerArrowButtonColor: '--plasma-button-color',
|
18
|
+
headerArrowButtonBackgroundColor: '--plasma-button-bg-color',
|
19
|
+
headerArrowHeight: '--plasma-button-height',
|
20
|
+
headerArrowPadding: '--plasma-button-padding',
|
21
|
+
headerTitleMargin: '--plasma-header-title-margin',
|
22
|
+
headerBigTitleMargin: '--plasma-header-big-title-margin',
|
23
|
+
headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',
|
24
|
+
headerLabelMargin: '--plasma-header-label-margin',
|
25
|
+
headerSubTitleMargin: '--plasma-header-subtitle-margin',
|
26
|
+
headerCaptionMargin: '--plasma-header-caption-margin',
|
27
|
+
headerTitleColor: '--plasma-header-title-color',
|
28
|
+
headerBigTitleColor: '--plasma-header-big-title-color',
|
29
|
+
headerBiggerTitleColor: '--plasma-header-bigger-title-color',
|
30
|
+
headerLabelColor: '--plasma-header-label-color',
|
31
|
+
headerSubTitleColor: '--plasma-header-subtitle-color',
|
32
|
+
headerCaptionColor: '--plasma-header-caption-color'
|
33
|
+
};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var _excluded = ["children"];
|
2
|
+
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; }
|
3
|
+
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; }
|
4
|
+
import React from 'react';
|
5
|
+
import { StyledHeaderContent } from './HeaderContent.styles';
|
6
|
+
|
7
|
+
/**
|
8
|
+
* Контейнер для контента шапки.
|
9
|
+
*/
|
10
|
+
export var HeaderContent = function HeaderContent(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/React.createElement(StyledHeaderContent, rest, children);
|
14
|
+
};
|
@@ -0,0 +1,46 @@
|
|
1
|
+
var _excluded = ["children", "size", "view", "gradientColor"];
|
2
|
+
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); }
|
3
|
+
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; }
|
4
|
+
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; }
|
5
|
+
import React, { forwardRef } from 'react';
|
6
|
+
import { classes } from '../Header.tokens';
|
7
|
+
import { cx } from '../../../utils';
|
8
|
+
import { base as sizeCSS } from './variations/_size/base';
|
9
|
+
import { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';
|
10
|
+
|
11
|
+
/**
|
12
|
+
* Корневой узел для шапки.
|
13
|
+
*/
|
14
|
+
export var headerRoot = function headerRoot(Root) {
|
15
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
16
|
+
var children = props.children,
|
17
|
+
size = props.size,
|
18
|
+
view = props.view,
|
19
|
+
gradientColor = props.gradientColor,
|
20
|
+
rest = _objectWithoutProperties(props, _excluded);
|
21
|
+
var gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;
|
22
|
+
return /*#__PURE__*/React.createElement(Root, {
|
23
|
+
ref: outerRootRef,
|
24
|
+
size: size,
|
25
|
+
view: view
|
26
|
+
}, /*#__PURE__*/React.createElement(StyledHeaderRoot, _extends({
|
27
|
+
className: cx(classes.headerRoot, gradientColorClass)
|
28
|
+
}, rest, {
|
29
|
+
$gradientColor: gradientColor
|
30
|
+
}), /*#__PURE__*/React.createElement(StyledInner, null, children)));
|
31
|
+
});
|
32
|
+
};
|
33
|
+
export var headerRootConfig = {
|
34
|
+
name: 'HeaderRoot',
|
35
|
+
tag: 'div',
|
36
|
+
layout: headerRoot,
|
37
|
+
base: '',
|
38
|
+
variations: {
|
39
|
+
size: {
|
40
|
+
css: sizeCSS
|
41
|
+
}
|
42
|
+
},
|
43
|
+
defaults: {
|
44
|
+
size: 'm'
|
45
|
+
}
|
46
|
+
};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { classes, tokens } from '../Header.tokens';
|
3
|
+
export var StyledHeaderRoot = /*#__PURE__*/styled.header.withConfig({
|
4
|
+
componentId: "plasma-new-hope__sc-tdrw2s-0"
|
5
|
+
})(["box-sizing:content-box;height:var(", ");padding-top:var(", ");padding-bottom:var(", ");--header_private-gradient-color:", ";&.", "{&::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(", ") + var(", ") + var(", ") );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}}"], tokens.headerHeight, tokens.headerPaddingTop, tokens.headerPaddingBottom, function (_ref) {
|
6
|
+
var $gradientColor = _ref.$gradientColor;
|
7
|
+
return String($gradientColor);
|
8
|
+
}, /*#__PURE__*/String(classes.headerWithGradient), tokens.headerHeight, tokens.headerPaddingTop, tokens.headerPaddingBottom);
|
9
|
+
export var StyledInner = /*#__PURE__*/styled.div.withConfig({
|
10
|
+
componentId: "plasma-new-hope__sc-tdrw2s-1"
|
11
|
+
})(["position:relative;display:flex;align-items:center;flex-direction:row;width:100%;height:100%;"]);
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-height", "--plasma-header-padding-top", "--plasma-header-padding-bottom"]
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export { headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig, HeaderTitle } from './ui';
|
2
|
+
export { HeaderContent } from './HeaderContent/HeaderContent';
|
3
|
+
export { headerRootConfig } from './HeaderRoot/HeaderRoot';
|
4
|
+
export { tokens as headerTokens, classes as headerClasses } from './Header.tokens';
|
@@ -0,0 +1,61 @@
|
|
1
|
+
var _excluded = ["arrow", "iconSize", "value"];
|
2
|
+
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); }
|
3
|
+
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; }
|
4
|
+
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; }
|
5
|
+
import React, { forwardRef } from 'react';
|
6
|
+
import { component, mergeConfig } from '../../../../engines';
|
7
|
+
import { buttonConfig } from '../../../Button';
|
8
|
+
import { classes, tokens } from '../../Header.tokens';
|
9
|
+
import { IconChevronLeft } from '../../../_Icon';
|
10
|
+
import { cx } from '../../../../utils';
|
11
|
+
import { base } from './HeaderArrow.styles';
|
12
|
+
import { base as sizeCSS } from './variations/_size/base';
|
13
|
+
import { base as viewCSS } from './variations/_view/base';
|
14
|
+
var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
15
|
+
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
16
|
+
|
17
|
+
/**
|
18
|
+
* Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
|
19
|
+
*/
|
20
|
+
export var headerArrowRoot = function headerArrowRoot(Root) {
|
21
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
22
|
+
var arrow = props.arrow,
|
23
|
+
_props$iconSize = props.iconSize,
|
24
|
+
iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
|
25
|
+
value = props.value,
|
26
|
+
rest = _objectWithoutProperties(props, _excluded);
|
27
|
+
var minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;
|
28
|
+
return /*#__PURE__*/React.createElement(Root, {
|
29
|
+
ref: outerRootRef
|
30
|
+
}, /*#__PURE__*/React.createElement(Button, _extends({
|
31
|
+
view: "clear",
|
32
|
+
size: "s",
|
33
|
+
tabIndex: -1,
|
34
|
+
className: classes.headerArrow,
|
35
|
+
value: value
|
36
|
+
}, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
|
37
|
+
size: iconSize,
|
38
|
+
sizeCustomProperty: tokens.headerArrowIconSize,
|
39
|
+
className: cx(classes.headerArrowIcon, minimizeClass),
|
40
|
+
color: "inherit"
|
41
|
+
}, props))));
|
42
|
+
});
|
43
|
+
};
|
44
|
+
export var headerArrowConfig = {
|
45
|
+
name: 'HeaderArrow',
|
46
|
+
tag: 'div',
|
47
|
+
layout: headerArrowRoot,
|
48
|
+
base: base,
|
49
|
+
variations: {
|
50
|
+
view: {
|
51
|
+
css: viewCSS
|
52
|
+
},
|
53
|
+
size: {
|
54
|
+
css: sizeCSS
|
55
|
+
}
|
56
|
+
},
|
57
|
+
defaults: {
|
58
|
+
view: 'primary',
|
59
|
+
size: 'm'
|
60
|
+
}
|
61
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { mediaQuery } from '../../../../../../mixins';
|
3
|
+
import { classes, tokens } from '../../../../Header.tokens';
|
4
|
+
export var base = /*#__PURE__*/css([".", "{margin-right:var(", ");", "}"], /*#__PURE__*/String(classes.headerArrow), tokens.headerArrowMarginRight, /*#__PURE__*/mediaQuery('S')( /*#__PURE__*/"\n position: static;\n width: auto;\n height: calc(var(".concat(tokens.headerPaddingTop, ") + var(").concat(tokens.headerHeight, ") + var(").concat(tokens.headerPaddingBottom, "));\n padding: 0;\n margin-right: 1rem;\n margin-top: calc(var(").concat(tokens.headerPaddingTop, ") * -1);\n ")));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-arrow-margin-right", "--plasma-header-arrow-icon-size"]
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../../../Header.tokens';
|
3
|
+
export var base = /*#__PURE__*/css([".", "{transition:var(", ");}.", "{transform:rotate(-90deg);}"], /*#__PURE__*/String(classes.headerArrowIcon), tokens.headerArrowTransition, /*#__PURE__*/String(classes.headerArrowIconMinimize));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-arrow-transition"]
|
@@ -0,0 +1,39 @@
|
|
1
|
+
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); }
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import { component } from '../../../../engines';
|
4
|
+
import { imageConfig } from '../../../Image';
|
5
|
+
import { classes } from '../../Header.tokens';
|
6
|
+
import { base as sizeCSS } from './variations/_size/base';
|
7
|
+
|
8
|
+
// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'
|
9
|
+
// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18
|
10
|
+
|
11
|
+
// issue #823
|
12
|
+
var Image = /*#__PURE__*/component(imageConfig);
|
13
|
+
|
14
|
+
/**
|
15
|
+
* Компонент для размещения логотипа.
|
16
|
+
*/
|
17
|
+
export var headerLogoRoot = function headerLogoRoot(Root) {
|
18
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
19
|
+
return /*#__PURE__*/React.createElement(Root, {
|
20
|
+
ref: outerRootRef
|
21
|
+
}, /*#__PURE__*/React.createElement(Image, _extends({
|
22
|
+
className: classes.headerLogoImage
|
23
|
+
}, props)));
|
24
|
+
});
|
25
|
+
};
|
26
|
+
export var headerLogoConfig = {
|
27
|
+
name: 'HeaderLogo',
|
28
|
+
tag: 'div',
|
29
|
+
layout: headerLogoRoot,
|
30
|
+
base: '',
|
31
|
+
variations: {
|
32
|
+
size: {
|
33
|
+
css: sizeCSS
|
34
|
+
}
|
35
|
+
},
|
36
|
+
defaults: {
|
37
|
+
size: 'm'
|
38
|
+
}
|
39
|
+
};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../Header.tokens';
|
3
|
+
export var base = /*#__PURE__*/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(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../../../Header.tokens';
|
3
|
+
export var base = /*#__PURE__*/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(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-logo-margin-right"]
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var _excluded = ["children"];
|
2
|
+
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; }
|
3
|
+
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; }
|
4
|
+
import React from 'react';
|
5
|
+
import { StyledHeaderTitle } from './HeaderTitle.styles';
|
6
|
+
|
7
|
+
/**
|
8
|
+
* Компонент для размещения заголовка.
|
9
|
+
*/
|
10
|
+
export var HeaderTitle = function HeaderTitle(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/React.createElement(StyledHeaderTitle, rest, children);
|
14
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { applyEllipsis, h3, mediaQuery } from '../../../../mixins';
|
3
|
+
export var StyledHeaderTitle = /*#__PURE__*/styled.div.withConfig({
|
4
|
+
componentId: "plasma-new-hope__sc-1a7z4tx-0"
|
5
|
+
})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/applyEllipsis(), h3, /*#__PURE__*/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,49 @@
|
|
1
|
+
var _excluded = ["label", "title", "subTitle", "caption", "withBigTitle", "children"];
|
2
|
+
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; }
|
3
|
+
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; }
|
4
|
+
import React, { forwardRef } from 'react';
|
5
|
+
import { base as sizeCSS } from './variations/_size/base';
|
6
|
+
import { base as viewCSS } from './variations/_view/base';
|
7
|
+
import { BigTitle, Caption, Label, SubTitle, TextBoxRoot, Title } from './HeaderTitleWrapper.styles';
|
8
|
+
|
9
|
+
/**
|
10
|
+
* Компонент для отображения текста в скомпанованном блоке.
|
11
|
+
*/
|
12
|
+
export var headerTitleWrapperRoot = function headerTitleWrapperRoot(Root) {
|
13
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
14
|
+
var label = props.label,
|
15
|
+
title = props.title,
|
16
|
+
subTitle = props.subTitle,
|
17
|
+
caption = props.caption,
|
18
|
+
withBigTitle = props.withBigTitle,
|
19
|
+
children = props.children,
|
20
|
+
rest = _objectWithoutProperties(props, _excluded);
|
21
|
+
if (children) {
|
22
|
+
return /*#__PURE__*/React.createElement(Root, {
|
23
|
+
ref: outerRootRef
|
24
|
+
}, /*#__PURE__*/React.createElement(TextBoxRoot, rest, children));
|
25
|
+
}
|
26
|
+
var T = withBigTitle ? BigTitle : Title;
|
27
|
+
return /*#__PURE__*/React.createElement(Root, {
|
28
|
+
ref: outerRootRef
|
29
|
+
}, /*#__PURE__*/React.createElement(TextBoxRoot, rest, label && /*#__PURE__*/React.createElement(Label, null, label), title && /*#__PURE__*/React.createElement(T, null, title), subTitle && /*#__PURE__*/React.createElement(SubTitle, null, subTitle), caption && /*#__PURE__*/React.createElement(Caption, null, caption)));
|
30
|
+
});
|
31
|
+
};
|
32
|
+
export var headerTitleWrapperConfig = {
|
33
|
+
name: 'HeaderTitleWrapper',
|
34
|
+
tag: 'div',
|
35
|
+
layout: headerTitleWrapperRoot,
|
36
|
+
base: '',
|
37
|
+
variations: {
|
38
|
+
view: {
|
39
|
+
css: viewCSS
|
40
|
+
},
|
41
|
+
size: {
|
42
|
+
css: sizeCSS
|
43
|
+
}
|
44
|
+
},
|
45
|
+
defaults: {
|
46
|
+
view: 'primary',
|
47
|
+
size: 'm'
|
48
|
+
}
|
49
|
+
};
|
package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { tokens } from '../../Header.tokens';
|
3
|
+
import { applyEllipsis, applyHyphens, bodyM, bodyS, h1, h3 } from '../../../../mixins';
|
4
|
+
export var Title = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1jzpuar-0"
|
6
|
+
})(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyM, tokens.headerTitleMargin, tokens.headerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
|
7
|
+
export var BigTitle = /*#__PURE__*/styled.div.withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-1jzpuar-1"
|
9
|
+
})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h3, tokens.headerBigTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
|
10
|
+
export var BiggerTitle = /*#__PURE__*/styled.div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-1jzpuar-2"
|
12
|
+
})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h1, tokens.headerBiggerTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
|
13
|
+
export var Label = /*#__PURE__*/styled.div.withConfig({
|
14
|
+
componentId: "plasma-new-hope__sc-1jzpuar-3"
|
15
|
+
})(["margin:var(", ");color:var(", ");", ";"], tokens.headerLabelMargin, tokens.headerLabelColor, /*#__PURE__*/applyEllipsis());
|
16
|
+
export var SubTitle = /*#__PURE__*/styled.div.withConfig({
|
17
|
+
componentId: "plasma-new-hope__sc-1jzpuar-4"
|
18
|
+
})(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyS, tokens.headerSubTitleMargin, tokens.headerSubTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
|
19
|
+
export var Caption = /*#__PURE__*/styled.div.withConfig({
|
20
|
+
componentId: "plasma-new-hope__sc-1jzpuar-5"
|
21
|
+
})(["margin:var(", ");color:var(", ");", ";"], tokens.headerCaptionMargin, tokens.headerCaptionColor, /*#__PURE__*/applyEllipsis());
|
22
|
+
export var TextBoxRoot = /*#__PURE__*/styled.div.withConfig({
|
23
|
+
componentId: "plasma-new-hope__sc-1jzpuar-6"
|
24
|
+
})(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);
|
package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -4,20 +4,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
4
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
5
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
6
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
7
|
-
import { useCallback, useEffect
|
8
|
-
import { getIdLastModal
|
7
|
+
import { useCallback, useEffect } from 'react';
|
8
|
+
import { getIdLastModal } from '../ModalContext';
|
9
9
|
import { usePopupContext } from '../../Popup';
|
10
10
|
var ESCAPE_KEYCODE = 27;
|
11
11
|
export var useModal = function useModal(_ref) {
|
12
12
|
var id = _ref.id,
|
13
|
-
isOpen = _ref.isOpen,
|
14
13
|
popupInfo = _ref.popupInfo,
|
15
14
|
onEscKeyDown = _ref.onEscKeyDown,
|
16
15
|
onClose = _ref.onClose,
|
17
16
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
18
17
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
|
19
18
|
var popupController = usePopupContext();
|
20
|
-
var overflow = useRef(document.body.style.overflowY);
|
21
19
|
|
22
20
|
// При ESC закрывает текущее окно, если это возможно
|
23
21
|
var onKeyDown = useCallback(function (event) {
|
@@ -40,19 +38,6 @@ export var useModal = function useModal(_ref) {
|
|
40
38
|
window.removeEventListener('keydown', onKeyDown);
|
41
39
|
};
|
42
40
|
}, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
|
43
|
-
|
44
|
-
// linaria не поддерживает динамический global
|
45
|
-
useEffect(function () {
|
46
|
-
if (isOpen) {
|
47
|
-
overflow.current = document.body.style.overflowY;
|
48
|
-
document.body.style.overflowY = 'hidden';
|
49
|
-
}
|
50
|
-
}, [isOpen]);
|
51
|
-
useEffect(function () {
|
52
|
-
if (!isOpen && !hasModals(popupController.items)) {
|
53
|
-
document.body.style.overflowY = overflow.current;
|
54
|
-
}
|
55
|
-
}, [isOpen, overflow.current, popupController.items]);
|
56
41
|
var modalInfo = _objectSpread({
|
57
42
|
id: id,
|
58
43
|
info: {
|
@@ -8,7 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
8
8
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
11
|
-
import React, { createContext, useEffect, useState, useContext } from 'react';
|
11
|
+
import React, { createContext, useEffect, useState, useContext, useRef } from 'react';
|
12
|
+
import { hasModals } from '../Modal/ModalContext';
|
12
13
|
export var POPUP_PORTAL_ID = 'plasma-popup-root';
|
13
14
|
var items = [];
|
14
15
|
var PopupContext = /*#__PURE__*/createContext({
|
@@ -25,22 +26,36 @@ export var usePopupContext = function usePopupContext() {
|
|
25
26
|
};
|
26
27
|
export var PopupProvider = function PopupProvider(_ref) {
|
27
28
|
var children = _ref.children;
|
29
|
+
var prevBodyOverflowY = useRef(document.body.style.overflowY);
|
28
30
|
var _useState = useState([]),
|
29
31
|
_useState2 = _slicedToArray(_useState, 2),
|
30
32
|
items = _useState2[0],
|
31
33
|
setItems = _useState2[1];
|
32
34
|
var register = function register(info) {
|
33
|
-
setItems(
|
35
|
+
setItems(function (prevItems) {
|
36
|
+
var _info$info;
|
37
|
+
if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !hasModals(prevItems)) {
|
38
|
+
prevBodyOverflowY.current = document.body.style.overflowY;
|
39
|
+
document.body.style.overflowY = 'hidden';
|
40
|
+
}
|
41
|
+
return [].concat(_toConsumableArray(prevItems), [info]);
|
42
|
+
});
|
34
43
|
};
|
35
44
|
var unregister = function unregister(id) {
|
36
|
-
|
37
|
-
|
45
|
+
setItems(function (prevItems) {
|
46
|
+
var index = prevItems.findIndex(function (item) {
|
47
|
+
return id === item.id;
|
48
|
+
});
|
49
|
+
if (index === -1) {
|
50
|
+
return prevItems;
|
51
|
+
}
|
52
|
+
var prevHasModals = hasModals(prevItems);
|
53
|
+
prevItems.splice(index, 1);
|
54
|
+
if (prevHasModals && !hasModals(prevItems)) {
|
55
|
+
document.body.style.overflowY = prevBodyOverflowY.current;
|
56
|
+
}
|
57
|
+
return prevItems;
|
38
58
|
});
|
39
|
-
if (index === -1) {
|
40
|
-
return;
|
41
|
-
}
|
42
|
-
items.splice(index, 1);
|
43
|
-
setItems(_toConsumableArray(items));
|
44
59
|
};
|
45
60
|
var context = {
|
46
61
|
items: items,
|
@@ -76,6 +76,11 @@ export var usePopup = function usePopup(_ref) {
|
|
76
76
|
popupController.unregister(id);
|
77
77
|
setVisible(false);
|
78
78
|
}, [isOpen, isVisible, animationInfo]);
|
79
|
+
useEffect(function () {
|
80
|
+
return function () {
|
81
|
+
popupController.unregister(id);
|
82
|
+
};
|
83
|
+
}, [id]);
|
79
84
|
return {
|
80
85
|
isVisible: isVisible,
|
81
86
|
setVisible: setVisible,
|
@@ -2,7 +2,6 @@ import styled from 'styled-components';
|
|
2
2
|
import { css } from 'styled-components';
|
3
3
|
import { component, mergeConfig } from '../../engines';
|
4
4
|
import { textFieldConfig, textFieldTokens } from '../TextField';
|
5
|
-
import { popoverClasses } from '../Popover';
|
6
5
|
import { classes, tokens } from './Range.tokens';
|
7
6
|
var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
8
7
|
var TextField = /*#__PURE__*/component(mergedConfig);
|
@@ -10,8 +9,8 @@ var TextField = /*#__PURE__*/component(mergedConfig);
|
|
10
9
|
// NOTE: переопределение токенов TextField
|
11
10
|
export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
|
12
11
|
componentId: "plasma-new-hope__sc-xpkrak-0"
|
13
|
-
})(["", ":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(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.rangeValueError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.rangeValueSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
14
|
-
export var base = /*#__PURE__*/css(["
|
12
|
+
})(["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(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.rangeValueError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.rangeValueSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
13
|
+
export var base = /*#__PURE__*/css(["width:fit-content;"]);
|
15
14
|
export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
|
16
15
|
componentId: "plasma-new-hope__sc-xpkrak-1"
|
17
16
|
})([""]);
|