@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/es/index.css
CHANGED
@@ -8,14 +8,14 @@
|
|
8
8
|
|
9
9
|
.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
10
10
|
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
11
|
+
.Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
12
|
+
.Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
13
|
+
.Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
14
|
+
.Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
|
15
|
+
.Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
16
|
+
.Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
|
17
|
+
.Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
|
18
|
+
.Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
|
19
19
|
|
20
20
|
.IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
21
21
|
|
@@ -33,6 +33,10 @@
|
|
33
33
|
|
34
34
|
.ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
35
35
|
|
36
|
+
.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef{opacity:var(--shehk3i-0);position:relative;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef.Breadcrumbs_styles_1troyzr_focusVisible__0db10aef:focus::before,.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
37
|
+
.Breadcrumbs_styles_1troyzr_bkgt5xr__0db10aef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
38
|
+
.Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
39
|
+
|
36
40
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
37
41
|
|
38
42
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
@@ -488,32 +492,32 @@
|
|
488
492
|
.Item_styles_y3jg1m_wzzpzvq__110489ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_y3jg1m_wzzpzvq__110489ac:hover:not(.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsActive__110489ac{background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac{opacity:0.4;cursor:not-allowed;}.Item_styles_y3jg1m_wzzpzvq__110489ac:focus{outline:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsFocused__110489ac:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
489
493
|
|
490
494
|
|
491
|
-
.
|
492
|
-
.
|
493
|
-
.
|
494
|
-
.
|
495
|
-
.
|
495
|
+
.Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
|
496
|
+
.Button_styles_lxxm4p_i1akdel6__70a12c1a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:active{color:var(--plasma-select-target-button-arrow-color-active);}
|
497
|
+
.Button_styles_lxxm4p_sn98tws__70a12c1a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
498
|
+
.Button_styles_lxxm4p_ba2820e__70a12c1a{display:inline;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_selectWithoutBoxShadow__70a12c1a::before{box-shadow:none !important;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_arrowInverse__70a12c1a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
499
|
+
.Button_styles_lxxm4p_lpf11kx__70a12c1a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
496
500
|
|
497
501
|
.Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
498
502
|
|
499
|
-
.
|
500
|
-
.
|
501
|
-
|
502
|
-
.
|
503
|
-
.
|
504
|
-
.
|
505
|
-
.
|
506
|
-
.
|
507
|
-
.
|
508
|
-
.
|
509
|
-
.
|
510
|
-
.
|
511
|
-
|
512
|
-
.
|
513
|
-
.
|
514
|
-
.
|
515
|
-
.
|
516
|
-
.
|
503
|
+
.Textfield_styles_5mg7p7_t1yhwv5r__edd76511{display:inline;}.Textfield_styles_5mg7p7_t1yhwv5r__edd76511 .Textfield_styles_5mg7p7_selectTextfieldTarget__edd76511{background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);}.Textfield_styles_5mg7p7_t1yhwv5r__edd76511 .Textfield_styles_5mg7p7_selectWithoutBoxShadow__edd76511::before{box-shadow:none !important;}
|
504
|
+
.Textfield_styles_5mg7p7_s7x5udn__edd76511{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 0.0625rem var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.Textfield_styles_5mg7p7_s7x5udn__edd76511::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.0625rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_5mg7p7_s7x5udn__edd76511.Textfield_styles_5mg7p7_focusVisible__edd76511:focus::before,.Textfield_styles_5mg7p7_s7x5udn__edd76511[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
505
|
+
|
506
|
+
.Textfield_styles_5mg7p7_i1kxyc50__edd76511{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_5mg7p7_i1kxyc50__edd76511:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_5mg7p7_i1kxyc50__edd76511:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
|
507
|
+
.Textfield_styles_5mg7p7_wqzfsxn__edd76511{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_5mg7p7_wqzfsxn__edd76511 .Textfield_styles_5mg7p7_arrowInverse__edd76511{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
508
|
+
.Textfield_styles_5mg7p7_c1cgo38i__edd76511{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_5mg7p7_c1cgo38i__edd76511::-webkit-scrollbar{display:none;}
|
509
|
+
.Textfield_styles_5mg7p7_l9ikjwc__edd76511{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
510
|
+
.Textfield_styles_5mg7p7_p1jn3k4y__edd76511{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
511
|
+
.Textfield_styles_5mg7p7_i8xlj9b__edd76511{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
512
|
+
.Textfield_styles_5mg7p7_iu6fefp__edd76511{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
|
513
|
+
.Textfield_styles_5mg7p7_c1ox0htq__edd76511{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
|
514
|
+
.Textfield_styles_5mg7p7_v1kam5d__edd76511{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
515
|
+
|
516
|
+
.Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverRoot__4a6fbd83,.Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{width:100%;}
|
517
|
+
.Select_styles_1e7cbbz_u1yey2x3__4a6fbd83{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
|
518
|
+
.Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverWrapper__4a6fbd83,.Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{display:block;}
|
519
|
+
.Select_styles_1e7cbbz_ogpldc9__4a6fbd83{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
520
|
+
.Select_styles_1e7cbbz_h2ef052__4a6fbd83{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
|
517
521
|
|
518
522
|
.base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
|
519
523
|
|
package/es/index.js
CHANGED
@@ -23,6 +23,8 @@ export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconBu
|
|
23
23
|
export { tokens as iconButtonTokens } from './components/IconButton/IconButton.tokens.js';
|
24
24
|
export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/ButtonGroup.js';
|
25
25
|
export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
|
26
|
+
export { breadcrumbsConfig, breadcrumbsRoot } from './components/Breadcrumbs/Breadcrumbs.js';
|
27
|
+
export { classes as breadcrumbsClasses, tokens as breadcrumbsTokens } from './components/Breadcrumbs/Breadcrumbs.tokens.js';
|
26
28
|
export { chipConfig, chipRoot } from './components/Chip/Chip.js';
|
27
29
|
export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
|
28
30
|
export { CellTextboxLabel } from './components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js';
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.118.0-canary.1328.10279808885.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "1a69a1405052ef4cbc7b2f66be8e9befa11de65b"
|
122
122
|
}
|
@@ -29,7 +29,6 @@ var tokens = exports.tokens = {
|
|
29
29
|
accordionItemFocus: '--plasma-accordion-item-focus',
|
30
30
|
accordionItemBorder: '--plasma-accordion-item-border',
|
31
31
|
accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
|
32
|
-
accordionItemIconColor: '--plasma-accordion-item-color-icon',
|
33
32
|
accordionItemTitleColor: '--plasma-accordion-item-title-color',
|
34
33
|
accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
|
35
34
|
accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
|
@@ -40,10 +40,10 @@ var StyledAccordionBody = exports.StyledAccordionBody = /*#__PURE__*/_styledComp
|
|
40
40
|
})(["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;"], _Accordion.tokens.accordionItemTextColor, _Accordion.tokens.accordionItemTextFontFamily, _Accordion.tokens.accordionItemTextFontSize, _Accordion.tokens.accordionItemTextFontWeight, _Accordion.tokens.accordionItemTextFontStyle, _Accordion.tokens.accordionItemTextLetterSpacing, _Accordion.tokens.accordionItemTextLineHeight, _Accordion.tokens.accordionItemPaddingHorizontal, _Accordion.tokens.accordionItemPaddingHorizontalLeft);
|
41
41
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDownFill).withConfig({
|
42
42
|
componentId: "plasma-new-hope__sc-20ij9z-8"
|
43
|
-
})(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.
|
43
|
+
})(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemTextColor);
|
44
44
|
var StyledMinus = exports.StyledMinus = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconMinus).withConfig({
|
45
45
|
componentId: "plasma-new-hope__sc-20ij9z-9"
|
46
|
-
})(["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);}"], _Accordion.tokens.
|
46
|
+
})(["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);}"], _Accordion.tokens.accordionItemTextColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody);
|
47
47
|
var StyledPlus = exports.StyledPlus = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
48
48
|
componentId: "plasma-new-hope__sc-20ij9z-10"
|
49
49
|
})(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);
|
@@ -0,0 +1,59 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.breadcrumbsRoot = exports.breadcrumbsConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
11
|
+
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
12
|
+
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.styles");
|
13
|
+
var _utils2 = /*#__PURE__*/require("./utils");
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
|
+
var breadcrumbsRoot = exports.breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
17
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
|
18
|
+
var view = _ref.view,
|
19
|
+
size = _ref.size,
|
20
|
+
separator = _ref.separator,
|
21
|
+
items = _ref.items,
|
22
|
+
_ref$showItems = _ref.showItems,
|
23
|
+
showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
|
24
|
+
className = _ref.className;
|
25
|
+
var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.Separator, {
|
26
|
+
color: "inherit",
|
27
|
+
size: (0, _utils2.convertIconSize)(size)
|
28
|
+
});
|
29
|
+
var renderItems = (0, _utils2.getRenderItems)(items, renderSeparator, showItems);
|
30
|
+
var itemsWithSeparator = (0, _utils2.addSeparator)(renderItems, renderSeparator);
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
32
|
+
ref: outerRootRef,
|
33
|
+
size: size,
|
34
|
+
view: view,
|
35
|
+
className: (0, _utils.cx)(className),
|
36
|
+
items: items
|
37
|
+
}, itemsWithSeparator.map(function (item) {
|
38
|
+
return item;
|
39
|
+
}));
|
40
|
+
});
|
41
|
+
};
|
42
|
+
var breadcrumbsConfig = exports.breadcrumbsConfig = {
|
43
|
+
name: 'Breadcrumbs',
|
44
|
+
tag: 'div',
|
45
|
+
layout: breadcrumbsRoot,
|
46
|
+
base: _Breadcrumbs.base,
|
47
|
+
variations: {
|
48
|
+
view: {
|
49
|
+
css: _base2.base
|
50
|
+
},
|
51
|
+
size: {
|
52
|
+
css: _base.base
|
53
|
+
}
|
54
|
+
},
|
55
|
+
defaults: {
|
56
|
+
view: 'default',
|
57
|
+
size: 'm'
|
58
|
+
}
|
59
|
+
};
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.base = exports.StyledLink = exports.Separator = void 0;
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _Link = /*#__PURE__*/require("../Link");
|
10
|
+
var _engines = /*#__PURE__*/require("../../engines");
|
11
|
+
var _Icon = /*#__PURE__*/require("../_Icon");
|
12
|
+
var _mixins = /*#__PURE__*/require("../../mixins");
|
13
|
+
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.tokens");
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
|
+
var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
|
17
|
+
var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
|
18
|
+
var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(Link).withConfig({
|
19
|
+
componentId: "plasma-new-hope__sc-4bjoev-0"
|
20
|
+
})(["opacity:", ";", ""], function (_ref) {
|
21
|
+
var isHref = _ref.isHref;
|
22
|
+
return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
|
23
|
+
}, /*#__PURE__*/(0, _mixins.addFocus)({
|
24
|
+
outlineOffset: '0rem',
|
25
|
+
outlineSize: '0.125rem',
|
26
|
+
outlineRadius: '0rem',
|
27
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
|
28
|
+
}));
|
29
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.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(", ");"], _Breadcrumbs.tokens.breadcrumbsGap, _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsFontFamily, _Breadcrumbs.tokens.breadcrumbsFontSize, _Breadcrumbs.tokens.breadcrumbsFontWeight, _Breadcrumbs.tokens.breadcrumbsFontStyle, _Breadcrumbs.tokens.breadcrumbsLetterSpacing, _Breadcrumbs.tokens.breadcrumbsLineHeight);
|
30
|
+
var Separator = exports.Separator = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRight).withConfig({
|
31
|
+
componentId: "plasma-new-hope__sc-4bjoev-1"
|
32
|
+
})(["color:var(", ");opacity:var(", ");"], _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.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,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
breadcrumbsRoot: 'breadcrumbs-root'
|
9
|
+
};
|
10
|
+
var tokens = exports.tokens = {
|
11
|
+
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
12
|
+
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
13
|
+
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
14
|
+
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
15
|
+
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
16
|
+
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
17
|
+
breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
|
18
|
+
breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
|
19
|
+
breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
|
20
|
+
breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
|
21
|
+
};
|
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "breadcrumbsClasses", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _Breadcrumbs2.classes;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "breadcrumbsConfig", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _Breadcrumbs.breadcrumbsConfig;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "breadcrumbsRoot", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _Breadcrumbs.breadcrumbsRoot;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "breadcrumbsTokens", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _Breadcrumbs2.tokens;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs");
|
31
|
+
var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.tokens");
|
package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js
ADDED
@@ -0,0 +1,42 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.BreadcrumbShorter = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
+
var _BreadcrumbShorter = /*#__PURE__*/require("./BreadcrumbShorter.styles");
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
14
|
+
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."); }
|
15
|
+
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); }
|
16
|
+
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; }
|
17
|
+
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; } }
|
18
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
19
|
+
var BreadcrumbShorter = exports.BreadcrumbShorter = function BreadcrumbShorter(_ref) {
|
20
|
+
var children = _ref.children,
|
21
|
+
separator = _ref.separator;
|
22
|
+
var _useState = (0, _react.useState)(false),
|
23
|
+
_useState2 = _slicedToArray(_useState, 2),
|
24
|
+
openShorter = _useState2[0],
|
25
|
+
setOpenShorter = _useState2[1];
|
26
|
+
var renderItems = (0, _utils.addSeparator)(children, separator);
|
27
|
+
var onKeyPress = function onKeyPress(event) {
|
28
|
+
event.persist();
|
29
|
+
if (event.keyCode === 13) {
|
30
|
+
setOpenShorter(true);
|
31
|
+
}
|
32
|
+
};
|
33
|
+
return /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledRoot, null, !openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledShorter, {
|
34
|
+
tabIndex: 0,
|
35
|
+
onClick: function onClick() {
|
36
|
+
return setOpenShorter(true);
|
37
|
+
},
|
38
|
+
onKeyDown: onKeyPress
|
39
|
+
}, "..."), openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledHidden, null, renderItems.map(function (item) {
|
40
|
+
return item;
|
41
|
+
})));
|
42
|
+
};
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.StyledShorter = exports.StyledRoot = exports.StyledHidden = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
9
|
+
var _Breadcrumbs = /*#__PURE__*/require("../../Breadcrumbs.tokens");
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-1shiits-0"
|
13
|
+
})([""]);
|
14
|
+
var StyledShorter = exports.StyledShorter = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
15
|
+
componentId: "plasma-new-hope__sc-1shiits-1"
|
16
|
+
})(["cursor:pointer;", ""], /*#__PURE__*/(0, _mixins.addFocus)({
|
17
|
+
outlineOffset: '0.125rem',
|
18
|
+
outlineSize: '0.125rem',
|
19
|
+
outlineRadius: '0',
|
20
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
|
21
|
+
}));
|
22
|
+
var StyledHidden = exports.StyledHidden = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
23
|
+
componentId: "plasma-new-hope__sc-1shiits-2"
|
24
|
+
})(["display:flex;align-items:center;gap:var(", ");"], _Breadcrumbs.tokens.breadcrumbsGap);
|
@@ -0,0 +1,50 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.shortItems = exports.getRenderItems = exports.convertIconSize = exports.addSeparator = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _BreadcrumbShorter = /*#__PURE__*/require("../ui/BreadcrumbShorter/BreadcrumbShorter");
|
9
|
+
var _Breadcrumbs = /*#__PURE__*/require("../Breadcrumbs.styles");
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
var shortItems = exports.shortItems = function shortItems(items, renderSeparator, showItems) {
|
12
|
+
if (!showItems || showItems < 2 || items.length <= showItems) {
|
13
|
+
return items;
|
14
|
+
}
|
15
|
+
var leftSlice = Math.floor(showItems / 2);
|
16
|
+
var rightSlice = items.length - leftSlice - showItems % 2;
|
17
|
+
var renderItems = items.slice(leftSlice, rightSlice);
|
18
|
+
var shorter = /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.BreadcrumbShorter, {
|
19
|
+
separator: renderSeparator
|
20
|
+
}, renderItems);
|
21
|
+
items.splice(leftSlice, rightSlice - leftSlice, shorter);
|
22
|
+
return items;
|
23
|
+
};
|
24
|
+
var convertIconSize = exports.convertIconSize = function convertIconSize(size) {
|
25
|
+
switch (size) {
|
26
|
+
case 's':
|
27
|
+
case 'xs':
|
28
|
+
return 'xs';
|
29
|
+
default:
|
30
|
+
return 's';
|
31
|
+
}
|
32
|
+
};
|
33
|
+
var getRenderItems = exports.getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
|
34
|
+
var renderItems = shortItems(items.map(function (item) {
|
35
|
+
if ('renderItem' in item) {
|
36
|
+
return item.renderItem();
|
37
|
+
}
|
38
|
+
return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.StyledLink, {
|
39
|
+
tabIndex: 0,
|
40
|
+
href: item.href,
|
41
|
+
isHref: Boolean(item.href)
|
42
|
+
}, item.title);
|
43
|
+
}), renderSeparator, showItems);
|
44
|
+
return renderItems;
|
45
|
+
};
|
46
|
+
var addSeparator = exports.addSeparator = function addSeparator(items, renderSeparator) {
|
47
|
+
return items.flatMap(function (item, idx) {
|
48
|
+
return idx < items.length - 1 ? [item, renderSeparator] : [item];
|
49
|
+
});
|
50
|
+
};
|
File without changes
|
File without changes
|