@salutejs/plasma-new-hope 0.133.2-canary.1396.10611246152.0 → 0.134.0-canary.1352.10609199302.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +11 -9
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -9
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -9
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +11 -9
- package/cjs/components/Range/Range.css +11 -9
- package/cjs/components/Slider/Slider.css +11 -9
- package/cjs/components/Slider/components/Double/Double.css +11 -9
- package/cjs/components/TextArea/TextArea.js +28 -7
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +47 -35
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_av6xxy.css +11 -0
- package/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_required/base.js +9 -0
- package/cjs/components/TextArea/variations/_required/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_required/base_x642ct.css +1 -0
- package/cjs/components/TextField/TextField.js +32 -9
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +13 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_9fkr1l.css → cjs/components/TextField/TextField.styles_1lfge6n.css} +3 -1
- package/cjs/components/TextField/TextField.tokens.js +8 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_1yaoy2k.css +1 -0
- package/cjs/components/TextField/variations/_required/base.js +9 -0
- package/cjs/components/TextField/variations/_required/base.js.map +1 -0
- package/cjs/components/TextField/variations/_required/base_x642ct.css +1 -0
- package/cjs/index.css +22 -18
- package/emotion/cjs/components/TextArea/TextArea.js +29 -8
- package/emotion/cjs/components/TextArea/TextArea.styles.js +27 -19
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/emotion/cjs/components/TextArea/variations/_required/base.js +8 -0
- package/emotion/cjs/components/TextArea/variations/_required/tokens.json +1 -0
- package/emotion/cjs/components/TextArea/variations/_size/tokens.json +7 -1
- package/emotion/cjs/components/TextField/TextField.js +36 -13
- package/emotion/cjs/components/TextField/TextField.styles.js +37 -21
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +27 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +8 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_required/base.js +8 -0
- package/emotion/cjs/components/TextField/variations/_required/tokens.json +1 -0
- package/emotion/cjs/components/TextField/variations/_size/tokens.json +6 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +15 -12
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- 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/TextArea/TextArea.js +30 -9
- package/emotion/es/components/TextArea/TextArea.styles.js +26 -18
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/emotion/es/components/TextArea/TextArea.tokens.js +8 -1
- package/emotion/es/components/TextArea/variations/_required/base.js +2 -0
- package/emotion/es/components/TextArea/variations/_required/tokens.json +1 -0
- package/emotion/es/components/TextArea/variations/_size/tokens.json +7 -1
- package/emotion/es/components/TextField/TextField.js +35 -12
- package/emotion/es/components/TextField/TextField.styles.js +36 -20
- package/emotion/es/components/TextField/TextField.template-doc.mdx +27 -1
- package/emotion/es/components/TextField/TextField.tokens.js +8 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_required/base.js +2 -0
- package/emotion/es/components/TextField/variations/_required/tokens.json +1 -0
- package/emotion/es/components/TextField/variations/_size/tokens.json +6 -0
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +15 -12
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- 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/Autocomplete/Autocomplete.css +11 -9
- package/es/components/DatePicker/RangeDate/RangeDate.css +11 -9
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -9
- package/es/components/DatePicker/SingleDate/SingleDate.css +11 -9
- package/es/components/Range/Range.css +11 -9
- package/es/components/Slider/Slider.css +11 -9
- package/es/components/Slider/components/Double/Double.css +11 -9
- package/es/components/TextArea/TextArea.js +29 -8
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +46 -36
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_av6xxy.css +11 -0
- package/es/components/TextArea/TextArea.tokens.js +8 -1
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_required/base.js +5 -0
- package/es/components/TextArea/variations/_required/base.js.map +1 -0
- package/es/components/TextArea/variations/_required/base_x642ct.css +1 -0
- package/es/components/TextField/TextField.js +33 -10
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +12 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_9fkr1l.css → es/components/TextField/TextField.styles_1lfge6n.css} +3 -1
- package/es/components/TextField/TextField.tokens.js +8 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/TextField_1lzb2r1.css +1 -0
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_1yaoy2k.css +1 -0
- package/es/components/TextField/variations/_required/base.js +5 -0
- package/es/components/TextField/variations/_required/base.js.map +1 -0
- package/es/components/TextField/variations/_required/base_x642ct.css +1 -0
- package/es/index.css +22 -18
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +28 -7
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +17 -11
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/styled-components/cjs/components/TextArea/variations/_required/base.js +8 -0
- package/styled-components/cjs/components/TextArea/variations/_required/tokens.json +1 -0
- package/styled-components/cjs/components/TextArea/variations/_size/tokens.json +7 -1
- package/styled-components/cjs/components/TextField/TextField.js +32 -9
- package/styled-components/cjs/components/TextField/TextField.styles.js +9 -3
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +27 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +8 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_required/base.js +8 -0
- package/styled-components/cjs/components/TextField/variations/_required/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/variations/_size/tokens.json +6 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +7 -4
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -4
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- 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/TextArea/TextArea.js +29 -8
- package/styled-components/es/components/TextArea/TextArea.styles.js +16 -10
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/styled-components/es/components/TextArea/TextArea.tokens.js +8 -1
- package/styled-components/es/components/TextArea/variations/_required/base.js +2 -0
- package/styled-components/es/components/TextArea/variations/_required/tokens.json +1 -0
- package/styled-components/es/components/TextArea/variations/_size/tokens.json +7 -1
- package/styled-components/es/components/TextField/TextField.js +31 -8
- package/styled-components/es/components/TextField/TextField.styles.js +8 -2
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +27 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +8 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_required/base.js +2 -0
- package/styled-components/es/components/TextField/variations/_required/tokens.json +1 -0
- package/styled-components/es/components/TextField/variations/_size/tokens.json +6 -0
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +7 -4
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -4
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- 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/Autocomplete/ui/TextField/TextField.styles.d.ts +6 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +6 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +6 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +6 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +4 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +2 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +7 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +13 -0
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/variations/_required/base.d.ts +2 -0
- package/types/components/TextArea/variations/_required/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts +4 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +2 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +7 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +13 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_required/base.d.ts +2 -0
- package/types/components/TextField/variations/_required/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +9 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +9 -0
- package/types/examples/plasma_web/components/TextField/TextField.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 +70 -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/TextArea/TextArea.styles_1bv40vw.css +0 -9
- package/cjs/components/TextField/TextField_wctd2m.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
- package/es/components/TextArea/TextArea.styles_1bv40vw.css +0 -9
- package/es/components/TextField/TextField_wctd2m.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
@@ -0,0 +1,19 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
import { notificationTokens } from '../../../../components/Notification';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'default'
|
6
|
+
},
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
"default": /*#__PURE__*/css(notificationTokens.contentColor, ":var(--text-secondary);", notificationTokens.background, ":var(--surface-transparent-card);", notificationTokens.borderRadius, ":0.75rem;", notificationTokens.padding, ":0.375rem;", notificationTokens.contentPaddingTop, ":0.125rem;", notificationTokens.contentPaddingRight, ":0.25rem;", notificationTokens.contentPaddingBottom, ":0rem;", notificationTokens.contentPaddingLeft, ":0.25rem;", notificationTokens.contentPaddingTopWithoutIcon, ":0.25rem;", notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, ":1rem;", notificationTokens.textboxPaddingTop, ":0.1875rem;", notificationTokens.textboxPaddingRight, ":0.125rem;", notificationTokens.textboxPaddingBottom, ":0.375rem;", notificationTokens.textboxPaddingLeft, ":0.125rem;", notificationTokens.textboxPaddingRightWithCloseIcon, ":1.625rem;", notificationTokens.textboxGap, ":0.25rem;", notificationTokens.closeIconTop, ":0.5rem;", notificationTokens.closeIconRight, ":0.5rem;", notificationTokens.buttonsMarginTop, ":0.375rem;", notificationTokens.contentLeftIconSize, ":1.5rem;", notificationTokens.contentLeftIconMargin, ":0.375rem;", notificationTokens.contentTopIconMargin, ":0.5rem;", notificationTokens.contentFontFamily, ":var(--plasma-typo-body-s-font-family);", notificationTokens.contentFontSize, ":var(--plasma-typo-body-s-font-size);", notificationTokens.contentFontStyle, ":var(--plasma-typo-body-s-font-style);", notificationTokens.contentFontWeight, ":var(--plasma-typo-body-s-font-weight);", notificationTokens.contentFontLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", notificationTokens.contentFontLineHeight, ":var(--plasma-typo-body-s-line-height);", notificationTokens.titleFontFamily, ":var(--plasma-typo-body-s-font-family);", notificationTokens.titleFontSize, ":var(--plasma-typo-body-s-font-size);", notificationTokens.titleFontStyle, ":var(--plasma-typo-body-s-font-style);", notificationTokens.titleFontWeight, ":var(--plasma-typo-body-s-bold-font-weight);", notificationTokens.titleFontLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", notificationTokens.titleFontLineHeight, ":var(--plasma-typo-body-s-line-height);", notificationTokens.closeIconColor, ":var(--text-tertiary);", notificationTokens.closeIconColorOnHover, ":var(--text-primary);", notificationTokens.horizontalLayoutGap, ":0.375rem;", notificationTokens.horizontalLayoutLeftIconMargin, ":0.75rem;", notificationTokens.paddingOneLineTextbox, ":0.8125rem 0.5rem 0.8125rem 0.875rem;;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9zZHNfZW5naW5lZXIvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbm90aWZpY2F0aW9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRDb2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nVG9wfTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdSaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdCb3R0b219OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nTGVmdH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1RvcFdpdGhvdXRJY29ufTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0UmlnaHRQYWRkaW5nV2l0aG91dENsb3NlSWNvbn06IDFyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1RvcH06IDAuMTg3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1JpZ2h0fTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdCb3R0b219OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ0xlZnR9OiAwLjEyNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nUmlnaHRXaXRoQ2xvc2VJY29ufTogMS42MjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveEdhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25Ub3B9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uUmlnaHR9OiAwLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5idXR0b25zTWFyZ2luVG9wfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50TGVmdEljb25TaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRMZWZ0SWNvbk1hcmdpbn06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRUb3BJY29uTWFyZ2lufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudEZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudEZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudEZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmhvcml6b250YWxMYXlvdXRHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0TGVmdEljb25NYXJnaW59OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmdPbmVMaW5lVGV4dGJveH06IDAuODEyNXJlbSAwLjVyZW0gMC44MTI1cmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgbGF5b3V0OiB7XG4gICAgICAgICAgICBob3Jpem9udGFsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMud2lkdGh9OiAyNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0UGFkZGluZ306IDFyZW0gMC41cmVtIDFyZW0gMC44NzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgdmVydGljYWw6IGNzc2BcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy53aWR0aH06IDE1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uVG9wfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblJpZ2h0fTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMucGFkZGluZ306IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nVG9wV2l0aFRvcEljb259OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdUb3B9OiAwLjEyNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1JpZ2h0fTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ0JvdHRvbX06IDByZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdMZWZ0fTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmJ1dHRvbnNNYXJnaW5MZWZ0fTogMHJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
10
|
+
},
|
11
|
+
layout: {
|
12
|
+
horizontal: /*#__PURE__*/css(notificationTokens.width, ":25rem;", notificationTokens.horizontalLayoutPadding, ":1rem 0.5rem 1rem 0.875rem;;label:plasma-new-hope__horizontal;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFMkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IG5vdGlmaWNhdGlvblRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Q29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1RvcH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nUmlnaHR9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nQm90dG9tfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ0xlZnR9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdUb3BXaXRob3V0SWNvbn06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFJpZ2h0UGFkZGluZ1dpdGhvdXRDbG9zZUljb259OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdUb3B9OiAwLjE4NzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdSaWdodH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nQm90dG9tfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdMZWZ0fTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1JpZ2h0V2l0aENsb3NlSWNvbn06IDEuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hHYXB9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uVG9wfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblJpZ2h0fTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYnV0dG9uc01hcmdpblRvcH06IDAuMzc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudExlZnRJY29uU2l6ZX06IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50TGVmdEljb25NYXJnaW59OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50VG9wSWNvbk1hcmdpbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0R2FwfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dExlZnRJY29uTWFyZ2lufTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nT25lTGluZVRleHRib3h9OiAwLjgxMjVyZW0gMC41cmVtIDAuODEyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxheW91dDoge1xuICAgICAgICAgICAgaG9yaXpvbnRhbDogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLndpZHRofTogMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFBhZGRpbmd9OiAxcmVtIDAuNXJlbSAxcmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHZlcnRpY2FsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMud2lkdGh9OiAxNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblRvcH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25SaWdodH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1RvcFdpdGhUb3BJY29ufTogMHJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nVG9wfTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdSaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdCb3R0b219OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nTGVmdH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5idXR0b25zTWFyZ2luTGVmdH06IDByZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
13
|
+
vertical: /*#__PURE__*/css(notificationTokens.width, ":15rem;", notificationTokens.padding, ":0.375rem;;label:plasma-new-hope__vertical;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FeUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IG5vdGlmaWNhdGlvblRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Q29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1RvcH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nUmlnaHR9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nQm90dG9tfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ0xlZnR9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdUb3BXaXRob3V0SWNvbn06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFJpZ2h0UGFkZGluZ1dpdGhvdXRDbG9zZUljb259OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdUb3B9OiAwLjE4NzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdSaWdodH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nQm90dG9tfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdMZWZ0fTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1JpZ2h0V2l0aENsb3NlSWNvbn06IDEuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hHYXB9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uVG9wfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblJpZ2h0fTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYnV0dG9uc01hcmdpblRvcH06IDAuMzc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudExlZnRJY29uU2l6ZX06IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50TGVmdEljb25NYXJnaW59OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50VG9wSWNvbk1hcmdpbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0R2FwfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dExlZnRJY29uTWFyZ2lufTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nT25lTGluZVRleHRib3h9OiAwLjgxMjVyZW0gMC41cmVtIDAuODEyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxheW91dDoge1xuICAgICAgICAgICAgaG9yaXpvbnRhbDogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLndpZHRofTogMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFBhZGRpbmd9OiAxcmVtIDAuNXJlbSAxcmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHZlcnRpY2FsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMud2lkdGh9OiAxNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblRvcH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25SaWdodH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1RvcFdpdGhUb3BJY29ufTogMHJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nVG9wfTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdSaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdCb3R0b219OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nTGVmdH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5idXR0b25zTWFyZ2luTGVmdH06IDByZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
14
|
+
},
|
15
|
+
size: {
|
16
|
+
xs: /*#__PURE__*/css(notificationTokens.closeIconTop, ":0.5rem;", notificationTokens.closeIconRight, ":0.5rem;", notificationTokens.padding, ":0.375rem;", notificationTokens.textboxPaddingTopWithTopIcon, ":0rem;", notificationTokens.contentPaddingTop, ":0.125rem;", notificationTokens.contentPaddingRight, ":0.25rem;", notificationTokens.contentPaddingBottom, ":0rem;", notificationTokens.contentPaddingLeft, ":0.25rem;", notificationTokens.buttonsMarginLeft, ":0rem;;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IG5vdGlmaWNhdGlvblRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Q29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ1RvcH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nUmlnaHR9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nQm90dG9tfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50UGFkZGluZ0xlZnR9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdUb3BXaXRob3V0SWNvbn06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFJpZ2h0UGFkZGluZ1dpdGhvdXRDbG9zZUljb259OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdUb3B9OiAwLjE4NzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdSaWdodH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hQYWRkaW5nQm90dG9tfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGV4dGJveFBhZGRpbmdMZWZ0fTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1JpZ2h0V2l0aENsb3NlSWNvbn06IDEuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRleHRib3hHYXB9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY2xvc2VJY29uVG9wfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblJpZ2h0fTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuYnV0dG9uc01hcmdpblRvcH06IDAuMzc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudExlZnRJY29uU2l6ZX06IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50TGVmdEljb25NYXJnaW59OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50VG9wSWNvbk1hcmdpbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jb250ZW50Rm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMudGl0bGVGb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5ob3Jpem9udGFsTGF5b3V0R2FwfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dExlZnRJY29uTWFyZ2lufTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nT25lTGluZVRleHRib3h9OiAwLjgxMjVyZW0gMC41cmVtIDAuODEyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxheW91dDoge1xuICAgICAgICAgICAgaG9yaXpvbnRhbDogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLndpZHRofTogMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuaG9yaXpvbnRhbExheW91dFBhZGRpbmd9OiAxcmVtIDAuNXJlbSAxcmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHZlcnRpY2FsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMud2lkdGh9OiAxNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNsb3NlSWNvblRvcH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5jbG9zZUljb25SaWdodH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLnBhZGRpbmd9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy50ZXh0Ym94UGFkZGluZ1RvcFdpdGhUb3BJY29ufTogMHJlbTtcblxuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nVG9wfTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdSaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtub3RpZmljYXRpb25Ub2tlbnMuY29udGVudFBhZGRpbmdCb3R0b219OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7bm90aWZpY2F0aW9uVG9rZW5zLmNvbnRlbnRQYWRkaW5nTGVmdH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke25vdGlmaWNhdGlvblRva2Vucy5idXR0b25zTWFyZ2luTGVmdH06IDByZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
17
|
+
}
|
18
|
+
}
|
19
|
+
};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { noticationConfig, NotificationsProvider as Provider } from '../../../../components/Notification';
|
3
|
+
import { component, mergeConfig } from '../../../../engines';
|
4
|
+
import { config } from './Notification.config';
|
5
|
+
export { modalClasses } from '../../../../components/Modal';
|
6
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(noticationConfig, config);
|
7
|
+
export var Notification = /*#__PURE__*/component(mergedConfig);
|
8
|
+
export var NotificationsProvider = function NotificationsProvider(_ref) {
|
9
|
+
var children = _ref.children,
|
10
|
+
_ref$frame = _ref.frame,
|
11
|
+
frame = _ref$frame === void 0 ? 'theme-root' : _ref$frame;
|
12
|
+
return /*#__PURE__*/React.createElement(Provider, {
|
13
|
+
config: mergedConfig,
|
14
|
+
frame: frame
|
15
|
+
}, children);
|
16
|
+
};
|
@@ -0,0 +1,159 @@
|
|
1
|
+
import React, { useCallback, useRef, useState } from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
|
5
|
+
import { Button } from '../Button/Button';
|
6
|
+
import { Modal } from '../Modal/Modal';
|
7
|
+
import {
|
8
|
+
NotificationIconPlacement,
|
9
|
+
NotificationLayout,
|
10
|
+
addNotification,
|
11
|
+
} from '../../../../../src/components/Notification';
|
12
|
+
import { WithTheme } from '../../../_helpers';
|
13
|
+
import { PopupProvider } from '../Popup/Popup';
|
14
|
+
import { NotificationProps } from '../../../../components/Notification';
|
15
|
+
import { IconDisclosureRight } from '../../../../components/_Icon';
|
16
|
+
|
17
|
+
import { Notification, NotificationsProvider } from './Notification';
|
18
|
+
|
19
|
+
const titles = ['Выполнено', 'Внимание', 'Ошибка'];
|
20
|
+
const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];
|
21
|
+
const iconPlacement = ['top', 'left'];
|
22
|
+
|
23
|
+
const longText = `JavaScript frameworks are an essential part of modern front-end web development,
|
24
|
+
providing developers with proven tools for building scalable, interactive web applications.
|
25
|
+
`;
|
26
|
+
|
27
|
+
const getNotificationProps = (i: number) => ({
|
28
|
+
title: titles[i % 3],
|
29
|
+
children: texts[i % 3],
|
30
|
+
iconPlacement: iconPlacement[i % 2] as NotificationIconPlacement,
|
31
|
+
});
|
32
|
+
|
33
|
+
const placements = ['top', 'left'];
|
34
|
+
|
35
|
+
const meta: Meta<NotificationProps> = {
|
36
|
+
title: 'sds_engineer/Notification',
|
37
|
+
decorators: [WithTheme],
|
38
|
+
};
|
39
|
+
|
40
|
+
export default meta;
|
41
|
+
|
42
|
+
interface StoryDefaultProps {
|
43
|
+
title: string;
|
44
|
+
children: string;
|
45
|
+
showCloseIcon: boolean;
|
46
|
+
showLeftIcon: boolean;
|
47
|
+
layout: NotificationLayout;
|
48
|
+
iconPlacement: NotificationIconPlacement;
|
49
|
+
}
|
50
|
+
|
51
|
+
const StoryDefault = ({ title, children, iconPlacement, layout, showLeftIcon, ...rest }: StoryDefaultProps) => {
|
52
|
+
return (
|
53
|
+
<Notification
|
54
|
+
title={title}
|
55
|
+
icon={showLeftIcon ? <IconDisclosureRight /> : ''}
|
56
|
+
iconPlacement={iconPlacement}
|
57
|
+
actions={<Button text="text" size="xs" stretch={layout === 'vertical'} />}
|
58
|
+
layout={layout}
|
59
|
+
{...rest}
|
60
|
+
>
|
61
|
+
{children}
|
62
|
+
</Notification>
|
63
|
+
);
|
64
|
+
};
|
65
|
+
|
66
|
+
export const Default: StoryObj<StoryDefaultProps> = {
|
67
|
+
argTypes: {
|
68
|
+
iconPlacement: {
|
69
|
+
options: placements,
|
70
|
+
control: {
|
71
|
+
type: 'select',
|
72
|
+
},
|
73
|
+
},
|
74
|
+
layout: {
|
75
|
+
options: ['vertical', 'horizontal'],
|
76
|
+
control: {
|
77
|
+
type: 'select',
|
78
|
+
},
|
79
|
+
},
|
80
|
+
},
|
81
|
+
args: {
|
82
|
+
title: 'Title',
|
83
|
+
children: longText,
|
84
|
+
showCloseIcon: true,
|
85
|
+
showLeftIcon: true,
|
86
|
+
iconPlacement: 'top',
|
87
|
+
layout: 'vertical',
|
88
|
+
},
|
89
|
+
render: (args) => <StoryDefault {...args} />,
|
90
|
+
};
|
91
|
+
|
92
|
+
type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
|
93
|
+
timeout: number;
|
94
|
+
layout: NotificationLayout;
|
95
|
+
iconPlacement: NotificationIconPlacement;
|
96
|
+
};
|
97
|
+
|
98
|
+
const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
|
99
|
+
const count = useRef(0);
|
100
|
+
const handleClick = useCallback(() => {
|
101
|
+
addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
|
102
|
+
count.current++;
|
103
|
+
}, [count, rest]);
|
104
|
+
|
105
|
+
return (
|
106
|
+
<NotificationsProvider>
|
107
|
+
<Button text="Добавить уведомление" onClick={handleClick} />
|
108
|
+
</NotificationsProvider>
|
109
|
+
);
|
110
|
+
};
|
111
|
+
|
112
|
+
export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
|
113
|
+
argTypes: {
|
114
|
+
layout: {
|
115
|
+
options: ['vertical', 'horizontal'],
|
116
|
+
control: {
|
117
|
+
type: 'select',
|
118
|
+
},
|
119
|
+
},
|
120
|
+
},
|
121
|
+
args: {
|
122
|
+
timeout: 3000,
|
123
|
+
role: 'alert',
|
124
|
+
layout: 'vertical',
|
125
|
+
},
|
126
|
+
render: (args) => <StoryLiveDemo {...args} />,
|
127
|
+
};
|
128
|
+
|
129
|
+
type StoryWithModalProps = ComponentProps<typeof Notification> & {
|
130
|
+
timeout: number;
|
131
|
+
};
|
132
|
+
|
133
|
+
const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
|
134
|
+
const [isModalOpen, setIsModalOpen] = useState(false);
|
135
|
+
const count = useRef(0);
|
136
|
+
const handleClick = useCallback(() => {
|
137
|
+
addNotification(getNotificationProps(count.current), timeout);
|
138
|
+
count.current++;
|
139
|
+
}, [count]);
|
140
|
+
|
141
|
+
return (
|
142
|
+
<NotificationsProvider>
|
143
|
+
<PopupProvider>
|
144
|
+
<Button text="Open modal" onClick={() => setIsModalOpen(true)} />
|
145
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
146
|
+
<div>Hello!</div>
|
147
|
+
<Button view="primary" text="Add notification" onClick={handleClick} />
|
148
|
+
</Modal>
|
149
|
+
</PopupProvider>
|
150
|
+
</NotificationsProvider>
|
151
|
+
);
|
152
|
+
};
|
153
|
+
|
154
|
+
export const WithModal: StoryObj<StoryLiveDemoProps> = {
|
155
|
+
args: {
|
156
|
+
timeout: 3500,
|
157
|
+
},
|
158
|
+
render: (args) => <StoryWithModal {...args} />,
|
159
|
+
};
|
@@ -0,0 +1,79 @@
|
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import type { ComponentProps } from 'react';
|
4
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
5
|
+
import { action } from '@storybook/addon-actions';
|
6
|
+
import { disableProps } from '@salutejs/plasma-sb-utils';
|
7
|
+
|
8
|
+
import { Button } from '../Button/Button';
|
9
|
+
import { WithTheme } from '../../../_helpers';
|
10
|
+
import { Overlay } from '../../../../components/Overlay';
|
11
|
+
|
12
|
+
const onOverlayClick = action('onOverlayClick');
|
13
|
+
|
14
|
+
type StoryOverlayProps = ComponentProps<typeof Overlay>;
|
15
|
+
|
16
|
+
const meta: Meta<StoryOverlayProps> = {
|
17
|
+
title: 'sds_engineer/Overlay',
|
18
|
+
decorators: [WithTheme],
|
19
|
+
argTypes: {
|
20
|
+
isClickable: {
|
21
|
+
control: {
|
22
|
+
type: 'boolean',
|
23
|
+
},
|
24
|
+
table: { defaultValue: { summary: true } },
|
25
|
+
},
|
26
|
+
withBlur: {
|
27
|
+
control: {
|
28
|
+
type: 'boolean',
|
29
|
+
},
|
30
|
+
table: { defaultValue: { summary: false } },
|
31
|
+
},
|
32
|
+
...disableProps(['onOverlayClick', 'zIndex']),
|
33
|
+
},
|
34
|
+
component: Overlay,
|
35
|
+
};
|
36
|
+
|
37
|
+
export default meta;
|
38
|
+
|
39
|
+
const StyledButton = styled(Button)`
|
40
|
+
margin: 1rem;
|
41
|
+
width: 15rem;
|
42
|
+
`;
|
43
|
+
|
44
|
+
const StyledCloseButton = styled(Button)`
|
45
|
+
position: fixed;
|
46
|
+
top: 50%;
|
47
|
+
left: 50%;
|
48
|
+
z-index: 101;
|
49
|
+
transform: translate(-50%, -50%);
|
50
|
+
width: 15rem;
|
51
|
+
`;
|
52
|
+
|
53
|
+
const StoryDefault = (props: StoryOverlayProps) => {
|
54
|
+
const [isVisible, setIsVisible] = useState(false);
|
55
|
+
|
56
|
+
return (
|
57
|
+
<>
|
58
|
+
<StyledButton text="Показать overlay" onClick={() => setIsVisible(true)} />
|
59
|
+
{isVisible && (
|
60
|
+
<>
|
61
|
+
<Overlay {...props} />
|
62
|
+
<StyledCloseButton text=" Скрыть overlay" onClick={() => setIsVisible(false)} />
|
63
|
+
</>
|
64
|
+
)}
|
65
|
+
</>
|
66
|
+
);
|
67
|
+
};
|
68
|
+
|
69
|
+
export const Default: StoryObj<StoryOverlayProps> = {
|
70
|
+
args: {
|
71
|
+
zIndex: '100',
|
72
|
+
backgroundColorProperty: 'var(--overlay-soft)',
|
73
|
+
withBlur: false,
|
74
|
+
transparent: false,
|
75
|
+
isClickable: true,
|
76
|
+
onOverlayClick,
|
77
|
+
},
|
78
|
+
render: (args) => <StoryDefault {...args} />,
|
79
|
+
};
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
import { panelTokens } from '../../../../components/Panel';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'default',
|
6
|
+
size: 'm',
|
7
|
+
borderRadius: 'none'
|
8
|
+
},
|
9
|
+
variations: {
|
10
|
+
view: {
|
11
|
+
"default": /*#__PURE__*/css(panelTokens.background, ":var(--surface-solid-card);", panelTokens.shadow, ":0 3.75rem 7rem -0.5rem rgba(0, 0, 0, 0.08);", panelTokens.contentBackgroundColor, ":var(--surface-transparent-primary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBwYW5lbFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvUGFuZWwnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICdub25lJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5zaGFkb3d9OiAwIDMuNzVyZW0gN3JlbSAtMC41cmVtIHJnYmEoMCwgMCwgMCwgMC4wOCk7XG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5jb250ZW50QmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1wcmltYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBib3JkZXJSYWRpdXM6IHtcbiAgICAgICAgICAgIG5vbmU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJvcmRlclJhZGl1c306IDA7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
12
|
+
},
|
13
|
+
size: {
|
14
|
+
m: /*#__PURE__*/css(panelTokens.padding, ":1.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcGFuZWxUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BhbmVsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuc2hhZG93fTogMCAzLjc1cmVtIDdyZW0gLTAuNXJlbSByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5wYWRkaW5nfTogMS41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB7XG4gICAgICAgICAgICBub25lOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
15
|
+
},
|
16
|
+
borderRadius: {
|
17
|
+
none: /*#__PURE__*/css(panelTokens.borderRadius, ":0;;label:plasma-new-hope__none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcGFuZWxUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BhbmVsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuc2hhZG93fTogMCAzLjc1cmVtIDdyZW0gLTAuNXJlbSByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5wYWRkaW5nfTogMS41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB7XG4gICAgICAgICAgICBub25lOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
|
18
|
+
"default": /*#__PURE__*/css(panelTokens.borderRadius, ":0.625rem;;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQndCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BhbmVsL1BhbmVsLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcGFuZWxUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BhbmVsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuc2hhZG93fTogMCAzLjc1cmVtIDdyZW0gLTAuNXJlbSByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuICAgICAgICAgICAgICAgICR7cGFuZWxUb2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5wYWRkaW5nfTogMS41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB7XG4gICAgICAgICAgICBub25lOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwYW5lbFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3BhbmVsVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
19
|
+
}
|
20
|
+
}
|
21
|
+
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { panelContentConfig, panelFooterConfig, panelHeaderConfig } from '../../../../components/Panel';
|
2
|
+
import { panelConfig } from '../../../../components/Panel/Panel';
|
3
|
+
import { component, mergeConfig } from '../../../../engines';
|
4
|
+
import { config } from './Panel.config';
|
5
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(panelConfig, config);
|
6
|
+
export var Panel = /*#__PURE__*/component(mergedConfig);
|
7
|
+
var mergedContentConfig = /*#__PURE__*/mergeConfig(panelContentConfig);
|
8
|
+
export var PanelContent = /*#__PURE__*/component(mergedContentConfig);
|
9
|
+
var mergedHeaderConfig = /*#__PURE__*/mergeConfig(panelHeaderConfig);
|
10
|
+
export var PanelHeader = /*#__PURE__*/component(mergedHeaderConfig);
|
11
|
+
var mergedFooterConfig = /*#__PURE__*/mergeConfig(panelFooterConfig);
|
12
|
+
export var PanelFooter = /*#__PURE__*/component(mergedFooterConfig);
|
@@ -0,0 +1,148 @@
|
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import styled from '@emotion/styled';
|
3
|
+
import type { ComponentProps } from 'react';
|
4
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
5
|
+
|
6
|
+
import { Button } from '../Button/Button';
|
7
|
+
import { WithTheme } from '../../../_helpers';
|
8
|
+
import { Heading } from '../../../typograpy/components/Heading/Heading';
|
9
|
+
import { IconDone } from '../../../../components/_Icon';
|
10
|
+
import { ClosePlacementType } from '../../../../components/Panel';
|
11
|
+
import { SSRProvider } from '../../../../components/SSRProvider';
|
12
|
+
|
13
|
+
import { Panel, PanelContent, PanelFooter, PanelHeader } from './Panel';
|
14
|
+
|
15
|
+
export default {
|
16
|
+
title: 'sds_engineer/Panel',
|
17
|
+
decorators: [WithTheme],
|
18
|
+
argTypes: {
|
19
|
+
borderRadius: {
|
20
|
+
options: ['none', 'default'],
|
21
|
+
control: {
|
22
|
+
type: 'select',
|
23
|
+
},
|
24
|
+
},
|
25
|
+
showHeader: {
|
26
|
+
control: {
|
27
|
+
type: 'boolean',
|
28
|
+
},
|
29
|
+
table: { defaultValue: { summary: true } },
|
30
|
+
},
|
31
|
+
showFooter: {
|
32
|
+
control: {
|
33
|
+
type: 'boolean',
|
34
|
+
},
|
35
|
+
table: { defaultValue: { summary: true } },
|
36
|
+
},
|
37
|
+
showActions: {
|
38
|
+
control: {
|
39
|
+
type: 'boolean',
|
40
|
+
},
|
41
|
+
table: { defaultValue: { summary: true } },
|
42
|
+
},
|
43
|
+
closePlacement: {
|
44
|
+
options: ['right', 'left'],
|
45
|
+
control: {
|
46
|
+
type: 'select',
|
47
|
+
},
|
48
|
+
table: { defaultValue: { summary: 'right' } },
|
49
|
+
},
|
50
|
+
},
|
51
|
+
} as Meta;
|
52
|
+
|
53
|
+
type StoryPanelProps = ComponentProps<typeof Panel> & {
|
54
|
+
showHeader: boolean;
|
55
|
+
showFooter: boolean;
|
56
|
+
showActions: boolean;
|
57
|
+
closePlacement: string;
|
58
|
+
hasCloseArrow: boolean;
|
59
|
+
};
|
60
|
+
|
61
|
+
const StyledWrapper = styled.div`
|
62
|
+
height: 100%;
|
63
|
+
width: 100%;
|
64
|
+
display: flex;
|
65
|
+
flex-direction: column;
|
66
|
+
`;
|
67
|
+
|
68
|
+
const StyledContentWrapper = styled.div`
|
69
|
+
height: 80%;
|
70
|
+
display: flex;
|
71
|
+
flex-grow: 1;
|
72
|
+
`;
|
73
|
+
|
74
|
+
const StyledContent = styled.div`
|
75
|
+
background: #f5f5dc;
|
76
|
+
flex-grow: 1;
|
77
|
+
height: 100%;
|
78
|
+
`;
|
79
|
+
|
80
|
+
const StyledSection = styled.div`
|
81
|
+
background: #808080;
|
82
|
+
min-height: 20%;
|
83
|
+
`;
|
84
|
+
|
85
|
+
const StyledIconButton = styled(Button)`
|
86
|
+
position: relative;
|
87
|
+
width: 1.5rem;
|
88
|
+
height: 1.5rem;
|
89
|
+
`;
|
90
|
+
|
91
|
+
const StoryPanelDemo = ({ showHeader, showFooter, showActions, closePlacement, ...rest }: StoryPanelProps) => {
|
92
|
+
const [isOpen, setIsOpen] = useState(false);
|
93
|
+
|
94
|
+
return (
|
95
|
+
<SSRProvider>
|
96
|
+
<StyledWrapper>
|
97
|
+
<StyledSection>
|
98
|
+
<Button text="Открыть панель" onClick={() => setIsOpen(true)} />
|
99
|
+
</StyledSection>
|
100
|
+
<StyledContentWrapper>
|
101
|
+
{isOpen && (
|
102
|
+
<Panel {...rest}>
|
103
|
+
<PanelHeader
|
104
|
+
closePlacement={closePlacement as ClosePlacementType}
|
105
|
+
actions={
|
106
|
+
showActions && (
|
107
|
+
<StyledIconButton size="s" view="clear">
|
108
|
+
<IconDone size="s" />
|
109
|
+
</StyledIconButton>
|
110
|
+
)
|
111
|
+
}
|
112
|
+
onClose={() => setIsOpen(false)}
|
113
|
+
>
|
114
|
+
{showHeader && <Heading size="h3">Header</Heading>}
|
115
|
+
</PanelHeader>
|
116
|
+
<PanelContent>Content</PanelContent>
|
117
|
+
{showFooter && (
|
118
|
+
<PanelFooter>
|
119
|
+
<Heading size="h3">Footer</Heading>
|
120
|
+
</PanelFooter>
|
121
|
+
)}
|
122
|
+
</Panel>
|
123
|
+
)}
|
124
|
+
<StyledContent>
|
125
|
+
<Heading style={{ margin: '2rem' }} size="h2">
|
126
|
+
Some basic content
|
127
|
+
</Heading>
|
128
|
+
</StyledContent>
|
129
|
+
</StyledContentWrapper>
|
130
|
+
<StyledSection />
|
131
|
+
</StyledWrapper>
|
132
|
+
</SSRProvider>
|
133
|
+
);
|
134
|
+
};
|
135
|
+
|
136
|
+
export const PanelDemo: StoryObj<StoryPanelProps> = {
|
137
|
+
args: {
|
138
|
+
showHeader: true,
|
139
|
+
showFooter: true,
|
140
|
+
showActions: true,
|
141
|
+
hasCloseArrow: true,
|
142
|
+
borderRadius: 'none',
|
143
|
+
closePlacement: 'right',
|
144
|
+
width: '30%',
|
145
|
+
height: '100%',
|
146
|
+
},
|
147
|
+
render: (args) => <StoryPanelDemo {...args} />,
|
148
|
+
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
import { popoverTokens } from '../../../../components/Popover';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'default'
|
6
|
+
},
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
"default": /*#__PURE__*/css(popoverTokens.arrowMaskWidth, ":1rem;", popoverTokens.arrowMaskHeight, ":1rem;", popoverTokens.arrowMaskImage, ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", popoverTokens.arrowHeight, ":0.375rem;", popoverTokens.arrowEdgeMargin, ":0.5625rem;", popoverTokens.arrowBackground, ":var(--plasma-colors-surface-solid03);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd01hc2tXaWR0aH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza0hlaWdodH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza0ltYWdlfTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCM2FXUjBhRDBpTVRZaUlHaGxhV2RvZEQwaU1UWWlJSGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdlRzFzYm5NNmMzWm5QU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUkrQ2lBZ1BIQmhkR2dnWTJ4cGNDMXlkV3hsUFNKbGRtVnViMlJrSWlCa1BTSnRNQ3c1TGpnMWJERTJMREJqTFRRdU5ERXNNQ0F0T0N3eUxqWTVJQzA0TERaak1Dd3RNeTR6TVNBdE15NDFPU3d0TmlBdE9Dd3RObm9pSUdacGJHdzlJaU14TnpFM01UY2lJR1pwYkd3dGNuVnNaVDBpWlhabGJtOWtaQ0lnYVdROUlsUmhhV3dpTHo0S1BDOXpkbWMrXCIpO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0hlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0VkZ2VNYXJnaW59OiAwLjU2MjVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93QmFja2dyb3VuZH06IHZhcigtLXBsYXNtYS1jb2xvcnMtc3VyZmFjZS1zb2xpZDAzKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
10
|
+
}
|
11
|
+
}
|
12
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { popoverConfig } from '../../../../components/Popover';
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { config } from './Popover.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(popoverConfig, config);
|
5
|
+
export var Popover = /*#__PURE__*/component(mergedConfig);
|