@salutejs/plasma-new-hope 0.115.0-canary.1328.10250048582.0 → 0.115.0-canary.1331.10263579735.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +8 -8
- package/cjs/components/Button/Button.styles.js +1 -1
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +0 -2
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/cjs/components/Drawer/Drawer.css +8 -8
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/cjs/components/EmptyState/EmptyState.css +8 -8
- package/cjs/components/IconButton/IconButton.css +8 -8
- package/cjs/components/Notification/Notification.css +8 -8
- package/cjs/components/Notification/NotificationsProvider.css +8 -8
- package/cjs/components/Pagination/Pagination.css +29 -29
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/cjs/components/Select/Select.css +30 -30
- package/cjs/components/Select/Select.js +32 -28
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_1e7cbbz.css → Select.styles_zx0ztg.css} +1 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +31 -31
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/cjs/components/Select/ui/Target/Target.css +26 -26
- package/cjs/components/Select/ui/Target/Target.js +11 -7
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/{Button.styles_lxxm4p.css → Button.styles_nn6pg.css} +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_5mg7p7.css → Textfield.styles_16d02b7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Toast/Toast.css +8 -8
- package/cjs/components/Toast/ToastController.css +8 -8
- package/cjs/index.css +31 -56
- package/cjs/index.js +0 -15
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +0 -2
- package/emotion/cjs/components/Select/Select.js +32 -28
- package/emotion/cjs/components/Select/Select.styles.js +6 -6
- package/emotion/cjs/components/Select/Select.tokens.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +11 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +0 -2
- package/emotion/es/components/Select/Select.js +32 -28
- package/emotion/es/components/Select/Select.styles.js +6 -6
- package/emotion/es/components/Select/Select.tokens.js +1 -1
- package/emotion/es/components/Select/ui/Target/Target.js +11 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/es/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/es/index.js +0 -1
- package/es/components/Button/Button.css +8 -8
- package/es/components/Button/Button.styles.js +1 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/es/components/Button/Button.tokens.js +0 -2
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/es/components/Drawer/Drawer.css +8 -8
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/es/components/EmptyState/EmptyState.css +8 -8
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Notification/Notification.css +8 -8
- package/es/components/Notification/NotificationsProvider.css +8 -8
- package/es/components/Pagination/Pagination.css +29 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/es/components/Select/Select.css +30 -30
- package/es/components/Select/Select.js +32 -28
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_1e7cbbz.css → Select.styles_zx0ztg.css} +1 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +31 -31
- package/es/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/es/components/Select/ui/Target/Target.css +26 -26
- package/es/components/Select/ui/Target/Target.js +11 -7
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/{Button.styles_lxxm4p.css → Button.styles_nn6pg.css} +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_5mg7p7.css → Textfield.styles_16d02b7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +13 -12
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Toast/Toast.css +8 -8
- package/es/components/Toast/ToastController.css +8 -8
- package/es/index.css +31 -56
- package/es/index.js +0 -7
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.tokens.js +0 -2
- package/styled-components/cjs/components/Select/Select.js +32 -28
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +0 -2
- package/styled-components/es/components/Select/Select.js +32 -28
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/es/components/Select/utils/getButtonLabel.js +13 -12
- package/styled-components/es/index.js +0 -1
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +0 -2
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
- package/types/components/Select/Select.types.d.ts +8 -12
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -4
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +2 -4
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -3
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Header/Header.tokens.js +0 -41
- package/cjs/components/Header/Header.tokens.js.map +0 -1
- package/cjs/components/Header/HeaderContent/HeaderContent.css +0 -1
- package/cjs/components/Header/HeaderContent/HeaderContent.js +0 -21
- package/cjs/components/Header/HeaderContent/HeaderContent.js.map +0 -1
- package/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -15
- package/cjs/components/Header/HeaderContent/HeaderContent.styles.js.map +0 -1
- package/cjs/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +0 -1
- package/cjs/components/Header/HeaderRoot/HeaderRoot.css +0 -2
- package/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -53
- package/cjs/components/Header/HeaderRoot/HeaderRoot.js.map +0 -1
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -30
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js.map +0 -1
- package/cjs/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +0 -2
- package/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -9
- package/cjs/components/Header/HeaderRoot/variations/_size/base.js.map +0 -1
- package/cjs/components/Header/HeaderRoot/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +0 -33
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +0 -1
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -9
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +0 -1
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +0 -1
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -9
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js.map +0 -1
- package/cjs/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +0 -1
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js.map +0 -1
- package/cjs/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +0 -1
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.css +0 -5
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -48
- package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js.map +0 -1
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js.map +0 -1
- package/cjs/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +0 -1
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.css +0 -1
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -21
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js.map +0 -1
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -15
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +0 -1
- package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +0 -1
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +0 -9
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +0 -1
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -45
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +0 -1
- package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +0 -7
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -9
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +0 -1
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -9
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +0 -1
- package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +0 -1
- package/cjs/components/_Icon/Icon.assets/ChevronLeft.js +0 -23
- package/cjs/components/_Icon/Icon.assets/ChevronLeft.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconChevronLeft.js +0 -25
- package/cjs/components/_Icon/Icons/IconChevronLeft.js.map +0 -1
- package/emotion/cjs/components/Header/Header.template-doc.mdx +0 -78
- package/emotion/cjs/components/Header/Header.tokens.js +0 -39
- package/emotion/cjs/components/Header/HeaderContent/HeaderContent.js +0 -20
- package/emotion/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -21
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -54
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -29
- package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +0 -5
- package/emotion/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Header/index.js +0 -57
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -17
- package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -5
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -10
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
- package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
- package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -47
- package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -9
- package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -20
- package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -13
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -47
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -5
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -17
- package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
- package/emotion/cjs/components/Header/ui/index.js +0 -33
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.config.js +0 -22
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.js +0 -31
- package/emotion/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
- package/emotion/cjs/examples/plasma_web/components/Header/Header.config.js +0 -22
- package/emotion/cjs/examples/plasma_web/components/Header/Header.js +0 -31
- package/emotion/cjs/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
- package/emotion/es/components/Header/Header.template-doc.mdx +0 -78
- package/emotion/es/components/Header/Header.tokens.js +0 -33
- package/emotion/es/components/Header/HeaderContent/HeaderContent.js +0 -14
- package/emotion/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -14
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.js +0 -46
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -22
- package/emotion/es/components/Header/HeaderRoot/HeaderRoot.types.js +0 -1
- package/emotion/es/components/Header/HeaderRoot/variations/_size/base.js +0 -2
- package/emotion/es/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Header/index.js +0 -4
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -61
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -11
- package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -1
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -4
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -3
- package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
- package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -39
- package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -3
- package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -3
- package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -14
- package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -6
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -49
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -40
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -1
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -2
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -11
- package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
- package/emotion/es/components/Header/ui/index.js +0 -4
- package/emotion/es/examples/plasma_b2c/components/Header/Header.config.js +0 -16
- package/emotion/es/examples/plasma_b2c/components/Header/Header.js +0 -12
- package/emotion/es/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
- package/emotion/es/examples/plasma_web/components/Header/Header.config.js +0 -16
- package/emotion/es/examples/plasma_web/components/Header/Header.js +0 -12
- package/emotion/es/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
- package/es/components/Header/Header.tokens.js +0 -36
- package/es/components/Header/Header.tokens.js.map +0 -1
- package/es/components/Header/HeaderContent/HeaderContent.css +0 -1
- package/es/components/Header/HeaderContent/HeaderContent.js +0 -17
- package/es/components/Header/HeaderContent/HeaderContent.js.map +0 -1
- package/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -11
- package/es/components/Header/HeaderContent/HeaderContent.styles.js.map +0 -1
- package/es/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +0 -1
- package/es/components/Header/HeaderRoot/HeaderRoot.css +0 -2
- package/es/components/Header/HeaderRoot/HeaderRoot.js +0 -48
- package/es/components/Header/HeaderRoot/HeaderRoot.js.map +0 -1
- package/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -25
- package/es/components/Header/HeaderRoot/HeaderRoot.styles.js.map +0 -1
- package/es/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +0 -2
- package/es/components/Header/HeaderRoot/variations/_size/base.js +0 -5
- package/es/components/Header/HeaderRoot/variations/_size/base.js.map +0 -1
- package/es/components/Header/HeaderRoot/variations/_size/base_x642ct.css +0 -1
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +0 -33
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -65
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +0 -1
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -5
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +0 -1
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +0 -1
- package/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -5
- package/es/components/Header/ui/HeaderArrow/variations/_size/base.js.map +0 -1
- package/es/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +0 -1
- package/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -5
- package/es/components/Header/ui/HeaderArrow/variations/_view/base.js.map +0 -1
- package/es/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +0 -1
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.css +0 -5
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -43
- package/es/components/Header/ui/HeaderLogo/HeaderLogo.js.map +0 -1
- package/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -5
- package/es/components/Header/ui/HeaderLogo/variations/_size/base.js.map +0 -1
- package/es/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +0 -1
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.css +0 -1
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -17
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.js.map +0 -1
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -11
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +0 -1
- package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +0 -1
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +0 -9
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -52
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +0 -1
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -36
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +0 -1
- package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +0 -7
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -5
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +0 -1
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +0 -1
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -5
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +0 -1
- package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +0 -1
- package/es/components/_Icon/Icon.assets/ChevronLeft.js +0 -19
- package/es/components/_Icon/Icon.assets/ChevronLeft.js.map +0 -1
- package/es/components/_Icon/Icons/IconChevronLeft.js +0 -21
- package/es/components/_Icon/Icons/IconChevronLeft.js.map +0 -1
- package/styled-components/cjs/components/Header/Header.template-doc.mdx +0 -78
- package/styled-components/cjs/components/Header/Header.tokens.js +0 -39
- package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.js +0 -20
- package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -11
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -54
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -18
- package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +0 -5
- package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Header/index.js +0 -57
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -8
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -5
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
- package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -47
- package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -9
- package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
- package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -20
- package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -12
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -31
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -5
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
- package/styled-components/cjs/components/Header/ui/index.js +0 -33
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.config.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.js +0 -31
- package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.config.js +0 -22
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.js +0 -31
- package/styled-components/cjs/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
- package/styled-components/es/components/Header/Header.template-doc.mdx +0 -78
- package/styled-components/es/components/Header/Header.tokens.js +0 -33
- package/styled-components/es/components/Header/HeaderContent/HeaderContent.js +0 -14
- package/styled-components/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -4
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.js +0 -46
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -11
- package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.types.js +0 -1
- package/styled-components/es/components/Header/HeaderRoot/variations/_size/base.js +0 -2
- package/styled-components/es/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Header/index.js +0 -4
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -61
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -2
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -1
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -4
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -3
- package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -39
- package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -3
- package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -3
- package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -14
- package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -5
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -49
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -24
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -1
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -2
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -2
- package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
- package/styled-components/es/components/Header/ui/index.js +0 -4
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.config.js +0 -16
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.js +0 -12
- package/styled-components/es/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
- package/styled-components/es/examples/plasma_web/components/Header/Header.config.js +0 -16
- package/styled-components/es/examples/plasma_web/components/Header/Header.js +0 -12
- package/styled-components/es/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
- package/types/components/Header/Header.tokens.d.ts +0 -34
- package/types/components/Header/Header.tokens.d.ts.map +0 -1
- package/types/components/Header/HeaderContent/HeaderContent.d.ts +0 -6
- package/types/components/Header/HeaderContent/HeaderContent.d.ts.map +0 -1
- package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts +0 -3
- package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts.map +0 -1
- package/types/components/Header/HeaderRoot/HeaderRoot.d.ts +0 -30
- package/types/components/Header/HeaderRoot/HeaderRoot.d.ts.map +0 -1
- package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts +0 -5
- package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts.map +0 -1
- package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts +0 -23
- package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts.map +0 -1
- package/types/components/Header/HeaderRoot/variations/_size/base.d.ts +0 -2
- package/types/components/Header/HeaderRoot/variations/_size/base.d.ts.map +0 -1
- package/types/components/Header/index.d.ts +0 -7
- package/types/components/Header/index.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +0 -32
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts +0 -2
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts +0 -10
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts +0 -2
- package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts +0 -2
- package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts +0 -24
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts +0 -2
- package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts +0 -2
- package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts +0 -6
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts +0 -3
- package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts +0 -40
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts +0 -9
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts +0 -10
- package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts +0 -2
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts.map +0 -1
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts +0 -2
- package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts.map +0 -1
- package/types/components/Header/ui/index.d.ts +0 -8
- package/types/components/Header/ui/index.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Header/Header.config.d.ts +0 -15
- package/types/examples/plasma_b2c/components/Header/Header.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Header/Header.d.ts +0 -28
- package/types/examples/plasma_b2c/components/Header/Header.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Header/Header.config.d.ts +0 -15
- package/types/examples/plasma_web/components/Header/Header.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Header/Header.d.ts +0 -28
- package/types/examples/plasma_web/components/Header/Header.d.ts.map +0 -1
@@ -1,128 +0,0 @@
|
|
1
|
-
import React, { useState } from 'react';
|
2
|
-
import styled from 'styled-components';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
import { action } from '@storybook/addon-actions';
|
5
|
-
|
6
|
-
import { Button } from '../Button/Button';
|
7
|
-
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
|
-
import { mergeConfig } from '../../../../engines';
|
9
|
-
import { headerRootConfig } from '../../../../components/Header';
|
10
|
-
import { IconMic } from '../../../../components/_Icon';
|
11
|
-
|
12
|
-
import { config } from './Header.config';
|
13
|
-
import { HeaderRoot, HeaderLogo, HeaderArrow, HeaderTitleWrapper, HeaderTitle, HeaderContent } from './Header';
|
14
|
-
|
15
|
-
const meta: Meta<typeof HeaderRoot> = {
|
16
|
-
title: 'plasma_b2c/Header',
|
17
|
-
decorators: [WithTheme],
|
18
|
-
};
|
19
|
-
|
20
|
-
export default meta;
|
21
|
-
|
22
|
-
type ContentComponentProps = {
|
23
|
-
contentType: string;
|
24
|
-
contentItemsNumber: number;
|
25
|
-
enableIcons: boolean;
|
26
|
-
};
|
27
|
-
|
28
|
-
type CustomAssemblyProps = {
|
29
|
-
variant: string;
|
30
|
-
title: string;
|
31
|
-
subtitle: string;
|
32
|
-
label: string;
|
33
|
-
gradientColor: string;
|
34
|
-
};
|
35
|
-
|
36
|
-
const StyledContentGrid = styled.div<{ $colCount: number }>`
|
37
|
-
display: grid;
|
38
|
-
grid-template-columns: ${({ $colCount }) => `repeat(${$colCount}, max-content)`};
|
39
|
-
grid-column-gap: 0.75rem;
|
40
|
-
`;
|
41
|
-
|
42
|
-
const Content = ({ contentItemsNumber, enableIcons }: ContentComponentProps) => {
|
43
|
-
const contentItems = Array(contentItemsNumber).fill(0);
|
44
|
-
|
45
|
-
return (
|
46
|
-
<StyledContentGrid $colCount={contentItems.length}>
|
47
|
-
{contentItems.map((_, i) => (
|
48
|
-
<Button
|
49
|
-
key={`item:${i}`}
|
50
|
-
size="s"
|
51
|
-
view="clear"
|
52
|
-
contentLeft={enableIcons && <IconMic color="inherit" size="s" />}
|
53
|
-
text="Button"
|
54
|
-
/>
|
55
|
-
))}
|
56
|
-
</StyledContentGrid>
|
57
|
-
);
|
58
|
-
};
|
59
|
-
|
60
|
-
const StoryCustomAssembly = ({
|
61
|
-
variant,
|
62
|
-
title,
|
63
|
-
subtitle,
|
64
|
-
label,
|
65
|
-
gradientColor,
|
66
|
-
...rest
|
67
|
-
}: CustomAssemblyProps & ContentComponentProps) => {
|
68
|
-
const [isBack, setIsBack] = useState(true);
|
69
|
-
|
70
|
-
const onBackClick = () => {
|
71
|
-
action('onBackClick')();
|
72
|
-
setIsBack(false);
|
73
|
-
};
|
74
|
-
|
75
|
-
const onMinimizeClick = () => {
|
76
|
-
action('onMinimizeClick')();
|
77
|
-
setIsBack(true);
|
78
|
-
};
|
79
|
-
|
80
|
-
return (
|
81
|
-
<HeaderRoot gradientColor={gradientColor} {...rest} style={{ marginLeft: '40px' }}>
|
82
|
-
{isBack ? (
|
83
|
-
<HeaderArrow onClick={onBackClick} />
|
84
|
-
) : (
|
85
|
-
<HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
|
86
|
-
)}
|
87
|
-
<HeaderLogo src="./images/320_320_9.jpg" alt="Logo" />
|
88
|
-
{variant === 'title+subtitle' && (
|
89
|
-
<>
|
90
|
-
<HeaderTitleWrapper title={title} subTitle={subtitle} />
|
91
|
-
</>
|
92
|
-
)}
|
93
|
-
{variant === 'label+title' && (
|
94
|
-
<>
|
95
|
-
<HeaderTitleWrapper title={title} label={label} />
|
96
|
-
</>
|
97
|
-
)}
|
98
|
-
{variant === 'title' && <HeaderTitle>{title}</HeaderTitle>}
|
99
|
-
<HeaderContent>
|
100
|
-
<Content {...rest} />
|
101
|
-
</HeaderContent>
|
102
|
-
</HeaderRoot>
|
103
|
-
);
|
104
|
-
};
|
105
|
-
|
106
|
-
export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProps> = {
|
107
|
-
argTypes: {
|
108
|
-
variant: {
|
109
|
-
options: ['title+subtitle', 'label+title', 'title'],
|
110
|
-
control: {
|
111
|
-
type: 'inline-radio',
|
112
|
-
},
|
113
|
-
},
|
114
|
-
...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
|
115
|
-
},
|
116
|
-
args: {
|
117
|
-
view: 'default',
|
118
|
-
size: 'm',
|
119
|
-
variant: 'title+subtitle',
|
120
|
-
title: 'Header title text',
|
121
|
-
subtitle: 'Subtitle text',
|
122
|
-
label: 'Label text',
|
123
|
-
gradientColor: '#F69555',
|
124
|
-
contentItemsNumber: 3,
|
125
|
-
enableIcons: true,
|
126
|
-
},
|
127
|
-
render: (args) => <StoryCustomAssembly {...args} />,
|
128
|
-
};
|
@@ -1,22 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Header = /*#__PURE__*/require("../../../../components/Header");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'default',
|
12
|
-
size: 'm'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], _Header.headerTokens.headerArrowButtonColor, _Header.headerTokens.headerArrowButtonBackgroundColor, _Header.headerTokens.headerArrowTransition, _Header.headerTokens.headerTitleColor, _Header.headerTokens.headerBigTitleColor, _Header.headerTokens.headerBiggerTitleColor, _Header.headerTokens.headerLabelColor, _Header.headerTokens.headerSubTitleColor, _Header.headerTokens.headerCaptionColor)
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.25rem;", ":1.625rem;", ":0.625rem;", ":0.75rem;", ":1rem;", ":1.5rem;", ":0.125rem 0;", ":0.5rem 0;", ":0.5rem 0;", ":0.375rem 0;", ":0.125rem 0;", ":0.25rem 0;", ":2.25rem;", ":0.5rem;"], _Header.headerTokens.headerHeight, _Header.headerTokens.headerPaddingTop, _Header.headerTokens.headerPaddingBottom, _Header.headerTokens.headerLogoMarginRight, _Header.headerTokens.headerArrowMarginRight, _Header.headerTokens.headerArrowIconSize, _Header.headerTokens.headerTitleMargin, _Header.headerTokens.headerBigTitleMargin, _Header.headerTokens.headerBiggerTitleMargin, _Header.headerTokens.headerLabelMargin, _Header.headerTokens.headerSubTitleMargin, _Header.headerTokens.headerCaptionMargin, _Header.headerTokens.headerArrowHeight, _Header.headerTokens.headerArrowPadding)
|
20
|
-
}
|
21
|
-
}
|
22
|
-
};
|
@@ -1,31 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.HeaderArrow = void 0;
|
7
|
-
Object.defineProperty(exports, "HeaderContent", {
|
8
|
-
enumerable: true,
|
9
|
-
get: function get() {
|
10
|
-
return _Header.HeaderContent;
|
11
|
-
}
|
12
|
-
});
|
13
|
-
exports.HeaderRoot = exports.HeaderLogo = void 0;
|
14
|
-
Object.defineProperty(exports, "HeaderTitle", {
|
15
|
-
enumerable: true,
|
16
|
-
get: function get() {
|
17
|
-
return _Header.HeaderTitle;
|
18
|
-
}
|
19
|
-
});
|
20
|
-
exports.HeaderTitleWrapper = void 0;
|
21
|
-
var _Header = /*#__PURE__*/require("../../../../components/Header");
|
22
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
23
|
-
var _Header2 = /*#__PURE__*/require("./Header.config");
|
24
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerRootConfig, _Header2.config);
|
25
|
-
var mergedLogoConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerLogoConfig);
|
26
|
-
var mergedArrowConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerArrowConfig);
|
27
|
-
var mergedTitleWrapperConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerTitleWrapperConfig);
|
28
|
-
var HeaderRoot = exports.HeaderRoot = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
29
|
-
var HeaderLogo = exports.HeaderLogo = /*#__PURE__*/(0, _engines.component)(mergedLogoConfig);
|
30
|
-
var HeaderArrow = exports.HeaderArrow = /*#__PURE__*/(0, _engines.component)(mergedArrowConfig);
|
31
|
-
var HeaderTitleWrapper = exports.HeaderTitleWrapper = /*#__PURE__*/(0, _engines.component)(mergedTitleWrapperConfig);
|
@@ -1,128 +0,0 @@
|
|
1
|
-
import React, { useState } from 'react';
|
2
|
-
import styled from 'styled-components';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
import { action } from '@storybook/addon-actions';
|
5
|
-
|
6
|
-
import { Button } from '../Button/Button';
|
7
|
-
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
|
-
import { mergeConfig } from '../../../../engines';
|
9
|
-
import { headerRootConfig } from '../../../../components/Header';
|
10
|
-
import { IconMic } from '../../../../components/_Icon';
|
11
|
-
|
12
|
-
import { config } from './Header.config';
|
13
|
-
import { HeaderRoot, HeaderLogo, HeaderArrow, HeaderTitleWrapper, HeaderTitle, HeaderContent } from './Header';
|
14
|
-
|
15
|
-
const meta: Meta<typeof HeaderRoot> = {
|
16
|
-
title: 'plasma_web/Header',
|
17
|
-
decorators: [WithTheme],
|
18
|
-
};
|
19
|
-
|
20
|
-
export default meta;
|
21
|
-
|
22
|
-
type ContentComponentProps = {
|
23
|
-
contentType: string;
|
24
|
-
contentItemsNumber: number;
|
25
|
-
enableIcons: boolean;
|
26
|
-
};
|
27
|
-
|
28
|
-
type CustomAssemblyProps = {
|
29
|
-
variant: string;
|
30
|
-
title: string;
|
31
|
-
subtitle: string;
|
32
|
-
label: string;
|
33
|
-
gradientColor: string;
|
34
|
-
};
|
35
|
-
|
36
|
-
const StyledContentGrid = styled.div<{ $colCount: number }>`
|
37
|
-
display: grid;
|
38
|
-
grid-template-columns: ${({ $colCount }) => `repeat(${$colCount}, max-content)`};
|
39
|
-
grid-column-gap: 0.75rem;
|
40
|
-
`;
|
41
|
-
|
42
|
-
const Content = ({ contentItemsNumber, enableIcons }: ContentComponentProps) => {
|
43
|
-
const contentItems = Array(contentItemsNumber).fill(0);
|
44
|
-
|
45
|
-
return (
|
46
|
-
<StyledContentGrid $colCount={contentItems.length}>
|
47
|
-
{contentItems.map((_, i) => (
|
48
|
-
<Button
|
49
|
-
key={`item:${i}`}
|
50
|
-
size="s"
|
51
|
-
view="clear"
|
52
|
-
contentLeft={enableIcons && <IconMic color="inherit" size="s" />}
|
53
|
-
text="Button"
|
54
|
-
/>
|
55
|
-
))}
|
56
|
-
</StyledContentGrid>
|
57
|
-
);
|
58
|
-
};
|
59
|
-
|
60
|
-
const StoryCustomAssembly = ({
|
61
|
-
variant,
|
62
|
-
title,
|
63
|
-
subtitle,
|
64
|
-
label,
|
65
|
-
gradientColor,
|
66
|
-
...rest
|
67
|
-
}: CustomAssemblyProps & ContentComponentProps) => {
|
68
|
-
const [isBack, setIsBack] = useState(true);
|
69
|
-
|
70
|
-
const onBackClick = () => {
|
71
|
-
action('onBackClick')();
|
72
|
-
setIsBack(false);
|
73
|
-
};
|
74
|
-
|
75
|
-
const onMinimizeClick = () => {
|
76
|
-
action('onMinimizeClick')();
|
77
|
-
setIsBack(true);
|
78
|
-
};
|
79
|
-
|
80
|
-
return (
|
81
|
-
<HeaderRoot gradientColor={gradientColor} {...rest} style={{ marginLeft: '40px' }}>
|
82
|
-
{isBack ? (
|
83
|
-
<HeaderArrow onClick={onBackClick} />
|
84
|
-
) : (
|
85
|
-
<HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
|
86
|
-
)}
|
87
|
-
<HeaderLogo src="./images/320_320_9.jpg" alt="Logo" />
|
88
|
-
{variant === 'title+subtitle' && (
|
89
|
-
<>
|
90
|
-
<HeaderTitleWrapper title={title} subTitle={subtitle} />
|
91
|
-
</>
|
92
|
-
)}
|
93
|
-
{variant === 'label+title' && (
|
94
|
-
<>
|
95
|
-
<HeaderTitleWrapper title={title} label={label} />
|
96
|
-
</>
|
97
|
-
)}
|
98
|
-
{variant === 'title' && <HeaderTitle>{title}</HeaderTitle>}
|
99
|
-
<HeaderContent>
|
100
|
-
<Content {...rest} />
|
101
|
-
</HeaderContent>
|
102
|
-
</HeaderRoot>
|
103
|
-
);
|
104
|
-
};
|
105
|
-
|
106
|
-
export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProps> = {
|
107
|
-
argTypes: {
|
108
|
-
variant: {
|
109
|
-
options: ['title+subtitle', 'label+title', 'title'],
|
110
|
-
control: {
|
111
|
-
type: 'inline-radio',
|
112
|
-
},
|
113
|
-
},
|
114
|
-
...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
|
115
|
-
},
|
116
|
-
args: {
|
117
|
-
view: 'default',
|
118
|
-
size: 'm',
|
119
|
-
variant: 'title+subtitle',
|
120
|
-
title: 'Header title text',
|
121
|
-
subtitle: 'Subtitle text',
|
122
|
-
label: 'Label text',
|
123
|
-
gradientColor: '#F69555',
|
124
|
-
contentItemsNumber: 3,
|
125
|
-
enableIcons: true,
|
126
|
-
},
|
127
|
-
render: (args) => <StoryCustomAssembly {...args} />,
|
128
|
-
};
|
@@ -1,78 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: header
|
3
|
-
title: Header
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
## Компоненты для собственной сборки шапки
|
9
|
-
Рекомендуется использовать компонент `Header`.
|
10
|
-
Если вам нужно больше контроля за версткой шапки,
|
11
|
-
используйте составные части, где корневым узлом будет `HeaderRoot`.
|
12
|
-
|
13
|
-
### HeaderRoot
|
14
|
-
<Description name="HeaderRoot" />
|
15
|
-
<PropsTable name="HeaderRoot" />
|
16
|
-
|
17
|
-
### HeaderArrow
|
18
|
-
<Description name="HeaderArrow" />
|
19
|
-
<PropsTable name="HeaderArrow" />
|
20
|
-
|
21
|
-
### HeaderLogo
|
22
|
-
<Description name="HeaderLogo" />
|
23
|
-
<PropsTable name="HeaderLogo" />
|
24
|
-
|
25
|
-
### Пример
|
26
|
-
|
27
|
-
```tsx live
|
28
|
-
import React from 'react';
|
29
|
-
import {
|
30
|
-
HeaderRoot,
|
31
|
-
HeaderLogo,
|
32
|
-
HeaderTitle,
|
33
|
-
HeaderContent,
|
34
|
-
HeaderArrow,
|
35
|
-
} from '@salutejs/{{ package }}';
|
36
|
-
|
37
|
-
export function App() {
|
38
|
-
const [isBack, setIsBack] = useState(true);
|
39
|
-
|
40
|
-
const onBackClick = () => {
|
41
|
-
setIsBack(false);
|
42
|
-
};
|
43
|
-
|
44
|
-
const onMinimizeClick = () => {
|
45
|
-
setIsBack(true);
|
46
|
-
};
|
47
|
-
|
48
|
-
const props = {
|
49
|
-
view: 'default',
|
50
|
-
size: 'm',
|
51
|
-
title: 'Header title text',
|
52
|
-
subtitle: 'Subtitle text',
|
53
|
-
label: 'Label text',
|
54
|
-
gradientColor: '#F69555',
|
55
|
-
contentItemsNumber: 3,
|
56
|
-
enableIcons: true,
|
57
|
-
};
|
58
|
-
|
59
|
-
return (
|
60
|
-
<div style=\{{ position: 'relative', display: 'block', padding: '0 16px' }}>
|
61
|
-
<HeaderRoot {...props} style=\{{ marginLeft: '40px' }}>
|
62
|
-
{isBack ? (
|
63
|
-
<HeaderArrow onClick={onBackClick} />
|
64
|
-
) : (
|
65
|
-
<HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
|
66
|
-
)}
|
67
|
-
<HeaderLogo src="/{{ package }}/images/320_320_12.jpg" alt="Logo" />
|
68
|
-
<HeaderTitle>{props.title}</HeaderTitle>
|
69
|
-
<HeaderContent>
|
70
|
-
<div>This is content</div>
|
71
|
-
</HeaderContent>
|
72
|
-
</HeaderRoot>
|
73
|
-
</div>
|
74
|
-
);
|
75
|
-
}
|
76
|
-
```
|
77
|
-
|
78
|
-
|
@@ -1,33 +0,0 @@
|
|
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
|
-
};
|
@@ -1,14 +0,0 @@
|
|
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
|
-
};
|
@@ -1,46 +0,0 @@
|
|
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
|
-
};
|
@@ -1,11 +0,0 @@
|
|
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%;"]);
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-header-height", "--plasma-header-padding-top", "--plasma-header-padding-bottom"]
|
@@ -1,4 +0,0 @@
|
|
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';
|
@@ -1,61 +0,0 @@
|
|
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
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,4 +0,0 @@
|
|
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 ")));
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-header-arrow-margin-right", "--plasma-header-arrow-icon-size"]
|
@@ -1,3 +0,0 @@
|
|
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));
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-header-arrow-transition"]
|
@@ -1,39 +0,0 @@
|
|
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
|
-
};
|
@@ -1,3 +0,0 @@
|
|
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);
|