@salutejs/plasma-new-hope 0.113.0-canary.1331.10163315465.0 → 0.113.0-dev.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/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/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/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/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/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/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/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,78 @@
|
|
1
|
+
---
|
2
|
+
id: header
|
3
|
+
title: Header
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
## Компоненты для собственной сборки шапки
|
9
|
+
Рекомендуется использовать компонент `Header`.
|
10
|
+
Если вам нужно больше контроля за версткой шапки,
|
11
|
+
используйте составные части, где корневым узлом будет `HeaderRoot`.
|
12
|
+
|
13
|
+
### HeaderRoot
|
14
|
+
<Description name="HeaderRoot" />
|
15
|
+
<PropsTable name="HeaderRoot" />
|
16
|
+
|
17
|
+
### HeaderArrow
|
18
|
+
<Description name="HeaderArrow" />
|
19
|
+
<PropsTable name="HeaderArrow" />
|
20
|
+
|
21
|
+
### HeaderLogo
|
22
|
+
<Description name="HeaderLogo" />
|
23
|
+
<PropsTable name="HeaderLogo" />
|
24
|
+
|
25
|
+
### Пример
|
26
|
+
|
27
|
+
```tsx live
|
28
|
+
import React from 'react';
|
29
|
+
import {
|
30
|
+
HeaderRoot,
|
31
|
+
HeaderLogo,
|
32
|
+
HeaderTitle,
|
33
|
+
HeaderContent,
|
34
|
+
HeaderArrow,
|
35
|
+
} from '@salutejs/{{ package }}';
|
36
|
+
|
37
|
+
export function App() {
|
38
|
+
const [isBack, setIsBack] = useState(true);
|
39
|
+
|
40
|
+
const onBackClick = () => {
|
41
|
+
setIsBack(false);
|
42
|
+
};
|
43
|
+
|
44
|
+
const onMinimizeClick = () => {
|
45
|
+
setIsBack(true);
|
46
|
+
};
|
47
|
+
|
48
|
+
const props = {
|
49
|
+
view: 'default',
|
50
|
+
size: 'm',
|
51
|
+
title: 'Header title text',
|
52
|
+
subtitle: 'Subtitle text',
|
53
|
+
label: 'Label text',
|
54
|
+
gradientColor: '#F69555',
|
55
|
+
contentItemsNumber: 3,
|
56
|
+
enableIcons: true,
|
57
|
+
};
|
58
|
+
|
59
|
+
return (
|
60
|
+
<div style=\{{ position: 'relative', display: 'block', padding: '0 16px' }}>
|
61
|
+
<HeaderRoot {...props} style=\{{ marginLeft: '40px' }}>
|
62
|
+
{isBack ? (
|
63
|
+
<HeaderArrow onClick={onBackClick} />
|
64
|
+
) : (
|
65
|
+
<HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
|
66
|
+
)}
|
67
|
+
<HeaderLogo src="/{{ package }}/images/320_320_12.jpg" alt="Logo" />
|
68
|
+
<HeaderTitle>{props.title}</HeaderTitle>
|
69
|
+
<HeaderContent>
|
70
|
+
<div>This is content</div>
|
71
|
+
</HeaderContent>
|
72
|
+
</HeaderRoot>
|
73
|
+
</div>
|
74
|
+
);
|
75
|
+
}
|
76
|
+
```
|
77
|
+
|
78
|
+
|
@@ -0,0 +1,39 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
headerLogoImage: 'header-logo-image',
|
9
|
+
headerArrow: 'header-arrow',
|
10
|
+
headerArrowIcon: 'header-arrow-icon',
|
11
|
+
headerArrowIconMinimize: 'header-arrow-icon-minimize',
|
12
|
+
headerRoot: 'header-root',
|
13
|
+
headerWithGradient: 'header-with-gradient'
|
14
|
+
};
|
15
|
+
var tokens = exports.tokens = {
|
16
|
+
headerHeight: '--plasma-header-height',
|
17
|
+
headerPaddingTop: '--plasma-header-padding-top',
|
18
|
+
headerPaddingBottom: '--plasma-header-padding-bottom',
|
19
|
+
headerLogoMarginRight: '--plasma-header-logo-margin-right',
|
20
|
+
headerArrowTransition: '--plasma-header-arrow-transition',
|
21
|
+
headerArrowMarginRight: '--plasma-header-arrow-margin-right',
|
22
|
+
headerArrowIconSize: '--plasma-header-arrow-icon-size',
|
23
|
+
headerArrowButtonColor: '--plasma-button-color',
|
24
|
+
headerArrowButtonBackgroundColor: '--plasma-button-bg-color',
|
25
|
+
headerArrowHeight: '--plasma-button-height',
|
26
|
+
headerArrowPadding: '--plasma-button-padding',
|
27
|
+
headerTitleMargin: '--plasma-header-title-margin',
|
28
|
+
headerBigTitleMargin: '--plasma-header-big-title-margin',
|
29
|
+
headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',
|
30
|
+
headerLabelMargin: '--plasma-header-label-margin',
|
31
|
+
headerSubTitleMargin: '--plasma-header-subtitle-margin',
|
32
|
+
headerCaptionMargin: '--plasma-header-caption-margin',
|
33
|
+
headerTitleColor: '--plasma-header-title-color',
|
34
|
+
headerBigTitleColor: '--plasma-header-big-title-color',
|
35
|
+
headerBiggerTitleColor: '--plasma-header-bigger-title-color',
|
36
|
+
headerLabelColor: '--plasma-header-label-color',
|
37
|
+
headerSubTitleColor: '--plasma-header-subtitle-color',
|
38
|
+
headerCaptionColor: '--plasma-header-caption-color'
|
39
|
+
};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.HeaderContent = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _HeaderContent = /*#__PURE__*/require("./HeaderContent.styles");
|
9
|
+
var _excluded = ["children"];
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
12
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
13
|
+
/**
|
14
|
+
* Контейнер для контента шапки.
|
15
|
+
*/
|
16
|
+
var HeaderContent = exports.HeaderContent = function HeaderContent(_ref) {
|
17
|
+
var children = _ref.children,
|
18
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
19
|
+
return /*#__PURE__*/_react["default"].createElement(_HeaderContent.StyledHeaderContent, rest, children);
|
20
|
+
};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.StyledHeaderContent = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
9
|
+
var StyledHeaderContent = exports.StyledHeaderContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
10
|
+
componentId: "plasma-new-hope__sc-1fblkxc-0"
|
11
|
+
})(["display:flex;justify-content:flex-end;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;"]);
|
@@ -0,0 +1,54 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.headerRootConfig = exports.headerRoot = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _Header = /*#__PURE__*/require("../Header.tokens");
|
10
|
+
var _utils = /*#__PURE__*/require("../../../utils");
|
11
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
12
|
+
var _HeaderRoot = /*#__PURE__*/require("./HeaderRoot.styles");
|
13
|
+
var _excluded = ["children", "size", "view", "gradientColor"];
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
|
+
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); }
|
17
|
+
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; }
|
18
|
+
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; }
|
19
|
+
/**
|
20
|
+
* Корневой узел для шапки.
|
21
|
+
*/
|
22
|
+
var headerRoot = exports.headerRoot = function headerRoot(Root) {
|
23
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
|
24
|
+
var children = props.children,
|
25
|
+
size = props.size,
|
26
|
+
view = props.view,
|
27
|
+
gradientColor = props.gradientColor,
|
28
|
+
rest = _objectWithoutProperties(props, _excluded);
|
29
|
+
var gradientColorClass = gradientColor ? _Header.classes.headerWithGradient : undefined;
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
31
|
+
ref: outerRootRef,
|
32
|
+
size: size,
|
33
|
+
view: view
|
34
|
+
}, /*#__PURE__*/_react["default"].createElement(_HeaderRoot.StyledHeaderRoot, _extends({
|
35
|
+
className: (0, _utils.cx)(_Header.classes.headerRoot, gradientColorClass)
|
36
|
+
}, rest, {
|
37
|
+
$gradientColor: gradientColor
|
38
|
+
}), /*#__PURE__*/_react["default"].createElement(_HeaderRoot.StyledInner, null, children)));
|
39
|
+
});
|
40
|
+
};
|
41
|
+
var headerRootConfig = exports.headerRootConfig = {
|
42
|
+
name: 'HeaderRoot',
|
43
|
+
tag: 'div',
|
44
|
+
layout: headerRoot,
|
45
|
+
base: '',
|
46
|
+
variations: {
|
47
|
+
size: {
|
48
|
+
css: _base.base
|
49
|
+
}
|
50
|
+
},
|
51
|
+
defaults: {
|
52
|
+
size: 'm'
|
53
|
+
}
|
54
|
+
};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.StyledInner = exports.StyledHeaderRoot = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _Header = /*#__PURE__*/require("../Header.tokens");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
var StyledHeaderRoot = exports.StyledHeaderRoot = /*#__PURE__*/_styledComponents["default"].header.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-tdrw2s-0"
|
12
|
+
})(["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));}}"], _Header.tokens.headerHeight, _Header.tokens.headerPaddingTop, _Header.tokens.headerPaddingBottom, function (_ref) {
|
13
|
+
var $gradientColor = _ref.$gradientColor;
|
14
|
+
return String($gradientColor);
|
15
|
+
}, /*#__PURE__*/String(_Header.classes.headerWithGradient), _Header.tokens.headerHeight, _Header.tokens.headerPaddingTop, _Header.tokens.headerPaddingBottom);
|
16
|
+
var StyledInner = exports.StyledInner = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
17
|
+
componentId: "plasma-new-hope__sc-tdrw2s-1"
|
18
|
+
})(["position:relative;display:flex;align-items:center;flex-direction:row;width:100%;height:100%;"]);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-height", "--plasma-header-padding-top", "--plasma-header-padding-bottom"]
|
@@ -0,0 +1,57 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "HeaderContent", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _HeaderContent.HeaderContent;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "HeaderTitle", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _ui.HeaderTitle;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "headerArrowConfig", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _ui.headerArrowConfig;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "headerClasses", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _Header.classes;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
Object.defineProperty(exports, "headerLogoConfig", {
|
31
|
+
enumerable: true,
|
32
|
+
get: function get() {
|
33
|
+
return _ui.headerLogoConfig;
|
34
|
+
}
|
35
|
+
});
|
36
|
+
Object.defineProperty(exports, "headerRootConfig", {
|
37
|
+
enumerable: true,
|
38
|
+
get: function get() {
|
39
|
+
return _HeaderRoot.headerRootConfig;
|
40
|
+
}
|
41
|
+
});
|
42
|
+
Object.defineProperty(exports, "headerTitleWrapperConfig", {
|
43
|
+
enumerable: true,
|
44
|
+
get: function get() {
|
45
|
+
return _ui.headerTitleWrapperConfig;
|
46
|
+
}
|
47
|
+
});
|
48
|
+
Object.defineProperty(exports, "headerTokens", {
|
49
|
+
enumerable: true,
|
50
|
+
get: function get() {
|
51
|
+
return _Header.tokens;
|
52
|
+
}
|
53
|
+
});
|
54
|
+
var _ui = /*#__PURE__*/require("./ui");
|
55
|
+
var _HeaderContent = /*#__PURE__*/require("./HeaderContent/HeaderContent");
|
56
|
+
var _HeaderRoot = /*#__PURE__*/require("./HeaderRoot/HeaderRoot");
|
57
|
+
var _Header = /*#__PURE__*/require("./Header.tokens");
|
@@ -0,0 +1,70 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.headerArrowRoot = exports.headerArrowConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
|
+
var _Button = /*#__PURE__*/require("../../../Button");
|
11
|
+
var _Header = /*#__PURE__*/require("../../Header.tokens");
|
12
|
+
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
13
|
+
var _utils = /*#__PURE__*/require("../../../../utils");
|
14
|
+
var _HeaderArrow = /*#__PURE__*/require("./HeaderArrow.styles");
|
15
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
16
|
+
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
17
|
+
var _excluded = ["arrow", "iconSize", "value"];
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
20
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
21
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
22
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
23
|
+
var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
|
24
|
+
var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
|
25
|
+
|
26
|
+
/**
|
27
|
+
* Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
|
28
|
+
*/
|
29
|
+
var headerArrowRoot = exports.headerArrowRoot = function headerArrowRoot(Root) {
|
30
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
|
31
|
+
var arrow = props.arrow,
|
32
|
+
_props$iconSize = props.iconSize,
|
33
|
+
iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
|
34
|
+
value = props.value,
|
35
|
+
rest = _objectWithoutProperties(props, _excluded);
|
36
|
+
var minimizeClass = arrow === 'minimize' ? _Header.classes.headerArrowIconMinimize : undefined;
|
37
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
38
|
+
ref: outerRootRef
|
39
|
+
}, /*#__PURE__*/_react["default"].createElement(Button, _extends({
|
40
|
+
view: "clear",
|
41
|
+
size: "s",
|
42
|
+
tabIndex: -1,
|
43
|
+
className: _Header.classes.headerArrow,
|
44
|
+
value: value
|
45
|
+
}, rest), /*#__PURE__*/_react["default"].createElement(_Icon.IconChevronLeft, _extends({
|
46
|
+
size: iconSize,
|
47
|
+
sizeCustomProperty: _Header.tokens.headerArrowIconSize,
|
48
|
+
className: (0, _utils.cx)(_Header.classes.headerArrowIcon, minimizeClass),
|
49
|
+
color: "inherit"
|
50
|
+
}, props))));
|
51
|
+
});
|
52
|
+
};
|
53
|
+
var headerArrowConfig = exports.headerArrowConfig = {
|
54
|
+
name: 'HeaderArrow',
|
55
|
+
tag: 'div',
|
56
|
+
layout: headerArrowRoot,
|
57
|
+
base: _HeaderArrow.base,
|
58
|
+
variations: {
|
59
|
+
view: {
|
60
|
+
css: _base2.base
|
61
|
+
},
|
62
|
+
size: {
|
63
|
+
css: _base.base
|
64
|
+
}
|
65
|
+
},
|
66
|
+
defaults: {
|
67
|
+
view: 'primary',
|
68
|
+
size: 'm'
|
69
|
+
}
|
70
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;"]);
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _mixins = /*#__PURE__*/require("../../../../../../mixins");
|
9
|
+
var _Header = /*#__PURE__*/require("../../../../Header.tokens");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{margin-right:var(", ");", "}"], /*#__PURE__*/String(_Header.classes.headerArrow), _Header.tokens.headerArrowMarginRight, /*#__PURE__*/(0, _mixins.mediaQuery)('S')( /*#__PURE__*/"\n position: static;\n width: auto;\n height: calc(var(".concat(_Header.tokens.headerPaddingTop, ") + var(").concat(_Header.tokens.headerHeight, ") + var(").concat(_Header.tokens.headerPaddingBottom, "));\n padding: 0;\n margin-right: 1rem;\n margin-top: calc(var(").concat(_Header.tokens.headerPaddingTop, ") * -1);\n ")));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-arrow-margin-right", "--plasma-header-arrow-icon-size"]
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _Header = /*#__PURE__*/require("../../../../Header.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:var(", ");}.", "{transform:rotate(-90deg);}"], /*#__PURE__*/String(_Header.classes.headerArrowIcon), _Header.tokens.headerArrowTransition, /*#__PURE__*/String(_Header.classes.headerArrowIconMinimize));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-arrow-transition"]
|
@@ -0,0 +1,47 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.headerLogoRoot = exports.headerLogoConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
|
+
var _Image = /*#__PURE__*/require("../../../Image");
|
11
|
+
var _Header = /*#__PURE__*/require("../../Header.tokens");
|
12
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
16
|
+
// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'
|
17
|
+
// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18
|
18
|
+
|
19
|
+
// issue #823
|
20
|
+
var Image = /*#__PURE__*/(0, _engines.component)(_Image.imageConfig);
|
21
|
+
|
22
|
+
/**
|
23
|
+
* Компонент для размещения логотипа.
|
24
|
+
*/
|
25
|
+
var headerLogoRoot = exports.headerLogoRoot = function headerLogoRoot(Root) {
|
26
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
28
|
+
ref: outerRootRef
|
29
|
+
}, /*#__PURE__*/_react["default"].createElement(Image, _extends({
|
30
|
+
className: _Header.classes.headerLogoImage
|
31
|
+
}, props)));
|
32
|
+
});
|
33
|
+
};
|
34
|
+
var headerLogoConfig = exports.headerLogoConfig = {
|
35
|
+
name: 'HeaderLogo',
|
36
|
+
tag: 'div',
|
37
|
+
layout: headerLogoRoot,
|
38
|
+
base: '',
|
39
|
+
variations: {
|
40
|
+
size: {
|
41
|
+
css: _base.base
|
42
|
+
}
|
43
|
+
},
|
44
|
+
defaults: {
|
45
|
+
size: 'm'
|
46
|
+
}
|
47
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _Header = /*#__PURE__*/require("../../Header.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(_Header.classes.headerLogoImage), _Header.tokens.headerHeight, _Header.tokens.headerLogoMarginRight);
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _Header = /*#__PURE__*/require("../../../../Header.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(_Header.classes.headerLogoImage), _Header.tokens.headerHeight, _Header.tokens.headerLogoMarginRight);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-logo-margin-right"]
|
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.HeaderTitle = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _HeaderTitle = /*#__PURE__*/require("./HeaderTitle.styles");
|
9
|
+
var _excluded = ["children"];
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
12
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
13
|
+
/**
|
14
|
+
* Компонент для размещения заголовка.
|
15
|
+
*/
|
16
|
+
var HeaderTitle = exports.HeaderTitle = function HeaderTitle(_ref) {
|
17
|
+
var children = _ref.children,
|
18
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
19
|
+
return /*#__PURE__*/_react["default"].createElement(_HeaderTitle.StyledHeaderTitle, rest, children);
|
20
|
+
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.StyledHeaderTitle = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
var StyledHeaderTitle = exports.StyledHeaderTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-1a7z4tx-0"
|
12
|
+
})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _mixins.h3, /*#__PURE__*/(0, _mixins.mediaQuery)('S')("\n font-family: var(--plasma-typo-body-m-font-family);\n font-size: var(--plasma-typo-body-m-font-size);\n font-style: var(--plasma-typo-body-m-font-style);\n letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n line-height: var(--plasma-typo-body-m-line-height);\n font-weight: 600;\n "));
|
@@ -0,0 +1,57 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.headerTitleWrapperRoot = exports.headerTitleWrapperConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
10
|
+
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
11
|
+
var _HeaderTitleWrapper = /*#__PURE__*/require("./HeaderTitleWrapper.styles");
|
12
|
+
var _excluded = ["label", "title", "subTitle", "caption", "withBigTitle", "children"];
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
17
|
+
/**
|
18
|
+
* Компонент для отображения текста в скомпанованном блоке.
|
19
|
+
*/
|
20
|
+
var headerTitleWrapperRoot = exports.headerTitleWrapperRoot = function headerTitleWrapperRoot(Root) {
|
21
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
|
22
|
+
var label = props.label,
|
23
|
+
title = props.title,
|
24
|
+
subTitle = props.subTitle,
|
25
|
+
caption = props.caption,
|
26
|
+
withBigTitle = props.withBigTitle,
|
27
|
+
children = props.children,
|
28
|
+
rest = _objectWithoutProperties(props, _excluded);
|
29
|
+
if (children) {
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
31
|
+
ref: outerRootRef
|
32
|
+
}, /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.TextBoxRoot, rest, children));
|
33
|
+
}
|
34
|
+
var T = withBigTitle ? _HeaderTitleWrapper.BigTitle : _HeaderTitleWrapper.Title;
|
35
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
36
|
+
ref: outerRootRef
|
37
|
+
}, /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.TextBoxRoot, rest, label && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.Label, null, label), title && /*#__PURE__*/_react["default"].createElement(T, null, title), subTitle && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.SubTitle, null, subTitle), caption && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.Caption, null, caption)));
|
38
|
+
});
|
39
|
+
};
|
40
|
+
var headerTitleWrapperConfig = exports.headerTitleWrapperConfig = {
|
41
|
+
name: 'HeaderTitleWrapper',
|
42
|
+
tag: 'div',
|
43
|
+
layout: headerTitleWrapperRoot,
|
44
|
+
base: '',
|
45
|
+
variations: {
|
46
|
+
view: {
|
47
|
+
css: _base2.base
|
48
|
+
},
|
49
|
+
size: {
|
50
|
+
css: _base.base
|
51
|
+
}
|
52
|
+
},
|
53
|
+
defaults: {
|
54
|
+
view: 'primary',
|
55
|
+
size: 'm'
|
56
|
+
}
|
57
|
+
};
|
package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js
ADDED
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Title = exports.TextBoxRoot = exports.SubTitle = exports.Label = exports.Caption = exports.BiggerTitle = exports.BigTitle = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _Header = /*#__PURE__*/require("../../Header.tokens");
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-1jzpuar-0"
|
13
|
+
})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _mixins.bodyM, _Header.tokens.headerTitleMargin, _Header.tokens.headerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
14
|
+
var BigTitle = exports.BigTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
15
|
+
componentId: "plasma-new-hope__sc-1jzpuar-1"
|
16
|
+
})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _mixins.h3, _Header.tokens.headerBigTitleMargin, _Header.tokens.headerBiggerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
17
|
+
var BiggerTitle = exports.BiggerTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
18
|
+
componentId: "plasma-new-hope__sc-1jzpuar-2"
|
19
|
+
})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _mixins.h1, _Header.tokens.headerBiggerTitleMargin, _Header.tokens.headerBiggerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
20
|
+
var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
21
|
+
componentId: "plasma-new-hope__sc-1jzpuar-3"
|
22
|
+
})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerLabelMargin, _Header.tokens.headerLabelColor, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
23
|
+
var SubTitle = exports.SubTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-1jzpuar-4"
|
25
|
+
})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _mixins.bodyS, _Header.tokens.headerSubTitleMargin, _Header.tokens.headerSubTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
26
|
+
var Caption = exports.Caption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
27
|
+
componentId: "plasma-new-hope__sc-1jzpuar-5"
|
28
|
+
})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerCaptionMargin, _Header.tokens.headerCaptionColor, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
29
|
+
var TextBoxRoot = exports.TextBoxRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
30
|
+
componentId: "plasma-new-hope__sc-1jzpuar-6"
|
31
|
+
})(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);
|