@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
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)` \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.datePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.datePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: inline-block;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper"],"mappings":";;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,
|
1
|
+
{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)` \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.datePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.datePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: inline-block;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper"],"mappings":";;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAqEhC,EAAA;AAEM,IAAMG,IAAI,GAEhB,UAAA;AAEM,IAAMC,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
|
2
|
+
.s15omatb{--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);}.s15omatb.date-picker-error{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.s15omatb.date-picker-success{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
|
3
|
+
.boba7w3{display:inline-block;}
|
4
|
+
|
5
|
+
|
@@ -0,0 +1,36 @@
|
|
1
|
+
var classes = {
|
2
|
+
headerLogoImage: 'header-logo-image',
|
3
|
+
headerArrow: 'header-arrow',
|
4
|
+
headerArrowIcon: 'header-arrow-icon',
|
5
|
+
headerArrowIconMinimize: 'header-arrow-icon-minimize',
|
6
|
+
headerRoot: 'header-root',
|
7
|
+
headerWithGradient: 'header-with-gradient'
|
8
|
+
};
|
9
|
+
var tokens = {
|
10
|
+
headerHeight: '--plasma-header-height',
|
11
|
+
headerPaddingTop: '--plasma-header-padding-top',
|
12
|
+
headerPaddingBottom: '--plasma-header-padding-bottom',
|
13
|
+
headerLogoMarginRight: '--plasma-header-logo-margin-right',
|
14
|
+
headerArrowTransition: '--plasma-header-arrow-transition',
|
15
|
+
headerArrowMarginRight: '--plasma-header-arrow-margin-right',
|
16
|
+
headerArrowIconSize: '--plasma-header-arrow-icon-size',
|
17
|
+
headerArrowButtonColor: '--plasma-button-color',
|
18
|
+
headerArrowButtonBackgroundColor: '--plasma-button-bg-color',
|
19
|
+
headerArrowHeight: '--plasma-button-height',
|
20
|
+
headerArrowPadding: '--plasma-button-padding',
|
21
|
+
headerTitleMargin: '--plasma-header-title-margin',
|
22
|
+
headerBigTitleMargin: '--plasma-header-big-title-margin',
|
23
|
+
headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',
|
24
|
+
headerLabelMargin: '--plasma-header-label-margin',
|
25
|
+
headerSubTitleMargin: '--plasma-header-subtitle-margin',
|
26
|
+
headerCaptionMargin: '--plasma-header-caption-margin',
|
27
|
+
headerTitleColor: '--plasma-header-title-color',
|
28
|
+
headerBigTitleColor: '--plasma-header-big-title-color',
|
29
|
+
headerBiggerTitleColor: '--plasma-header-bigger-title-color',
|
30
|
+
headerLabelColor: '--plasma-header-label-color',
|
31
|
+
headerSubTitleColor: '--plasma-header-subtitle-color',
|
32
|
+
headerCaptionColor: '--plasma-header-caption-color'
|
33
|
+
};
|
34
|
+
|
35
|
+
export { classes, tokens };
|
36
|
+
//# sourceMappingURL=Header.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Header.tokens.js","sources":["../../../src/components/Header/Header.tokens.ts"],"sourcesContent":["export const classes = {\n headerLogoImage: 'header-logo-image',\n headerArrow: 'header-arrow',\n headerArrowIcon: 'header-arrow-icon',\n headerArrowIconMinimize: 'header-arrow-icon-minimize',\n headerRoot: 'header-root',\n headerWithGradient: 'header-with-gradient',\n};\n\nexport const tokens = {\n headerHeight: '--plasma-header-height',\n headerPaddingTop: '--plasma-header-padding-top',\n headerPaddingBottom: '--plasma-header-padding-bottom',\n\n headerLogoMarginRight: '--plasma-header-logo-margin-right',\n\n headerArrowTransition: '--plasma-header-arrow-transition',\n headerArrowMarginRight: '--plasma-header-arrow-margin-right',\n headerArrowIconSize: '--plasma-header-arrow-icon-size',\n headerArrowButtonColor: '--plasma-button-color',\n headerArrowButtonBackgroundColor: '--plasma-button-bg-color',\n headerArrowHeight: '--plasma-button-height',\n headerArrowPadding: '--plasma-button-padding',\n\n headerTitleMargin: '--plasma-header-title-margin',\n headerBigTitleMargin: '--plasma-header-big-title-margin',\n headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',\n headerLabelMargin: '--plasma-header-label-margin',\n headerSubTitleMargin: '--plasma-header-subtitle-margin',\n headerCaptionMargin: '--plasma-header-caption-margin',\n\n headerTitleColor: '--plasma-header-title-color',\n headerBigTitleColor: '--plasma-header-big-title-color',\n headerBiggerTitleColor: '--plasma-header-bigger-title-color',\n headerLabelColor: '--plasma-header-label-color',\n headerSubTitleColor: '--plasma-header-subtitle-color',\n headerCaptionColor: '--plasma-header-caption-color',\n};\n"],"names":["classes","headerLogoImage","headerArrow","headerArrowIcon","headerArrowIconMinimize","headerRoot","headerWithGradient","tokens","headerHeight","headerPaddingTop","headerPaddingBottom","headerLogoMarginRight","headerArrowTransition","headerArrowMarginRight","headerArrowIconSize","headerArrowButtonColor","headerArrowButtonBackgroundColor","headerArrowHeight","headerArrowPadding","headerTitleMargin","headerBigTitleMargin","headerBiggerTitleMargin","headerLabelMargin","headerSubTitleMargin","headerCaptionMargin","headerTitleColor","headerBigTitleColor","headerBiggerTitleColor","headerLabelColor","headerSubTitleColor","headerCaptionColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,uBAAuB,EAAE,4BAA4B;AACrDC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,kBAAkB,EAAE,sBAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,uBAAuB;AAC/CC,EAAAA,gCAAgC,EAAE,0BAA0B;AAC5DC,EAAAA,iBAAiB,EAAE,wBAAwB;AAC3CC,EAAAA,kBAAkB,EAAE,yBAAyB;AAE7CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,kBAAkB,EAAE,+BAAA;AACxB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.HeaderContent_styles_ru84zp_s1jgshq1__4edd06d7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:1 0 max-content;-ms-flex:1 0 max-content;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React from 'react';
|
3
|
+
import { StyledHeaderContent } from './HeaderContent.styles.js';
|
4
|
+
|
5
|
+
var _excluded = ["children"];
|
6
|
+
|
7
|
+
/**
|
8
|
+
* Контейнер для контента шапки.
|
9
|
+
*/
|
10
|
+
var HeaderContent = function HeaderContent(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/React.createElement(StyledHeaderContent, rest, children);
|
14
|
+
};
|
15
|
+
|
16
|
+
export { HeaderContent };
|
17
|
+
//# sourceMappingURL=HeaderContent.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderContent.js","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StyledHeaderContent } from './HeaderContent.styles';\n\n/**\n * Контейнер для контента шапки.\n */\nexport const HeaderContent = ({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) => (\n <StyledHeaderContent {...rest}>{children}</StyledHeaderContent>\n);\n"],"names":["HeaderContent","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledHeaderContent"],"mappings":";;;;;;AAIA;AACA;AACA;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAAA,oBAC7CC,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAKL,IAAI,EAAGD,QAA8B,CAAC,CAAA;AAAA;;;;"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import './HeaderContent.styles_ru84zp.css';
|
2
|
+
import { styled } from '@linaria/react';
|
3
|
+
|
4
|
+
var StyledHeaderContent = /*#__PURE__*/styled('div')({
|
5
|
+
name: "StyledHeaderContent",
|
6
|
+
"class": "s1jgshq1",
|
7
|
+
propsAsIs: false
|
8
|
+
});
|
9
|
+
|
10
|
+
export { StyledHeaderContent };
|
11
|
+
//# sourceMappingURL=HeaderContent.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderContent.styles.js","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const StyledHeaderContent = styled.div`\n display: flex;\n justify-content: flex-end;\n flex: 1 0 max-content;\n margin-left: auto;\n padding-left: 0.75rem;\n`;\n"],"names":["StyledHeaderContent","styled","name","class","propsAsIs"],"mappings":";;AAEO,IAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMxC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.s1jgshq1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:1 0 max-content;-ms-flex:1 0 max-content;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c.HeaderRoot_styles_tgf9lv_headerWithGradient__d5411e2c::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
|
2
|
+
.HeaderRoot_styles_tgf9lv_s4v2au0__d5411e2c{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}
|
@@ -0,0 +1,48 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import { classes } from '../Header.tokens.js';
|
4
|
+
import { cx } from '../../../utils/index.js';
|
5
|
+
import { base } from './variations/_size/base.js';
|
6
|
+
import { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles.js';
|
7
|
+
|
8
|
+
var _excluded = ["children", "size", "view", "gradientColor"];
|
9
|
+
|
10
|
+
/**
|
11
|
+
* Корневой узел для шапки.
|
12
|
+
*/
|
13
|
+
var headerRoot = function headerRoot(Root) {
|
14
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
15
|
+
var children = props.children,
|
16
|
+
size = props.size,
|
17
|
+
view = props.view,
|
18
|
+
gradientColor = props.gradientColor,
|
19
|
+
rest = _objectWithoutProperties(props, _excluded);
|
20
|
+
var gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;
|
21
|
+
return /*#__PURE__*/React.createElement(Root, {
|
22
|
+
ref: outerRootRef,
|
23
|
+
size: size,
|
24
|
+
view: view
|
25
|
+
}, /*#__PURE__*/React.createElement(StyledHeaderRoot, _extends({
|
26
|
+
className: cx(classes.headerRoot, gradientColorClass)
|
27
|
+
}, rest, {
|
28
|
+
$gradientColor: gradientColor
|
29
|
+
}), /*#__PURE__*/React.createElement(StyledInner, null, children)));
|
30
|
+
});
|
31
|
+
};
|
32
|
+
var headerRootConfig = {
|
33
|
+
name: 'HeaderRoot',
|
34
|
+
tag: 'div',
|
35
|
+
layout: headerRoot,
|
36
|
+
base: '',
|
37
|
+
variations: {
|
38
|
+
size: {
|
39
|
+
css: base
|
40
|
+
}
|
41
|
+
},
|
42
|
+
defaults: {
|
43
|
+
size: 'm'
|
44
|
+
}
|
45
|
+
};
|
46
|
+
|
47
|
+
export { headerRoot, headerRootConfig };
|
48
|
+
//# sourceMappingURL=HeaderRoot.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderRoot.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../Header.tokens';\nimport { cx } from '../../../utils';\n\nimport type { HeaderRootProps } from './HeaderRoot.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';\n\n/**\n * Корневой узел для шапки.\n */\nexport const headerRoot = (Root: RootProps<HTMLDivElement, HeaderRootProps>) =>\n forwardRef<HTMLDivElement, HeaderRootProps>((props, outerRootRef) => {\n const { children, size, view, gradientColor, ...rest } = props;\n\n const gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;\n\n return (\n <Root ref={outerRootRef} size={size} view={view}>\n <StyledHeaderRoot\n className={cx(classes.headerRoot, gradientColorClass)}\n {...rest}\n $gradientColor={gradientColor}\n >\n <StyledInner>{children}</StyledInner>\n </StyledHeaderRoot>\n </Root>\n );\n });\n\nexport const headerRootConfig = {\n name: 'HeaderRoot',\n tag: 'div',\n layout: headerRoot,\n base: '',\n variations: {\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n size: 'm',\n },\n};\n"],"names":["headerRoot","Root","forwardRef","props","outerRootRef","children","size","view","gradientColor","rest","_objectWithoutProperties","_excluded","gradientColorClass","classes","headerWithGradient","undefined","React","createElement","ref","StyledHeaderRoot","_extends","className","cx","$gradientColor","StyledInner","headerRootConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;AAUA;AACA;AACA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAkC,UAACC,KAAK,EAAEC,YAAY,EAAK;AACjE,IAAA,IAAQC,QAAQ,GAAyCF,KAAK,CAAtDE,QAAQ;MAAEC,IAAI,GAAmCH,KAAK,CAA5CG,IAAI;MAAEC,IAAI,GAA6BJ,KAAK,CAAtCI,IAAI;MAAEC,aAAa,GAAcL,KAAK,CAAhCK,aAAa;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAE9D,IAAMC,kBAAkB,GAAGJ,aAAa,GAAGK,OAAO,CAACC,kBAAkB,GAAGC,SAAS,CAAA;AAEjF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,eAC5CS,KAAA,CAAAC,aAAA,CAACE,gBAAgB,EAAAC,QAAA,CAAA;AACbC,MAAAA,SAAS,EAAEC,EAAE,CAACT,OAAO,CAACb,UAAU,EAAEY,kBAAkB,CAAA;AAAE,KAAA,EAClDH,IAAI,EAAA;AACRc,MAAAA,cAAc,EAAEf,aAAAA;KAEhBQ,CAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAEnB,IAAAA,EAAAA,QAAsB,CACtB,CAChB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMoB,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,UAAU;AAClB6B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRxB,IAAAA,IAAI,EAAE;AACFyB,MAAAA,GAAG,EAAEC,IAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3B,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import './HeaderRoot.styles_tgf9lv.css';
|
2
|
+
import { styled } from '@linaria/react';
|
3
|
+
|
4
|
+
var _exp4 = function _exp4() {
|
5
|
+
return function (_ref) {
|
6
|
+
var $gradientColor = _ref.$gradientColor;
|
7
|
+
return String($gradientColor);
|
8
|
+
};
|
9
|
+
};
|
10
|
+
var StyledHeaderRoot = /*#__PURE__*/styled('header')({
|
11
|
+
name: "StyledHeaderRoot",
|
12
|
+
"class": "s1pft4si",
|
13
|
+
propsAsIs: false,
|
14
|
+
vars: {
|
15
|
+
"s1pft4si-0": [/*#__PURE__*/_exp4()]
|
16
|
+
}
|
17
|
+
});
|
18
|
+
var StyledInner = /*#__PURE__*/styled('div')({
|
19
|
+
name: "StyledInner",
|
20
|
+
"class": "s4v2au0",
|
21
|
+
propsAsIs: false
|
22
|
+
});
|
23
|
+
|
24
|
+
export { StyledHeaderRoot, StyledInner };
|
25
|
+
//# sourceMappingURL=HeaderRoot.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderRoot.styles.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../Header.tokens';\n\nimport type { StyledHeaderRootProps } from './HeaderRoot.types';\n\nexport const StyledHeaderRoot = styled.header<StyledHeaderRootProps>`\n box-sizing: content-box;\n\n height: var(${tokens.headerHeight});\n padding-top: var(${tokens.headerPaddingTop});\n padding-bottom: var(${tokens.headerPaddingBottom});\n\n --header_private-gradient-color: ${({ $gradientColor }) => String($gradientColor)};\n &.${String(classes.headerWithGradient)} {\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: calc(\n var(${tokens.headerHeight}) + var(${tokens.headerPaddingTop}) + var(${tokens.headerPaddingBottom})\n );\n background-image: linear-gradient(180deg, var(--header_private-gradient-color), rgba(0, 0, 0, 0));\n }\n }\n`;\n\nexport const StyledInner = styled.div`\n position: relative;\n\n display: flex;\n align-items: center;\n flex-direction: row;\n\n width: 100%;\n height: 100%;\n`;\n"],"names":["_exp4","_ref","$gradientColor","String","StyledHeaderRoot","styled","name","class","propsAsIs","vars","StyledInner"],"mappings":";;AAAwC,IAAAA,KAAA,GACtBA,SADsBA,KAAAA,GAAA;AAAA,EAAA,OAaD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,IAAAA,CAAAA,cAAAA,CAAAA;IAAAA,OAAqBC,MAAM,CAACD,cAAc,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP9E,IAAME,gBAAgB,gBAAGC,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOCT,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAcpF,EAAA;AAEM,IAAMU,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC;;;;"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.s1pft4si{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.s1pft4si.header-with-gradient::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
|
2
|
+
.s4v2au0{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../src/components/Header/HeaderRoot/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -0,0 +1,33 @@
|
|
1
|
+
.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
2
|
+
|
3
|
+
.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
|
4
|
+
|
5
|
+
.base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
|
6
|
+
|
7
|
+
.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
|
8
|
+
|
9
|
+
.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
10
|
+
|
11
|
+
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
12
|
+
|
13
|
+
.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
|
14
|
+
|
15
|
+
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
16
|
+
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
17
|
+
|
18
|
+
.Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
19
|
+
.Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
20
|
+
.Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
21
|
+
.Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
|
22
|
+
.Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
23
|
+
.Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
|
24
|
+
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
25
|
+
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
26
|
+
|
27
|
+
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
28
|
+
|
29
|
+
.HeaderArrow_styles_y91a69_b14hodcq__c7749097{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;}
|
30
|
+
|
31
|
+
.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{margin-right:var(--plasma-header-arrow-margin-right);}@media (max-width:1118px){.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{position:static;width:auto;height:calc(var(--plasma-header-padding-top) + var(--plasma-header-height) + var(--plasma-header-padding-bottom));padding:0;margin-right:1rem;margin-top:calc(var(--plasma-header-padding-top) * -1);}}
|
32
|
+
|
33
|
+
.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIcon__8260a31c{-webkit-transition:var(--plasma-header-arrow-transition);transition:var(--plasma-header-arrow-transition);}.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIconMinimize__8260a31c{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import '@linaria/core';
|
4
|
+
import { component, mergeConfig } from '../../../../engines/common.js';
|
5
|
+
import { buttonConfig } from '../../../Button/Button.js';
|
6
|
+
import { classes, tokens } from '../../Header.tokens.js';
|
7
|
+
import '@linaria/react';
|
8
|
+
import { IconChevronLeft } from '../../../_Icon/Icons/IconChevronLeft.js';
|
9
|
+
import { cx } from '../../../../utils/index.js';
|
10
|
+
import { base } from './HeaderArrow.styles.js';
|
11
|
+
import { base as base$2 } from './variations/_size/base.js';
|
12
|
+
import { base as base$1 } from './variations/_view/base.js';
|
13
|
+
|
14
|
+
var _excluded = ["arrow", "iconSize", "value"];
|
15
|
+
var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
16
|
+
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
17
|
+
|
18
|
+
/**
|
19
|
+
* Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
|
20
|
+
*/
|
21
|
+
var headerArrowRoot = function headerArrowRoot(Root) {
|
22
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
23
|
+
var arrow = props.arrow,
|
24
|
+
_props$iconSize = props.iconSize,
|
25
|
+
iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
|
26
|
+
value = props.value,
|
27
|
+
rest = _objectWithoutProperties(props, _excluded);
|
28
|
+
var minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;
|
29
|
+
return /*#__PURE__*/React.createElement(Root, {
|
30
|
+
ref: outerRootRef
|
31
|
+
}, /*#__PURE__*/React.createElement(Button, _extends({
|
32
|
+
view: "clear",
|
33
|
+
size: "s",
|
34
|
+
tabIndex: -1,
|
35
|
+
className: classes.headerArrow,
|
36
|
+
value: value
|
37
|
+
}, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
|
38
|
+
size: iconSize,
|
39
|
+
sizeCustomProperty: tokens.headerArrowIconSize,
|
40
|
+
className: cx(classes.headerArrowIcon, minimizeClass),
|
41
|
+
color: "inherit"
|
42
|
+
}, props))));
|
43
|
+
});
|
44
|
+
};
|
45
|
+
var headerArrowConfig = {
|
46
|
+
name: 'HeaderArrow',
|
47
|
+
tag: 'div',
|
48
|
+
layout: headerArrowRoot,
|
49
|
+
base: base,
|
50
|
+
variations: {
|
51
|
+
view: {
|
52
|
+
css: base$1
|
53
|
+
},
|
54
|
+
size: {
|
55
|
+
css: base$2
|
56
|
+
}
|
57
|
+
},
|
58
|
+
defaults: {
|
59
|
+
view: 'primary',
|
60
|
+
size: 'm'
|
61
|
+
}
|
62
|
+
};
|
63
|
+
|
64
|
+
export { headerArrowConfig, headerArrowRoot };
|
65
|
+
//# sourceMappingURL=HeaderArrow.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n const { arrow, iconSize = 's', value, ...rest } = props;\n\n const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n return (\n <Root ref={outerRootRef}>\n <Button\n view=\"clear\"\n size=\"s\"\n tabIndex={-1}\n className={classes.headerArrow}\n value={value as string}\n {...rest}\n >\n <IconChevronLeft\n size={iconSize}\n sizeCustomProperty={tokens.headerArrowIconSize}\n className={cx(classes.headerArrowIcon, minimizeClass)}\n color=\"inherit\"\n {...props}\n />\n </Button>\n </Root>\n );\n });\n\nexport const headerArrowConfig = {\n name: 'HeaderArrow',\n tag: 'div',\n layout: headerArrowRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,UAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,QAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,OAAO,CAACW,WAAY;AAC/BhB,MAAAA,KAAK,EAAEA,KAAAA;KACHC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACQ,eAAe,EAAAN,QAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfmB,kBAAkB,EAAEC,MAAM,CAACC,mBAAoB;MAC/CL,SAAS,EAAEM,EAAE,CAAChB,OAAO,CAACiB,eAAe,EAAElB,aAAa,CAAE;AACtDmB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX5B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM6B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,eAAe;AACvBoC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderArrow.styles.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n position: absolute;\n top: 0;\n bottom: 0;\n margin-top: auto;\n margin-bottom: auto;\n right: 100%;\n`;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAOhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b14hodcq{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Header/ui/HeaderArrow/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { mediaQuery } from '../../../../../../mixins';\nimport { classes, tokens } from '../../../../Header.tokens';\n\nexport const base = css`\n .${String(classes.headerArrow)} {\n margin-right: var(${tokens.headerArrowMarginRight});\n\n ${mediaQuery('S')(`\n position: static;\n width: auto;\n height: calc(var(${tokens.headerPaddingTop}) + var(${tokens.headerHeight}) + var(${tokens.headerPaddingBottom}));\n padding: 0;\n margin-right: 1rem;\n margin-top: calc(var(${tokens.headerPaddingTop}) * -1);\n `)}\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAahB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1pl11t .header-arrow{margin-right:var(--plasma-header-arrow-margin-right);}@media (max-width:1118px){.b1pl11t .header-arrow{position:static;width:auto;height:calc(var(--plasma-header-padding-top) + var(--plasma-header-height) + var(--plasma-header-padding-bottom));padding:0;margin-right:1rem;margin-top:calc(var(--plasma-header-padding-top) * -1);}}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Header/ui/HeaderArrow/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../Header.tokens';\n\nexport const base = css`\n .${String(classes.headerArrowIcon)} {\n transition: var(${tokens.headerArrowTransition});\n }\n\n .${String(classes.headerArrowIconMinimize)} {\n transform: rotate(-90deg);\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAQhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b5hu1qa .header-arrow-icon{-webkit-transition:var(--plasma-header-arrow-transition);transition:var(--plasma-header-arrow-transition);}.b5hu1qa .header-arrow-icon-minimize{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.Image_styles_12ttxgz_birej10__83bd03eb{position:relative;display:block;box-sizing:border-box;overflow:hidden;height:inherit;border-radius:inherit;width:var(--plasma_private-image-width);height:var(--plasma_private-image-height);padding-bottom:var(--plasma_private-image-pading-bottom);}
|
2
|
+
.Image_styles_12ttxgz_s2ny8jg__83bd03eb{width:100%;height:100%;object-fit:cover;position:absolute;}
|
3
|
+
.Image_styles_12ttxgz_s1e232qk__83bd03eb{width:100%;height:100%;position:absolute;background-position:center;background-size:cover;}
|
4
|
+
|
5
|
+
.base_1ght2ik_b1dbu9r0__c7db4365 .base_1ght2ik_headerLogoImage__c7db4365{--plasma_private-header-size:var(--plasma-header-height);width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);-webkit-flex:0 0 var(--plasma_private-header-size);-ms-flex:0 0 var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(--plasma-header-logo-margin-right);}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import '@linaria/core';
|
4
|
+
import { component } from '../../../../engines/common.js';
|
5
|
+
import { imageConfig } from '../../../Image/Image.js';
|
6
|
+
import { classes } from '../../Header.tokens.js';
|
7
|
+
import { base } from './variations/_size/base.js';
|
8
|
+
|
9
|
+
// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'
|
10
|
+
// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18
|
11
|
+
|
12
|
+
// issue #823
|
13
|
+
var Image = /*#__PURE__*/component(imageConfig);
|
14
|
+
|
15
|
+
/**
|
16
|
+
* Компонент для размещения логотипа.
|
17
|
+
*/
|
18
|
+
var headerLogoRoot = function headerLogoRoot(Root) {
|
19
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
20
|
+
return /*#__PURE__*/React.createElement(Root, {
|
21
|
+
ref: outerRootRef
|
22
|
+
}, /*#__PURE__*/React.createElement(Image, _extends({
|
23
|
+
className: classes.headerLogoImage
|
24
|
+
}, props)));
|
25
|
+
});
|
26
|
+
};
|
27
|
+
var headerLogoConfig = {
|
28
|
+
name: 'HeaderLogo',
|
29
|
+
tag: 'div',
|
30
|
+
layout: headerLogoRoot,
|
31
|
+
base: '',
|
32
|
+
variations: {
|
33
|
+
size: {
|
34
|
+
css: base
|
35
|
+
}
|
36
|
+
},
|
37
|
+
defaults: {
|
38
|
+
size: 'm'
|
39
|
+
}
|
40
|
+
};
|
41
|
+
|
42
|
+
export { headerLogoConfig, headerLogoRoot };
|
43
|
+
//# sourceMappingURL=HeaderLogo.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/components/Header/ui/HeaderLogo/HeaderLogo.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { imageConfig } from '../../../Image';\nimport type { ImageProps } from '../../../Image';\nimport { classes } from '../../Header.tokens';\n\nimport { base as sizeCSS } from './variations/_size/base';\n\n// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'\n// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18\nexport type HeaderLogoProps = Omit<\n ImageProps,\n 'height' | 'width' | 'ratio' | 'customRatio' | 'onResize' | 'onResizeCapture' | 'nonce'\n>;\n\n// issue #823\nconst Image = component(imageConfig);\n\n/**\n * Компонент для размещения логотипа.\n */\nexport const headerLogoRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderLogoProps>((props, outerRootRef) => {\n return (\n <Root ref={outerRootRef}>\n <Image className={classes.headerLogoImage} {...props} />\n </Root>\n );\n });\n\nexport const headerLogoConfig = {\n name: 'HeaderLogo',\n tag: 'div',\n layout: headerLogoRoot,\n base: '',\n variations: {\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n size: 'm',\n },\n};\n"],"names":["Image","component","imageConfig","headerLogoRoot","Root","forwardRef","props","outerRootRef","React","createElement","ref","_extends","className","classes","headerLogoImage","headerLogoConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;;;;;AAWA;AACA;;AAMA;AACA,IAAMA,KAAK,gBAAGC,SAAS,CAACC,WAAW,CAAC,CAAA;;AAEpC;AACA;AACA;IACaC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC1FC,UAAU,CAAkC,UAACC,KAAK,EAAEC,YAAY,EAAK;AACjE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACL,IAAI,EAAA;AAACM,MAAAA,GAAG,EAAEH,YAAAA;AAAa,KAAA,eACpBC,KAAA,CAAAC,aAAA,CAACT,KAAK,EAAAW,QAAA,CAAA;MAACC,SAAS,EAAEC,OAAO,CAACC,eAAAA;KAAqBR,EAAAA,KAAK,CAAG,CACrD,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMS,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEf,cAAc;AACtBgB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,IAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Header/ui/HeaderLogo/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../Header.tokens';\n\nexport const base = css`\n .${String(classes.headerLogoImage)} {\n --plasma_private-header-size: var(${tokens.headerHeight});\n\n width: var(--plasma_private-header-size);\n height: var(--plasma_private-header-size);\n flex: 0 0 var(--plasma_private-header-size);\n\n margin-right: var(${tokens.headerLogoMarginRight});\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAUhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1dbu9r0 .header-logo-image{--plasma_private-header-size:var(--plasma-header-height);width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);-webkit-flex:0 0 var(--plasma_private-header-size);-ms-flex:0 0 var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(--plasma-header-logo-margin-right);}
|
@@ -0,0 +1 @@
|
|
1
|
+
.HeaderTitle_styles_1tcobl_sia0zz2__4eb0558d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;}@media (max-width:1118px){.HeaderTitle_styles_1tcobl_sia0zz2__4eb0558d{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);font-weight:600;}}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React from 'react';
|
3
|
+
import { StyledHeaderTitle } from './HeaderTitle.styles.js';
|
4
|
+
|
5
|
+
var _excluded = ["children"];
|
6
|
+
|
7
|
+
/**
|
8
|
+
* Компонент для размещения заголовка.
|
9
|
+
*/
|
10
|
+
var HeaderTitle = function HeaderTitle(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/React.createElement(StyledHeaderTitle, rest, children);
|
14
|
+
};
|
15
|
+
|
16
|
+
export { HeaderTitle };
|
17
|
+
//# sourceMappingURL=HeaderTitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderTitle.js","sources":["../../../../../src/components/Header/ui/HeaderTitle/HeaderTitle.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StyledHeaderTitle } from './HeaderTitle.styles';\n\n/**\n * Компонент для размещения заголовка.\n */\nexport const HeaderTitle = ({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) => (\n <StyledHeaderTitle {...rest}>{children}</StyledHeaderTitle>\n);\n"],"names":["HeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledHeaderTitle"],"mappings":";;;;;;AAIA;AACA;AACA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAAA,oBAC3CC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAKL,IAAI,EAAGD,QAA4B,CAAC,CAAA;AAAA;;;;"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import './HeaderTitle.styles_1tcobl.css';
|
2
|
+
import { styled } from '@linaria/react';
|
3
|
+
|
4
|
+
var StyledHeaderTitle = /*#__PURE__*/styled('div')({
|
5
|
+
name: "StyledHeaderTitle",
|
6
|
+
"class": "sia0zz2",
|
7
|
+
propsAsIs: false
|
8
|
+
});
|
9
|
+
|
10
|
+
export { StyledHeaderTitle };
|
11
|
+
//# sourceMappingURL=HeaderTitle.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderTitle.styles.js","sources":["../../../../../src/components/Header/ui/HeaderTitle/HeaderTitle.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis, h3, mediaQuery } from '../../../../mixins';\n\nexport const StyledHeaderTitle = styled.div`\n ${applyEllipsis()};\n\n ${h3};\n font-weight: 600;\n\n ${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 `)};\n`;\n"],"names":["StyledHeaderTitle","styled","name","class","propsAsIs"],"mappings":";;AAIO,IAAMA,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CActC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.sia0zz2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;}@media (max-width:1118px){.sia0zz2{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);font-weight:600;}}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
.base_8u2c1r_bqjs9ns__f39cd122{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex:1 1 max-content;-ms-flex:1 1 max-content;flex:1 1 max-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;min-width:10%;}
|
2
|
+
|
3
|
+
.HeaderTitleWrapper_styles_1lra53t_t7wn5f0__eada4169{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);margin:var(--plasma-header-title-margin);color:var(--plasma-header-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
4
|
+
.HeaderTitleWrapper_styles_1lra53t_bkd5o5i__eada4169{font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;margin:var(--plasma-header-big-title-margin);color:var(--plasma-header-bigger-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
5
|
+
.HeaderTitleWrapper_styles_1lra53t_bn0jkdd__eada4169{font-family:var(--plasma-typo-h1-font-family);font-size:var(--plasma-typo-h1-font-size);font-style:var(--plasma-typo-h1-font-style);font-weight:var(--plasma-typo-h1-font-weight);-webkit-letter-spacing:var(--plasma-typo-h1-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h1-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h1-letter-spacing);letter-spacing:var(--plasma-typo-h1-letter-spacing);line-height:var(--plasma-typo-h1-line-height);font-weight:600;margin:var(--plasma-header-bigger-title-margin);color:var(--plasma-header-bigger-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
6
|
+
.HeaderTitleWrapper_styles_1lra53t_l1216phq__eada4169{margin:var(--plasma-header-label-margin);color:var(--plasma-header-label-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
7
|
+
.HeaderTitleWrapper_styles_1lra53t_st5x6gi__eada4169{font-family:var(--plasma-typo-body-s-font-family);font-size:var(--plasma-typo-body-s-font-size);font-style:var(--plasma-typo-body-s-font-style);font-weight:var(--plasma-typo-body-s-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-s-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-s-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-s-letter-spacing);letter-spacing:var(--plasma-typo-body-s-letter-spacing);line-height:var(--plasma-typo-body-s-line-height);margin:var(--plasma-header-subtitle-margin);color:var(--plasma-header-subtitle-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
8
|
+
.HeaderTitleWrapper_styles_1lra53t_cig18vd__eada4169{margin:var(--plasma-header-caption-margin);color:var(--plasma-header-caption-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
9
|
+
.HeaderTitleWrapper_styles_1lra53t_tnlilk7__eada4169 > :first-child{margin-top:0;}.HeaderTitleWrapper_styles_1lra53t_tnlilk7__eada4169 > :last-child{margin-bottom:0;}
|