@salutejs/plasma-new-hope 0.131.1-canary.1396.10560424945.0 → 0.132.0-canary.1368.10558535646.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +1 -1
- package/cjs/components/Button/Button.js +2 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.tokens.js +3 -1
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Button/variations/_view/base.js +1 -1
- package/cjs/components/Button/variations/_view/base.js.map +1 -1
- package/cjs/components/Button/variations/_view/base_1x0spnh.css +1 -0
- package/cjs/components/ButtonGroup/ButtonGroup.css +1 -1
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +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_1lhytnr.css +1 -0
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +2 -2
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
- package/cjs/components/Checkbox/Checkbox.css +7 -7
- package/cjs/components/Checkbox/Checkbox.styles.js +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/{es/components/Checkbox/Checkbox.styles_1266095.css → cjs/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
- package/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/Drawer/Drawer.css +1 -1
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
- package/cjs/components/EmptyState/EmptyState.css +1 -1
- package/cjs/components/IconButton/IconButton.css +2 -2
- package/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/IconButton/IconButton.styles_sttslf.css +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js.map +1 -1
- package/cjs/components/Notification/Notification.css +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +1 -1
- package/cjs/components/Pagination/Pagination.css +9 -9
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
- package/cjs/components/Radiobox/Radiobox.css +9 -9
- package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/cjs/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
- package/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/cjs/components/Select/Select.css +8 -8
- package/cjs/components/Select/ui/Inner/Inner.css +8 -8
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +8 -8
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Toast/Toast.css +1 -1
- package/cjs/components/Toast/ToastController.css +1 -1
- package/cjs/index.css +12 -12
- package/emotion/cjs/components/Button/Button.js +2 -1
- package/emotion/cjs/components/Button/Button.tokens.js +3 -1
- package/emotion/cjs/components/Button/variations/_view/base.js +1 -1
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/emotion/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Checkbox/Checkbox.styles.js +7 -7
- package/emotion/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/emotion/cjs/components/IconButton/IconButton.styles.js +2 -2
- package/emotion/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/emotion/cjs/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Button/Button.config.js +24 -24
- package/emotion/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Button/Button.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js +29 -0
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
- package/emotion/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +10 -0
- package/emotion/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.config.js +36 -0
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +51 -0
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +56 -0
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
- package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.js +23 -0
- package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +41 -0
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.config.js +28 -0
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.config.js +29 -0
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.config.js +31 -0
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js +26 -0
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.js +18 -0
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.config.js +22 -0
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.js +23 -0
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
- package/emotion/cjs/examples/sds_engineer/components/Image/Image.js +10 -0
- package/emotion/cjs/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.config.js +121 -0
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.config.js +18 -0
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.js +17 -0
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.config.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.js +29 -0
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
- package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.config.js +27 -0
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.js +18 -0
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.config.js +18 -0
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
- package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.js +28 -0
- package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.config.js +28 -0
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +42 -0
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
- package/emotion/cjs/examples/sds_engineer/components/Segment/Segment.js +14 -0
- package/emotion/cjs/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
- package/emotion/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js +35 -0
- package/emotion/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js +33 -0
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +34 -0
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/Skeleton.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +31 -0
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.config.js +36 -0
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabItem.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.config.js +42 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabsController.js +10 -0
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +28 -0
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.config.js +39 -0
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.config.js +27 -0
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.js +19 -0
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +17 -0
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.config.js +22 -0
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
- package/emotion/cjs/examples/themes/index.js +3 -1
- package/emotion/cjs/examples/themes/sds_engineer.module.css +373 -0
- package/emotion/es/components/Button/Button.js +2 -1
- package/emotion/es/components/Button/Button.tokens.js +3 -1
- package/emotion/es/components/Button/variations/_view/base.js +2 -2
- package/emotion/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/emotion/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/emotion/es/components/Checkbox/Checkbox.styles.js +7 -7
- package/emotion/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/emotion/es/components/IconButton/IconButton.styles.js +2 -2
- package/emotion/es/components/IconButton/IconButton.tokens.js +1 -0
- package/emotion/es/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/emotion/es/examples/plasma_b2c/components/Button/Button.config.js +24 -24
- package/emotion/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Button/Button.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.config.js +23 -0
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
- package/emotion/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +4 -0
- package/emotion/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.config.js +30 -0
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
- package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +45 -0
- package/emotion/es/examples/sds_engineer/components/Button/Button.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +50 -0
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +5 -0
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
- package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.js +17 -0
- package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +19 -0
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +19 -0
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +35 -0
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.config.js +22 -0
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.config.js +23 -0
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.config.js +25 -0
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.config.js +20 -0
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.js +12 -0
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.config.js +16 -0
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.js +6 -0
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
- package/emotion/es/examples/sds_engineer/components/Image/Image.js +4 -0
- package/emotion/es/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
- package/emotion/es/examples/sds_engineer/components/Link/Link.config.js +115 -0
- package/emotion/es/examples/sds_engineer/components/Link/Link.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.config.js +12 -0
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.js +6 -0
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.config.js +19 -0
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.js +16 -0
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
- package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.config.js +21 -0
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.js +12 -0
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.config.js +12 -0
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
- package/emotion/es/examples/sds_engineer/components/Popup/Popup.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.config.js +22 -0
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +36 -0
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
- package/emotion/es/examples/sds_engineer/components/Segment/Segment.js +8 -0
- package/emotion/es/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
- package/emotion/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js +29 -0
- package/emotion/es/examples/sds_engineer/components/Segment/SegmentItem.config.js +27 -0
- package/emotion/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +28 -0
- package/emotion/es/examples/sds_engineer/components/Skeleton/Skeleton.js +7 -0
- package/emotion/es/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.config.js +25 -0
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.config.js +30 -0
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/TabItem.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.config.js +36 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/TabsController.js +4 -0
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.config.js +22 -0
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.js +5 -0
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.config.js +33 -0
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.config.js +21 -0
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.js +8 -0
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +19 -0
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.js +11 -0
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.config.js +16 -0
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
- package/emotion/es/examples/themes/index.js +3 -1
- package/emotion/es/examples/themes/sds_engineer.module.css +373 -0
- package/es/components/Button/Button.css +1 -1
- package/es/components/Button/Button.js +2 -1
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Button/Button.tokens.js +3 -1
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Button/variations/_view/base.js +1 -1
- package/es/components/Button/variations/_view/base.js.map +1 -1
- package/es/components/Button/variations/_view/base_1x0spnh.css +1 -0
- package/es/components/ButtonGroup/ButtonGroup.css +1 -1
- package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +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_1lhytnr.css +1 -0
- package/es/components/Calendar/CalendarBase/CalendarBase.css +2 -2
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
- package/es/components/Checkbox/Checkbox.css +7 -7
- package/es/components/Checkbox/Checkbox.styles.js +1 -1
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/{cjs/components/Checkbox/Checkbox.styles_1266095.css → es/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
- package/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/es/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/Drawer/Drawer.css +1 -1
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
- package/es/components/EmptyState/EmptyState.css +1 -1
- package/es/components/IconButton/IconButton.css +2 -2
- package/es/components/IconButton/IconButton.styles.js +1 -1
- package/es/components/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/IconButton/IconButton.styles_sttslf.css +1 -0
- package/es/components/IconButton/IconButton.tokens.js +1 -0
- package/es/components/IconButton/IconButton.tokens.js.map +1 -1
- package/es/components/Notification/Notification.css +1 -1
- package/es/components/Notification/NotificationsProvider.css +1 -1
- package/es/components/Pagination/Pagination.css +9 -9
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
- package/es/components/Radiobox/Radiobox.css +9 -9
- package/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/es/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
- package/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/es/components/Select/Select.css +8 -8
- package/es/components/Select/ui/Inner/Inner.css +8 -8
- package/es/components/Select/ui/Inner/ui/Item/Item.css +8 -8
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Toast/Toast.css +1 -1
- package/es/components/Toast/ToastController.css +1 -1
- package/es/index.css +12 -12
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.js +2 -1
- package/styled-components/cjs/components/Button/Button.tokens.js +3 -1
- package/styled-components/cjs/components/Button/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +1 -1
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/styled-components/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/styled-components/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js +29 -0
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
- package/styled-components/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +10 -0
- package/styled-components/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.config.js +36 -0
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +51 -0
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +56 -0
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.js +23 -0
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +41 -0
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.config.js +28 -0
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.config.js +29 -0
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.config.js +31 -0
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js +26 -0
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.js +18 -0
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.config.js +22 -0
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.js +23 -0
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
- package/styled-components/cjs/examples/sds_engineer/components/Image/Image.js +10 -0
- package/styled-components/cjs/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.config.js +32 -0
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.config.js +18 -0
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.js +17 -0
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.js +29 -0
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
- package/styled-components/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.config.js +27 -0
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.js +18 -0
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.config.js +18 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.js +28 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.config.js +28 -0
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +42 -0
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
- package/styled-components/cjs/examples/sds_engineer/components/Segment/Segment.js +14 -0
- package/styled-components/cjs/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
- package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js +35 -0
- package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js +33 -0
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +34 -0
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/Skeleton.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +31 -0
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.config.js +36 -0
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js +39 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.config.js +42 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabsController.js +10 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +28 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +39 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.config.js +27 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.js +19 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +17 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.config.js +22 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
- package/styled-components/cjs/examples/themes/index.js +3 -1
- package/styled-components/cjs/examples/themes/sds_engineer.module.css +373 -0
- package/styled-components/es/components/Button/Button.js +2 -1
- package/styled-components/es/components/Button/Button.tokens.js +3 -1
- package/styled-components/es/components/Button/variations/_view/base.js +2 -2
- package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +1 -1
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/styled-components/es/components/IconButton/IconButton.styles.js +1 -1
- package/styled-components/es/components/IconButton/IconButton.tokens.js +1 -0
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.config.js +23 -0
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
- package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +4 -0
- package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.config.js +30 -0
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
- package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +45 -0
- package/styled-components/es/examples/sds_engineer/components/Button/Button.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +50 -0
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.js +17 -0
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +35 -0
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.config.js +22 -0
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.config.js +23 -0
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.config.js +25 -0
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.config.js +20 -0
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.js +12 -0
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.config.js +16 -0
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.js +6 -0
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
- package/styled-components/es/examples/sds_engineer/components/Image/Image.js +4 -0
- package/styled-components/es/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
- package/styled-components/es/examples/sds_engineer/components/Link/Link.config.js +26 -0
- package/styled-components/es/examples/sds_engineer/components/Link/Link.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.config.js +12 -0
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.js +6 -0
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.js +16 -0
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
- package/styled-components/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.config.js +21 -0
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.js +12 -0
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.config.js +12 -0
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
- package/styled-components/es/examples/sds_engineer/components/Popup/Popup.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.config.js +22 -0
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +36 -0
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
- package/styled-components/es/examples/sds_engineer/components/Segment/Segment.js +8 -0
- package/styled-components/es/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
- package/styled-components/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js +29 -0
- package/styled-components/es/examples/sds_engineer/components/Segment/SegmentItem.config.js +27 -0
- package/styled-components/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +28 -0
- package/styled-components/es/examples/sds_engineer/components/Skeleton/Skeleton.js +7 -0
- package/styled-components/es/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.config.js +25 -0
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.config.js +30 -0
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabItem.config.js +33 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabItem.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.config.js +36 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabsController.js +4 -0
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.config.js +22 -0
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +33 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.config.js +21 -0
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.js +8 -0
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.js +11 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.config.js +16 -0
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
- package/styled-components/es/examples/themes/index.js +3 -1
- package/styled-components/es/examples/themes/sds_engineer.module.css +373 -0
- package/types/components/Button/Button.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/Button/variations/_view/base.d.ts.map +1 -1
- package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
- package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
- package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.tokens.d.ts +1 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.tokens.d.ts +1 -0
- package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.tokens.d.ts +1 -0
- package/types/components/Radiobox/Radiobox.tokens.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/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.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/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Avatar/Avatar.config.d.ts +22 -0
- package/types/examples/sds_engineer/components/Avatar/Avatar.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Avatar/Avatar.d.ts +26 -0
- package/types/examples/sds_engineer/components/Avatar/Avatar.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/AvatarGroup/AvatarGroup.d.ts +5 -0
- package/types/examples/sds_engineer/components/AvatarGroup/AvatarGroup.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts +29 -0
- package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Badge/Badge.d.ts +34 -0
- package/types/examples/sds_engineer/components/Badge/Badge.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts +44 -0
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Button/Button.d.ts +80 -0
- package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts +49 -0
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts +44 -0
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +28 -0
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +34 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +24 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Chip/Chip.config.d.ts +21 -0
- package/types/examples/sds_engineer/components/Chip/Chip.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts +16 -0
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts +22 -0
- package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Counter/Counter.d.ts +22 -0
- package/types/examples/sds_engineer/components/Counter/Counter.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Divider/Divider.config.d.ts +23 -0
- package/types/examples/sds_engineer/components/Divider/Divider.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Divider/Divider.d.ts +17 -0
- package/types/examples/sds_engineer/components/Divider/Divider.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Drawer/Drawer.config.d.ts +19 -0
- package/types/examples/sds_engineer/components/Drawer/Drawer.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Drawer/Drawer.d.ts +38 -0
- package/types/examples/sds_engineer/components/Drawer/Drawer.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Grid/Grid.config.d.ts +11 -0
- package/types/examples/sds_engineer/components/Grid/Grid.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Grid/Grid.d.ts +8 -0
- package/types/examples/sds_engineer/components/Grid/Grid.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Image/Image.d.ts +8 -0
- package/types/examples/sds_engineer/components/Image/Image.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Link/Link.config.d.ts +26 -0
- package/types/examples/sds_engineer/components/Link/Link.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Link/Link.d.ts +21 -0
- package/types/examples/sds_engineer/components/Link/Link.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Modal/Modal.config.d.ts +11 -0
- package/types/examples/sds_engineer/components/Modal/Modal.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Modal/Modal.d.ts +8 -0
- package/types/examples/sds_engineer/components/Modal/Modal.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Notification/Notification.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Notification/Notification.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Notification/Notification.d.ts +19 -0
- package/types/examples/sds_engineer/components/Notification/Notification.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Panel/Panel.config.d.ts +20 -0
- package/types/examples/sds_engineer/components/Panel/Panel.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Panel/Panel.d.ts +27 -0
- package/types/examples/sds_engineer/components/Panel/Panel.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Popover/Popover.config.d.ts +11 -0
- package/types/examples/sds_engineer/components/Popover/Popover.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts +8 -0
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Popup/Popup.d.ts +4 -0
- package/types/examples/sds_engineer/components/Popup/Popup.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Progress/Progress.config.d.ts +21 -0
- package/types/examples/sds_engineer/components/Progress/Progress.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Progress/Progress.d.ts +16 -0
- package/types/examples/sds_engineer/components/Progress/Progress.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts +35 -0
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts +24 -0
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Segment/Segment.d.ts +58 -0
- package/types/examples/sds_engineer/components/Segment/Segment.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Segment/SegmentGroup.config.d.ts +28 -0
- package/types/examples/sds_engineer/components/Segment/SegmentGroup.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Segment/SegmentItem.config.d.ts +26 -0
- package/types/examples/sds_engineer/components/Segment/SegmentItem.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Skeleton/LineSkeleton.config.d.ts +27 -0
- package/types/examples/sds_engineer/components/Skeleton/LineSkeleton.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Skeleton/Skeleton.d.ts +51 -0
- package/types/examples/sds_engineer/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts +24 -0
- package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts +34 -0
- package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Switch/Switch.config.d.ts +28 -0
- package/types/examples/sds_engineer/components/Switch/Switch.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Switch/Switch.d.ts +21 -0
- package/types/examples/sds_engineer/components/Switch/Switch.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/TabItem.config.d.ts +32 -0
- package/types/examples/sds_engineer/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +3 -0
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/Tabs.config.d.ts +35 -0
- package/types/examples/sds_engineer/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +3 -0
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/TabsController.d.ts +3 -0
- package/types/examples/sds_engineer/components/Tabs/TabsController.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts +21 -0
- package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts +46 -0
- package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +64 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts +20 -0
- package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toast/Toast.d.ts +20 -0
- package/types/examples/sds_engineer/components/Toast/Toast.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts +23 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.config.d.ts +15 -0
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.d.ts +5 -0
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/types/examples/themes/index.d.ts.map +1 -1
- package/cjs/components/Button/variations/_view/base_x95x4p.css +0 -1
- package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
- package/cjs/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
- package/es/components/Button/variations/_view/base_x95x4p.css +0 -1
- package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
- package/es/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
@@ -0,0 +1,205 @@
|
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import styled from '@emotion/styled';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
|
5
|
+
import { WithTheme } from '../../../_helpers';
|
6
|
+
import { Button } from '../Button/Button';
|
7
|
+
import { PopoverPlacement } from '../Popover/Popover';
|
8
|
+
import { IconDisclosureRight } from '../../../../components/_Icon';
|
9
|
+
|
10
|
+
import { Tooltip } from './Tooltip';
|
11
|
+
import type { TooltipProps } from './Tooltip';
|
12
|
+
|
13
|
+
const placements: Array<PopoverPlacement> = [
|
14
|
+
'top',
|
15
|
+
'top-start',
|
16
|
+
'top-end',
|
17
|
+
|
18
|
+
'bottom',
|
19
|
+
'bottom-start',
|
20
|
+
'bottom-end',
|
21
|
+
|
22
|
+
'left',
|
23
|
+
'left-start',
|
24
|
+
'left-end',
|
25
|
+
|
26
|
+
'right',
|
27
|
+
'right-start',
|
28
|
+
'right-end',
|
29
|
+
|
30
|
+
'auto',
|
31
|
+
];
|
32
|
+
|
33
|
+
const meta: Meta<TooltipProps> = {
|
34
|
+
title: 'sds_engineer/Tooltip',
|
35
|
+
decorators: [WithTheme],
|
36
|
+
component: Tooltip,
|
37
|
+
parameters: {
|
38
|
+
docs: { story: { inline: false, iframeHeight: '20rem' } },
|
39
|
+
},
|
40
|
+
};
|
41
|
+
|
42
|
+
export default meta;
|
43
|
+
|
44
|
+
const StyledGrid = styled.div`
|
45
|
+
display: grid;
|
46
|
+
grid-template-columns: repeat(3, max-content);
|
47
|
+
grid-gap: 1rem 3.5rem;
|
48
|
+
padding: 3.5rem;
|
49
|
+
`;
|
50
|
+
|
51
|
+
const StoryDefault = ({ size }: TooltipProps) => {
|
52
|
+
return (
|
53
|
+
<StyledGrid>
|
54
|
+
<Tooltip
|
55
|
+
target={
|
56
|
+
<Tooltip
|
57
|
+
target={<Button>Btn</Button>}
|
58
|
+
placement="left"
|
59
|
+
size={size}
|
60
|
+
opened
|
61
|
+
hasArrow
|
62
|
+
text="left"
|
63
|
+
frame="theme-root"
|
64
|
+
/>
|
65
|
+
}
|
66
|
+
placement="top-start"
|
67
|
+
size={size}
|
68
|
+
opened
|
69
|
+
hasArrow
|
70
|
+
text="top-start"
|
71
|
+
frame="theme-root"
|
72
|
+
/>
|
73
|
+
<Tooltip
|
74
|
+
target={<Button>Btn</Button>}
|
75
|
+
placement="top"
|
76
|
+
size={size}
|
77
|
+
opened
|
78
|
+
hasArrow
|
79
|
+
text="top"
|
80
|
+
frame="theme-root"
|
81
|
+
/>
|
82
|
+
<Tooltip
|
83
|
+
target={
|
84
|
+
<Tooltip
|
85
|
+
target={<Button>Btn</Button>}
|
86
|
+
placement="right"
|
87
|
+
size={size}
|
88
|
+
opened
|
89
|
+
hasArrow
|
90
|
+
text="right"
|
91
|
+
frame="theme-root"
|
92
|
+
/>
|
93
|
+
}
|
94
|
+
placement="top-end"
|
95
|
+
size={size}
|
96
|
+
opened
|
97
|
+
hasArrow
|
98
|
+
text="top-end"
|
99
|
+
frame="theme-root"
|
100
|
+
/>
|
101
|
+
<Tooltip
|
102
|
+
target={<Button>Btn</Button>}
|
103
|
+
placement="bottom-start"
|
104
|
+
size={size}
|
105
|
+
opened
|
106
|
+
hasArrow
|
107
|
+
text="bottom-start"
|
108
|
+
frame="theme-root"
|
109
|
+
/>
|
110
|
+
<Tooltip
|
111
|
+
target={<Button>Btn</Button>}
|
112
|
+
placement="bottom"
|
113
|
+
size={size}
|
114
|
+
opened
|
115
|
+
hasArrow
|
116
|
+
text="bottom"
|
117
|
+
frame="theme-root"
|
118
|
+
/>
|
119
|
+
<Tooltip
|
120
|
+
target={<Button>Btn</Button>}
|
121
|
+
placement="bottom-end"
|
122
|
+
size={size}
|
123
|
+
opened
|
124
|
+
hasArrow
|
125
|
+
text="bottom-end"
|
126
|
+
frame="theme-root"
|
127
|
+
/>
|
128
|
+
</StyledGrid>
|
129
|
+
);
|
130
|
+
};
|
131
|
+
|
132
|
+
export const Default: StoryObj<TooltipProps> = {
|
133
|
+
argTypes: {
|
134
|
+
size: {
|
135
|
+
options: ['m', 's'],
|
136
|
+
control: {
|
137
|
+
type: 'select',
|
138
|
+
},
|
139
|
+
},
|
140
|
+
},
|
141
|
+
args: {
|
142
|
+
size: 'm',
|
143
|
+
},
|
144
|
+
render: (args) => <StoryDefault {...args} />,
|
145
|
+
};
|
146
|
+
|
147
|
+
const StyledRow = styled.div`
|
148
|
+
display: flex;
|
149
|
+
width: 150vw;
|
150
|
+
height: 150vh;
|
151
|
+
padding: 10rem;
|
152
|
+
`;
|
153
|
+
|
154
|
+
const StoryLive = (args: TooltipProps) => {
|
155
|
+
const [text, setText] = useState('Type here');
|
156
|
+
|
157
|
+
return (
|
158
|
+
<>
|
159
|
+
<StyledRow>
|
160
|
+
<Tooltip
|
161
|
+
target={
|
162
|
+
<input
|
163
|
+
name="Имя"
|
164
|
+
value={text}
|
165
|
+
onChange={(e) => setText(e.target.value)}
|
166
|
+
aria-describedby="example-tooltip-firstname"
|
167
|
+
/>
|
168
|
+
}
|
169
|
+
contentLeft={<IconDisclosureRight size="xs" />}
|
170
|
+
{...args}
|
171
|
+
id="example-tooltip-firstname"
|
172
|
+
text={text}
|
173
|
+
opened
|
174
|
+
frame="theme-root"
|
175
|
+
/>
|
176
|
+
</StyledRow>
|
177
|
+
</>
|
178
|
+
);
|
179
|
+
};
|
180
|
+
|
181
|
+
export const Live: StoryObj<TooltipProps> = {
|
182
|
+
argTypes: {
|
183
|
+
placement: {
|
184
|
+
options: placements,
|
185
|
+
control: {
|
186
|
+
type: 'select',
|
187
|
+
},
|
188
|
+
mapping: placements,
|
189
|
+
},
|
190
|
+
size: {
|
191
|
+
options: ['m', 's'],
|
192
|
+
control: {
|
193
|
+
type: 'select',
|
194
|
+
},
|
195
|
+
},
|
196
|
+
},
|
197
|
+
args: {
|
198
|
+
placement: 'bottom',
|
199
|
+
maxWidth: 10,
|
200
|
+
minWidth: 3,
|
201
|
+
hasArrow: true,
|
202
|
+
size: 'm',
|
203
|
+
},
|
204
|
+
render: (args) => <StoryLive {...args} />,
|
205
|
+
};
|
@@ -1,7 +1,9 @@
|
|
1
1
|
/* eslint-disable camelcase */
|
2
2
|
import plasma_b2c from './plasma_b2c.module.css';
|
3
3
|
import plasma_web from './plasma_web.module.css';
|
4
|
+
import sds_engineer from './sds_engineer.module.css';
|
4
5
|
export var themes = {
|
5
6
|
plasma_b2c: plasma_b2c,
|
6
|
-
plasma_web: plasma_web
|
7
|
+
plasma_web: plasma_web,
|
8
|
+
sds_engineer: sds_engineer
|
7
9
|
};
|
@@ -0,0 +1,373 @@
|
|
1
|
+
/* Generated by robots, do not change this manually! */
|
2
|
+
|
3
|
+
.dark {
|
4
|
+
--overlay-soft: rgba(0, 0, 0, 0.56);
|
5
|
+
--overlay-hard: rgba(0, 0, 0, 0.9);
|
6
|
+
--on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
|
7
|
+
--on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
|
8
|
+
--on-light-overlay-soft: rgba(0, 0, 0, 0.56);
|
9
|
+
--on-light-overlay-hard: rgba(0, 0, 0, 0.9);
|
10
|
+
--inverse-overlay-soft: rgba(0, 0, 0, 0.56);
|
11
|
+
--inverse-overlay-hard: rgba(0, 0, 0, 0.9);
|
12
|
+
--text-primary: rgba(245, 245, 245, 0.96);
|
13
|
+
--text-secondary: rgba(245, 245, 245, 0.56);
|
14
|
+
--text-tertiary: rgba(245, 245, 245, 0.4);
|
15
|
+
--text-paragraph: rgba(245, 245, 245, 0.8);
|
16
|
+
--text-accent: #FFFFFF;
|
17
|
+
--text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
18
|
+
--text-positive: #1A9E32;
|
19
|
+
--text-warning: #FA5F05;
|
20
|
+
--text-negative: #FF293E;
|
21
|
+
--on-dark-text-primary: rgba(245, 245, 245, 0.96);
|
22
|
+
--on-dark-text-secondary: rgba(245, 245, 245, 0.56);
|
23
|
+
--on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
|
24
|
+
--on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
|
25
|
+
--on-dark-text-accent: #FFFFFF;
|
26
|
+
--on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
27
|
+
--on-dark-text-positive: #1A9E32;
|
28
|
+
--on-dark-text-warning: #FA5F05;
|
29
|
+
--on-dark-text-negative: #FF293E;
|
30
|
+
--on-light-text-primary: rgba(8, 8, 8, 0.96);
|
31
|
+
--on-light-text-secondary: rgba(8, 8, 8, 0.56);
|
32
|
+
--on-light-text-tertiary: rgba(8, 8, 8, 0.4);
|
33
|
+
--on-light-text-paragraph: rgba(8, 8, 8, 0.8);
|
34
|
+
--on-light-text-accent: #FFFFFF;
|
35
|
+
--on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
36
|
+
--on-light-text-positive: #108E25;
|
37
|
+
--on-light-text-warning: #E85702;
|
38
|
+
--on-light-text-negative: #F31B30;
|
39
|
+
--inverse-text-primary: rgba(8, 8, 8, 0.96);
|
40
|
+
--inverse-text-secondary: rgba(8, 8, 8, 0.56);
|
41
|
+
--inverse-text-tertiary: rgba(8, 8, 8, 0.4);
|
42
|
+
--inverse-text-paragraph: rgba(8, 8, 8, 0.8);
|
43
|
+
--inverse-text-accent: #FFFFFF;
|
44
|
+
--inverse-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
45
|
+
--inverse-text-positive: #108E25;
|
46
|
+
--inverse-text-warning: #E85702;
|
47
|
+
--inverse-text-negative: #F31B30;
|
48
|
+
--surface-solid-default: #FFFFFF;
|
49
|
+
--surface-solid-primary: #171717;
|
50
|
+
--surface-solid-secondary: #262626;
|
51
|
+
--surface-solid-tertiary: #363636;
|
52
|
+
--surface-solid-card: #171717;
|
53
|
+
--surface-transparent-default: #FFFFFF;
|
54
|
+
--surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
55
|
+
--surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
56
|
+
--surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
57
|
+
--surface-transparent-card: rgba(255, 255, 255, 0.12);
|
58
|
+
--surface-accent: #FFFFFF;
|
59
|
+
/* добавлены вручную */
|
60
|
+
--surface-accent-hover: #1383cf80;
|
61
|
+
/* добавлены вручную */
|
62
|
+
--surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
63
|
+
--surface-positive: #1A9E32;
|
64
|
+
--surface-warning: #FA5F05;
|
65
|
+
--surface-negative: #FF293E;
|
66
|
+
/* добавлены вручную */
|
67
|
+
--surface-transparent-negative: #e3122712;
|
68
|
+
--surface-clear: rgba(0, 0, 0, 0);
|
69
|
+
--on-dark-surface-solid-default: #FFFFFF;
|
70
|
+
--on-dark-surface-solid-primary: #171717;
|
71
|
+
--on-dark-surface-solid-secondary: #262626;
|
72
|
+
--on-dark-surface-solid-tertiary: #363636;
|
73
|
+
--on-dark-surface-solid-card: #171717;
|
74
|
+
--on-dark-surface-transparent-default: #FFFFFF;
|
75
|
+
--on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
76
|
+
--on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
77
|
+
--on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
78
|
+
--on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
79
|
+
--on-dark-surface-accent: #FFFFFF;
|
80
|
+
--on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
81
|
+
--on-dark-surface-positive: #1A9E32;
|
82
|
+
--on-dark-surface-warning: #FA5F05;
|
83
|
+
--on-dark-surface-negative: #FF293E;
|
84
|
+
--on-dark-surface-clear: rgba(0, 0, 0, 0);
|
85
|
+
--on-light-surface-solid-default: #080808;
|
86
|
+
--on-light-surface-solid-primary: #F5F5F5;
|
87
|
+
--on-light-surface-solid-secondary: #ECECEC;
|
88
|
+
--on-light-surface-solid-tertiary: #DDDDDD;
|
89
|
+
--on-light-surface-solid-card: #F7F7F7;
|
90
|
+
--on-light-surface-transparent-default: #080808;
|
91
|
+
--on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
92
|
+
--on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
93
|
+
--on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
94
|
+
--on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
95
|
+
--on-light-surface-accent: #FFFFFF;
|
96
|
+
--on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
97
|
+
--on-light-surface-positive: #108E25;
|
98
|
+
--on-light-surface-warning: #E85702;
|
99
|
+
--on-light-surface-negative: #F31B30;
|
100
|
+
--on-light-surface-clear: rgba(0, 0, 0, 0);
|
101
|
+
--inverse-surface-solid-default: #080808;
|
102
|
+
--inverse-surface-solid-primary: #F5F5F5;
|
103
|
+
--inverse-surface-solid-secondary: #ECECEC;
|
104
|
+
--inverse-surface-solid-tertiary: #DDDDDD;
|
105
|
+
--inverse-surface-solid-card: #F7F7F7;
|
106
|
+
--inverse-surface-transparent-default: #080808;
|
107
|
+
--inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
108
|
+
--inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
109
|
+
--inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
110
|
+
--inverse-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
111
|
+
--inverse-surface-accent: #FFFFFF;
|
112
|
+
--inverse-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
113
|
+
--inverse-surface-positive: #108E25;
|
114
|
+
--inverse-surface-warning: #E85702;
|
115
|
+
--inverse-surface-negative: #F31B30;
|
116
|
+
--inverse-surface-clear: rgba(0, 0, 0, 0);
|
117
|
+
--background-primary: #000000;
|
118
|
+
--background-secondary: #080808;
|
119
|
+
--background-tertiary: #171717;
|
120
|
+
--dark-background-primary: #000000;
|
121
|
+
--dark-background-secondary: #080808;
|
122
|
+
--dark-background-tertiary: #171717;
|
123
|
+
--light-background-primary: #FFFFFF;
|
124
|
+
--light-background-secondary: #FFFFFF;
|
125
|
+
--light-background-tertiary: #FFFFFF;
|
126
|
+
--inverse-background-primary: #FFFFFF;
|
127
|
+
--inverse-background-secondary: #FFFFFF;
|
128
|
+
--inverse-background-tertiary: #FFFFFF;
|
129
|
+
--text-primary-hover: #17171793;
|
130
|
+
--text-primary-active: #171717C4;
|
131
|
+
--surface-solid-default-hover: #0D0D0DFF;
|
132
|
+
--surface-solid-default-active: #030303FF;
|
133
|
+
--surface-accent-hover: #0C8ADFFF;
|
134
|
+
--surface-accent-active: #0A78C2FF;
|
135
|
+
--surface-positive-hover: #1DAF37FF;
|
136
|
+
--surface-positive-active: #18952FFF;
|
137
|
+
--surface-warning-hover: #FB7223FF;
|
138
|
+
--surface-warning-active: #F05B05FF;
|
139
|
+
--surface-negative-hover: #EA1A2FFF;
|
140
|
+
--surface-negative-active: #D21427FF;
|
141
|
+
--surface-transparent-secondary-hover: #0808081F;
|
142
|
+
--surface-transparent-secondary-active: #0808080A;
|
143
|
+
--on-light-surface-solid-default-hover: #0D0D0DFF;
|
144
|
+
--on-light-surface-solid-default-active: #030303FF;
|
145
|
+
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
146
|
+
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
147
|
+
--on-light-surface-transparent-deep-hover: #080808C2;
|
148
|
+
--on-light-surface-transparent-deep-active: #08080894;
|
149
|
+
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
150
|
+
--surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
|
151
|
+
--surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
|
152
|
+
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
153
|
+
--plasma-colors-white-secondary: var(--on-dark-text-secondary);
|
154
|
+
--plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
|
155
|
+
--plasma-colors-black-primary: var(--on-light-text-primary);
|
156
|
+
--plasma-colors-black-secondary: var(--on-light-text-secondary);
|
157
|
+
--plasma-colors-black-tertiary: var(--on-light-text-tertiary);
|
158
|
+
--plasma-colors-button-black: var(--on-light-surface-solid-default);
|
159
|
+
--plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
|
160
|
+
--plasma-colors-button-white: var(--on-dark-surface-solid-default);
|
161
|
+
--plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
|
162
|
+
--plasma-colors-text: var(--text-primary);
|
163
|
+
--plasma-colors-primary: var(--text-primary);
|
164
|
+
--plasma-colors-secondary: var(--text-secondary);
|
165
|
+
--plasma-colors-tertiary: var(--text-tertiary);
|
166
|
+
--plasma-colors-paragraph: var(--text-paragraph);
|
167
|
+
--plasma-colors-background: var(--background-primary);
|
168
|
+
--plasma-colors-accent: var(--text-accent);
|
169
|
+
--plasma-colors-success: var(--text-positive);
|
170
|
+
--plasma-colors-warning: var(--text-warning);
|
171
|
+
--plasma-colors-critical: var(--text-negative);
|
172
|
+
--plasma-colors-overlay: var(--overlay-soft);
|
173
|
+
--plasma-colors-surface-liquid01: var(--surface-transparent-primary);
|
174
|
+
--plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
|
175
|
+
--plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
|
176
|
+
--plasma-colors-surface-solid01: var(--surface-solid-primary);
|
177
|
+
--plasma-colors-surface-solid02: var(--surface-solid-secondary);
|
178
|
+
--plasma-colors-surface-solid03: var(--surface-solid-tertiary);
|
179
|
+
--plasma-colors-surface-card: var(--surface-transparent-card);
|
180
|
+
--plasma-colors-button-secondary: var(--surface-transparent-secondary);
|
181
|
+
--plasma-colors-button-accent: var(--text-accent);
|
182
|
+
--plasma-colors-button-success: var(--surface-positive);
|
183
|
+
--plasma-colors-button-warning: var(--surface-warning);
|
184
|
+
--plasma-colors-button-critical: var(--surface-negative);
|
185
|
+
color: var(--text-primary);
|
186
|
+
background-color: var(--background-primary);
|
187
|
+
}
|
188
|
+
|
189
|
+
.light {
|
190
|
+
--overlay-soft: rgba(0, 0, 0, 0.56);
|
191
|
+
--overlay-hard: rgba(0, 0, 0, 0.9);
|
192
|
+
--on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
|
193
|
+
--on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
|
194
|
+
--on-light-overlay-soft: rgba(0, 0, 0, 0.56);
|
195
|
+
--on-light-overlay-hard: rgba(0, 0, 0, 0.9);
|
196
|
+
--inverse-overlay-soft: rgba(0, 0, 0, 0.56);
|
197
|
+
--inverse-overlay-hard: rgba(0, 0, 0, 0.9);
|
198
|
+
--text-primary: rgba(23, 23, 23, 0.96);
|
199
|
+
--text-secondary: rgba(23, 23, 23, 0.56);
|
200
|
+
--text-tertiary: rgba(23, 23, 23, 0.4);
|
201
|
+
--text-paragraph: rgba(23, 23, 23, 0.8);
|
202
|
+
--text-accent: #0C72B6;
|
203
|
+
--text-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
204
|
+
--text-positive: #108E25;
|
205
|
+
--text-warning: #E85702;
|
206
|
+
--text-negative: #F31B31;
|
207
|
+
--on-dark-text-primary: rgba(245, 245, 245, 0.96);
|
208
|
+
--on-dark-text-secondary: rgba(245, 245, 245, 0.56);
|
209
|
+
--on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
|
210
|
+
--on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
|
211
|
+
--on-dark-text-accent: #FFFFFF;
|
212
|
+
--on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
213
|
+
--on-dark-text-positive: #1A9E32;
|
214
|
+
--on-dark-text-warning: #FA5F05;
|
215
|
+
--on-dark-text-negative: #FF293E;
|
216
|
+
--on-light-text-primary: rgba(8, 8, 8, 0.96);
|
217
|
+
--on-light-text-secondary: rgba(8, 8, 8, 0.56);
|
218
|
+
--on-light-text-tertiary: rgba(8, 8, 8, 0.4);
|
219
|
+
--on-light-text-paragraph: rgba(8, 8, 8, 0.8);
|
220
|
+
--on-light-text-accent: #FFFFFF;
|
221
|
+
--on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
222
|
+
--on-light-text-positive: #108E25;
|
223
|
+
--on-light-text-warning: #E85702;
|
224
|
+
--on-light-text-negative: #F31B30;
|
225
|
+
--inverse-text-primary: rgba(245, 245, 245, 0.96);
|
226
|
+
--inverse-text-secondary: rgba(245, 245, 245, 0.56);
|
227
|
+
--inverse-text-tertiary: rgba(245, 245, 245, 0.4);
|
228
|
+
--inverse-text-paragraph: rgba(245, 245, 245, 0.8);
|
229
|
+
--inverse-text-accent: #FFFFFF;
|
230
|
+
--inverse-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
231
|
+
--inverse-text-positive: #1A9E32;
|
232
|
+
--inverse-text-warning: #FA5F05;
|
233
|
+
--inverse-text-negative: #FF293E;
|
234
|
+
--surface-solid-default: #080808;
|
235
|
+
--surface-solid-primary: #F5F5F5;
|
236
|
+
--surface-solid-secondary: #ECECEC;
|
237
|
+
--surface-solid-tertiary: #DDDDDD;
|
238
|
+
--surface-solid-card: #FFFFFF;
|
239
|
+
--surface-transparent-default: #080808;
|
240
|
+
--surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
241
|
+
--surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
242
|
+
--surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
243
|
+
--surface-transparent-card: #FFFFFF;
|
244
|
+
--surface-accent: #0B7ECB;
|
245
|
+
/* добавлены вручную */
|
246
|
+
--surface-accent-hover: #1383cf80;
|
247
|
+
/* добавлены вручную */
|
248
|
+
--surface-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
249
|
+
--surface-positive: #1A9E32;
|
250
|
+
--surface-warning: #FA5F05;
|
251
|
+
--surface-negative: #DD1428;
|
252
|
+
/* добавлены вручную */
|
253
|
+
--surface-transparent-negative: #e3122712;
|
254
|
+
--surface-clear: rgba(0, 0, 0, 0);
|
255
|
+
--on-dark-surface-solid-default: #FFFFFF;
|
256
|
+
--on-dark-surface-solid-primary: #171717;
|
257
|
+
--on-dark-surface-solid-secondary: #262626;
|
258
|
+
--on-dark-surface-solid-tertiary: #363636;
|
259
|
+
--on-dark-surface-solid-card: #171717;
|
260
|
+
--on-dark-surface-transparent-default: #FFFFFF;
|
261
|
+
--on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
262
|
+
--on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
263
|
+
--on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
264
|
+
--on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
265
|
+
--on-dark-surface-accent: #FFFFFF;
|
266
|
+
--on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
267
|
+
--on-dark-surface-positive: #1A9E32;
|
268
|
+
--on-dark-surface-warning: #FA5F05;
|
269
|
+
--on-dark-surface-negative: #FF293E;
|
270
|
+
--on-dark-surface-clear: rgba(0, 0, 0, 0);
|
271
|
+
--on-light-surface-solid-default: #080808;
|
272
|
+
--on-light-surface-solid-primary: #F5F5F5;
|
273
|
+
--on-light-surface-solid-secondary: #ECECEC;
|
274
|
+
--on-light-surface-solid-tertiary: #DDDDDD;
|
275
|
+
--on-light-surface-solid-card: #F7F7F7;
|
276
|
+
--on-light-surface-transparent-default: #080808;
|
277
|
+
--on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
278
|
+
--on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
279
|
+
--on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
280
|
+
--on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
281
|
+
--on-light-surface-accent: #FFFFFF;
|
282
|
+
--on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
283
|
+
--on-light-surface-positive: #108E25;
|
284
|
+
--on-light-surface-warning: #E85702;
|
285
|
+
--on-light-surface-negative: #F31B30;
|
286
|
+
--on-light-surface-clear: rgba(0, 0, 0, 0);
|
287
|
+
--inverse-surface-solid-default: #FFFFFF;
|
288
|
+
--inverse-surface-solid-primary: #171717;
|
289
|
+
--inverse-surface-solid-secondary: #262626;
|
290
|
+
--inverse-surface-solid-tertiary: #363636;
|
291
|
+
--inverse-surface-solid-card: #171717;
|
292
|
+
--inverse-surface-transparent-default: #FFFFFF;
|
293
|
+
--inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
294
|
+
--inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
295
|
+
--inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
296
|
+
--inverse-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
297
|
+
--inverse-surface-accent: #FFFFFF;
|
298
|
+
--inverse-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
299
|
+
--inverse-surface-positive: #1A9E32;
|
300
|
+
--inverse-surface-warning: #FA5F05;
|
301
|
+
--inverse-surface-negative: #FF293E;
|
302
|
+
--inverse-surface-clear: rgba(0, 0, 0, 0);
|
303
|
+
--background-primary: #F9F9F9;
|
304
|
+
--background-secondary: #FFFFFF;
|
305
|
+
--background-tertiary: #FFFFFF;
|
306
|
+
--dark-background-primary: #000000;
|
307
|
+
--dark-background-secondary: #080808;
|
308
|
+
--dark-background-tertiary: #171717;
|
309
|
+
--light-background-primary: #FFFFFF;
|
310
|
+
--light-background-secondary: #FFFFFF;
|
311
|
+
--light-background-tertiary: #FFFFFF;
|
312
|
+
--inverse-background-primary: #000000;
|
313
|
+
--inverse-background-secondary: #080808;
|
314
|
+
--inverse-background-tertiary: #171717;
|
315
|
+
--text-primary-hover: #17171793;
|
316
|
+
--text-primary-active: #171717C4;
|
317
|
+
--surface-solid-default-hover: #262626FF;
|
318
|
+
--surface-solid-default-active: #030303FF;
|
319
|
+
--surface-accent-hover: #0C8ADFFF;
|
320
|
+
--surface-accent-active: #0A72B8FF;
|
321
|
+
--surface-positive-hover: #1EB83AFF;
|
322
|
+
--surface-positive-active: #178C2CFF;
|
323
|
+
--surface-warning-hover: #FB782DFF;
|
324
|
+
--surface-warning-active: #E65705FF;
|
325
|
+
--surface-negative-hover: #EA1A2FFF;
|
326
|
+
--surface-negative-active: #C91325FF;
|
327
|
+
--surface-transparent-secondary-hover: #08080805;
|
328
|
+
--surface-transparent-secondary-active: #0808081A;
|
329
|
+
--on-light-surface-solid-default-hover: #262626FF;
|
330
|
+
--on-light-surface-solid-default-active: #030303FF;
|
331
|
+
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
332
|
+
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
333
|
+
--on-light-surface-transparent-deep-hover: #0808088F;
|
334
|
+
--on-light-surface-transparent-deep-active: #080808AD;
|
335
|
+
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
336
|
+
--skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
|
337
|
+
--skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
|
338
|
+
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
339
|
+
--plasma-colors-white-secondary: var(--on-dark-text-secondary);
|
340
|
+
--plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
|
341
|
+
--plasma-colors-black-primary: var(--on-light-text-primary);
|
342
|
+
--plasma-colors-black-secondary: var(--on-light-text-secondary);
|
343
|
+
--plasma-colors-black-tertiary: var(--on-light-text-tertiary);
|
344
|
+
--plasma-colors-button-black: var(--on-light-surface-solid-default);
|
345
|
+
--plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
|
346
|
+
--plasma-colors-button-white: var(--on-dark-surface-solid-default);
|
347
|
+
--plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
|
348
|
+
--plasma-colors-text: var(--text-primary);
|
349
|
+
--plasma-colors-primary: var(--text-primary);
|
350
|
+
--plasma-colors-secondary: var(--text-secondary);
|
351
|
+
--plasma-colors-tertiary: var(--text-tertiary);
|
352
|
+
--plasma-colors-paragraph: var(--text-paragraph);
|
353
|
+
--plasma-colors-background: var(--background-primary);
|
354
|
+
--plasma-colors-accent: var(--text-accent);
|
355
|
+
--plasma-colors-success: var(--text-positive);
|
356
|
+
--plasma-colors-warning: var(--text-warning);
|
357
|
+
--plasma-colors-critical: var(--text-negative);
|
358
|
+
--plasma-colors-overlay: var(--overlay-soft);
|
359
|
+
--plasma-colors-surface-liquid01: var(--surface-transparent-primary);
|
360
|
+
--plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
|
361
|
+
--plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
|
362
|
+
--plasma-colors-surface-solid01: var(--surface-solid-primary);
|
363
|
+
--plasma-colors-surface-solid02: var(--surface-solid-secondary);
|
364
|
+
--plasma-colors-surface-solid03: var(--surface-solid-tertiary);
|
365
|
+
--plasma-colors-surface-card: var(--surface-transparent-card);
|
366
|
+
--plasma-colors-button-secondary: var(--surface-transparent-secondary);
|
367
|
+
--plasma-colors-button-accent: var(--text-accent);
|
368
|
+
--plasma-colors-button-success: var(--surface-positive);
|
369
|
+
--plasma-colors-button-warning: var(--surface-warning);
|
370
|
+
--plasma-colors-button-critical: var(--surface-negative);
|
371
|
+
color: var(--text-primary);
|
372
|
+
background-color: var(--background-primary);
|
373
|
+
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
1
|
+
.base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61: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);}.base_1x0spnh_b1ty39ru__fb659d61: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);}
|
2
2
|
|
3
3
|
.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);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);}
|
4
4
|
|
@@ -42,6 +42,7 @@ var buttonRoot = function buttonRoot(Root) {
|
|
42
42
|
var stretchingClass = stretch ? classes.filledStretching : classes["".concat(stretching, "Stretching")];
|
43
43
|
var contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;
|
44
44
|
var squareClass = square ? classes.buttonSquare : undefined;
|
45
|
+
var isLoadingClass = isLoading ? classes.buttonLoading : undefined;
|
45
46
|
var buttonBorderRadius = pin ? convertRoundnessMatrix(pin, "var(".concat(tokens.buttonRadius, ")"), "var(".concat(tokens.buttonHeight, ")")) : "var(".concat(tokens.buttonRadius, ", calc(var(").concat(tokens.buttonHeight, ") / 4))");
|
46
47
|
var contentPlacingMapper = {
|
47
48
|
"default": 'center',
|
@@ -57,7 +58,7 @@ var buttonRoot = function buttonRoot(Root) {
|
|
57
58
|
disabled: disabled,
|
58
59
|
focused: focused || outlined,
|
59
60
|
contentPlacing: contentPlacing,
|
60
|
-
className: cx(squareClass, stretchingClass, classes.buttonItem, className),
|
61
|
+
className: cx(squareClass, stretchingClass, classes.buttonItem, className, isLoadingClass),
|
61
62
|
style: _objectSpread2(_objectSpread2({}, style), {}, {
|
62
63
|
'--plasma_computed-btn-br': buttonBorderRadius,
|
63
64
|
'--plasma_private-blur': blur
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n base,\n ButtonText,\n ButtonValue,\n Loader,\n LoadWrap,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n value,\n contentLeft,\n contentRight,\n contentPlacing = 'default',\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const squareClass = square ? classes.buttonSquare : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n value={value}\n disabled={disabled}\n focused={focused || outlined}\n contentPlacing={contentPlacing}\n className={cx(squareClass, stretchingClass, classes.buttonItem, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <ButtonText className={contentRelaxedClass}>{txt}</ButtonText> : children}\n {value && <ButtonValue>{value}</ButtonValue>}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </LoadWrap>\n {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","rest","_objectWithoutProperties","_excluded","txt","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","ButtonText","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACtEC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACvD,IAAA,IACIC,QAAQ,GAqBRF,KAAK,CArBLE,QAAQ;MACRC,IAAI,GAoBJH,KAAK,CApBLG,IAAI;MACJC,IAAI,GAmBJJ,KAAK,CAnBLI,IAAI;MACJC,IAAI,GAkBJL,KAAK,CAlBLK,IAAI;MACJC,KAAK,GAiBLN,KAAK,CAjBLM,KAAK;MACLC,WAAW,GAgBXP,KAAK,CAhBLO,WAAW;MACXC,YAAY,GAeZR,KAAK,CAfLQ,YAAY;MAAAC,qBAAA,GAeZT,KAAK,CAdLU,cAAc;AAAdA,MAAAA,cAAc,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,qBAAA;MAC1BE,SAAS,GAaTX,KAAK,CAbLW,SAAS;MACTC,MAAM,GAYNZ,KAAK,CAZLY,MAAM;MACNC,OAAO,GAWPb,KAAK,CAXLa,OAAO;MACPC,MAAM,GAUNd,KAAK,CAVLc,MAAM;MACNC,GAAG,GASHf,KAAK,CATLe,GAAG;MACHC,QAAQ,GAQRhB,KAAK,CARLgB,QAAQ;MACRC,OAAO,GAOPjB,KAAK,CAPLiB,OAAO;MACPC,QAAQ,GAMRlB,KAAK,CANLkB,QAAQ;MACRC,SAAS,GAKTnB,KAAK,CALLmB,SAAS;MACTC,IAAI,GAIJpB,KAAK,CAJLoB,IAAI;MACJC,KAAK,GAGLrB,KAAK,CAHLqB,KAAK;MAAAC,iBAAA,GAGLtB,KAAK,CAFLuB,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,iBAAA;AAChBE,MAAAA,IAAI,GAAAC,wBAAA,CACPzB,KAAK,EAAA0B,SAAA,CAAA,CAAA;IAET,IAAMC,GAAG,GAAG,OAAOzB,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGG,IAAI,CAAA;AAE1D,IAAA,IAAMuB,eAAe,GAAGf,OAAO,GACzBgB,OAAO,CAACC,gBAAgB,GACxBD,OAAO,CAAA,EAAA,CAAAE,MAAA,CAAIR,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;IAChE,IAAMS,mBAAmB,GAAGtB,cAAc,KAAK,SAAS,GAAGmB,OAAO,CAACI,cAAc,GAAGC,SAAS,CAAA;IAC7F,IAAMC,WAAW,GAAGrB,MAAM,GAAGe,OAAO,CAACO,YAAY,GAAGF,SAAS,CAAA;
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n base,\n ButtonText,\n ButtonValue,\n Loader,\n LoadWrap,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n value,\n contentLeft,\n contentRight,\n contentPlacing = 'default',\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const squareClass = square ? classes.buttonSquare : undefined;\n const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n value={value}\n disabled={disabled}\n focused={focused || outlined}\n contentPlacing={contentPlacing}\n className={cx(squareClass, stretchingClass, classes.buttonItem, className, isLoadingClass)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <ButtonText className={contentRelaxedClass}>{txt}</ButtonText> : children}\n {value && <ButtonValue>{value}</ButtonValue>}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </LoadWrap>\n {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","rest","_objectWithoutProperties","_excluded","txt","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","ButtonText","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACtEC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACvD,IAAA,IACIC,QAAQ,GAqBRF,KAAK,CArBLE,QAAQ;MACRC,IAAI,GAoBJH,KAAK,CApBLG,IAAI;MACJC,IAAI,GAmBJJ,KAAK,CAnBLI,IAAI;MACJC,IAAI,GAkBJL,KAAK,CAlBLK,IAAI;MACJC,KAAK,GAiBLN,KAAK,CAjBLM,KAAK;MACLC,WAAW,GAgBXP,KAAK,CAhBLO,WAAW;MACXC,YAAY,GAeZR,KAAK,CAfLQ,YAAY;MAAAC,qBAAA,GAeZT,KAAK,CAdLU,cAAc;AAAdA,MAAAA,cAAc,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,qBAAA;MAC1BE,SAAS,GAaTX,KAAK,CAbLW,SAAS;MACTC,MAAM,GAYNZ,KAAK,CAZLY,MAAM;MACNC,OAAO,GAWPb,KAAK,CAXLa,OAAO;MACPC,MAAM,GAUNd,KAAK,CAVLc,MAAM;MACNC,GAAG,GASHf,KAAK,CATLe,GAAG;MACHC,QAAQ,GAQRhB,KAAK,CARLgB,QAAQ;MACRC,OAAO,GAOPjB,KAAK,CAPLiB,OAAO;MACPC,QAAQ,GAMRlB,KAAK,CANLkB,QAAQ;MACRC,SAAS,GAKTnB,KAAK,CALLmB,SAAS;MACTC,IAAI,GAIJpB,KAAK,CAJLoB,IAAI;MACJC,KAAK,GAGLrB,KAAK,CAHLqB,KAAK;MAAAC,iBAAA,GAGLtB,KAAK,CAFLuB,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,iBAAA;AAChBE,MAAAA,IAAI,GAAAC,wBAAA,CACPzB,KAAK,EAAA0B,SAAA,CAAA,CAAA;IAET,IAAMC,GAAG,GAAG,OAAOzB,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGG,IAAI,CAAA;AAE1D,IAAA,IAAMuB,eAAe,GAAGf,OAAO,GACzBgB,OAAO,CAACC,gBAAgB,GACxBD,OAAO,CAAA,EAAA,CAAAE,MAAA,CAAIR,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;IAChE,IAAMS,mBAAmB,GAAGtB,cAAc,KAAK,SAAS,GAAGmB,OAAO,CAACI,cAAc,GAAGC,SAAS,CAAA;IAC7F,IAAMC,WAAW,GAAGrB,MAAM,GAAGe,OAAO,CAACO,YAAY,GAAGF,SAAS,CAAA;IAC7D,IAAMG,cAAc,GAAG1B,SAAS,GAAGkB,OAAO,CAACS,aAAa,GAAGJ,SAAS,CAAA;AACpE,IAAA,IAAMK,kBAAkB,GAAGxB,GAAG,GACxByB,sBAAsB,CAACzB,GAAG,EAAAgB,MAAAA,CAAAA,MAAA,CAASU,MAAM,CAACC,YAAY,eAAAX,MAAA,CAAYU,MAAM,CAACE,YAAY,EAAA,GAAA,CAAG,CAAC,GAAA,MAAA,CAAAZ,MAAA,CAClFU,MAAM,CAACC,YAAY,iBAAAX,MAAA,CAAcU,MAAM,CAACE,YAAY,EAAS,SAAA,CAAA,CAAA;AAE1E,IAAA,IAAMC,oBAA4C,GAAG;AACjD,MAAA,SAAA,EAAS,QAAQ;AACjBC,MAAAA,OAAO,EAAE,eAAA;KACZ,CAAA;IAED,IAAMC,qBAAqB,GAAGpC,cAAc,GAAGkC,oBAAoB,CAAClC,cAAc,CAAC,GAAG,QAAQ,CAAA;AAE9F,IAAA,oBACIqC,KAAA,CAAAC,aAAA,CAAClD,IAAI,EAAAmD,QAAA,CAAA;AACDC,MAAAA,IAAI,EAAC,QAAQ;AACbjD,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,KAAK,EAAEA,KAAM;AACbU,MAAAA,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAO,IAAIC,QAAS;AAC7BR,MAAAA,cAAc,EAAEA,cAAe;AAC/BS,MAAAA,SAAS,EAAEgC,EAAE,CAAChB,WAAW,EAAEP,eAAe,EAAEC,OAAO,CAACuB,UAAU,EAAEjC,SAAS,EAAEkB,cAAc,CAAE;AAC3FhB,MAAAA,KAAK,EAAAgC,cAAA,CAAAA,cAAA,KAEMhC,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,QAAA,0BAA0B,EAAEkB,kBAAkB;AAC9C,QAAA,uBAAuB,EAAEnB,IAAAA;AAAI,OAAA,CAAA;AAEpC,KAAA,EACGI,IAAI,CAERuB,eAAAA,KAAA,CAAAC,aAAA,CAACM,QAAQ,EAAA;AAAC5C,MAAAA,cAAc,EAAEoC,qBAAsB;AAACnC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,EACjEJ,WAAW,iBAAIwC,KAAA,CAAAC,aAAA,CAACO,iBAAiB,EAAA,IAAA,EAAEhD,WAA+B,CAAC,EACnEoB,GAAG,gBAAGoB,KAAA,CAAAC,aAAA,CAACQ,UAAU,EAAA;AAACrC,MAAAA,SAAS,EAAEa,mBAAAA;KAAsBL,EAAAA,GAAgB,CAAC,GAAGzB,QAAQ,EAC/EI,KAAK,iBAAIyC,KAAA,CAAAC,aAAA,CAACS,WAAW,EAAEnD,IAAAA,EAAAA,KAAmB,CAAC,EAC3CE,YAAY,iBAAIuC,KAAA,CAAAC,aAAA,CAACU,kBAAkB,EAAElD,IAAAA,EAAAA,YAAiC,CACjE,CAAC,EACVG,SAAS,iBAAIoC,KAAA,CAAAC,aAAA,CAACW,MAAM,EAAE/C,IAAAA,EAAAA,MAAM,IAAAgD,cAAA,KAAAA,cAAA,gBAAIb,KAAA,CAAAC,aAAA,CAACa,aAAa,EAAE,IAAA,CAAC,CAAS,CACzD,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAEpE,UAAU;AAClBqE,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRhE,IAAAA,IAAI,EAAE;AACFiE,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDjE,IAAAA,IAAI,EAAE;AACFgE,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDtD,IAAAA,QAAQ,EAAE;AACNoD,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDvD,IAAAA,OAAO,EAAE;AACLmD,MAAAA,GAAG,EAAEK,MAAAA;AACL;KACH;AACDC,IAAAA,OAAO,EAAE;AACLN,MAAAA,GAAG,EAAEO,MAAAA;KACR;AACDpD,IAAAA,UAAU,EAAE;AACR6C,MAAAA,GAAG,EAAEQ,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN1E,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,IAAI,EAAE,GAAG;AACTmB,IAAAA,UAAU,EAAE,MAAA;AAChB,GAAA;AACJ;;;;"}
|