@salutejs/plasma-new-hope 0.131.1-canary.1396.10560424945.0 → 0.132.0-canary.1352.10568540479.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +10 -9
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +10 -9
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +10 -9
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +10 -9
- package/cjs/components/Range/Range.css +10 -9
- package/cjs/components/Slider/Slider.css +10 -9
- package/cjs/components/Slider/components/Double/Double.css +10 -9
- package/cjs/components/TextArea/TextArea.js +17 -3
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +7 -1
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_1bv40vw.css → TextArea.styles_wt773g.css} +2 -1
- 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 +23 -7
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +7 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_9fkr1l.css → cjs/components/TextField/TextField.styles_x7rboj.css} +2 -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 +20 -18
- package/emotion/cjs/components/TextArea/TextArea.js +18 -4
- package/emotion/cjs/components/TextArea/TextArea.styles.js +23 -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 +27 -11
- package/emotion/cjs/components/TextField/TextField.styles.js +33 -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_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -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 +43 -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 +19 -5
- package/emotion/es/components/TextArea/TextArea.styles.js +22 -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 +26 -10
- package/emotion/es/components/TextField/TextField.styles.js +32 -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_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -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 +43 -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 +10 -9
- package/es/components/DatePicker/RangeDate/RangeDate.css +10 -9
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +10 -9
- package/es/components/DatePicker/SingleDate/SingleDate.css +10 -9
- package/es/components/Range/Range.css +10 -9
- package/es/components/Slider/Slider.css +10 -9
- package/es/components/Slider/components/Double/Double.css +10 -9
- package/es/components/TextArea/TextArea.js +18 -4
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +7 -2
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_1bv40vw.css → TextArea.styles_wt773g.css} +2 -1
- 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 +24 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +7 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_9fkr1l.css → es/components/TextField/TextField.styles_x7rboj.css} +2 -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 +20 -18
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +17 -3
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +6 -3
- 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 +23 -7
- package/styled-components/cjs/components/TextField/TextField.styles.js +6 -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_web/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -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 +43 -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 +18 -4
- package/styled-components/es/components/TextArea/TextArea.styles.js +5 -2
- 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 +22 -6
- package/styled-components/es/components/TextField/TextField.styles.js +5 -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_web/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -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 +43 -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 +4 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +4 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +4 -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 +1 -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 +9 -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 +1 -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 +9 -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/TextField/TextField.d.ts +4 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/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 +7 -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 +68 -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/TextField/TextField_wctd2m.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
- package/es/components/TextField/TextField_wctd2m.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
@@ -0,0 +1,205 @@
|
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
|
5
|
+
import { WithTheme } from '../../../_helpers';
|
6
|
+
import { Button } from '../Button/Button';
|
7
|
+
import { PopoverPlacement } from '../Popover/Popover';
|
8
|
+
import { IconDisclosureRight } from '../../../../components/_Icon';
|
9
|
+
|
10
|
+
import { Tooltip } from './Tooltip';
|
11
|
+
import type { TooltipProps } from './Tooltip';
|
12
|
+
|
13
|
+
const placements: Array<PopoverPlacement> = [
|
14
|
+
'top',
|
15
|
+
'top-start',
|
16
|
+
'top-end',
|
17
|
+
|
18
|
+
'bottom',
|
19
|
+
'bottom-start',
|
20
|
+
'bottom-end',
|
21
|
+
|
22
|
+
'left',
|
23
|
+
'left-start',
|
24
|
+
'left-end',
|
25
|
+
|
26
|
+
'right',
|
27
|
+
'right-start',
|
28
|
+
'right-end',
|
29
|
+
|
30
|
+
'auto',
|
31
|
+
];
|
32
|
+
|
33
|
+
const meta: Meta<TooltipProps> = {
|
34
|
+
title: 'sds_engineer/Tooltip',
|
35
|
+
decorators: [WithTheme],
|
36
|
+
component: Tooltip,
|
37
|
+
parameters: {
|
38
|
+
docs: { story: { inline: false, iframeHeight: '20rem' } },
|
39
|
+
},
|
40
|
+
};
|
41
|
+
|
42
|
+
export default meta;
|
43
|
+
|
44
|
+
const StyledGrid = styled.div`
|
45
|
+
display: grid;
|
46
|
+
grid-template-columns: repeat(3, max-content);
|
47
|
+
grid-gap: 1rem 3.5rem;
|
48
|
+
padding: 3.5rem;
|
49
|
+
`;
|
50
|
+
|
51
|
+
const StoryDefault = ({ size }: TooltipProps) => {
|
52
|
+
return (
|
53
|
+
<StyledGrid>
|
54
|
+
<Tooltip
|
55
|
+
target={
|
56
|
+
<Tooltip
|
57
|
+
target={<Button>Btn</Button>}
|
58
|
+
placement="left"
|
59
|
+
size={size}
|
60
|
+
opened
|
61
|
+
hasArrow
|
62
|
+
text="left"
|
63
|
+
frame="theme-root"
|
64
|
+
/>
|
65
|
+
}
|
66
|
+
placement="top-start"
|
67
|
+
size={size}
|
68
|
+
opened
|
69
|
+
hasArrow
|
70
|
+
text="top-start"
|
71
|
+
frame="theme-root"
|
72
|
+
/>
|
73
|
+
<Tooltip
|
74
|
+
target={<Button>Btn</Button>}
|
75
|
+
placement="top"
|
76
|
+
size={size}
|
77
|
+
opened
|
78
|
+
hasArrow
|
79
|
+
text="top"
|
80
|
+
frame="theme-root"
|
81
|
+
/>
|
82
|
+
<Tooltip
|
83
|
+
target={
|
84
|
+
<Tooltip
|
85
|
+
target={<Button>Btn</Button>}
|
86
|
+
placement="right"
|
87
|
+
size={size}
|
88
|
+
opened
|
89
|
+
hasArrow
|
90
|
+
text="right"
|
91
|
+
frame="theme-root"
|
92
|
+
/>
|
93
|
+
}
|
94
|
+
placement="top-end"
|
95
|
+
size={size}
|
96
|
+
opened
|
97
|
+
hasArrow
|
98
|
+
text="top-end"
|
99
|
+
frame="theme-root"
|
100
|
+
/>
|
101
|
+
<Tooltip
|
102
|
+
target={<Button>Btn</Button>}
|
103
|
+
placement="bottom-start"
|
104
|
+
size={size}
|
105
|
+
opened
|
106
|
+
hasArrow
|
107
|
+
text="bottom-start"
|
108
|
+
frame="theme-root"
|
109
|
+
/>
|
110
|
+
<Tooltip
|
111
|
+
target={<Button>Btn</Button>}
|
112
|
+
placement="bottom"
|
113
|
+
size={size}
|
114
|
+
opened
|
115
|
+
hasArrow
|
116
|
+
text="bottom"
|
117
|
+
frame="theme-root"
|
118
|
+
/>
|
119
|
+
<Tooltip
|
120
|
+
target={<Button>Btn</Button>}
|
121
|
+
placement="bottom-end"
|
122
|
+
size={size}
|
123
|
+
opened
|
124
|
+
hasArrow
|
125
|
+
text="bottom-end"
|
126
|
+
frame="theme-root"
|
127
|
+
/>
|
128
|
+
</StyledGrid>
|
129
|
+
);
|
130
|
+
};
|
131
|
+
|
132
|
+
export const Default: StoryObj<TooltipProps> = {
|
133
|
+
argTypes: {
|
134
|
+
size: {
|
135
|
+
options: ['m', 's'],
|
136
|
+
control: {
|
137
|
+
type: 'select',
|
138
|
+
},
|
139
|
+
},
|
140
|
+
},
|
141
|
+
args: {
|
142
|
+
size: 'm',
|
143
|
+
},
|
144
|
+
render: (args) => <StoryDefault {...args} />,
|
145
|
+
};
|
146
|
+
|
147
|
+
const StyledRow = styled.div`
|
148
|
+
display: flex;
|
149
|
+
width: 150vw;
|
150
|
+
height: 150vh;
|
151
|
+
padding: 10rem;
|
152
|
+
`;
|
153
|
+
|
154
|
+
const StoryLive = (args: TooltipProps) => {
|
155
|
+
const [text, setText] = useState('Type here');
|
156
|
+
|
157
|
+
return (
|
158
|
+
<>
|
159
|
+
<StyledRow>
|
160
|
+
<Tooltip
|
161
|
+
target={
|
162
|
+
<input
|
163
|
+
name="Имя"
|
164
|
+
value={text}
|
165
|
+
onChange={(e) => setText(e.target.value)}
|
166
|
+
aria-describedby="example-tooltip-firstname"
|
167
|
+
/>
|
168
|
+
}
|
169
|
+
contentLeft={<IconDisclosureRight size="xs" />}
|
170
|
+
{...args}
|
171
|
+
id="example-tooltip-firstname"
|
172
|
+
text={text}
|
173
|
+
opened
|
174
|
+
frame="theme-root"
|
175
|
+
/>
|
176
|
+
</StyledRow>
|
177
|
+
</>
|
178
|
+
);
|
179
|
+
};
|
180
|
+
|
181
|
+
export const Live: StoryObj<TooltipProps> = {
|
182
|
+
argTypes: {
|
183
|
+
placement: {
|
184
|
+
options: placements,
|
185
|
+
control: {
|
186
|
+
type: 'select',
|
187
|
+
},
|
188
|
+
mapping: placements,
|
189
|
+
},
|
190
|
+
size: {
|
191
|
+
options: ['m', 's'],
|
192
|
+
control: {
|
193
|
+
type: 'select',
|
194
|
+
},
|
195
|
+
},
|
196
|
+
},
|
197
|
+
args: {
|
198
|
+
placement: 'bottom',
|
199
|
+
maxWidth: 10,
|
200
|
+
minWidth: 3,
|
201
|
+
hasArrow: true,
|
202
|
+
size: 'm',
|
203
|
+
},
|
204
|
+
render: (args) => <StoryLive {...args} />,
|
205
|
+
};
|
@@ -1,7 +1,9 @@
|
|
1
1
|
/* eslint-disable camelcase */
|
2
2
|
import plasma_b2c from './plasma_b2c.module.css';
|
3
3
|
import plasma_web from './plasma_web.module.css';
|
4
|
+
import sds_engineer from './sds_engineer.module.css';
|
4
5
|
export var themes = {
|
5
6
|
plasma_b2c: plasma_b2c,
|
6
|
-
plasma_web: plasma_web
|
7
|
+
plasma_web: plasma_web,
|
8
|
+
sds_engineer: sds_engineer
|
7
9
|
};
|
@@ -0,0 +1,373 @@
|
|
1
|
+
/* Generated by robots, do not change this manually! */
|
2
|
+
|
3
|
+
.dark {
|
4
|
+
--overlay-soft: rgba(0, 0, 0, 0.56);
|
5
|
+
--overlay-hard: rgba(0, 0, 0, 0.9);
|
6
|
+
--on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
|
7
|
+
--on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
|
8
|
+
--on-light-overlay-soft: rgba(0, 0, 0, 0.56);
|
9
|
+
--on-light-overlay-hard: rgba(0, 0, 0, 0.9);
|
10
|
+
--inverse-overlay-soft: rgba(0, 0, 0, 0.56);
|
11
|
+
--inverse-overlay-hard: rgba(0, 0, 0, 0.9);
|
12
|
+
--text-primary: rgba(245, 245, 245, 0.96);
|
13
|
+
--text-secondary: rgba(245, 245, 245, 0.56);
|
14
|
+
--text-tertiary: rgba(245, 245, 245, 0.4);
|
15
|
+
--text-paragraph: rgba(245, 245, 245, 0.8);
|
16
|
+
--text-accent: #FFFFFF;
|
17
|
+
--text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
18
|
+
--text-positive: #1A9E32;
|
19
|
+
--text-warning: #FA5F05;
|
20
|
+
--text-negative: #FF293E;
|
21
|
+
--on-dark-text-primary: rgba(245, 245, 245, 0.96);
|
22
|
+
--on-dark-text-secondary: rgba(245, 245, 245, 0.56);
|
23
|
+
--on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
|
24
|
+
--on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
|
25
|
+
--on-dark-text-accent: #FFFFFF;
|
26
|
+
--on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
27
|
+
--on-dark-text-positive: #1A9E32;
|
28
|
+
--on-dark-text-warning: #FA5F05;
|
29
|
+
--on-dark-text-negative: #FF293E;
|
30
|
+
--on-light-text-primary: rgba(8, 8, 8, 0.96);
|
31
|
+
--on-light-text-secondary: rgba(8, 8, 8, 0.56);
|
32
|
+
--on-light-text-tertiary: rgba(8, 8, 8, 0.4);
|
33
|
+
--on-light-text-paragraph: rgba(8, 8, 8, 0.8);
|
34
|
+
--on-light-text-accent: #FFFFFF;
|
35
|
+
--on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
36
|
+
--on-light-text-positive: #108E25;
|
37
|
+
--on-light-text-warning: #E85702;
|
38
|
+
--on-light-text-negative: #F31B30;
|
39
|
+
--inverse-text-primary: rgba(8, 8, 8, 0.96);
|
40
|
+
--inverse-text-secondary: rgba(8, 8, 8, 0.56);
|
41
|
+
--inverse-text-tertiary: rgba(8, 8, 8, 0.4);
|
42
|
+
--inverse-text-paragraph: rgba(8, 8, 8, 0.8);
|
43
|
+
--inverse-text-accent: #FFFFFF;
|
44
|
+
--inverse-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
45
|
+
--inverse-text-positive: #108E25;
|
46
|
+
--inverse-text-warning: #E85702;
|
47
|
+
--inverse-text-negative: #F31B30;
|
48
|
+
--surface-solid-default: #FFFFFF;
|
49
|
+
--surface-solid-primary: #171717;
|
50
|
+
--surface-solid-secondary: #262626;
|
51
|
+
--surface-solid-tertiary: #363636;
|
52
|
+
--surface-solid-card: #171717;
|
53
|
+
--surface-transparent-default: #FFFFFF;
|
54
|
+
--surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
55
|
+
--surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
56
|
+
--surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
57
|
+
--surface-transparent-card: rgba(255, 255, 255, 0.12);
|
58
|
+
--surface-accent: #FFFFFF;
|
59
|
+
/* добавлены вручную */
|
60
|
+
--surface-accent-hover: #1383cf80;
|
61
|
+
/* добавлены вручную */
|
62
|
+
--surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
63
|
+
--surface-positive: #1A9E32;
|
64
|
+
--surface-warning: #FA5F05;
|
65
|
+
--surface-negative: #FF293E;
|
66
|
+
/* добавлены вручную */
|
67
|
+
--surface-transparent-negative: #e3122712;
|
68
|
+
--surface-clear: rgba(0, 0, 0, 0);
|
69
|
+
--on-dark-surface-solid-default: #FFFFFF;
|
70
|
+
--on-dark-surface-solid-primary: #171717;
|
71
|
+
--on-dark-surface-solid-secondary: #262626;
|
72
|
+
--on-dark-surface-solid-tertiary: #363636;
|
73
|
+
--on-dark-surface-solid-card: #171717;
|
74
|
+
--on-dark-surface-transparent-default: #FFFFFF;
|
75
|
+
--on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
76
|
+
--on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
77
|
+
--on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
78
|
+
--on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
79
|
+
--on-dark-surface-accent: #FFFFFF;
|
80
|
+
--on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
81
|
+
--on-dark-surface-positive: #1A9E32;
|
82
|
+
--on-dark-surface-warning: #FA5F05;
|
83
|
+
--on-dark-surface-negative: #FF293E;
|
84
|
+
--on-dark-surface-clear: rgba(0, 0, 0, 0);
|
85
|
+
--on-light-surface-solid-default: #080808;
|
86
|
+
--on-light-surface-solid-primary: #F5F5F5;
|
87
|
+
--on-light-surface-solid-secondary: #ECECEC;
|
88
|
+
--on-light-surface-solid-tertiary: #DDDDDD;
|
89
|
+
--on-light-surface-solid-card: #F7F7F7;
|
90
|
+
--on-light-surface-transparent-default: #080808;
|
91
|
+
--on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
92
|
+
--on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
93
|
+
--on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
94
|
+
--on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
95
|
+
--on-light-surface-accent: #FFFFFF;
|
96
|
+
--on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
97
|
+
--on-light-surface-positive: #108E25;
|
98
|
+
--on-light-surface-warning: #E85702;
|
99
|
+
--on-light-surface-negative: #F31B30;
|
100
|
+
--on-light-surface-clear: rgba(0, 0, 0, 0);
|
101
|
+
--inverse-surface-solid-default: #080808;
|
102
|
+
--inverse-surface-solid-primary: #F5F5F5;
|
103
|
+
--inverse-surface-solid-secondary: #ECECEC;
|
104
|
+
--inverse-surface-solid-tertiary: #DDDDDD;
|
105
|
+
--inverse-surface-solid-card: #F7F7F7;
|
106
|
+
--inverse-surface-transparent-default: #080808;
|
107
|
+
--inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
108
|
+
--inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
109
|
+
--inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
110
|
+
--inverse-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
111
|
+
--inverse-surface-accent: #FFFFFF;
|
112
|
+
--inverse-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
113
|
+
--inverse-surface-positive: #108E25;
|
114
|
+
--inverse-surface-warning: #E85702;
|
115
|
+
--inverse-surface-negative: #F31B30;
|
116
|
+
--inverse-surface-clear: rgba(0, 0, 0, 0);
|
117
|
+
--background-primary: #000000;
|
118
|
+
--background-secondary: #080808;
|
119
|
+
--background-tertiary: #171717;
|
120
|
+
--dark-background-primary: #000000;
|
121
|
+
--dark-background-secondary: #080808;
|
122
|
+
--dark-background-tertiary: #171717;
|
123
|
+
--light-background-primary: #FFFFFF;
|
124
|
+
--light-background-secondary: #FFFFFF;
|
125
|
+
--light-background-tertiary: #FFFFFF;
|
126
|
+
--inverse-background-primary: #FFFFFF;
|
127
|
+
--inverse-background-secondary: #FFFFFF;
|
128
|
+
--inverse-background-tertiary: #FFFFFF;
|
129
|
+
--text-primary-hover: #17171793;
|
130
|
+
--text-primary-active: #171717C4;
|
131
|
+
--surface-solid-default-hover: #0D0D0DFF;
|
132
|
+
--surface-solid-default-active: #030303FF;
|
133
|
+
--surface-accent-hover: #0C8ADFFF;
|
134
|
+
--surface-accent-active: #0A78C2FF;
|
135
|
+
--surface-positive-hover: #1DAF37FF;
|
136
|
+
--surface-positive-active: #18952FFF;
|
137
|
+
--surface-warning-hover: #FB7223FF;
|
138
|
+
--surface-warning-active: #F05B05FF;
|
139
|
+
--surface-negative-hover: #EA1A2FFF;
|
140
|
+
--surface-negative-active: #D21427FF;
|
141
|
+
--surface-transparent-secondary-hover: #0808081F;
|
142
|
+
--surface-transparent-secondary-active: #0808080A;
|
143
|
+
--on-light-surface-solid-default-hover: #0D0D0DFF;
|
144
|
+
--on-light-surface-solid-default-active: #030303FF;
|
145
|
+
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
146
|
+
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
147
|
+
--on-light-surface-transparent-deep-hover: #080808C2;
|
148
|
+
--on-light-surface-transparent-deep-active: #08080894;
|
149
|
+
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
150
|
+
--surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
|
151
|
+
--surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
|
152
|
+
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
153
|
+
--plasma-colors-white-secondary: var(--on-dark-text-secondary);
|
154
|
+
--plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
|
155
|
+
--plasma-colors-black-primary: var(--on-light-text-primary);
|
156
|
+
--plasma-colors-black-secondary: var(--on-light-text-secondary);
|
157
|
+
--plasma-colors-black-tertiary: var(--on-light-text-tertiary);
|
158
|
+
--plasma-colors-button-black: var(--on-light-surface-solid-default);
|
159
|
+
--plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
|
160
|
+
--plasma-colors-button-white: var(--on-dark-surface-solid-default);
|
161
|
+
--plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
|
162
|
+
--plasma-colors-text: var(--text-primary);
|
163
|
+
--plasma-colors-primary: var(--text-primary);
|
164
|
+
--plasma-colors-secondary: var(--text-secondary);
|
165
|
+
--plasma-colors-tertiary: var(--text-tertiary);
|
166
|
+
--plasma-colors-paragraph: var(--text-paragraph);
|
167
|
+
--plasma-colors-background: var(--background-primary);
|
168
|
+
--plasma-colors-accent: var(--text-accent);
|
169
|
+
--plasma-colors-success: var(--text-positive);
|
170
|
+
--plasma-colors-warning: var(--text-warning);
|
171
|
+
--plasma-colors-critical: var(--text-negative);
|
172
|
+
--plasma-colors-overlay: var(--overlay-soft);
|
173
|
+
--plasma-colors-surface-liquid01: var(--surface-transparent-primary);
|
174
|
+
--plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
|
175
|
+
--plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
|
176
|
+
--plasma-colors-surface-solid01: var(--surface-solid-primary);
|
177
|
+
--plasma-colors-surface-solid02: var(--surface-solid-secondary);
|
178
|
+
--plasma-colors-surface-solid03: var(--surface-solid-tertiary);
|
179
|
+
--plasma-colors-surface-card: var(--surface-transparent-card);
|
180
|
+
--plasma-colors-button-secondary: var(--surface-transparent-secondary);
|
181
|
+
--plasma-colors-button-accent: var(--text-accent);
|
182
|
+
--plasma-colors-button-success: var(--surface-positive);
|
183
|
+
--plasma-colors-button-warning: var(--surface-warning);
|
184
|
+
--plasma-colors-button-critical: var(--surface-negative);
|
185
|
+
color: var(--text-primary);
|
186
|
+
background-color: var(--background-primary);
|
187
|
+
}
|
188
|
+
|
189
|
+
.light {
|
190
|
+
--overlay-soft: rgba(0, 0, 0, 0.56);
|
191
|
+
--overlay-hard: rgba(0, 0, 0, 0.9);
|
192
|
+
--on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
|
193
|
+
--on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
|
194
|
+
--on-light-overlay-soft: rgba(0, 0, 0, 0.56);
|
195
|
+
--on-light-overlay-hard: rgba(0, 0, 0, 0.9);
|
196
|
+
--inverse-overlay-soft: rgba(0, 0, 0, 0.56);
|
197
|
+
--inverse-overlay-hard: rgba(0, 0, 0, 0.9);
|
198
|
+
--text-primary: rgba(23, 23, 23, 0.96);
|
199
|
+
--text-secondary: rgba(23, 23, 23, 0.56);
|
200
|
+
--text-tertiary: rgba(23, 23, 23, 0.4);
|
201
|
+
--text-paragraph: rgba(23, 23, 23, 0.8);
|
202
|
+
--text-accent: #0C72B6;
|
203
|
+
--text-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
204
|
+
--text-positive: #108E25;
|
205
|
+
--text-warning: #E85702;
|
206
|
+
--text-negative: #F31B31;
|
207
|
+
--on-dark-text-primary: rgba(245, 245, 245, 0.96);
|
208
|
+
--on-dark-text-secondary: rgba(245, 245, 245, 0.56);
|
209
|
+
--on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
|
210
|
+
--on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
|
211
|
+
--on-dark-text-accent: #FFFFFF;
|
212
|
+
--on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
213
|
+
--on-dark-text-positive: #1A9E32;
|
214
|
+
--on-dark-text-warning: #FA5F05;
|
215
|
+
--on-dark-text-negative: #FF293E;
|
216
|
+
--on-light-text-primary: rgba(8, 8, 8, 0.96);
|
217
|
+
--on-light-text-secondary: rgba(8, 8, 8, 0.56);
|
218
|
+
--on-light-text-tertiary: rgba(8, 8, 8, 0.4);
|
219
|
+
--on-light-text-paragraph: rgba(8, 8, 8, 0.8);
|
220
|
+
--on-light-text-accent: #FFFFFF;
|
221
|
+
--on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
222
|
+
--on-light-text-positive: #108E25;
|
223
|
+
--on-light-text-warning: #E85702;
|
224
|
+
--on-light-text-negative: #F31B30;
|
225
|
+
--inverse-text-primary: rgba(245, 245, 245, 0.96);
|
226
|
+
--inverse-text-secondary: rgba(245, 245, 245, 0.56);
|
227
|
+
--inverse-text-tertiary: rgba(245, 245, 245, 0.4);
|
228
|
+
--inverse-text-paragraph: rgba(245, 245, 245, 0.8);
|
229
|
+
--inverse-text-accent: #FFFFFF;
|
230
|
+
--inverse-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
231
|
+
--inverse-text-positive: #1A9E32;
|
232
|
+
--inverse-text-warning: #FA5F05;
|
233
|
+
--inverse-text-negative: #FF293E;
|
234
|
+
--surface-solid-default: #080808;
|
235
|
+
--surface-solid-primary: #F5F5F5;
|
236
|
+
--surface-solid-secondary: #ECECEC;
|
237
|
+
--surface-solid-tertiary: #DDDDDD;
|
238
|
+
--surface-solid-card: #FFFFFF;
|
239
|
+
--surface-transparent-default: #080808;
|
240
|
+
--surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
241
|
+
--surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
242
|
+
--surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
243
|
+
--surface-transparent-card: #FFFFFF;
|
244
|
+
--surface-accent: #0B7ECB;
|
245
|
+
/* добавлены вручную */
|
246
|
+
--surface-accent-hover: #1383cf80;
|
247
|
+
/* добавлены вручную */
|
248
|
+
--surface-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
249
|
+
--surface-positive: #1A9E32;
|
250
|
+
--surface-warning: #FA5F05;
|
251
|
+
--surface-negative: #DD1428;
|
252
|
+
/* добавлены вручную */
|
253
|
+
--surface-transparent-negative: #e3122712;
|
254
|
+
--surface-clear: rgba(0, 0, 0, 0);
|
255
|
+
--on-dark-surface-solid-default: #FFFFFF;
|
256
|
+
--on-dark-surface-solid-primary: #171717;
|
257
|
+
--on-dark-surface-solid-secondary: #262626;
|
258
|
+
--on-dark-surface-solid-tertiary: #363636;
|
259
|
+
--on-dark-surface-solid-card: #171717;
|
260
|
+
--on-dark-surface-transparent-default: #FFFFFF;
|
261
|
+
--on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
262
|
+
--on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
263
|
+
--on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
264
|
+
--on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
265
|
+
--on-dark-surface-accent: #FFFFFF;
|
266
|
+
--on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
267
|
+
--on-dark-surface-positive: #1A9E32;
|
268
|
+
--on-dark-surface-warning: #FA5F05;
|
269
|
+
--on-dark-surface-negative: #FF293E;
|
270
|
+
--on-dark-surface-clear: rgba(0, 0, 0, 0);
|
271
|
+
--on-light-surface-solid-default: #080808;
|
272
|
+
--on-light-surface-solid-primary: #F5F5F5;
|
273
|
+
--on-light-surface-solid-secondary: #ECECEC;
|
274
|
+
--on-light-surface-solid-tertiary: #DDDDDD;
|
275
|
+
--on-light-surface-solid-card: #F7F7F7;
|
276
|
+
--on-light-surface-transparent-default: #080808;
|
277
|
+
--on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
278
|
+
--on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
279
|
+
--on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
280
|
+
--on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
281
|
+
--on-light-surface-accent: #FFFFFF;
|
282
|
+
--on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
283
|
+
--on-light-surface-positive: #108E25;
|
284
|
+
--on-light-surface-warning: #E85702;
|
285
|
+
--on-light-surface-negative: #F31B30;
|
286
|
+
--on-light-surface-clear: rgba(0, 0, 0, 0);
|
287
|
+
--inverse-surface-solid-default: #FFFFFF;
|
288
|
+
--inverse-surface-solid-primary: #171717;
|
289
|
+
--inverse-surface-solid-secondary: #262626;
|
290
|
+
--inverse-surface-solid-tertiary: #363636;
|
291
|
+
--inverse-surface-solid-card: #171717;
|
292
|
+
--inverse-surface-transparent-default: #FFFFFF;
|
293
|
+
--inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
294
|
+
--inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
295
|
+
--inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
296
|
+
--inverse-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
297
|
+
--inverse-surface-accent: #FFFFFF;
|
298
|
+
--inverse-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
299
|
+
--inverse-surface-positive: #1A9E32;
|
300
|
+
--inverse-surface-warning: #FA5F05;
|
301
|
+
--inverse-surface-negative: #FF293E;
|
302
|
+
--inverse-surface-clear: rgba(0, 0, 0, 0);
|
303
|
+
--background-primary: #F9F9F9;
|
304
|
+
--background-secondary: #FFFFFF;
|
305
|
+
--background-tertiary: #FFFFFF;
|
306
|
+
--dark-background-primary: #000000;
|
307
|
+
--dark-background-secondary: #080808;
|
308
|
+
--dark-background-tertiary: #171717;
|
309
|
+
--light-background-primary: #FFFFFF;
|
310
|
+
--light-background-secondary: #FFFFFF;
|
311
|
+
--light-background-tertiary: #FFFFFF;
|
312
|
+
--inverse-background-primary: #000000;
|
313
|
+
--inverse-background-secondary: #080808;
|
314
|
+
--inverse-background-tertiary: #171717;
|
315
|
+
--text-primary-hover: #17171793;
|
316
|
+
--text-primary-active: #171717C4;
|
317
|
+
--surface-solid-default-hover: #262626FF;
|
318
|
+
--surface-solid-default-active: #030303FF;
|
319
|
+
--surface-accent-hover: #0C8ADFFF;
|
320
|
+
--surface-accent-active: #0A72B8FF;
|
321
|
+
--surface-positive-hover: #1EB83AFF;
|
322
|
+
--surface-positive-active: #178C2CFF;
|
323
|
+
--surface-warning-hover: #FB782DFF;
|
324
|
+
--surface-warning-active: #E65705FF;
|
325
|
+
--surface-negative-hover: #EA1A2FFF;
|
326
|
+
--surface-negative-active: #C91325FF;
|
327
|
+
--surface-transparent-secondary-hover: #08080805;
|
328
|
+
--surface-transparent-secondary-active: #0808081A;
|
329
|
+
--on-light-surface-solid-default-hover: #262626FF;
|
330
|
+
--on-light-surface-solid-default-active: #030303FF;
|
331
|
+
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
332
|
+
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
333
|
+
--on-light-surface-transparent-deep-hover: #0808088F;
|
334
|
+
--on-light-surface-transparent-deep-active: #080808AD;
|
335
|
+
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
336
|
+
--skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
|
337
|
+
--skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
|
338
|
+
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
339
|
+
--plasma-colors-white-secondary: var(--on-dark-text-secondary);
|
340
|
+
--plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
|
341
|
+
--plasma-colors-black-primary: var(--on-light-text-primary);
|
342
|
+
--plasma-colors-black-secondary: var(--on-light-text-secondary);
|
343
|
+
--plasma-colors-black-tertiary: var(--on-light-text-tertiary);
|
344
|
+
--plasma-colors-button-black: var(--on-light-surface-solid-default);
|
345
|
+
--plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
|
346
|
+
--plasma-colors-button-white: var(--on-dark-surface-solid-default);
|
347
|
+
--plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
|
348
|
+
--plasma-colors-text: var(--text-primary);
|
349
|
+
--plasma-colors-primary: var(--text-primary);
|
350
|
+
--plasma-colors-secondary: var(--text-secondary);
|
351
|
+
--plasma-colors-tertiary: var(--text-tertiary);
|
352
|
+
--plasma-colors-paragraph: var(--text-paragraph);
|
353
|
+
--plasma-colors-background: var(--background-primary);
|
354
|
+
--plasma-colors-accent: var(--text-accent);
|
355
|
+
--plasma-colors-success: var(--text-positive);
|
356
|
+
--plasma-colors-warning: var(--text-warning);
|
357
|
+
--plasma-colors-critical: var(--text-negative);
|
358
|
+
--plasma-colors-overlay: var(--overlay-soft);
|
359
|
+
--plasma-colors-surface-liquid01: var(--surface-transparent-primary);
|
360
|
+
--plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
|
361
|
+
--plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
|
362
|
+
--plasma-colors-surface-solid01: var(--surface-solid-primary);
|
363
|
+
--plasma-colors-surface-solid02: var(--surface-solid-secondary);
|
364
|
+
--plasma-colors-surface-solid03: var(--surface-solid-tertiary);
|
365
|
+
--plasma-colors-surface-card: var(--surface-transparent-card);
|
366
|
+
--plasma-colors-button-secondary: var(--surface-transparent-secondary);
|
367
|
+
--plasma-colors-button-accent: var(--text-accent);
|
368
|
+
--plasma-colors-button-success: var(--surface-positive);
|
369
|
+
--plasma-colors-button-warning: var(--surface-warning);
|
370
|
+
--plasma-colors-button-critical: var(--surface-negative);
|
371
|
+
color: var(--text-primary);
|
372
|
+
background-color: var(--background-primary);
|
373
|
+
}
|
@@ -12,6 +12,8 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
12
12
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
13
13
|
textBefore?: string | undefined;
|
14
14
|
textAfter?: string | undefined;
|
15
|
+
required?: boolean | undefined;
|
16
|
+
requiredAlign?: "left" | "right" | undefined;
|
15
17
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
16
18
|
} & {
|
17
19
|
chips?: undefined;
|
@@ -31,6 +33,8 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
31
33
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
32
34
|
textBefore?: string | undefined;
|
33
35
|
textAfter?: string | undefined;
|
36
|
+
required?: boolean | undefined;
|
37
|
+
requiredAlign?: "left" | "right" | undefined;
|
34
38
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
35
39
|
} & {
|
36
40
|
enumerationType: "chip";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HA0D3B,CAAC"}
|
@@ -13,6 +13,8 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
|
|
13
13
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
14
14
|
textBefore?: string | undefined;
|
15
15
|
textAfter?: string | undefined;
|
16
|
+
required?: boolean | undefined;
|
17
|
+
requiredAlign?: "left" | "right" | undefined;
|
16
18
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
17
19
|
} & {
|
18
20
|
chips?: undefined;
|
@@ -32,6 +34,8 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
|
|
32
34
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
33
35
|
textBefore?: string | undefined;
|
34
36
|
textAfter?: string | undefined;
|
37
|
+
required?: boolean | undefined;
|
38
|
+
requiredAlign?: "left" | "right" | undefined;
|
35
39
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
36
40
|
} & {
|
37
41
|
enumerationType: "chip";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":";AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW
|
1
|
+
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":";AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HAuEvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,WAAW,8KAAiB,CAAC;AAE1C,eAAO,MAAM,UAAU,qKAAe,CAAC"}
|
@@ -12,6 +12,8 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
|
|
12
12
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
13
13
|
textBefore?: string | undefined;
|
14
14
|
textAfter?: string | undefined;
|
15
|
+
required?: boolean | undefined;
|
16
|
+
requiredAlign?: "left" | "right" | undefined;
|
15
17
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
16
18
|
} & {
|
17
19
|
chips?: undefined;
|
@@ -31,6 +33,8 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
|
|
31
33
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
32
34
|
textBefore?: string | undefined;
|
33
35
|
textAfter?: string | undefined;
|
36
|
+
required?: boolean | undefined;
|
37
|
+
requiredAlign?: "left" | "right" | undefined;
|
34
38
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
35
39
|
} & {
|
36
40
|
enumerationType: "chip";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Range.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,WAAW
|
1
|
+
{"version":3,"file":"Range.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HA+DvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,WAAW,8KAAiB,CAAC;AAE1C,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,cAAc,qKAG1B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC;AAE1C,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAAe,CAAC"}
|