@salutejs/plasma-new-hope 0.117.0-canary.1344.10270215610.0 → 0.118.0-canary.1328.10279808885.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/Accordion.tokens.js +0 -1
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +13 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +46 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +23 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +36 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +27 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
- package/cjs/components/Breadcrumbs/utils/index.js +54 -0
- package/cjs/components/Breadcrumbs/utils/index.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_size/base.js +9 -0
- package/cjs/components/Breadcrumbs/variations/_size/base.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Breadcrumbs/variations/_view/base.js +9 -0
- package/cjs/components/Breadcrumbs/variations/_view/base.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
- 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_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +2 -0
- 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 +28 -32
- 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/{es/components/Select/Select.styles_zx0ztg.css → cjs/components/Select/Select.styles_1e7cbbz.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 +7 -11
- 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 +7 -8
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.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 +11 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +12 -13
- 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 +35 -31
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +0 -1
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +33 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
- package/emotion/cjs/components/Breadcrumbs/index.js +31 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +20 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
- package/emotion/cjs/components/Breadcrumbs/utils/index.js +50 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +2 -0
- package/emotion/cjs/components/Select/Select.js +28 -32
- 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 +7 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
- 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 +16 -13
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Accordion/Accordion.tokens.js +0 -1
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +26 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
- package/emotion/es/components/Breadcrumbs/index.js +2 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +13 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
- package/emotion/es/components/Breadcrumbs/utils/index.js +43 -0
- package/emotion/es/components/Breadcrumbs/variations/_size/base.js +2 -0
- package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/emotion/es/components/Breadcrumbs/variations/_view/base.js +2 -0
- package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +2 -0
- package/emotion/es/components/Select/Select.js +28 -32
- 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 +7 -11
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
- 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 +16 -13
- package/emotion/es/components/Select/utils/getButtonLabel.js +12 -13
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/es/index.js +1 -0
- package/es/components/Accordion/Accordion.tokens.js +0 -1
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.css +13 -0
- package/es/components/Breadcrumbs/Breadcrumbs.js +54 -0
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +40 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +18 -0
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +32 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +21 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
- package/es/components/Breadcrumbs/utils/index.js +47 -0
- package/es/components/Breadcrumbs/utils/index.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_size/base.js +5 -0
- package/es/components/Breadcrumbs/variations/_size/base.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
- package/es/components/Breadcrumbs/variations/_view/base.js +5 -0
- package/es/components/Breadcrumbs/variations/_view/base.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
- 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_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
- package/es/components/Button/Button.tokens.js +2 -0
- 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 +28 -32
- 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/{cjs/components/Select/Select.styles_zx0ztg.css → es/components/Select/Select.styles_1e7cbbz.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 +7 -11
- 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 +7 -8
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.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 +11 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +12 -13
- 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 +35 -31
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -1
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +32 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
- package/styled-components/cjs/components/Breadcrumbs/index.js +31 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +24 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
- package/styled-components/cjs/components/Breadcrumbs/utils/index.js +50 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.tokens.js +2 -0
- package/styled-components/cjs/components/Select/Select.js +28 -32
- 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 +7 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
- 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 +4 -1
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -1
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +24 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
- package/styled-components/es/components/Breadcrumbs/index.js +2 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
- package/styled-components/es/components/Breadcrumbs/utils/index.js +43 -0
- package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +2 -0
- package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +2 -0
- package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +2 -0
- package/styled-components/es/components/Select/Select.js +28 -32
- 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 +7 -11
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
- 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 +4 -1
- package/styled-components/es/components/Select/utils/getButtonLabel.js +12 -13
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/Accordion/Accordion.tokens.d.ts +0 -1
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts +35 -0
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +7 -0
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +16 -0
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +38 -0
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
- package/types/components/Breadcrumbs/index.d.ts +4 -0
- package/types/components/Breadcrumbs/index.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +4 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +4 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +8 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +1 -0
- package/types/components/Breadcrumbs/utils/index.d.ts +7 -0
- package/types/components/Breadcrumbs/utils/index.d.ts.map +1 -0
- package/types/components/Breadcrumbs/variations/_size/base.d.ts +2 -0
- package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Breadcrumbs/variations/_view/base.d.ts +2 -0
- package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +1 -0
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +2 -0
- 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 +12 -8
- 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 +2 -1
- 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 +4 -2
- 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 +4 -2
- 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 +3 -1
- 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/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx
ADDED
@@ -0,0 +1,42 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
|
+
|
6
|
+
import { mergeConfig } from '../../../../engines';
|
7
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
|
+
import { accordionConfig } from '../../../../components/Accordion';
|
9
|
+
|
10
|
+
import { config } from './Breadcrumbs.config';
|
11
|
+
import { Breadcrumbs } from './Breadcrumbs';
|
12
|
+
|
13
|
+
type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
|
14
|
+
|
15
|
+
const meta: Meta<BreadcrumbsProps> = {
|
16
|
+
title: 'plasma_web/Breadcrumbs',
|
17
|
+
decorators: [WithTheme],
|
18
|
+
component: Breadcrumbs,
|
19
|
+
args: {
|
20
|
+
view: 'default',
|
21
|
+
size: 'm',
|
22
|
+
showItems: 2,
|
23
|
+
items: [
|
24
|
+
{ title: 'Home', href: '/' },
|
25
|
+
{ title: 'About as', href: '/' },
|
26
|
+
{ renderItem: () => <span>Custom Item</span> },
|
27
|
+
{ title: 'Contacts' },
|
28
|
+
],
|
29
|
+
},
|
30
|
+
argTypes: {
|
31
|
+
...argTypesFromConfig(mergeConfig(accordionConfig, config)),
|
32
|
+
...disableProps(['separator']),
|
33
|
+
},
|
34
|
+
};
|
35
|
+
|
36
|
+
export default meta;
|
37
|
+
|
38
|
+
export const Default: StoryObj<BreadcrumbsProps> = {
|
39
|
+
render: (props: BreadcrumbsProps) => {
|
40
|
+
return <Breadcrumbs {...props} />;
|
41
|
+
},
|
42
|
+
};
|
@@ -80,6 +80,17 @@ Object.keys(_ButtonGroup).forEach(function (key) {
|
|
80
80
|
}
|
81
81
|
});
|
82
82
|
});
|
83
|
+
var _Breadcrumbs = /*#__PURE__*/require("./components/Breadcrumbs");
|
84
|
+
Object.keys(_Breadcrumbs).forEach(function (key) {
|
85
|
+
if (key === "default" || key === "__esModule") return;
|
86
|
+
if (key in exports && exports[key] === _Breadcrumbs[key]) return;
|
87
|
+
Object.defineProperty(exports, key, {
|
88
|
+
enumerable: true,
|
89
|
+
get: function get() {
|
90
|
+
return _Breadcrumbs[key];
|
91
|
+
}
|
92
|
+
});
|
93
|
+
});
|
83
94
|
var _Chip = /*#__PURE__*/require("./components/Chip");
|
84
95
|
Object.keys(_Chip).forEach(function (key) {
|
85
96
|
if (key === "default" || key === "__esModule") return;
|
@@ -23,7 +23,6 @@ export var tokens = {
|
|
23
23
|
accordionItemFocus: '--plasma-accordion-item-focus',
|
24
24
|
accordionItemBorder: '--plasma-accordion-item-border',
|
25
25
|
accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
|
26
|
-
accordionItemIconColor: '--plasma-accordion-item-color-icon',
|
27
26
|
accordionItemTitleColor: '--plasma-accordion-item-title-color',
|
28
27
|
accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
|
29
28
|
accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
|
@@ -33,10 +33,10 @@ export var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
|
|
33
33
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
|
34
34
|
export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill).withConfig({
|
35
35
|
componentId: "plasma-new-hope__sc-20ij9z-8"
|
36
|
-
})(["pointer-events:none;user-select:none;color:var(", ");"], tokens.
|
36
|
+
})(["pointer-events:none;user-select:none;color:var(", ");"], tokens.accordionItemTextColor);
|
37
37
|
export var StyledMinus = /*#__PURE__*/styled(IconMinus).withConfig({
|
38
38
|
componentId: "plasma-new-hope__sc-20ij9z-9"
|
39
|
-
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], tokens.
|
39
|
+
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
|
40
40
|
export var StyledPlus = /*#__PURE__*/styled.div.withConfig({
|
41
41
|
componentId: "plasma-new-hope__sc-20ij9z-10"
|
42
42
|
})(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);
|
@@ -0,0 +1,50 @@
|
|
1
|
+
import React, { forwardRef } from 'react';
|
2
|
+
import { cx } from '../../utils';
|
3
|
+
import { base as sizeCSS } from './variations/_size/base';
|
4
|
+
import { base as viewCSS } from './variations/_view/base';
|
5
|
+
import { base, Separator } from './Breadcrumbs.styles';
|
6
|
+
import { addSeparator, convertIconSize, getRenderItems } from './utils';
|
7
|
+
export var breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
8
|
+
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
9
|
+
var view = _ref.view,
|
10
|
+
size = _ref.size,
|
11
|
+
separator = _ref.separator,
|
12
|
+
items = _ref.items,
|
13
|
+
_ref$showItems = _ref.showItems,
|
14
|
+
showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
|
15
|
+
className = _ref.className;
|
16
|
+
var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Separator, {
|
17
|
+
color: "inherit",
|
18
|
+
size: convertIconSize(size)
|
19
|
+
});
|
20
|
+
var renderItems = getRenderItems(items, renderSeparator, showItems);
|
21
|
+
var itemsWithSeparator = addSeparator(renderItems, renderSeparator);
|
22
|
+
return /*#__PURE__*/React.createElement(Root, {
|
23
|
+
ref: outerRootRef,
|
24
|
+
size: size,
|
25
|
+
view: view,
|
26
|
+
className: cx(className),
|
27
|
+
items: items
|
28
|
+
}, itemsWithSeparator.map(function (item) {
|
29
|
+
return item;
|
30
|
+
}));
|
31
|
+
});
|
32
|
+
};
|
33
|
+
export var breadcrumbsConfig = {
|
34
|
+
name: 'Breadcrumbs',
|
35
|
+
tag: 'div',
|
36
|
+
layout: breadcrumbsRoot,
|
37
|
+
base: base,
|
38
|
+
variations: {
|
39
|
+
view: {
|
40
|
+
css: viewCSS
|
41
|
+
},
|
42
|
+
size: {
|
43
|
+
css: sizeCSS
|
44
|
+
}
|
45
|
+
},
|
46
|
+
defaults: {
|
47
|
+
view: 'default',
|
48
|
+
size: 'm'
|
49
|
+
}
|
50
|
+
};
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { css } from 'styled-components';
|
3
|
+
import { linkConfig } from '../Link';
|
4
|
+
import { component, mergeConfig } from '../../engines';
|
5
|
+
import { IconDisclosureRight } from '../_Icon';
|
6
|
+
import { addFocus } from '../../mixins';
|
7
|
+
import { tokens } from './Breadcrumbs.tokens';
|
8
|
+
var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
|
9
|
+
var Link = /*#__PURE__*/component(mergedLinkConfig);
|
10
|
+
export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-4bjoev-0"
|
12
|
+
})(["opacity:", ";", ""], function (_ref) {
|
13
|
+
var isHref = _ref.isHref;
|
14
|
+
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
15
|
+
}, /*#__PURE__*/addFocus({
|
16
|
+
outlineOffset: '0rem',
|
17
|
+
outlineSize: '0.125rem',
|
18
|
+
outlineRadius: '0rem',
|
19
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
|
20
|
+
}));
|
21
|
+
export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;align-items:center;gap:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.breadcrumbsGap, tokens.breadcrumbsColor, tokens.breadcrumbsFontFamily, tokens.breadcrumbsFontSize, tokens.breadcrumbsFontWeight, tokens.breadcrumbsFontStyle, tokens.breadcrumbsLetterSpacing, tokens.breadcrumbsLineHeight);
|
22
|
+
export var Separator = /*#__PURE__*/styled(IconDisclosureRight).withConfig({
|
23
|
+
componentId: "plasma-new-hope__sc-4bjoev-1"
|
24
|
+
})(["color:var(", ");opacity:var(", ");"], tokens.breadcrumbsColor, tokens.breadcrumbsOpacity);
|
@@ -0,0 +1,96 @@
|
|
1
|
+
---
|
2
|
+
id: breadcrumbs
|
3
|
+
title: Breadcrumbs
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable } from '@site/src/components';
|
7
|
+
|
8
|
+
# Breadcrumbs
|
9
|
+
<PropsTable name="Breadcrumbs" />
|
10
|
+
|
11
|
+
# Обычное использование
|
12
|
+
|
13
|
+
```tsx live
|
14
|
+
import React from 'react';
|
15
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
16
|
+
|
17
|
+
export function App() {
|
18
|
+
const items = [
|
19
|
+
{ title: 'Home', href: '/' },
|
20
|
+
{ title: 'About as', href: '/' },
|
21
|
+
{ renderItem: () => <span>Custom Item</span> },
|
22
|
+
{ title: 'Contacts' },
|
23
|
+
];
|
24
|
+
|
25
|
+
return (
|
26
|
+
<div>
|
27
|
+
<Breadcrumbs items={items} />
|
28
|
+
</div>
|
29
|
+
);
|
30
|
+
}
|
31
|
+
```
|
32
|
+
# Использование с shorter
|
33
|
+
```tsx live
|
34
|
+
import React from 'react';
|
35
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
36
|
+
|
37
|
+
export function App() {
|
38
|
+
const items = [
|
39
|
+
{ title: 'Home', href: '/' },
|
40
|
+
{ title: 'About as', href: '/' },
|
41
|
+
{ renderItem: () => <span>Custom Item</span> },
|
42
|
+
{ title: 'Contacts' },
|
43
|
+
];
|
44
|
+
|
45
|
+
return (
|
46
|
+
<div style=\{{"flexDirection": 'column'}}>
|
47
|
+
<div>
|
48
|
+
<Breadcrumbs items={items} showItems={2} />
|
49
|
+
</div>
|
50
|
+
<div>
|
51
|
+
<Breadcrumbs items={items} showItems={3} />
|
52
|
+
</div>
|
53
|
+
</div>
|
54
|
+
);
|
55
|
+
}
|
56
|
+
```
|
57
|
+
|
58
|
+
# Использование с кастомным элементом
|
59
|
+
```tsx live
|
60
|
+
import React from 'react';
|
61
|
+
import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
|
62
|
+
|
63
|
+
export function App() {
|
64
|
+
const items = [
|
65
|
+
{ title: 'Home', href: '/' },
|
66
|
+
{ title: 'About as', href: '/' },
|
67
|
+
{
|
68
|
+
renderItem: () => {
|
69
|
+
const itemsDropdown = [
|
70
|
+
{
|
71
|
+
value: 'Custom Item 1',
|
72
|
+
label: 'Custom Item 1',
|
73
|
+
},
|
74
|
+
{
|
75
|
+
value: 'Custom Item 2',
|
76
|
+
label: 'Custom Item 2',
|
77
|
+
},
|
78
|
+
];
|
79
|
+
return (
|
80
|
+
<Dropdown variant="tight" placement="bottom" items={itemsDropdown} trigger="hover">
|
81
|
+
<span>...</span>
|
82
|
+
</Dropdown>
|
83
|
+
);
|
84
|
+
},
|
85
|
+
},
|
86
|
+
{ title: 'Contacts' },
|
87
|
+
];
|
88
|
+
|
89
|
+
|
90
|
+
return (
|
91
|
+
<div style=\{{height: '200px'}}>
|
92
|
+
<Breadcrumbs items={items} />
|
93
|
+
</div>
|
94
|
+
);
|
95
|
+
}
|
96
|
+
```
|
@@ -0,0 +1,15 @@
|
|
1
|
+
export var classes = {
|
2
|
+
breadcrumbsRoot: 'breadcrumbs-root'
|
3
|
+
};
|
4
|
+
export var tokens = {
|
5
|
+
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
6
|
+
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
7
|
+
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
8
|
+
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
9
|
+
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
10
|
+
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
11
|
+
breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
|
12
|
+
breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
|
13
|
+
breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
|
14
|
+
breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
|
15
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,33 @@
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
7
|
+
import React, { useState } from 'react';
|
8
|
+
import { addSeparator } from '../../utils';
|
9
|
+
import { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';
|
10
|
+
export var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
separator = _ref.separator;
|
13
|
+
var _useState = useState(false),
|
14
|
+
_useState2 = _slicedToArray(_useState, 2),
|
15
|
+
openShorter = _useState2[0],
|
16
|
+
setOpenShorter = _useState2[1];
|
17
|
+
var renderItems = addSeparator(children, separator);
|
18
|
+
var onKeyPress = function onKeyPress(event) {
|
19
|
+
event.persist();
|
20
|
+
if (event.keyCode === 13) {
|
21
|
+
setOpenShorter(true);
|
22
|
+
}
|
23
|
+
};
|
24
|
+
return /*#__PURE__*/React.createElement(StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(StyledShorter, {
|
25
|
+
tabIndex: 0,
|
26
|
+
onClick: function onClick() {
|
27
|
+
return setOpenShorter(true);
|
28
|
+
},
|
29
|
+
onKeyDown: onKeyPress
|
30
|
+
}, "..."), openShorter && /*#__PURE__*/React.createElement(StyledHidden, null, renderItems.map(function (item) {
|
31
|
+
return item;
|
32
|
+
})));
|
33
|
+
};
|
package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js
ADDED
@@ -0,0 +1,17 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { addFocus } from '../../../../mixins';
|
3
|
+
import { tokens } from '../../Breadcrumbs.tokens';
|
4
|
+
export var StyledRoot = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1shiits-0"
|
6
|
+
})([""]);
|
7
|
+
export var StyledShorter = /*#__PURE__*/styled.div.withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-1shiits-1"
|
9
|
+
})(["cursor:pointer;", ""], /*#__PURE__*/addFocus({
|
10
|
+
outlineOffset: '0.125rem',
|
11
|
+
outlineSize: '0.125rem',
|
12
|
+
outlineRadius: '0',
|
13
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
|
14
|
+
}));
|
15
|
+
export var StyledHidden = /*#__PURE__*/styled.div.withConfig({
|
16
|
+
componentId: "plasma-new-hope__sc-1shiits-2"
|
17
|
+
})(["display:flex;align-items:center;gap:var(", ");"], tokens.breadcrumbsGap);
|
package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';
|
3
|
+
import { StyledLink } from '../Breadcrumbs.styles';
|
4
|
+
export var shortItems = function shortItems(items, renderSeparator, showItems) {
|
5
|
+
if (!showItems || showItems < 2 || items.length <= showItems) {
|
6
|
+
return items;
|
7
|
+
}
|
8
|
+
var leftSlice = Math.floor(showItems / 2);
|
9
|
+
var rightSlice = items.length - leftSlice - showItems % 2;
|
10
|
+
var renderItems = items.slice(leftSlice, rightSlice);
|
11
|
+
var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter, {
|
12
|
+
separator: renderSeparator
|
13
|
+
}, renderItems);
|
14
|
+
items.splice(leftSlice, rightSlice - leftSlice, shorter);
|
15
|
+
return items;
|
16
|
+
};
|
17
|
+
export var convertIconSize = function convertIconSize(size) {
|
18
|
+
switch (size) {
|
19
|
+
case 's':
|
20
|
+
case 'xs':
|
21
|
+
return 'xs';
|
22
|
+
default:
|
23
|
+
return 's';
|
24
|
+
}
|
25
|
+
};
|
26
|
+
export var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
|
27
|
+
var renderItems = shortItems(items.map(function (item) {
|
28
|
+
if ('renderItem' in item) {
|
29
|
+
return item.renderItem();
|
30
|
+
}
|
31
|
+
return /*#__PURE__*/React.createElement(StyledLink, {
|
32
|
+
tabIndex: 0,
|
33
|
+
href: item.href,
|
34
|
+
isHref: Boolean(item.href)
|
35
|
+
}, item.title);
|
36
|
+
}), renderSeparator, showItems);
|
37
|
+
return renderItems;
|
38
|
+
};
|
39
|
+
export var addSeparator = function addSeparator(items, renderSeparator) {
|
40
|
+
return items.flatMap(function (item, idx) {
|
41
|
+
return idx < items.length - 1 ? [item, renderSeparator] : [item];
|
42
|
+
});
|
43
|
+
};
|
File without changes
|
File without changes
|
@@ -35,10 +35,10 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
|
|
35
35
|
})(["", ":var(", ");", ":var(", ");"], spinnerTokens.size, tokens.buttonSpinnerSize, spinnerTokens.color, tokens.buttonSpinnerColor);
|
36
36
|
export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
|
37
37
|
componentId: "plasma-new-hope__sc-9d9bqj-5"
|
38
|
-
})(["display:flex;margin:var(", ");"], tokens.buttonLeftContentMargin);
|
38
|
+
})(["display:flex;margin:var(", ");align-self:var(", ");"], tokens.buttonLeftContentMargin, tokens.buttonLeftContentAlignSelf);
|
39
39
|
export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
|
40
40
|
componentId: "plasma-new-hope__sc-9d9bqj-6"
|
41
|
-
})(["display:flex;margin:var(", ");"], tokens.buttonRightContentMargin);
|
41
|
+
})(["display:flex;margin:var(", ");align-self:var(", ");"], tokens.buttonRightContentMargin, tokens.buttonRightContentAlignSelf);
|
42
42
|
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(classes.buttonSquare), tokens.buttonHeight);
|
43
43
|
|
44
44
|
// INFO: Для возможности переиспользования стилей в других компонентах
|
@@ -29,7 +29,9 @@ export var tokens = {
|
|
29
29
|
buttonLetterSpacing: '--plasma-button-letter-spacing',
|
30
30
|
buttonLineHeight: '--plasma-button-line-height',
|
31
31
|
buttonLeftContentMargin: '--plasma-button-left-content-margin',
|
32
|
+
buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
|
32
33
|
buttonRightContentMargin: '--plasma-button-right-content-margin',
|
34
|
+
buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
|
33
35
|
buttonValueMargin: '--plasma-button-value-margin',
|
34
36
|
buttonDisabledOpacity: '--plasma-button-disabled-opacity',
|
35
37
|
buttonFocusColor: '--plasma-button-focus-color',
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["
|
1
|
+
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
2
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
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -26,9 +26,7 @@ export var Context = /*#__PURE__*/createContext({});
|
|
26
26
|
*/
|
27
27
|
export var selectRoot = function selectRoot(Root) {
|
28
28
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
29
|
-
var
|
30
|
-
multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
|
31
|
-
outerValue = props.value,
|
29
|
+
var outerValue = props.value,
|
32
30
|
outerOnChange = props.onChange,
|
33
31
|
_props$target = props.target,
|
34
32
|
target = _props$target === void 0 ? 'textfield-like' : _props$target,
|
@@ -40,8 +38,6 @@ export var selectRoot = function selectRoot(Root) {
|
|
40
38
|
labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
|
41
39
|
placeholder = props.placeholder,
|
42
40
|
helperText = props.helperText,
|
43
|
-
_props$isTargetAmount = props.isTargetAmount,
|
44
|
-
isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
|
45
41
|
_props$disabled = props.disabled,
|
46
42
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
47
43
|
view = props.view,
|
@@ -58,7 +54,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
58
54
|
renderValue = props.renderValue,
|
59
55
|
renderItem = props.renderItem,
|
60
56
|
rest = _objectWithoutProperties(props, _excluded);
|
61
|
-
var _useState = useState(outerValue || multiselect ? [] : ''),
|
57
|
+
var _useState = useState(outerValue || props.multiselect ? [] : ''),
|
62
58
|
_useState2 = _slicedToArray(_useState, 2),
|
63
59
|
internalValue = _useState2[0],
|
64
60
|
setInternalValue = _useState2[1];
|
@@ -119,30 +115,32 @@ export var selectRoot = function selectRoot(Root) {
|
|
119
115
|
}
|
120
116
|
};
|
121
117
|
var handleCheckboxChange = function handleCheckboxChange(item) {
|
122
|
-
|
123
|
-
|
124
|
-
checkedCopy.
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
118
|
+
if (props.multiselect) {
|
119
|
+
var checkedCopy = new Map(checked);
|
120
|
+
if (!checkedCopy.get(item.value)) {
|
121
|
+
checkedCopy.set(item.value, true);
|
122
|
+
updateDescendants(item, checkedCopy, true);
|
123
|
+
} else {
|
124
|
+
checkedCopy.set(item.value, false);
|
125
|
+
updateDescendants(item, checkedCopy, false);
|
126
|
+
}
|
127
|
+
updateAncestors(item, checkedCopy);
|
128
|
+
var newValues = [];
|
129
|
+
valueToItemMap.forEach(function (item, key) {
|
130
|
+
if (checkedCopy.get(key)) {
|
131
|
+
newValues.push(item.value);
|
132
|
+
}
|
133
|
+
});
|
134
|
+
if (onChange) {
|
135
|
+
onChange(newValues);
|
135
136
|
}
|
136
|
-
});
|
137
|
-
if (onChange) {
|
138
|
-
onChange(newValues);
|
139
137
|
}
|
140
138
|
};
|
141
139
|
var handleItemClick = function handleItemClick(item, e) {
|
142
140
|
if (!isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
|
143
141
|
return;
|
144
142
|
}
|
145
|
-
if (multiselect) {
|
143
|
+
if (props.multiselect) {
|
146
144
|
handleCheckboxChange(item);
|
147
145
|
} else {
|
148
146
|
if (e) {
|
@@ -168,7 +166,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
168
166
|
var handlePressDown = function handlePressDown(item, e) {
|
169
167
|
if (isEmpty(item.items)) {
|
170
168
|
handleItemClick(item, e);
|
171
|
-
} else if (multiselect) {
|
169
|
+
} else if (props.multiselect) {
|
172
170
|
handleCheckboxChange(item);
|
173
171
|
}
|
174
172
|
};
|
@@ -180,6 +178,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
180
178
|
}
|
181
179
|
};
|
182
180
|
var _useKeyNavigation = useKeyNavigation({
|
181
|
+
value: value,
|
183
182
|
focusedPath: focusedPath,
|
184
183
|
dispatchFocusedPath: dispatchFocusedPath,
|
185
184
|
path: path,
|
@@ -190,10 +189,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
190
189
|
handlePressDown: handlePressDown,
|
191
190
|
focusedChipIndex: focusedChipIndex,
|
192
191
|
dispatchFocusedChipIndex: dispatchFocusedChipIndex,
|
193
|
-
value: value,
|
194
192
|
valueToItemMap: valueToItemMap,
|
195
|
-
multiselect: multiselect,
|
196
|
-
isTargetAmount: isTargetAmount
|
193
|
+
multiselect: props.multiselect,
|
194
|
+
isTargetAmount: props.isTargetAmount
|
197
195
|
}),
|
198
196
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
199
197
|
var isCurrentListOpen = Boolean(path[0]);
|
@@ -227,7 +225,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
227
225
|
value: {
|
228
226
|
focusedPath: focusedPath,
|
229
227
|
checked: checked,
|
230
|
-
multiselect: multiselect,
|
228
|
+
multiselect: props.multiselect,
|
231
229
|
size: size,
|
232
230
|
handleCheckboxChange: handleCheckboxChange,
|
233
231
|
handleItemClick: handleItemClick,
|
@@ -244,10 +242,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
244
242
|
trigger: "click",
|
245
243
|
target: /*#__PURE__*/React.createElement(Target, {
|
246
244
|
opened: isCurrentListOpen,
|
247
|
-
target: target,
|
248
245
|
value: value,
|
249
|
-
isTargetAmount: isTargetAmount,
|
250
|
-
multiselect: multiselect,
|
251
246
|
valueToItemMap: valueToItemMap,
|
252
247
|
focusedPath: focusedPath,
|
253
248
|
focusedToValueMap: focusedToValueMap,
|
@@ -257,6 +252,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
257
252
|
onKeyDown: onKeyDown,
|
258
253
|
focusedChipIndex: focusedChipIndex,
|
259
254
|
labelPlacement: labelPlacement,
|
255
|
+
selectProps: props,
|
260
256
|
size: size,
|
261
257
|
contentLeft: contentLeft,
|
262
258
|
disabled: disabled,
|
@@ -10,7 +10,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
10
10
|
})([".", ",.", "{width:100%;}"], /*#__PURE__*/String(popoverClasses.root), /*#__PURE__*/String(popoverClasses.target));
|
11
11
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-le54jv-1"
|
13
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:
|
13
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
14
14
|
var listWidth = _ref.listWidth;
|
15
15
|
return listWidth || '100%';
|
16
16
|
}, function (_ref2) {
|
@@ -79,7 +79,7 @@ export var constants = {
|
|
79
79
|
focusColor: '--surface-accent',
|
80
80
|
focusSize: '0.0625rem',
|
81
81
|
background: '--surface-solid-card',
|
82
|
-
boxShadow: '
|
82
|
+
boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
|
83
83
|
disclosureIconColor: '--text-secondary',
|
84
84
|
disclosureIconColorHover: '--text-secondary-hover',
|
85
85
|
itemBackground: '--plasma-colors-transparent',
|
@@ -2,9 +2,6 @@ import React from 'react';
|
|
2
2
|
import { Button, Textfield } from './ui';
|
3
3
|
export var Target = function Target(_ref) {
|
4
4
|
var value = _ref.value,
|
5
|
-
multiselect = _ref.multiselect,
|
6
|
-
isTargetAmount = _ref.isTargetAmount,
|
7
|
-
target = _ref.target,
|
8
5
|
opened = _ref.opened,
|
9
6
|
valueToItemMap = _ref.valueToItemMap,
|
10
7
|
onChipClick = _ref.onChipClick,
|
@@ -18,12 +15,11 @@ export var Target = function Target(_ref) {
|
|
18
15
|
disabled = _ref.disabled,
|
19
16
|
renderValue = _ref.renderValue,
|
20
17
|
focusedPath = _ref.focusedPath,
|
21
|
-
focusedToValueMap = _ref.focusedToValueMap
|
22
|
-
|
18
|
+
focusedToValueMap = _ref.focusedToValueMap,
|
19
|
+
selectProps = _ref.selectProps;
|
20
|
+
return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
|
23
21
|
opened: opened,
|
24
22
|
value: value,
|
25
|
-
isTargetAmount: isTargetAmount,
|
26
|
-
multiselect: multiselect,
|
27
23
|
valueToItemMap: valueToItemMap,
|
28
24
|
onKeyDown: onKeyDown,
|
29
25
|
label: label,
|
@@ -31,12 +27,11 @@ export var Target = function Target(_ref) {
|
|
31
27
|
disabled: disabled,
|
32
28
|
renderValue: renderValue,
|
33
29
|
focusedPath: focusedPath,
|
34
|
-
focusedToValueMap: focusedToValueMap
|
30
|
+
focusedToValueMap: focusedToValueMap,
|
31
|
+
selectProps: selectProps
|
35
32
|
}) : /*#__PURE__*/React.createElement(Textfield, {
|
36
33
|
opened: opened,
|
37
34
|
value: value,
|
38
|
-
isTargetAmount: isTargetAmount,
|
39
|
-
multiselect: multiselect,
|
40
35
|
valueToItemMap: valueToItemMap,
|
41
36
|
onChipClick: onChipClick,
|
42
37
|
label: label,
|
@@ -49,6 +44,7 @@ export var Target = function Target(_ref) {
|
|
49
44
|
disabled: disabled,
|
50
45
|
renderValue: renderValue,
|
51
46
|
focusedPath: focusedPath,
|
52
|
-
focusedToValueMap: focusedToValueMap
|
47
|
+
focusedToValueMap: focusedToValueMap,
|
48
|
+
selectProps: selectProps
|
53
49
|
});
|
54
50
|
};
|