@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
@@ -19,6 +19,7 @@ const onChangeSecondValue = action('onChangeSecondValue');
|
|
19
19
|
const sizes = ['l', 'm', 's', 'xs'];
|
20
20
|
const views = ['default'];
|
21
21
|
const dividers = ['none', 'dash', 'icon'];
|
22
|
+
const labelPlacements = ['outer', 'inner'];
|
22
23
|
|
23
24
|
const meta: Meta = {
|
24
25
|
title: 'plasma_b2c/DatePicker',
|
@@ -95,6 +96,12 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
95
96
|
type: 'date',
|
96
97
|
},
|
97
98
|
},
|
99
|
+
labelPlacement: {
|
100
|
+
options: labelPlacements,
|
101
|
+
control: {
|
102
|
+
type: 'inline-radio',
|
103
|
+
},
|
104
|
+
},
|
98
105
|
},
|
99
106
|
args: {
|
100
107
|
label: 'Лейбл',
|
@@ -102,6 +109,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
102
109
|
placeholder: '30.05.2024',
|
103
110
|
size: 'l',
|
104
111
|
view: 'default',
|
112
|
+
labelPlacement: 'outer',
|
105
113
|
defaultDate: new Date(2024, 5, 14),
|
106
114
|
min: new Date(2024, 1, 1),
|
107
115
|
max: new Date(2024, 12, 29),
|
@@ -0,0 +1,22 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.config = void 0;
|
7
|
+
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
+
var _Header = /*#__PURE__*/require("../../../../components/Header");
|
9
|
+
var config = exports.config = {
|
10
|
+
defaults: {
|
11
|
+
view: 'default',
|
12
|
+
size: 'm'
|
13
|
+
},
|
14
|
+
variations: {
|
15
|
+
view: {
|
16
|
+
"default": /*#__PURE__*/(0, _react.css)(_Header.headerTokens.headerArrowButtonColor, ":var(--text-primary);", _Header.headerTokens.headerArrowButtonBackgroundColor, ":var(--surface-clear);", _Header.headerTokens.headerArrowTransition, ":transform 0.15s ease-in-out;", _Header.headerTokens.headerTitleColor, ":var(--plasma-colors-primary);", _Header.headerTokens.headerBigTitleColor, ":var(--plasma-colors-primary);", _Header.headerTokens.headerBiggerTitleColor, ":var(--plasma-colors-primary);", _Header.headerTokens.headerLabelColor, ":var(--plasma-colors-secondary);", _Header.headerTokens.headerSubTitleColor, ":var(--plasma-colors-secondary);", _Header.headerTokens.headerCaptionColor, ":var(--plasma-colors-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX2IyYy9jb21wb25lbnRzL0hlYWRlci9IZWFkZXIuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBoZWFkZXJUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0hlYWRlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd0J1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd0J1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtY2xlYXIpO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dUcmFuc2l0aW9ufTogdHJhbnNmb3JtIDAuMTVzIGVhc2UtaW4tb3V0O1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnZ2VyVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTGFiZWxDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJTdWJUaXRsZUNvbG9yfTogdmFyKC0tcGxhc21hLWNvbG9ycy1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckNhcHRpb25Db2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJIZWlnaHR9OiAyLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclBhZGRpbmdUb3B9OiAxLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJQYWRkaW5nQm90dG9tfTogMC42MjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJMb2dvTWFyZ2luUmlnaHR9OiAwLjc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dNYXJnaW5SaWdodH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dJY29uU2l6ZX06IDEuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclRpdGxlTWFyZ2lufTogMC4xMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJCaWdUaXRsZU1hcmdpbn06IDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ2dlclRpdGxlTWFyZ2lufTogMC41cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTGFiZWxNYXJnaW59OiAwLjM3NXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclN1YlRpdGxlTWFyZ2lufTogMC4xMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJDYXB0aW9uTWFyZ2lufTogMC4yNXJlbSAwO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dIZWlnaHR9OiAyLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93UGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
17
|
+
},
|
18
|
+
size: {
|
19
|
+
m: /*#__PURE__*/(0, _react.css)(_Header.headerTokens.headerHeight, ":2.25rem;", _Header.headerTokens.headerPaddingTop, ":1.625rem;", _Header.headerTokens.headerPaddingBottom, ":0.625rem;", _Header.headerTokens.headerLogoMarginRight, ":0.75rem;", _Header.headerTokens.headerArrowMarginRight, ":1rem;", _Header.headerTokens.headerArrowIconSize, ":1.5rem;", _Header.headerTokens.headerTitleMargin, ":0.125rem 0;", _Header.headerTokens.headerBigTitleMargin, ":0.5rem 0;", _Header.headerTokens.headerBiggerTitleMargin, ":0.5rem 0;", _Header.headerTokens.headerLabelMargin, ":0.375rem 0;", _Header.headerTokens.headerSubTitleMargin, ":0.125rem 0;", _Header.headerTokens.headerCaptionMargin, ":0.25rem 0;", _Header.headerTokens.headerArrowHeight, ":2.25rem;", _Header.headerTokens.headerArrowPadding, ":0.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgaGVhZGVyVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9IZWFkZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dCdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dCdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWNsZWFyKTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93VHJhbnNpdGlvbn06IHRyYW5zZm9ybSAwLjE1cyBlYXNlLWluLW91dDtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclRpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ1RpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ2dlclRpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckxhYmVsQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyU3ViVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJDYXB0aW9uQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVySGVpZ2h0fTogMi4yNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJQYWRkaW5nVG9wfTogMS42MjVyZW07XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyUGFkZGluZ0JvdHRvbX06IDAuNjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTG9nb01hcmdpblJpZ2h0fTogMC43NXJlbTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93TWFyZ2luUmlnaHR9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93SWNvblNpemV9OiAxLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJUaXRsZU1hcmdpbn06IDAuMTI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnVGl0bGVNYXJnaW59OiAwLjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJCaWdnZXJUaXRsZU1hcmdpbn06IDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckxhYmVsTWFyZ2lufTogMC4zNzVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJTdWJUaXRsZU1hcmdpbn06IDAuMTI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQ2FwdGlvbk1hcmdpbn06IDAuMjVyZW0gMDtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93SGVpZ2h0fTogMi4yNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd1BhZGRpbmd9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
20
|
+
}
|
21
|
+
}
|
22
|
+
};
|
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.HeaderArrow = void 0;
|
7
|
+
Object.defineProperty(exports, "HeaderContent", {
|
8
|
+
enumerable: true,
|
9
|
+
get: function get() {
|
10
|
+
return _Header.HeaderContent;
|
11
|
+
}
|
12
|
+
});
|
13
|
+
exports.HeaderRoot = exports.HeaderLogo = void 0;
|
14
|
+
Object.defineProperty(exports, "HeaderTitle", {
|
15
|
+
enumerable: true,
|
16
|
+
get: function get() {
|
17
|
+
return _Header.HeaderTitle;
|
18
|
+
}
|
19
|
+
});
|
20
|
+
exports.HeaderTitleWrapper = void 0;
|
21
|
+
var _Header = /*#__PURE__*/require("../../../../components/Header");
|
22
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
23
|
+
var _Header2 = /*#__PURE__*/require("./Header.config");
|
24
|
+
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerRootConfig, _Header2.config);
|
25
|
+
var mergedLogoConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerLogoConfig);
|
26
|
+
var mergedArrowConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerArrowConfig);
|
27
|
+
var mergedTitleWrapperConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerTitleWrapperConfig);
|
28
|
+
var HeaderRoot = exports.HeaderRoot = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
29
|
+
var HeaderLogo = exports.HeaderLogo = /*#__PURE__*/(0, _engines.component)(mergedLogoConfig);
|
30
|
+
var HeaderArrow = exports.HeaderArrow = /*#__PURE__*/(0, _engines.component)(mergedArrowConfig);
|
31
|
+
var HeaderTitleWrapper = exports.HeaderTitleWrapper = /*#__PURE__*/(0, _engines.component)(mergedTitleWrapperConfig);
|
@@ -0,0 +1,128 @@
|
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
import { action } from '@storybook/addon-actions';
|
5
|
+
|
6
|
+
import { Button } from '../Button/Button';
|
7
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
|
+
import { mergeConfig } from '../../../../engines';
|
9
|
+
import { headerRootConfig } from '../../../../components/Header';
|
10
|
+
import { IconMic } from '../../../../components/_Icon';
|
11
|
+
|
12
|
+
import { config } from './Header.config';
|
13
|
+
import { HeaderRoot, HeaderLogo, HeaderArrow, HeaderTitleWrapper, HeaderTitle, HeaderContent } from './Header';
|
14
|
+
|
15
|
+
const meta: Meta<typeof HeaderRoot> = {
|
16
|
+
title: 'plasma_b2c/Header',
|
17
|
+
decorators: [WithTheme],
|
18
|
+
};
|
19
|
+
|
20
|
+
export default meta;
|
21
|
+
|
22
|
+
type ContentComponentProps = {
|
23
|
+
contentType: string;
|
24
|
+
contentItemsNumber: number;
|
25
|
+
enableIcons: boolean;
|
26
|
+
};
|
27
|
+
|
28
|
+
type CustomAssemblyProps = {
|
29
|
+
variant: string;
|
30
|
+
title: string;
|
31
|
+
subtitle: string;
|
32
|
+
label: string;
|
33
|
+
gradientColor: string;
|
34
|
+
};
|
35
|
+
|
36
|
+
const StyledContentGrid = styled.div<{ $colCount: number }>`
|
37
|
+
display: grid;
|
38
|
+
grid-template-columns: ${({ $colCount }) => `repeat(${$colCount}, max-content)`};
|
39
|
+
grid-column-gap: 0.75rem;
|
40
|
+
`;
|
41
|
+
|
42
|
+
const Content = ({ contentItemsNumber, enableIcons }: ContentComponentProps) => {
|
43
|
+
const contentItems = Array(contentItemsNumber).fill(0);
|
44
|
+
|
45
|
+
return (
|
46
|
+
<StyledContentGrid $colCount={contentItems.length}>
|
47
|
+
{contentItems.map((_, i) => (
|
48
|
+
<Button
|
49
|
+
key={`item:${i}`}
|
50
|
+
size="s"
|
51
|
+
view="clear"
|
52
|
+
contentLeft={enableIcons && <IconMic color="inherit" size="s" />}
|
53
|
+
text="Button"
|
54
|
+
/>
|
55
|
+
))}
|
56
|
+
</StyledContentGrid>
|
57
|
+
);
|
58
|
+
};
|
59
|
+
|
60
|
+
const StoryCustomAssembly = ({
|
61
|
+
variant,
|
62
|
+
title,
|
63
|
+
subtitle,
|
64
|
+
label,
|
65
|
+
gradientColor,
|
66
|
+
...rest
|
67
|
+
}: CustomAssemblyProps & ContentComponentProps) => {
|
68
|
+
const [isBack, setIsBack] = useState(true);
|
69
|
+
|
70
|
+
const onBackClick = () => {
|
71
|
+
action('onBackClick')();
|
72
|
+
setIsBack(false);
|
73
|
+
};
|
74
|
+
|
75
|
+
const onMinimizeClick = () => {
|
76
|
+
action('onMinimizeClick')();
|
77
|
+
setIsBack(true);
|
78
|
+
};
|
79
|
+
|
80
|
+
return (
|
81
|
+
<HeaderRoot gradientColor={gradientColor} {...rest} style={{ marginLeft: '40px' }}>
|
82
|
+
{isBack ? (
|
83
|
+
<HeaderArrow onClick={onBackClick} />
|
84
|
+
) : (
|
85
|
+
<HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
|
86
|
+
)}
|
87
|
+
<HeaderLogo src="./images/320_320_9.jpg" alt="Logo" />
|
88
|
+
{variant === 'title+subtitle' && (
|
89
|
+
<>
|
90
|
+
<HeaderTitleWrapper title={title} subTitle={subtitle} />
|
91
|
+
</>
|
92
|
+
)}
|
93
|
+
{variant === 'label+title' && (
|
94
|
+
<>
|
95
|
+
<HeaderTitleWrapper title={title} label={label} />
|
96
|
+
</>
|
97
|
+
)}
|
98
|
+
{variant === 'title' && <HeaderTitle>{title}</HeaderTitle>}
|
99
|
+
<HeaderContent>
|
100
|
+
<Content {...rest} />
|
101
|
+
</HeaderContent>
|
102
|
+
</HeaderRoot>
|
103
|
+
);
|
104
|
+
};
|
105
|
+
|
106
|
+
export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProps> = {
|
107
|
+
argTypes: {
|
108
|
+
variant: {
|
109
|
+
options: ['title+subtitle', 'label+title', 'title'],
|
110
|
+
control: {
|
111
|
+
type: 'inline-radio',
|
112
|
+
},
|
113
|
+
},
|
114
|
+
...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
|
115
|
+
},
|
116
|
+
args: {
|
117
|
+
view: 'default',
|
118
|
+
size: 'm',
|
119
|
+
variant: 'title+subtitle',
|
120
|
+
title: 'Header title text',
|
121
|
+
subtitle: 'Subtitle text',
|
122
|
+
label: 'Label text',
|
123
|
+
gradientColor: '#F69555',
|
124
|
+
contentItemsNumber: 3,
|
125
|
+
enableIcons: true,
|
126
|
+
},
|
127
|
+
render: (args) => <StoryCustomAssembly {...args} />,
|
128
|
+
};
|