@salutejs/plasma-new-hope 0.83.0-canary.1213.9176450261.0 → 0.84.0-canary.1208.9187471531.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +6 -9
- package/cjs/components/Button/Button.js +2 -16
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +10 -31
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/Button.styles_uqvh6u.css +5 -0
- package/cjs/components/Button/Button.tokens.js +0 -5
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Button/variations/_stretching/base.js +1 -1
- package/cjs/components/Button/variations/_stretching/base.js.map +1 -1
- package/{es/components/Button/variations/_stretching/base_hy8dc.css → cjs/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
- package/cjs/components/ButtonGroup/ButtonGroup.css +2 -2
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
- package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
- package/{es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
- package/cjs/components/Drawer/Drawer.css +6 -9
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
- package/cjs/components/IconButton/IconButton.css +7 -10
- package/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/cjs/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
- package/cjs/components/Notification/Notification.css +6 -9
- package/cjs/components/Notification/NotificationsProvider.css +6 -9
- package/cjs/components/Pagination/Pagination.css +8 -11
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
- package/cjs/components/Range/Range.css +63 -0
- package/cjs/components/Range/Range.js +146 -0
- package/cjs/components/Range/Range.js.map +1 -0
- package/cjs/components/Range/Range.styles.js +63 -0
- package/cjs/components/Range/Range.styles.js.map +1 -0
- package/cjs/components/Range/Range.styles_mc4w65.css +8 -0
- package/cjs/components/Range/Range.tokens.js +106 -0
- package/cjs/components/Range/Range.tokens.js.map +1 -0
- package/cjs/components/Range/utils/index.js +24 -0
- package/cjs/components/Range/utils/index.js.map +1 -0
- package/cjs/components/Range/variations/_disabled/base.js +9 -0
- package/cjs/components/Range/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
- package/cjs/components/Range/variations/_readonly/base.js +9 -0
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -0
- package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
- package/cjs/components/Range/variations/_size/base.js +9 -0
- package/cjs/components/Range/variations/_size/base.js.map +1 -0
- package/cjs/components/Range/variations/_size/base_16xiubi.css +1 -0
- package/cjs/components/Range/variations/_view/base.js +9 -0
- package/cjs/components/Range/variations/_view/base.js.map +1 -0
- package/cjs/components/Range/variations/_view/base_5iz3nr.css +1 -0
- package/cjs/components/Select/Select.css +6 -9
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
- package/cjs/components/TextField/TextField.js +10 -4
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +13 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
- package/cjs/components/TextField/TextField.tokens.js +5 -0
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +1 -1
- package/cjs/components/Toast/Toast.css +6 -9
- package/cjs/components/Toast/ToastController.css +6 -9
- package/cjs/index.css +37 -21
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -1
- package/es/components/Button/Button.css +6 -9
- package/es/components/Button/Button.js +3 -17
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Button/Button.styles.js +11 -29
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/Button.styles_uqvh6u.css +5 -0
- package/es/components/Button/Button.tokens.js +0 -5
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Button/variations/_stretching/base.js +1 -1
- package/es/components/Button/variations/_stretching/base.js.map +1 -1
- package/{cjs/components/Button/variations/_stretching/base_hy8dc.css → es/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
- package/es/components/ButtonGroup/ButtonGroup.css +2 -2
- package/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
- package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
- package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
- package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
- package/{cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → es/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
- package/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
- package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
- package/es/components/Drawer/Drawer.css +6 -9
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
- package/es/components/IconButton/IconButton.css +7 -10
- package/es/components/IconButton/IconButton.styles.js +1 -1
- package/es/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
- package/es/components/Notification/Notification.css +6 -9
- package/es/components/Notification/NotificationsProvider.css +6 -9
- package/es/components/Pagination/Pagination.css +8 -11
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
- package/es/components/Range/Range.css +63 -0
- package/es/components/Range/Range.js +141 -0
- package/es/components/Range/Range.js.map +1 -0
- package/es/components/Range/Range.styles.js +52 -0
- package/es/components/Range/Range.styles.js.map +1 -0
- package/es/components/Range/Range.styles_mc4w65.css +8 -0
- package/es/components/Range/Range.tokens.js +101 -0
- package/es/components/Range/Range.tokens.js.map +1 -0
- package/es/components/Range/utils/index.js +19 -0
- package/es/components/Range/utils/index.js.map +1 -0
- package/es/components/Range/variations/_disabled/base.js +5 -0
- package/es/components/Range/variations/_disabled/base.js.map +1 -0
- package/es/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
- package/es/components/Range/variations/_readonly/base.js +5 -0
- package/es/components/Range/variations/_readonly/base.js.map +1 -0
- package/es/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
- package/es/components/Range/variations/_size/base.js +5 -0
- package/es/components/Range/variations/_size/base.js.map +1 -0
- package/es/components/Range/variations/_size/base_16xiubi.css +1 -0
- package/es/components/Range/variations/_view/base.js +5 -0
- package/es/components/Range/variations/_view/base.js.map +1 -0
- package/es/components/Range/variations/_view/base_5iz3nr.css +1 -0
- package/es/components/Select/Select.css +6 -9
- package/es/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
- package/es/components/TextField/TextField.js +11 -5
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +12 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
- package/es/components/TextField/TextField.tokens.js +5 -0
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/inner.js +1 -1
- package/es/components/TextField/variations/_label-placement/inner.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +1 -1
- package/es/components/Toast/Toast.css +6 -9
- package/es/components/Toast/ToastController.css +6 -9
- package/es/index.css +37 -21
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Avatar/Avatar.template-doc.mdx +3 -1
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +9 -9
- package/styled-components/cjs/components/Button/Button.js +2 -16
- package/styled-components/cjs/components/Button/Button.styles.js +12 -20
- package/styled-components/cjs/components/Button/Button.template-doc.mdx +8 -51
- package/styled-components/cjs/components/Button/Button.tokens.js +0 -5
- package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
- package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -2
- package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Cell/Cell.template-doc.mdx +68 -0
- package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Chip/Chip.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +14 -14
- package/styled-components/cjs/components/Counter/Counter.template-doc.mdx +5 -5
- package/styled-components/cjs/components/Divider/Divider.template-docs.mdx +57 -0
- package/styled-components/cjs/components/Drawer/Drawer.template-doc.mdx +3 -3
- package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +262 -261
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
- package/styled-components/cjs/components/IconButton/IconButton.template-doc.mdx +156 -0
- package/styled-components/cjs/components/Image/Image.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Link/Link.template-doc.mdx +4 -4
- package/styled-components/cjs/components/Modal/Modal.template-doc.mdx +85 -33
- package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +1 -2
- package/styled-components/cjs/components/Pagination/Pagination.template-doc.mdx +130 -0
- package/styled-components/cjs/components/Popover/Popover.template-doc.mdx +3 -3
- package/styled-components/cjs/components/Popup/Popup.template-doc.mdx +70 -74
- package/styled-components/cjs/components/Progress/Progress.template-doc.mdx +33 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx +2 -1
- package/styled-components/cjs/components/Range/Range.js +148 -0
- package/styled-components/cjs/components/Range/Range.styles.js +39 -0
- package/styled-components/cjs/components/Range/Range.template-doc.mdx +323 -0
- package/styled-components/cjs/components/Range/Range.tokens.js +104 -0
- package/styled-components/cjs/components/Range/Range.types.js +5 -0
- package/styled-components/cjs/components/Range/index.js +25 -0
- package/styled-components/cjs/components/Range/utils/index.js +22 -0
- package/styled-components/cjs/components/Range/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/Range/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +10 -0
- package/styled-components/cjs/components/Range/variations/_readonly/tokens.json +4 -0
- package/styled-components/cjs/components/Range/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/Range/variations/_size/tokens.json +26 -0
- package/styled-components/cjs/components/Range/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Range/variations/_view/tokens.json +6 -0
- package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Skeleton/Skeleton.template-doc.mdx +4 -4
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +10 -4
- package/styled-components/cjs/components/TextField/TextField.styles.js +7 -1
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +2 -2
- package/styled-components/cjs/components/TextField/TextField.tokens.js +5 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Toolbar/Toolbar.template-doc.mdx +120 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
- package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
- package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Avatar/Avatar.template-doc.mdx +3 -1
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +9 -9
- package/styled-components/es/components/Button/Button.js +3 -17
- package/styled-components/es/components/Button/Button.styles.js +11 -19
- package/styled-components/es/components/Button/Button.template-doc.mdx +8 -51
- package/styled-components/es/components/Button/Button.tokens.js +0 -5
- package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
- package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
- package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +2 -3
- package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/es/components/Cell/Cell.template-doc.mdx +68 -0
- package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx +2 -2
- package/styled-components/es/components/Chip/Chip.template-doc.mdx +1 -1
- package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +14 -14
- package/styled-components/es/components/Counter/Counter.template-doc.mdx +5 -5
- package/styled-components/es/components/Divider/Divider.template-docs.mdx +57 -0
- package/styled-components/es/components/Drawer/Drawer.template-doc.mdx +3 -3
- package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +262 -261
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
- package/styled-components/es/components/IconButton/IconButton.template-doc.mdx +156 -0
- package/styled-components/es/components/Image/Image.template-doc.mdx +1 -1
- package/styled-components/es/components/Link/Link.template-doc.mdx +4 -4
- package/styled-components/es/components/Modal/Modal.template-doc.mdx +85 -33
- package/styled-components/es/components/Notification/Notification.template-doc.mdx +1 -2
- package/styled-components/es/components/Pagination/Pagination.template-doc.mdx +130 -0
- package/styled-components/es/components/Popover/Popover.template-doc.mdx +3 -3
- package/styled-components/es/components/Popup/Popup.template-doc.mdx +70 -74
- package/styled-components/es/components/Progress/Progress.template-doc.mdx +33 -0
- package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx +2 -1
- package/styled-components/es/components/Range/Range.js +139 -0
- package/styled-components/es/components/Range/Range.styles.js +31 -0
- package/styled-components/es/components/Range/Range.template-doc.mdx +323 -0
- package/styled-components/es/components/Range/Range.tokens.js +98 -0
- package/styled-components/es/components/Range/Range.types.js +1 -0
- package/styled-components/es/components/Range/index.js +2 -0
- package/styled-components/es/components/Range/utils/index.js +16 -0
- package/styled-components/es/components/Range/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Range/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Range/variations/_readonly/base.js +4 -0
- package/styled-components/es/components/Range/variations/_readonly/tokens.json +4 -0
- package/styled-components/es/components/Range/variations/_size/base.js +4 -0
- package/styled-components/es/components/Range/variations/_size/tokens.json +26 -0
- package/styled-components/es/components/Range/variations/_view/base.js +4 -0
- package/styled-components/es/components/Range/variations/_view/tokens.json +6 -0
- package/styled-components/es/components/Segment/Segment.template-doc.mdx +2 -2
- package/styled-components/es/components/Skeleton/Skeleton.template-doc.mdx +4 -4
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +1 -1
- package/styled-components/es/components/TextField/TextField.js +11 -5
- package/styled-components/es/components/TextField/TextField.styles.js +6 -0
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +2 -2
- package/styled-components/es/components/TextField/TextField.tokens.js +5 -0
- package/styled-components/es/components/TextField/variations/_label-placement/inner.js +2 -2
- package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
- package/styled-components/es/components/Toolbar/Toolbar.template-doc.mdx +120 -0
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
- package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +25 -0
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
- package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
- package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
- package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +25 -0
- package/styled-components/es/examples/plasma_web/components/Range/Range.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
- package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
- package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/es/index.js +2 -1
- package/types/components/Button/Button.d.ts.map +1 -1
- package/types/components/Button/Button.styles.d.ts +1 -5
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +0 -5
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Button/Button.types.d.ts +4 -16
- package/types/components/Button/Button.types.d.ts.map +1 -1
- package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +0 -1
- package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
- package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
- package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +1 -43
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts +2 -86
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +1 -43
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts +31 -0
- package/types/components/Range/Range.d.ts.map +1 -0
- package/types/components/Range/Range.styles.d.ts +48 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -0
- package/types/components/Range/Range.tokens.d.ts +99 -0
- package/types/components/Range/Range.tokens.d.ts.map +1 -0
- package/types/components/Range/Range.types.d.ts +143 -0
- package/types/components/Range/Range.types.d.ts.map +1 -0
- package/types/components/Range/index.d.ts +4 -0
- package/types/components/Range/index.d.ts.map +1 -0
- package/types/components/Range/utils/index.d.ts +5 -0
- package/types/components/Range/utils/index.d.ts.map +1 -0
- package/types/components/Range/variations/_disabled/base.d.ts +2 -0
- package/types/components/Range/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Range/variations/_readonly/base.d.ts +2 -0
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -0
- package/types/components/Range/variations/_size/base.d.ts +2 -0
- package/types/components/Range/variations/_size/base.d.ts.map +1 -0
- package/types/components/Range/variations/_view/base.d.ts +2 -0
- package/types/components/Range/variations/_view/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +1 -43
- package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +2 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +5 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +8 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/Toast/Toast.styles.d.ts +1 -43
- package/types/components/Toast/Toast.styles.d.ts.map +1 -1
- package/types/components/Toast/utils.d.ts +1 -43
- package/types/components/Toast/utils.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Button/Button.d.ts +1 -43
- package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +1 -43
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Range/Range.config.d.ts +24 -0
- package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +127 -0
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Button/Button.d.ts +1 -43
- package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
- package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +1 -43
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Range/Range.config.d.ts +24 -0
- package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Range/Range.d.ts +127 -0
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Button/Button.d.ts +1 -43
- package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +4 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Button/Button.styles_nedem1.css +0 -8
- package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
- package/es/components/Button/Button.styles_nedem1.css +0 -8
- package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
- package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
@@ -1,45 +1,79 @@
|
|
1
1
|
---
|
2
|
-
id:
|
3
|
-
title:
|
2
|
+
id: popup
|
3
|
+
title: Popup
|
4
4
|
---
|
5
5
|
|
6
6
|
import { PropsTable, Description } from '@site/src/components';
|
7
7
|
|
8
|
-
#
|
9
|
-
<Description name="
|
10
|
-
<PropsTable name="
|
8
|
+
# Popup
|
9
|
+
<Description name="Popup" />
|
10
|
+
<PropsTable name="Popup" />
|
11
11
|
|
12
12
|
### Провайдер контекста
|
13
13
|
|
14
|
-
Поместите `
|
14
|
+
Поместите `PopupProvider` в [корень приложения](../../#корень-приложения) или там, где будете применять Popup:
|
15
15
|
|
16
16
|
```tsx title="index.ts"
|
17
17
|
import ReactDOM from 'react-dom';
|
18
|
-
import {
|
18
|
+
import { PopupProvider } from '@salutejs/sdds-serv';
|
19
19
|
|
20
20
|
import { App } from './App';
|
21
21
|
|
22
22
|
ReactDOM.render(
|
23
|
-
<
|
23
|
+
<PopupProvider>
|
24
24
|
<App />
|
25
|
-
</
|
25
|
+
</PopupProvider>,
|
26
26
|
document.getElementById('root')
|
27
27
|
);
|
28
28
|
```
|
29
29
|
|
30
30
|
### Использование
|
31
31
|
|
32
|
-
|
32
|
+
Popup можно использовать как и на всем окне, так и в отдельном фрейме - свойство `frame`.
|
33
|
+
|
33
34
|
Также это свойство поддерживает передачу id элемента, в котором будет использоваться компонент.
|
35
|
+
|
34
36
|
Само позиционирование можно указать с помощью свойства `placement`(center - по умолчанию; left, right, top, bottom и их комбинации),
|
35
|
-
|
37
|
+
а также определить отступы от точки с помощью `offset`.
|
36
38
|
|
37
39
|
```tsx live
|
38
40
|
import React, { useRef } from 'react';
|
39
|
-
import
|
40
|
-
import {
|
41
|
+
import styled from 'styled-components';
|
42
|
+
import { surfaceSolidTertiary, surfaceSolidSecondary } from '@salutejs/{{ vertical }}/tokens';
|
43
|
+
|
44
|
+
import { SSRProvider, Button, Popup, PopupProvider } from '@salutejs/{{ package }}';
|
41
45
|
|
42
46
|
export function App() {
|
47
|
+
const StyledButton = styled(Button)`
|
48
|
+
margin-top: 1rem;
|
49
|
+
width: 15rem;
|
50
|
+
`;
|
51
|
+
|
52
|
+
const StyledWrapper = styled.div`
|
53
|
+
height: 500px;
|
54
|
+
`;
|
55
|
+
|
56
|
+
const OtherContent = styled.div`
|
57
|
+
margin-top: 1rem;
|
58
|
+
width: 400px;
|
59
|
+
height: 500px;
|
60
|
+
background: ${surfaceSolidTertiary};
|
61
|
+
position: absolute;
|
62
|
+
|
63
|
+
display: flex;
|
64
|
+
align-items: flex-start;
|
65
|
+
justify-content: center;
|
66
|
+
padding: 1rem;
|
67
|
+
|
68
|
+
bottom: 0;
|
69
|
+
right: 0;
|
70
|
+
`;
|
71
|
+
|
72
|
+
const Content = styled.div`
|
73
|
+
background: ${surfaceSolidSecondary};
|
74
|
+
padding: 1rem;
|
75
|
+
`;
|
76
|
+
|
43
77
|
const [isOpenA, setIsOpenA] = React.useState(false);
|
44
78
|
const [isOpenB, setIsOpenB] = React.useState(false);
|
45
79
|
|
@@ -47,59 +81,28 @@ export function App() {
|
|
47
81
|
|
48
82
|
return (
|
49
83
|
<SSRProvider>
|
50
|
-
<
|
51
|
-
<
|
84
|
+
<PopupProvider>
|
85
|
+
<StyledWrapper>
|
52
86
|
<div style=\{{ display: 'flex', flexDirection: 'column' }}>
|
53
|
-
<
|
54
|
-
|
55
|
-
marginTop: "1rem",
|
56
|
-
width: "15rem"
|
57
|
-
}}
|
58
|
-
text="Открыть в document"
|
59
|
-
onClick={() => setIsOpenB(true)}
|
60
|
-
/>
|
61
|
-
<Button
|
62
|
-
style=\{{
|
63
|
-
marginTop: "1rem",
|
64
|
-
width: "15rem"
|
65
|
-
}}
|
66
|
-
text="Открыть во Frame"
|
67
|
-
onClick={() => setIsOpenA(true)}
|
68
|
-
/>
|
87
|
+
<StyledButton text="Открыть в document" onClick={() => setIsOpenB(true)} />
|
88
|
+
<StyledButton text="Открыть во Frame" onClick={() => setIsOpenA(true)} />
|
69
89
|
</div>
|
70
|
-
<
|
90
|
+
<Popup
|
71
91
|
id="popupA"
|
72
92
|
frame={ref}
|
73
93
|
isOpen={isOpenA}
|
74
94
|
placement="center"
|
75
95
|
offset={[0, 0]}
|
76
96
|
>
|
77
|
-
<
|
97
|
+
<Content>
|
78
98
|
<Button onClick={() => setIsOpenA(false)}>Close</Button>
|
79
99
|
<>Content</>
|
80
|
-
</
|
81
|
-
</
|
82
|
-
<
|
83
|
-
ref={ref}
|
84
|
-
style=\{{
|
85
|
-
marginTop: "1rem",
|
86
|
-
width: "400px",
|
87
|
-
height: "500px",
|
88
|
-
background: surfaceSolid03,
|
89
|
-
position: "absolute",
|
90
|
-
|
91
|
-
display: "flex",
|
92
|
-
alignItems: "flex-start",
|
93
|
-
justifyContent: "center",
|
94
|
-
padding: "1rem",
|
95
|
-
|
96
|
-
bottom: 0,
|
97
|
-
right: 0
|
98
|
-
}}
|
99
|
-
>
|
100
|
+
</Content>
|
101
|
+
</Popup>
|
102
|
+
<OtherContent ref={ref}>
|
100
103
|
<>Frame</>
|
101
|
-
</
|
102
|
-
<
|
104
|
+
</OtherContent>
|
105
|
+
<Popup
|
103
106
|
id="popupB"
|
104
107
|
frame="document"
|
105
108
|
isOpen={isOpenB}
|
@@ -110,9 +113,9 @@ export function App() {
|
|
110
113
|
<Button onClick={() => setIsOpenB(false)}>Close</Button>
|
111
114
|
<>Content</>
|
112
115
|
</Content>
|
113
|
-
</
|
114
|
-
</
|
115
|
-
</
|
116
|
+
</Popup>
|
117
|
+
</StyledWrapper>
|
118
|
+
</PopupProvider>
|
116
119
|
</SSRProvider>
|
117
120
|
);
|
118
121
|
}
|
@@ -121,19 +124,19 @@ export function App() {
|
|
121
124
|
## Подключение анимации
|
122
125
|
|
123
126
|
Для подключения анимации нужно добавить параметр `withAnimation`.
|
124
|
-
Само управление происходит с помощью классов через переменные `endAnimation`, `endTransition` из объекта `
|
125
|
-
Для добавления анимации необходимо использовать класс `.popup-
|
127
|
+
Само управление происходит с помощью классов через переменные `endAnimation`, `endTransition` из объекта `PopupClasses` для `Popup`.
|
128
|
+
Для добавления анимации необходимо использовать класс `.popup-root` через переменную `PopupClasses.root` из пакета.
|
126
129
|
|
127
130
|
Пример:
|
128
131
|
|
129
132
|
```tsx
|
130
|
-
const StyledPopupTransition = styled(
|
131
|
-
&& > .${
|
133
|
+
const StyledPopupTransition = styled(Popup)`
|
134
|
+
&& > .${PopupClasses.root} {
|
132
135
|
opacity: 1;
|
133
136
|
transition: opacity 0.5s 0.1s;
|
134
137
|
}
|
135
138
|
|
136
|
-
&&.${
|
139
|
+
&&.${PopupClasses.endTransition} > .${PopupClasses.root} {
|
137
140
|
opacity: 0;
|
138
141
|
transition: opacity 0.5s 0.1s;
|
139
142
|
}
|
@@ -143,12 +146,12 @@ const StyledPopupTransition = styled(PopupBase)`
|
|
143
146
|
или
|
144
147
|
|
145
148
|
```tsx
|
146
|
-
const StyledPopupAnimation = styled(
|
147
|
-
&& > .${
|
149
|
+
const StyledPopupAnimation = styled(Popup)`
|
150
|
+
&& > .${PopupClasses.root} {
|
148
151
|
animation: fadeIn 1s forwards;
|
149
152
|
}
|
150
153
|
|
151
|
-
&&.${
|
154
|
+
&&.${PopupClasses.endAnimation} > .${PopupClasses.root} {
|
152
155
|
animation: fadeOut 1s forwards;
|
153
156
|
}
|
154
157
|
|
@@ -182,14 +185,7 @@ const StyledPopupAnimation = styled(PopupBase)`
|
|
182
185
|
return (
|
183
186
|
<>
|
184
187
|
<div>
|
185
|
-
<
|
186
|
-
style=\{{
|
187
|
-
marginTop: "1rem",
|
188
|
-
width: "15rem"
|
189
|
-
}}
|
190
|
-
text="Открыть"
|
191
|
-
onClick={() => setIsOpen(true)}
|
192
|
-
/>
|
188
|
+
<StyledButton text="Открыть" onClick={() => setIsOpen(true)} />
|
193
189
|
</div>
|
194
190
|
<StyledPopupAnimation
|
195
191
|
id="popup-id"
|
@@ -0,0 +1,33 @@
|
|
1
|
+
---
|
2
|
+
id: progress
|
3
|
+
title: Progress
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# Progress
|
9
|
+
<Description name="Progress" />
|
10
|
+
<PropsTable name="Progress" exclude={['css']} />
|
11
|
+
|
12
|
+
##Примеры
|
13
|
+
|
14
|
+
### Вид прогресса
|
15
|
+
Вид прогресса задается с помощью свойства `view`. Возможные значения свойства `view`:
|
16
|
+
+ `"default"` – по умолчанию;
|
17
|
+
+ `"primary"` – основная;
|
18
|
+
+ `"secondary"` – вторичная;
|
19
|
+
+ `"accent"` – акцентная;
|
20
|
+
+ `"success"` – успешное завершение;
|
21
|
+
+ `"warning"` – предупреждение;
|
22
|
+
+ `"error"` – ошибка;
|
23
|
+
|
24
|
+
```tsx live
|
25
|
+
import React from 'react';
|
26
|
+
import { Progress } from '@salutejs/{{ package }}';
|
27
|
+
|
28
|
+
export function App() {
|
29
|
+
return (
|
30
|
+
<Progress value={25} view="success" displayValue />
|
31
|
+
);
|
32
|
+
}
|
33
|
+
```
|
@@ -27,8 +27,9 @@ export function App() {
|
|
27
27
|
}
|
28
28
|
```
|
29
29
|
|
30
|
-
##
|
30
|
+
## RadioGroup
|
31
31
|
Компоненты `Radiobox` следует объединять в `RadioGroup`
|
32
|
+
|
32
33
|
```tsx live
|
33
34
|
<RadioGroup aria-labelledby="radiogroup-title-id">
|
34
35
|
<H3 id="radiogroup-title-id">Заголовок</H3>
|
@@ -0,0 +1,148 @@
|
|
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.rangeRoot = exports.rangeConfig = 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 _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
13
|
+
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
14
|
+
var _utils2 = /*#__PURE__*/require("./utils");
|
15
|
+
var _Range = /*#__PURE__*/require("./Range.styles");
|
16
|
+
var _Range2 = /*#__PURE__*/require("./Range.tokens");
|
17
|
+
var _StyledDivider;
|
18
|
+
var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
19
|
+
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); }
|
20
|
+
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; }
|
21
|
+
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); }
|
22
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
23
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
24
|
+
var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
|
25
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
26
|
+
var _StyledDivider2;
|
27
|
+
var label = _ref.label,
|
28
|
+
leftHelper = _ref.leftHelper,
|
29
|
+
contentLeft = _ref.contentLeft,
|
30
|
+
contentRight = _ref.contentRight,
|
31
|
+
view = _ref.view,
|
32
|
+
size = _ref.size,
|
33
|
+
_ref$readOnly = _ref.readOnly,
|
34
|
+
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
35
|
+
_ref$disabled = _ref.disabled,
|
36
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
37
|
+
_ref$dividerVariant = _ref.dividerVariant,
|
38
|
+
dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
|
39
|
+
dividerIcon = _ref.dividerIcon,
|
40
|
+
firstValue = _ref.firstValue,
|
41
|
+
secondValue = _ref.secondValue,
|
42
|
+
firstValueError = _ref.firstValueError,
|
43
|
+
secondValueError = _ref.secondValueError,
|
44
|
+
firstValueSuccess = _ref.firstValueSuccess,
|
45
|
+
secondValueSuccess = _ref.secondValueSuccess,
|
46
|
+
firstPlaceholder = _ref.firstPlaceholder,
|
47
|
+
secondPlaceholder = _ref.secondPlaceholder,
|
48
|
+
firstTextfieldContentLeft = _ref.firstTextfieldContentLeft,
|
49
|
+
firstTextfieldContentRight = _ref.firstTextfieldContentRight,
|
50
|
+
secondTextfieldContentLeft = _ref.secondTextfieldContentLeft,
|
51
|
+
secondTextfieldContentRight = _ref.secondTextfieldContentRight,
|
52
|
+
firstTextfieldTextBefore = _ref.firstTextfieldTextBefore,
|
53
|
+
secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
|
54
|
+
firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
|
55
|
+
secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
|
56
|
+
onChangeFirstValue = _ref.onChangeFirstValue,
|
57
|
+
onChangeSecondValue = _ref.onChangeSecondValue,
|
58
|
+
onSearchFirstValue = _ref.onSearchFirstValue,
|
59
|
+
onSearchSecondValue = _ref.onSearchSecondValue,
|
60
|
+
onFocusFirstTextfield = _ref.onFocusFirstTextfield,
|
61
|
+
onFocusSecondTextfield = _ref.onFocusSecondTextfield,
|
62
|
+
onBlurFirstTextfield = _ref.onBlurFirstTextfield,
|
63
|
+
onBlurSecondTextfield = _ref.onBlurSecondTextfield,
|
64
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
65
|
+
var rangeErrorClass = firstValueError && secondValueError ? _Range2.classes.rangeError : undefined;
|
66
|
+
var firstValueErrorClass = !rangeErrorClass && firstValueError ? _Range2.classes.rangeValueError : undefined;
|
67
|
+
var secondValueErrorClass = !rangeErrorClass && secondValueError ? _Range2.classes.rangeValueError : undefined;
|
68
|
+
var rangeSuccessClass = firstValueSuccess && secondValueSuccess ? _Range2.classes.rangeSuccess : undefined;
|
69
|
+
var firstValueSuccessClass = !rangeSuccessClass && firstValueSuccess ? _Range2.classes.rangeValueSuccess : undefined;
|
70
|
+
var secondValueSuccessClass = !rangeSuccessClass && secondValueSuccess ? _Range2.classes.rangeValueSuccess : undefined;
|
71
|
+
var handleChangeFirstValue = (0, _react.useCallback)((0, _utils2.getChangeHandler)(onChangeFirstValue, disabled, readOnly), [onChangeFirstValue, disabled, readOnly]);
|
72
|
+
var handleChangeSecondValue = (0, _react.useCallback)((0, _utils2.getChangeHandler)(onChangeSecondValue, disabled, readOnly), [onChangeSecondValue, disabled, readOnly]);
|
73
|
+
var handleSearchFirstValue = (0, _react.useCallback)((0, _utils2.getSearchHandler)(onSearchFirstValue, disabled, readOnly), [onSearchFirstValue, disabled, readOnly]);
|
74
|
+
var handleSearchSecondValue = (0, _react.useCallback)((0, _utils2.getSearchHandler)(onSearchSecondValue, disabled, readOnly), [onSearchFirstValue, disabled, readOnly]);
|
75
|
+
var Divider = (0, _react.useMemo)(function () {
|
76
|
+
if (dividerVariant === 'none') {
|
77
|
+
return null;
|
78
|
+
}
|
79
|
+
if (dividerVariant === 'dash') {
|
80
|
+
return _StyledDivider || (_StyledDivider = /*#__PURE__*/_react["default"].createElement(_Range.StyledDivider, null, "\u2013"));
|
81
|
+
}
|
82
|
+
return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/_react["default"].createElement(_Range.StyledDivider, null, dividerIcon));
|
83
|
+
}, [dividerVariant, dividerIcon]);
|
84
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
85
|
+
view: view,
|
86
|
+
size: size,
|
87
|
+
disabled: disabled,
|
88
|
+
readOnly: !disabled && readOnly,
|
89
|
+
ref: ref
|
90
|
+
}, rest), label && /*#__PURE__*/_react["default"].createElement(_Range.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Range.ContentWrapper, {
|
91
|
+
className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
|
92
|
+
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
93
|
+
className: (0, _utils.cx)(firstValueErrorClass, firstValueSuccessClass),
|
94
|
+
value: firstValue,
|
95
|
+
readOnly: readOnly,
|
96
|
+
disabled: disabled,
|
97
|
+
placeholder: firstPlaceholder,
|
98
|
+
contentLeft: firstTextfieldContentLeft,
|
99
|
+
contentRight: firstTextfieldContentRight,
|
100
|
+
textBefore: firstTextfieldTextBefore,
|
101
|
+
textAfter: firstTextfieldTextAfter,
|
102
|
+
onChange: handleChangeFirstValue,
|
103
|
+
onSearch: handleSearchFirstValue,
|
104
|
+
onFocus: onFocusFirstTextfield,
|
105
|
+
onBlur: onBlurFirstTextfield
|
106
|
+
}), Divider, /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
107
|
+
className: (0, _utils.cx)(secondValueErrorClass, secondValueSuccessClass),
|
108
|
+
value: secondValue,
|
109
|
+
readOnly: readOnly,
|
110
|
+
disabled: disabled,
|
111
|
+
placeholder: secondPlaceholder,
|
112
|
+
contentLeft: secondTextfieldContentLeft,
|
113
|
+
contentRight: secondTextfieldContentRight,
|
114
|
+
textBefore: secondTextfieldTextBefore,
|
115
|
+
textAfter: secondTextfieldTextAfter,
|
116
|
+
onChange: handleChangeSecondValue,
|
117
|
+
onSearch: handleSearchSecondValue,
|
118
|
+
onFocus: onFocusSecondTextfield,
|
119
|
+
onBlur: onBlurSecondTextfield
|
120
|
+
}), contentRight && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_Range.LeftHelper, null, leftHelper));
|
121
|
+
});
|
122
|
+
};
|
123
|
+
var rangeConfig = exports.rangeConfig = {
|
124
|
+
name: 'Range',
|
125
|
+
tag: 'div',
|
126
|
+
layout: rangeRoot,
|
127
|
+
base: _Range.base,
|
128
|
+
variations: {
|
129
|
+
view: {
|
130
|
+
css: _base2.base
|
131
|
+
},
|
132
|
+
size: {
|
133
|
+
css: _base.base
|
134
|
+
},
|
135
|
+
disabled: {
|
136
|
+
css: _base3.base,
|
137
|
+
attrs: true
|
138
|
+
},
|
139
|
+
readOnly: {
|
140
|
+
css: _base4.base,
|
141
|
+
attrs: true
|
142
|
+
}
|
143
|
+
},
|
144
|
+
defaults: {
|
145
|
+
size: 'm',
|
146
|
+
view: 'default'
|
147
|
+
}
|
148
|
+
};
|
@@ -0,0 +1,39 @@
|
|
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.StyledLabel = exports.StyledInput = exports.StyledDivider = exports.StyledContentRight = exports.StyledContentLeft = exports.LeftHelper = exports.ContentWrapper = void 0;
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _engines = /*#__PURE__*/require("../../engines");
|
10
|
+
var _TextField = /*#__PURE__*/require("../TextField");
|
11
|
+
var _Range = /*#__PURE__*/require("./Range.tokens");
|
12
|
+
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); }
|
13
|
+
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; }
|
14
|
+
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig);
|
15
|
+
var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
16
|
+
|
17
|
+
// NOTE: переопределение токенов TextField
|
18
|
+
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
19
|
+
componentId: "plasma-new-hope__sc-xpkrak-0"
|
20
|
+
})(["flex:1;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
|
21
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
22
|
+
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
23
|
+
componentId: "plasma-new-hope__sc-xpkrak-1"
|
24
|
+
})([""]);
|
25
|
+
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
26
|
+
componentId: "plasma-new-hope__sc-xpkrak-2"
|
27
|
+
})([""]);
|
28
|
+
var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
|
+
componentId: "plasma-new-hope__sc-xpkrak-3"
|
30
|
+
})(["display:flex;align-items:center;"]);
|
31
|
+
var StyledDivider = exports.StyledDivider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
|
+
componentId: "plasma-new-hope__sc-xpkrak-4"
|
33
|
+
})([""]);
|
34
|
+
var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
35
|
+
componentId: "plasma-new-hope__sc-xpkrak-5"
|
36
|
+
})([""]);
|
37
|
+
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
38
|
+
componentId: "plasma-new-hope__sc-xpkrak-6"
|
39
|
+
})([""]);
|