@salutejs/plasma-new-hope 0.113.0-canary.1331.10163315465.0 → 0.113.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +5 -0
- package/cjs/components/Header/Header.tokens.js +41 -0
- package/cjs/components/Header/Header.tokens.js.map +1 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.css +1 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.js +21 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.js.map +1 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.styles.js +15 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.styles.js.map +1 -0
- package/cjs/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +1 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.css +2 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.js +53 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.js.map +1 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +30 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js.map +1 -0
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +2 -0
- package/cjs/components/Header/HeaderRoot/variations/_size/base.js +9 -0
- package/cjs/components/Header/HeaderRoot/variations/_size/base.js.map +1 -0
- package/cjs/components/Header/HeaderRoot/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +33 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +70 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +9 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +1 -0
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +1 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +9 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +1 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +9 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +1 -0
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.css +5 -0
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +48 -0
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js.map +1 -0
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +9 -0
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +1 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.css +1 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +21 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +15 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +9 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +57 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +45 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +7 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +9 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +9 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +1 -0
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +1 -0
- package/cjs/components/Range/Range.css +4 -4
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.styles_dmydia.css +8 -0
- package/cjs/components/_Icon/Icon.assets/ChevronLeft.js +23 -0
- package/cjs/components/_Icon/Icon.assets/ChevronLeft.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconChevronLeft.js +25 -0
- package/cjs/components/_Icon/Icons/IconChevronLeft.js.map +1 -0
- package/cjs/index.css +31 -6
- package/cjs/index.js +15 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/cjs/components/Header/Header.template-doc.mdx +78 -0
- package/emotion/cjs/components/Header/Header.tokens.js +39 -0
- package/emotion/cjs/components/Header/HeaderContent/HeaderContent.js +20 -0
- package/emotion/cjs/components/Header/HeaderContent/HeaderContent.styles.js +21 -0
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.js +54 -0
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +29 -0
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +5 -0
- package/emotion/cjs/components/Header/HeaderRoot/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Header/index.js +57 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +70 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +17 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +5 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +10 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +9 -0
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +47 -0
- package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +9 -0
- package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +20 -0
- package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +13 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +57 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +47 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +5 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +8 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +17 -0
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +8 -0
- package/emotion/cjs/components/Header/ui/index.js +33 -0
- package/emotion/cjs/components/Range/Range.styles.js +16 -9
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.config.js +22 -0
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.js +31 -0
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +128 -0
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/emotion/cjs/examples/plasma_web/components/Header/Header.config.js +22 -0
- package/emotion/cjs/examples/plasma_web/components/Header/Header.js +31 -0
- package/emotion/cjs/examples/plasma_web/components/Header/Header.stories.tsx +128 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +9 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/es/components/Header/Header.template-doc.mdx +78 -0
- package/emotion/es/components/Header/Header.tokens.js +33 -0
- package/emotion/es/components/Header/HeaderContent/HeaderContent.js +14 -0
- package/emotion/es/components/Header/HeaderContent/HeaderContent.styles.js +14 -0
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.js +46 -0
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.styles.js +22 -0
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.types.js +1 -0
- package/emotion/es/components/Header/HeaderRoot/variations/_size/base.js +2 -0
- package/emotion/es/components/Header/HeaderRoot/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Header/index.js +4 -0
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.js +61 -0
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +11 -0
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +1 -0
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/base.js +4 -0
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/base.js +3 -0
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +1 -0
- package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.js +39 -0
- package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +3 -0
- package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/base.js +3 -0
- package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.js +14 -0
- package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +6 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +49 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +40 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +1 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +2 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +8 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +11 -0
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +8 -0
- package/emotion/es/components/Header/ui/index.js +4 -0
- package/emotion/es/components/Range/Range.styles.js +16 -9
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/emotion/es/examples/plasma_b2c/components/Header/Header.config.js +16 -0
- package/emotion/es/examples/plasma_b2c/components/Header/Header.js +12 -0
- package/emotion/es/examples/plasma_b2c/components/Header/Header.stories.tsx +128 -0
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/emotion/es/examples/plasma_web/components/Header/Header.config.js +16 -0
- package/emotion/es/examples/plasma_web/components/Header/Header.js +12 -0
- package/emotion/es/examples/plasma_web/components/Header/Header.stories.tsx +128 -0
- package/emotion/es/index.js +1 -0
- package/es/components/DatePicker/DatePicker.tokens.js +9 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +5 -0
- package/es/components/Header/Header.tokens.js +36 -0
- package/es/components/Header/Header.tokens.js.map +1 -0
- package/es/components/Header/HeaderContent/HeaderContent.css +1 -0
- package/es/components/Header/HeaderContent/HeaderContent.js +17 -0
- package/es/components/Header/HeaderContent/HeaderContent.js.map +1 -0
- package/es/components/Header/HeaderContent/HeaderContent.styles.js +11 -0
- package/es/components/Header/HeaderContent/HeaderContent.styles.js.map +1 -0
- package/es/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +1 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.css +2 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.js +48 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.js.map +1 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.styles.js +25 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.styles.js.map +1 -0
- package/es/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +2 -0
- package/es/components/Header/HeaderRoot/variations/_size/base.js +5 -0
- package/es/components/Header/HeaderRoot/variations/_size/base.js.map +1 -0
- package/es/components/Header/HeaderRoot/variations/_size/base_x642ct.css +1 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +33 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +65 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +5 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +1 -0
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +1 -0
- package/es/components/Header/ui/HeaderArrow/variations/_size/base.js +5 -0
- package/es/components/Header/ui/HeaderArrow/variations/_size/base.js.map +1 -0
- package/es/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +1 -0
- package/es/components/Header/ui/HeaderArrow/variations/_view/base.js +5 -0
- package/es/components/Header/ui/HeaderArrow/variations/_view/base.js.map +1 -0
- package/es/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +1 -0
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.css +5 -0
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.js +43 -0
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.js.map +1 -0
- package/es/components/Header/ui/HeaderLogo/variations/_size/base.js +5 -0
- package/es/components/Header/ui/HeaderLogo/variations/_size/base.js.map +1 -0
- package/es/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +1 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.css +1 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.js +17 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.js.map +1 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +11 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +1 -0
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +9 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +52 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +36 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +7 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +5 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +5 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +1 -0
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +1 -0
- package/es/components/Range/Range.css +4 -4
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.styles_dmydia.css +8 -0
- package/es/components/_Icon/Icon.assets/ChevronLeft.js +19 -0
- package/es/components/_Icon/Icon.assets/ChevronLeft.js.map +1 -0
- package/es/components/_Icon/Icons/IconChevronLeft.js +21 -0
- package/es/components/_Icon/Icons/IconChevronLeft.js.map +1 -0
- package/es/index.css +31 -6
- package/es/index.js +7 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Header/Header.template-doc.mdx +78 -0
- package/styled-components/cjs/components/Header/Header.tokens.js +39 -0
- package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.js +20 -0
- package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.styles.js +11 -0
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.js +54 -0
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +18 -0
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +5 -0
- package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Header/index.js +57 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +70 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +8 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +5 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +9 -0
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +47 -0
- package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +9 -0
- package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +20 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +12 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +57 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +31 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +5 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +8 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +8 -0
- package/styled-components/cjs/components/Header/ui/index.js +33 -0
- package/styled-components/cjs/components/Range/Range.styles.js +2 -3
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.config.js +22 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +128 -0
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.config.js +22 -0
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.stories.tsx +128 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +9 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Header/Header.template-doc.mdx +78 -0
- package/styled-components/es/components/Header/Header.tokens.js +33 -0
- package/styled-components/es/components/Header/HeaderContent/HeaderContent.js +14 -0
- package/styled-components/es/components/Header/HeaderContent/HeaderContent.styles.js +4 -0
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.js +46 -0
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.styles.js +11 -0
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.types.js +1 -0
- package/styled-components/es/components/Header/HeaderRoot/variations/_size/base.js +2 -0
- package/styled-components/es/components/Header/HeaderRoot/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Header/index.js +4 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +61 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +2 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +1 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/base.js +4 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/base.js +3 -0
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.js +39 -0
- package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +3 -0
- package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/base.js +3 -0
- package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.js +14 -0
- package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +5 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +49 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +24 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +1 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +2 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +8 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +2 -0
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +8 -0
- package/styled-components/es/components/Header/ui/index.js +4 -0
- package/styled-components/es/components/Range/Range.styles.js +2 -3
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.config.js +16 -0
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.js +12 -0
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.stories.tsx +128 -0
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/styled-components/es/examples/plasma_web/components/Header/Header.config.js +16 -0
- package/styled-components/es/examples/plasma_web/components/Header/Header.js +12 -0
- package/styled-components/es/examples/plasma_web/components/Header/Header.stories.tsx +128 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts +8 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Header/Header.tokens.d.ts +34 -0
- package/types/components/Header/Header.tokens.d.ts.map +1 -0
- package/types/components/Header/HeaderContent/HeaderContent.d.ts +6 -0
- package/types/components/Header/HeaderContent/HeaderContent.d.ts.map +1 -0
- package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts +3 -0
- package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts.map +1 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.d.ts +30 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.d.ts.map +1 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts +5 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts.map +1 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts +23 -0
- package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts.map +1 -0
- package/types/components/Header/HeaderRoot/variations/_size/base.d.ts +2 -0
- package/types/components/Header/HeaderRoot/variations/_size/base.d.ts.map +1 -0
- package/types/components/Header/index.d.ts +7 -0
- package/types/components/Header/index.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +32 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts +2 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts +10 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts +24 -0
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts +2 -0
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts +6 -0
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts +3 -0
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts +40 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts +9 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts +10 -0
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts +2 -0
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts.map +1 -0
- package/types/components/Header/ui/index.d.ts +8 -0
- package/types/components/Header/ui/index.d.ts.map +1 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Header/Header.config.d.ts +15 -0
- package/types/examples/plasma_b2c/components/Header/Header.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Header/Header.d.ts +28 -0
- package/types/examples/plasma_b2c/components/Header/Header.d.ts.map +1 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Header/Header.config.d.ts +15 -0
- package/types/examples/plasma_web/components/Header/Header.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Header/Header.d.ts +28 -0
- package/types/examples/plasma_web/components/Header/Header.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +0 -5
- package/cjs/components/Range/Range.styles_1jtxp9z.css +0 -8
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +0 -5
- package/es/components/Range/Range.styles_1jtxp9z.css +0 -8
@@ -0,0 +1,33 @@
|
|
1
|
+
export var classes = {
|
2
|
+
headerLogoImage: 'header-logo-image',
|
3
|
+
headerArrow: 'header-arrow',
|
4
|
+
headerArrowIcon: 'header-arrow-icon',
|
5
|
+
headerArrowIconMinimize: 'header-arrow-icon-minimize',
|
6
|
+
headerRoot: 'header-root',
|
7
|
+
headerWithGradient: 'header-with-gradient'
|
8
|
+
};
|
9
|
+
export var tokens = {
|
10
|
+
headerHeight: '--plasma-header-height',
|
11
|
+
headerPaddingTop: '--plasma-header-padding-top',
|
12
|
+
headerPaddingBottom: '--plasma-header-padding-bottom',
|
13
|
+
headerLogoMarginRight: '--plasma-header-logo-margin-right',
|
14
|
+
headerArrowTransition: '--plasma-header-arrow-transition',
|
15
|
+
headerArrowMarginRight: '--plasma-header-arrow-margin-right',
|
16
|
+
headerArrowIconSize: '--plasma-header-arrow-icon-size',
|
17
|
+
headerArrowButtonColor: '--plasma-button-color',
|
18
|
+
headerArrowButtonBackgroundColor: '--plasma-button-bg-color',
|
19
|
+
headerArrowHeight: '--plasma-button-height',
|
20
|
+
headerArrowPadding: '--plasma-button-padding',
|
21
|
+
headerTitleMargin: '--plasma-header-title-margin',
|
22
|
+
headerBigTitleMargin: '--plasma-header-big-title-margin',
|
23
|
+
headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',
|
24
|
+
headerLabelMargin: '--plasma-header-label-margin',
|
25
|
+
headerSubTitleMargin: '--plasma-header-subtitle-margin',
|
26
|
+
headerCaptionMargin: '--plasma-header-caption-margin',
|
27
|
+
headerTitleColor: '--plasma-header-title-color',
|
28
|
+
headerBigTitleColor: '--plasma-header-big-title-color',
|
29
|
+
headerBiggerTitleColor: '--plasma-header-bigger-title-color',
|
30
|
+
headerLabelColor: '--plasma-header-label-color',
|
31
|
+
headerSubTitleColor: '--plasma-header-subtitle-color',
|
32
|
+
headerCaptionColor: '--plasma-header-caption-color'
|
33
|
+
};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var _excluded = ["children"];
|
2
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
3
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
4
|
+
import React from 'react';
|
5
|
+
import { StyledHeaderContent } from './HeaderContent.styles';
|
6
|
+
|
7
|
+
/**
|
8
|
+
* Контейнер для контента шапки.
|
9
|
+
*/
|
10
|
+
export var HeaderContent = function HeaderContent(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/React.createElement(StyledHeaderContent, rest, children);
|
14
|
+
};
|
@@ -0,0 +1,46 @@
|
|
1
|
+
var _excluded = ["children", "size", "view", "gradientColor"];
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
|
+
import React, { forwardRef } from 'react';
|
6
|
+
import { classes } from '../Header.tokens';
|
7
|
+
import { cx } from '../../../utils';
|
8
|
+
import { base as sizeCSS } from './variations/_size/base';
|
9
|
+
import { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';
|
10
|
+
|
11
|
+
/**
|
12
|
+
* Корневой узел для шапки.
|
13
|
+
*/
|
14
|
+
export var headerRoot = function headerRoot(Root) {
|
15
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
16
|
+
var children = props.children,
|
17
|
+
size = props.size,
|
18
|
+
view = props.view,
|
19
|
+
gradientColor = props.gradientColor,
|
20
|
+
rest = _objectWithoutProperties(props, _excluded);
|
21
|
+
var gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;
|
22
|
+
return /*#__PURE__*/React.createElement(Root, {
|
23
|
+
ref: outerRootRef,
|
24
|
+
size: size,
|
25
|
+
view: view
|
26
|
+
}, /*#__PURE__*/React.createElement(StyledHeaderRoot, _extends({
|
27
|
+
className: cx(classes.headerRoot, gradientColorClass)
|
28
|
+
}, rest, {
|
29
|
+
$gradientColor: gradientColor
|
30
|
+
}), /*#__PURE__*/React.createElement(StyledInner, null, children)));
|
31
|
+
});
|
32
|
+
};
|
33
|
+
export var headerRootConfig = {
|
34
|
+
name: 'HeaderRoot',
|
35
|
+
tag: 'div',
|
36
|
+
layout: headerRoot,
|
37
|
+
base: '',
|
38
|
+
variations: {
|
39
|
+
size: {
|
40
|
+
css: sizeCSS
|
41
|
+
}
|
42
|
+
},
|
43
|
+
defaults: {
|
44
|
+
size: 'm'
|
45
|
+
}
|
46
|
+
};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { classes, tokens } from '../Header.tokens';
|
3
|
+
export var StyledHeaderRoot = /*#__PURE__*/styled.header.withConfig({
|
4
|
+
componentId: "plasma-new-hope__sc-tdrw2s-0"
|
5
|
+
})(["box-sizing:content-box;height:var(", ");padding-top:var(", ");padding-bottom:var(", ");--header_private-gradient-color:", ";&.", "{&::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(", ") + var(", ") + var(", ") );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}}"], tokens.headerHeight, tokens.headerPaddingTop, tokens.headerPaddingBottom, function (_ref) {
|
6
|
+
var $gradientColor = _ref.$gradientColor;
|
7
|
+
return String($gradientColor);
|
8
|
+
}, /*#__PURE__*/String(classes.headerWithGradient), tokens.headerHeight, tokens.headerPaddingTop, tokens.headerPaddingBottom);
|
9
|
+
export var StyledInner = /*#__PURE__*/styled.div.withConfig({
|
10
|
+
componentId: "plasma-new-hope__sc-tdrw2s-1"
|
11
|
+
})(["position:relative;display:flex;align-items:center;flex-direction:row;width:100%;height:100%;"]);
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-height", "--plasma-header-padding-top", "--plasma-header-padding-bottom"]
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export { headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig, HeaderTitle } from './ui';
|
2
|
+
export { HeaderContent } from './HeaderContent/HeaderContent';
|
3
|
+
export { headerRootConfig } from './HeaderRoot/HeaderRoot';
|
4
|
+
export { tokens as headerTokens, classes as headerClasses } from './Header.tokens';
|
@@ -0,0 +1,61 @@
|
|
1
|
+
var _excluded = ["arrow", "iconSize", "value"];
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
|
+
import React, { forwardRef } from 'react';
|
6
|
+
import { component, mergeConfig } from '../../../../engines';
|
7
|
+
import { buttonConfig } from '../../../Button';
|
8
|
+
import { classes, tokens } from '../../Header.tokens';
|
9
|
+
import { IconChevronLeft } from '../../../_Icon';
|
10
|
+
import { cx } from '../../../../utils';
|
11
|
+
import { base } from './HeaderArrow.styles';
|
12
|
+
import { base as sizeCSS } from './variations/_size/base';
|
13
|
+
import { base as viewCSS } from './variations/_view/base';
|
14
|
+
var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
15
|
+
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
16
|
+
|
17
|
+
/**
|
18
|
+
* Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
|
19
|
+
*/
|
20
|
+
export var headerArrowRoot = function headerArrowRoot(Root) {
|
21
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
22
|
+
var arrow = props.arrow,
|
23
|
+
_props$iconSize = props.iconSize,
|
24
|
+
iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
|
25
|
+
value = props.value,
|
26
|
+
rest = _objectWithoutProperties(props, _excluded);
|
27
|
+
var minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;
|
28
|
+
return /*#__PURE__*/React.createElement(Root, {
|
29
|
+
ref: outerRootRef
|
30
|
+
}, /*#__PURE__*/React.createElement(Button, _extends({
|
31
|
+
view: "clear",
|
32
|
+
size: "s",
|
33
|
+
tabIndex: -1,
|
34
|
+
className: classes.headerArrow,
|
35
|
+
value: value
|
36
|
+
}, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
|
37
|
+
size: iconSize,
|
38
|
+
sizeCustomProperty: tokens.headerArrowIconSize,
|
39
|
+
className: cx(classes.headerArrowIcon, minimizeClass),
|
40
|
+
color: "inherit"
|
41
|
+
}, props))));
|
42
|
+
});
|
43
|
+
};
|
44
|
+
export var headerArrowConfig = {
|
45
|
+
name: 'HeaderArrow',
|
46
|
+
tag: 'div',
|
47
|
+
layout: headerArrowRoot,
|
48
|
+
base: base,
|
49
|
+
variations: {
|
50
|
+
view: {
|
51
|
+
css: viewCSS
|
52
|
+
},
|
53
|
+
size: {
|
54
|
+
css: sizeCSS
|
55
|
+
}
|
56
|
+
},
|
57
|
+
defaults: {
|
58
|
+
view: 'primary',
|
59
|
+
size: 'm'
|
60
|
+
}
|
61
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { mediaQuery } from '../../../../../../mixins';
|
3
|
+
import { classes, tokens } from '../../../../Header.tokens';
|
4
|
+
export var base = /*#__PURE__*/css([".", "{margin-right:var(", ");", "}"], /*#__PURE__*/String(classes.headerArrow), tokens.headerArrowMarginRight, /*#__PURE__*/mediaQuery('S')( /*#__PURE__*/"\n position: static;\n width: auto;\n height: calc(var(".concat(tokens.headerPaddingTop, ") + var(").concat(tokens.headerHeight, ") + var(").concat(tokens.headerPaddingBottom, "));\n padding: 0;\n margin-right: 1rem;\n margin-top: calc(var(").concat(tokens.headerPaddingTop, ") * -1);\n ")));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-arrow-margin-right", "--plasma-header-arrow-icon-size"]
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../../../Header.tokens';
|
3
|
+
export var base = /*#__PURE__*/css([".", "{transition:var(", ");}.", "{transform:rotate(-90deg);}"], /*#__PURE__*/String(classes.headerArrowIcon), tokens.headerArrowTransition, /*#__PURE__*/String(classes.headerArrowIconMinimize));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-arrow-transition"]
|
@@ -0,0 +1,39 @@
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import { component } from '../../../../engines';
|
4
|
+
import { imageConfig } from '../../../Image';
|
5
|
+
import { classes } from '../../Header.tokens';
|
6
|
+
import { base as sizeCSS } from './variations/_size/base';
|
7
|
+
|
8
|
+
// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'
|
9
|
+
// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18
|
10
|
+
|
11
|
+
// issue #823
|
12
|
+
var Image = /*#__PURE__*/component(imageConfig);
|
13
|
+
|
14
|
+
/**
|
15
|
+
* Компонент для размещения логотипа.
|
16
|
+
*/
|
17
|
+
export var headerLogoRoot = function headerLogoRoot(Root) {
|
18
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
19
|
+
return /*#__PURE__*/React.createElement(Root, {
|
20
|
+
ref: outerRootRef
|
21
|
+
}, /*#__PURE__*/React.createElement(Image, _extends({
|
22
|
+
className: classes.headerLogoImage
|
23
|
+
}, props)));
|
24
|
+
});
|
25
|
+
};
|
26
|
+
export var headerLogoConfig = {
|
27
|
+
name: 'HeaderLogo',
|
28
|
+
tag: 'div',
|
29
|
+
layout: headerLogoRoot,
|
30
|
+
base: '',
|
31
|
+
variations: {
|
32
|
+
size: {
|
33
|
+
css: sizeCSS
|
34
|
+
}
|
35
|
+
},
|
36
|
+
defaults: {
|
37
|
+
size: 'm'
|
38
|
+
}
|
39
|
+
};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../Header.tokens';
|
3
|
+
export var base = /*#__PURE__*/css([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../../../Header.tokens';
|
3
|
+
export var base = /*#__PURE__*/css([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-header-logo-margin-right"]
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var _excluded = ["children"];
|
2
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
3
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
4
|
+
import React from 'react';
|
5
|
+
import { StyledHeaderTitle } from './HeaderTitle.styles';
|
6
|
+
|
7
|
+
/**
|
8
|
+
* Компонент для размещения заголовка.
|
9
|
+
*/
|
10
|
+
export var HeaderTitle = function HeaderTitle(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/React.createElement(StyledHeaderTitle, rest, children);
|
14
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { applyEllipsis, h3, mediaQuery } from '../../../../mixins';
|
3
|
+
export var StyledHeaderTitle = /*#__PURE__*/styled.div.withConfig({
|
4
|
+
componentId: "plasma-new-hope__sc-1a7z4tx-0"
|
5
|
+
})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/applyEllipsis(), h3, /*#__PURE__*/mediaQuery('S')("\n font-family: var(--plasma-typo-body-m-font-family);\n font-size: var(--plasma-typo-body-m-font-size);\n font-style: var(--plasma-typo-body-m-font-style);\n letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n line-height: var(--plasma-typo-body-m-line-height);\n font-weight: 600;\n "));
|
@@ -0,0 +1,49 @@
|
|
1
|
+
var _excluded = ["label", "title", "subTitle", "caption", "withBigTitle", "children"];
|
2
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
3
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
4
|
+
import React, { forwardRef } from 'react';
|
5
|
+
import { base as sizeCSS } from './variations/_size/base';
|
6
|
+
import { base as viewCSS } from './variations/_view/base';
|
7
|
+
import { BigTitle, Caption, Label, SubTitle, TextBoxRoot, Title } from './HeaderTitleWrapper.styles';
|
8
|
+
|
9
|
+
/**
|
10
|
+
* Компонент для отображения текста в скомпанованном блоке.
|
11
|
+
*/
|
12
|
+
export var headerTitleWrapperRoot = function headerTitleWrapperRoot(Root) {
|
13
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
14
|
+
var label = props.label,
|
15
|
+
title = props.title,
|
16
|
+
subTitle = props.subTitle,
|
17
|
+
caption = props.caption,
|
18
|
+
withBigTitle = props.withBigTitle,
|
19
|
+
children = props.children,
|
20
|
+
rest = _objectWithoutProperties(props, _excluded);
|
21
|
+
if (children) {
|
22
|
+
return /*#__PURE__*/React.createElement(Root, {
|
23
|
+
ref: outerRootRef
|
24
|
+
}, /*#__PURE__*/React.createElement(TextBoxRoot, rest, children));
|
25
|
+
}
|
26
|
+
var T = withBigTitle ? BigTitle : Title;
|
27
|
+
return /*#__PURE__*/React.createElement(Root, {
|
28
|
+
ref: outerRootRef
|
29
|
+
}, /*#__PURE__*/React.createElement(TextBoxRoot, rest, label && /*#__PURE__*/React.createElement(Label, null, label), title && /*#__PURE__*/React.createElement(T, null, title), subTitle && /*#__PURE__*/React.createElement(SubTitle, null, subTitle), caption && /*#__PURE__*/React.createElement(Caption, null, caption)));
|
30
|
+
});
|
31
|
+
};
|
32
|
+
export var headerTitleWrapperConfig = {
|
33
|
+
name: 'HeaderTitleWrapper',
|
34
|
+
tag: 'div',
|
35
|
+
layout: headerTitleWrapperRoot,
|
36
|
+
base: '',
|
37
|
+
variations: {
|
38
|
+
view: {
|
39
|
+
css: viewCSS
|
40
|
+
},
|
41
|
+
size: {
|
42
|
+
css: sizeCSS
|
43
|
+
}
|
44
|
+
},
|
45
|
+
defaults: {
|
46
|
+
view: 'primary',
|
47
|
+
size: 'm'
|
48
|
+
}
|
49
|
+
};
|
package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { tokens } from '../../Header.tokens';
|
3
|
+
import { applyEllipsis, applyHyphens, bodyM, bodyS, h1, h3 } from '../../../../mixins';
|
4
|
+
export var Title = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1jzpuar-0"
|
6
|
+
})(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyM, tokens.headerTitleMargin, tokens.headerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
|
7
|
+
export var BigTitle = /*#__PURE__*/styled.div.withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-1jzpuar-1"
|
9
|
+
})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h3, tokens.headerBigTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
|
10
|
+
export var BiggerTitle = /*#__PURE__*/styled.div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-1jzpuar-2"
|
12
|
+
})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h1, tokens.headerBiggerTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
|
13
|
+
export var Label = /*#__PURE__*/styled.div.withConfig({
|
14
|
+
componentId: "plasma-new-hope__sc-1jzpuar-3"
|
15
|
+
})(["margin:var(", ");color:var(", ");", ";"], tokens.headerLabelMargin, tokens.headerLabelColor, /*#__PURE__*/applyEllipsis());
|
16
|
+
export var SubTitle = /*#__PURE__*/styled.div.withConfig({
|
17
|
+
componentId: "plasma-new-hope__sc-1jzpuar-4"
|
18
|
+
})(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyS, tokens.headerSubTitleMargin, tokens.headerSubTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
|
19
|
+
export var Caption = /*#__PURE__*/styled.div.withConfig({
|
20
|
+
componentId: "plasma-new-hope__sc-1jzpuar-5"
|
21
|
+
})(["margin:var(", ");color:var(", ");", ";"], tokens.headerCaptionMargin, tokens.headerCaptionColor, /*#__PURE__*/applyEllipsis());
|
22
|
+
export var TextBoxRoot = /*#__PURE__*/styled.div.withConfig({
|
23
|
+
componentId: "plasma-new-hope__sc-1jzpuar-6"
|
24
|
+
})(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);
|
package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -2,7 +2,6 @@ import styled from 'styled-components';
|
|
2
2
|
import { css } from 'styled-components';
|
3
3
|
import { component, mergeConfig } from '../../engines';
|
4
4
|
import { textFieldConfig, textFieldTokens } from '../TextField';
|
5
|
-
import { popoverClasses } from '../Popover';
|
6
5
|
import { classes, tokens } from './Range.tokens';
|
7
6
|
var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
8
7
|
var TextField = /*#__PURE__*/component(mergedConfig);
|
@@ -10,8 +9,8 @@ var TextField = /*#__PURE__*/component(mergedConfig);
|
|
10
9
|
// NOTE: переопределение токенов TextField
|
11
10
|
export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
|
12
11
|
componentId: "plasma-new-hope__sc-xpkrak-0"
|
13
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.rangeValueError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.rangeValueSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
14
|
-
export var base = /*#__PURE__*/css(["
|
12
|
+
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.rangeValueError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.rangeValueSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
13
|
+
export var base = /*#__PURE__*/css(["width:fit-content;"]);
|
15
14
|
export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
|
16
15
|
componentId: "plasma-new-hope__sc-xpkrak-1"
|
17
16
|
})([""]);
|