@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,373 @@
|
|
1
|
+
/* Generated by robots, do not change this manually! */
|
2
|
+
|
3
|
+
.dark {
|
4
|
+
--overlay-soft: rgba(0, 0, 0, 0.56);
|
5
|
+
--overlay-hard: rgba(0, 0, 0, 0.9);
|
6
|
+
--on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
|
7
|
+
--on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
|
8
|
+
--on-light-overlay-soft: rgba(0, 0, 0, 0.56);
|
9
|
+
--on-light-overlay-hard: rgba(0, 0, 0, 0.9);
|
10
|
+
--inverse-overlay-soft: rgba(0, 0, 0, 0.56);
|
11
|
+
--inverse-overlay-hard: rgba(0, 0, 0, 0.9);
|
12
|
+
--text-primary: rgba(245, 245, 245, 0.96);
|
13
|
+
--text-secondary: rgba(245, 245, 245, 0.56);
|
14
|
+
--text-tertiary: rgba(245, 245, 245, 0.4);
|
15
|
+
--text-paragraph: rgba(245, 245, 245, 0.8);
|
16
|
+
--text-accent: #FFFFFF;
|
17
|
+
--text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
18
|
+
--text-positive: #1A9E32;
|
19
|
+
--text-warning: #FA5F05;
|
20
|
+
--text-negative: #FF293E;
|
21
|
+
--on-dark-text-primary: rgba(245, 245, 245, 0.96);
|
22
|
+
--on-dark-text-secondary: rgba(245, 245, 245, 0.56);
|
23
|
+
--on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
|
24
|
+
--on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
|
25
|
+
--on-dark-text-accent: #FFFFFF;
|
26
|
+
--on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
27
|
+
--on-dark-text-positive: #1A9E32;
|
28
|
+
--on-dark-text-warning: #FA5F05;
|
29
|
+
--on-dark-text-negative: #FF293E;
|
30
|
+
--on-light-text-primary: rgba(8, 8, 8, 0.96);
|
31
|
+
--on-light-text-secondary: rgba(8, 8, 8, 0.56);
|
32
|
+
--on-light-text-tertiary: rgba(8, 8, 8, 0.4);
|
33
|
+
--on-light-text-paragraph: rgba(8, 8, 8, 0.8);
|
34
|
+
--on-light-text-accent: #FFFFFF;
|
35
|
+
--on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
36
|
+
--on-light-text-positive: #108E25;
|
37
|
+
--on-light-text-warning: #E85702;
|
38
|
+
--on-light-text-negative: #F31B30;
|
39
|
+
--inverse-text-primary: rgba(8, 8, 8, 0.96);
|
40
|
+
--inverse-text-secondary: rgba(8, 8, 8, 0.56);
|
41
|
+
--inverse-text-tertiary: rgba(8, 8, 8, 0.4);
|
42
|
+
--inverse-text-paragraph: rgba(8, 8, 8, 0.8);
|
43
|
+
--inverse-text-accent: #FFFFFF;
|
44
|
+
--inverse-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
45
|
+
--inverse-text-positive: #108E25;
|
46
|
+
--inverse-text-warning: #E85702;
|
47
|
+
--inverse-text-negative: #F31B30;
|
48
|
+
--surface-solid-default: #FFFFFF;
|
49
|
+
--surface-solid-primary: #171717;
|
50
|
+
--surface-solid-secondary: #262626;
|
51
|
+
--surface-solid-tertiary: #363636;
|
52
|
+
--surface-solid-card: #171717;
|
53
|
+
--surface-transparent-default: #FFFFFF;
|
54
|
+
--surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
55
|
+
--surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
56
|
+
--surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
57
|
+
--surface-transparent-card: rgba(255, 255, 255, 0.12);
|
58
|
+
--surface-accent: #FFFFFF;
|
59
|
+
/* добавлены вручную */
|
60
|
+
--surface-accent-hover: #1383cf80;
|
61
|
+
/* добавлены вручную */
|
62
|
+
--surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
63
|
+
--surface-positive: #1A9E32;
|
64
|
+
--surface-warning: #FA5F05;
|
65
|
+
--surface-negative: #FF293E;
|
66
|
+
/* добавлены вручную */
|
67
|
+
--surface-transparent-negative: #e3122712;
|
68
|
+
--surface-clear: rgba(0, 0, 0, 0);
|
69
|
+
--on-dark-surface-solid-default: #FFFFFF;
|
70
|
+
--on-dark-surface-solid-primary: #171717;
|
71
|
+
--on-dark-surface-solid-secondary: #262626;
|
72
|
+
--on-dark-surface-solid-tertiary: #363636;
|
73
|
+
--on-dark-surface-solid-card: #171717;
|
74
|
+
--on-dark-surface-transparent-default: #FFFFFF;
|
75
|
+
--on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
76
|
+
--on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
77
|
+
--on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
78
|
+
--on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
79
|
+
--on-dark-surface-accent: #FFFFFF;
|
80
|
+
--on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
81
|
+
--on-dark-surface-positive: #1A9E32;
|
82
|
+
--on-dark-surface-warning: #FA5F05;
|
83
|
+
--on-dark-surface-negative: #FF293E;
|
84
|
+
--on-dark-surface-clear: rgba(0, 0, 0, 0);
|
85
|
+
--on-light-surface-solid-default: #080808;
|
86
|
+
--on-light-surface-solid-primary: #F5F5F5;
|
87
|
+
--on-light-surface-solid-secondary: #ECECEC;
|
88
|
+
--on-light-surface-solid-tertiary: #DDDDDD;
|
89
|
+
--on-light-surface-solid-card: #F7F7F7;
|
90
|
+
--on-light-surface-transparent-default: #080808;
|
91
|
+
--on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
92
|
+
--on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
93
|
+
--on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
94
|
+
--on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
95
|
+
--on-light-surface-accent: #FFFFFF;
|
96
|
+
--on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
97
|
+
--on-light-surface-positive: #108E25;
|
98
|
+
--on-light-surface-warning: #E85702;
|
99
|
+
--on-light-surface-negative: #F31B30;
|
100
|
+
--on-light-surface-clear: rgba(0, 0, 0, 0);
|
101
|
+
--inverse-surface-solid-default: #080808;
|
102
|
+
--inverse-surface-solid-primary: #F5F5F5;
|
103
|
+
--inverse-surface-solid-secondary: #ECECEC;
|
104
|
+
--inverse-surface-solid-tertiary: #DDDDDD;
|
105
|
+
--inverse-surface-solid-card: #F7F7F7;
|
106
|
+
--inverse-surface-transparent-default: #080808;
|
107
|
+
--inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
108
|
+
--inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
109
|
+
--inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
110
|
+
--inverse-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
111
|
+
--inverse-surface-accent: #FFFFFF;
|
112
|
+
--inverse-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
113
|
+
--inverse-surface-positive: #108E25;
|
114
|
+
--inverse-surface-warning: #E85702;
|
115
|
+
--inverse-surface-negative: #F31B30;
|
116
|
+
--inverse-surface-clear: rgba(0, 0, 0, 0);
|
117
|
+
--background-primary: #000000;
|
118
|
+
--background-secondary: #080808;
|
119
|
+
--background-tertiary: #171717;
|
120
|
+
--dark-background-primary: #000000;
|
121
|
+
--dark-background-secondary: #080808;
|
122
|
+
--dark-background-tertiary: #171717;
|
123
|
+
--light-background-primary: #FFFFFF;
|
124
|
+
--light-background-secondary: #FFFFFF;
|
125
|
+
--light-background-tertiary: #FFFFFF;
|
126
|
+
--inverse-background-primary: #FFFFFF;
|
127
|
+
--inverse-background-secondary: #FFFFFF;
|
128
|
+
--inverse-background-tertiary: #FFFFFF;
|
129
|
+
--text-primary-hover: #17171793;
|
130
|
+
--text-primary-active: #171717C4;
|
131
|
+
--surface-solid-default-hover: #0D0D0DFF;
|
132
|
+
--surface-solid-default-active: #030303FF;
|
133
|
+
--surface-accent-hover: #0C8ADFFF;
|
134
|
+
--surface-accent-active: #0A78C2FF;
|
135
|
+
--surface-positive-hover: #1DAF37FF;
|
136
|
+
--surface-positive-active: #18952FFF;
|
137
|
+
--surface-warning-hover: #FB7223FF;
|
138
|
+
--surface-warning-active: #F05B05FF;
|
139
|
+
--surface-negative-hover: #EA1A2FFF;
|
140
|
+
--surface-negative-active: #D21427FF;
|
141
|
+
--surface-transparent-secondary-hover: #0808081F;
|
142
|
+
--surface-transparent-secondary-active: #0808080A;
|
143
|
+
--on-light-surface-solid-default-hover: #0D0D0DFF;
|
144
|
+
--on-light-surface-solid-default-active: #030303FF;
|
145
|
+
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
146
|
+
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
147
|
+
--on-light-surface-transparent-deep-hover: #080808C2;
|
148
|
+
--on-light-surface-transparent-deep-active: #08080894;
|
149
|
+
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
150
|
+
--surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
|
151
|
+
--surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
|
152
|
+
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
153
|
+
--plasma-colors-white-secondary: var(--on-dark-text-secondary);
|
154
|
+
--plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
|
155
|
+
--plasma-colors-black-primary: var(--on-light-text-primary);
|
156
|
+
--plasma-colors-black-secondary: var(--on-light-text-secondary);
|
157
|
+
--plasma-colors-black-tertiary: var(--on-light-text-tertiary);
|
158
|
+
--plasma-colors-button-black: var(--on-light-surface-solid-default);
|
159
|
+
--plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
|
160
|
+
--plasma-colors-button-white: var(--on-dark-surface-solid-default);
|
161
|
+
--plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
|
162
|
+
--plasma-colors-text: var(--text-primary);
|
163
|
+
--plasma-colors-primary: var(--text-primary);
|
164
|
+
--plasma-colors-secondary: var(--text-secondary);
|
165
|
+
--plasma-colors-tertiary: var(--text-tertiary);
|
166
|
+
--plasma-colors-paragraph: var(--text-paragraph);
|
167
|
+
--plasma-colors-background: var(--background-primary);
|
168
|
+
--plasma-colors-accent: var(--text-accent);
|
169
|
+
--plasma-colors-success: var(--text-positive);
|
170
|
+
--plasma-colors-warning: var(--text-warning);
|
171
|
+
--plasma-colors-critical: var(--text-negative);
|
172
|
+
--plasma-colors-overlay: var(--overlay-soft);
|
173
|
+
--plasma-colors-surface-liquid01: var(--surface-transparent-primary);
|
174
|
+
--plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
|
175
|
+
--plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
|
176
|
+
--plasma-colors-surface-solid01: var(--surface-solid-primary);
|
177
|
+
--plasma-colors-surface-solid02: var(--surface-solid-secondary);
|
178
|
+
--plasma-colors-surface-solid03: var(--surface-solid-tertiary);
|
179
|
+
--plasma-colors-surface-card: var(--surface-transparent-card);
|
180
|
+
--plasma-colors-button-secondary: var(--surface-transparent-secondary);
|
181
|
+
--plasma-colors-button-accent: var(--text-accent);
|
182
|
+
--plasma-colors-button-success: var(--surface-positive);
|
183
|
+
--plasma-colors-button-warning: var(--surface-warning);
|
184
|
+
--plasma-colors-button-critical: var(--surface-negative);
|
185
|
+
color: var(--text-primary);
|
186
|
+
background-color: var(--background-primary);
|
187
|
+
}
|
188
|
+
|
189
|
+
.light {
|
190
|
+
--overlay-soft: rgba(0, 0, 0, 0.56);
|
191
|
+
--overlay-hard: rgba(0, 0, 0, 0.9);
|
192
|
+
--on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
|
193
|
+
--on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
|
194
|
+
--on-light-overlay-soft: rgba(0, 0, 0, 0.56);
|
195
|
+
--on-light-overlay-hard: rgba(0, 0, 0, 0.9);
|
196
|
+
--inverse-overlay-soft: rgba(0, 0, 0, 0.56);
|
197
|
+
--inverse-overlay-hard: rgba(0, 0, 0, 0.9);
|
198
|
+
--text-primary: rgba(23, 23, 23, 0.96);
|
199
|
+
--text-secondary: rgba(23, 23, 23, 0.56);
|
200
|
+
--text-tertiary: rgba(23, 23, 23, 0.4);
|
201
|
+
--text-paragraph: rgba(23, 23, 23, 0.8);
|
202
|
+
--text-accent: #0C72B6;
|
203
|
+
--text-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
204
|
+
--text-positive: #108E25;
|
205
|
+
--text-warning: #E85702;
|
206
|
+
--text-negative: #F31B31;
|
207
|
+
--on-dark-text-primary: rgba(245, 245, 245, 0.96);
|
208
|
+
--on-dark-text-secondary: rgba(245, 245, 245, 0.56);
|
209
|
+
--on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
|
210
|
+
--on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
|
211
|
+
--on-dark-text-accent: #FFFFFF;
|
212
|
+
--on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
213
|
+
--on-dark-text-positive: #1A9E32;
|
214
|
+
--on-dark-text-warning: #FA5F05;
|
215
|
+
--on-dark-text-negative: #FF293E;
|
216
|
+
--on-light-text-primary: rgba(8, 8, 8, 0.96);
|
217
|
+
--on-light-text-secondary: rgba(8, 8, 8, 0.56);
|
218
|
+
--on-light-text-tertiary: rgba(8, 8, 8, 0.4);
|
219
|
+
--on-light-text-paragraph: rgba(8, 8, 8, 0.8);
|
220
|
+
--on-light-text-accent: #FFFFFF;
|
221
|
+
--on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
222
|
+
--on-light-text-positive: #108E25;
|
223
|
+
--on-light-text-warning: #E85702;
|
224
|
+
--on-light-text-negative: #F31B30;
|
225
|
+
--inverse-text-primary: rgba(245, 245, 245, 0.96);
|
226
|
+
--inverse-text-secondary: rgba(245, 245, 245, 0.56);
|
227
|
+
--inverse-text-tertiary: rgba(245, 245, 245, 0.4);
|
228
|
+
--inverse-text-paragraph: rgba(245, 245, 245, 0.8);
|
229
|
+
--inverse-text-accent: #FFFFFF;
|
230
|
+
--inverse-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
231
|
+
--inverse-text-positive: #1A9E32;
|
232
|
+
--inverse-text-warning: #FA5F05;
|
233
|
+
--inverse-text-negative: #FF293E;
|
234
|
+
--surface-solid-default: #080808;
|
235
|
+
--surface-solid-primary: #F5F5F5;
|
236
|
+
--surface-solid-secondary: #ECECEC;
|
237
|
+
--surface-solid-tertiary: #DDDDDD;
|
238
|
+
--surface-solid-card: #FFFFFF;
|
239
|
+
--surface-transparent-default: #080808;
|
240
|
+
--surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
241
|
+
--surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
242
|
+
--surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
243
|
+
--surface-transparent-card: #FFFFFF;
|
244
|
+
--surface-accent: #0B7ECB;
|
245
|
+
/* добавлены вручную */
|
246
|
+
--surface-accent-hover: #1383cf80;
|
247
|
+
/* добавлены вручную */
|
248
|
+
--surface-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
249
|
+
--surface-positive: #1A9E32;
|
250
|
+
--surface-warning: #FA5F05;
|
251
|
+
--surface-negative: #DD1428;
|
252
|
+
/* добавлены вручную */
|
253
|
+
--surface-transparent-negative: #e3122712;
|
254
|
+
--surface-clear: rgba(0, 0, 0, 0);
|
255
|
+
--on-dark-surface-solid-default: #FFFFFF;
|
256
|
+
--on-dark-surface-solid-primary: #171717;
|
257
|
+
--on-dark-surface-solid-secondary: #262626;
|
258
|
+
--on-dark-surface-solid-tertiary: #363636;
|
259
|
+
--on-dark-surface-solid-card: #171717;
|
260
|
+
--on-dark-surface-transparent-default: #FFFFFF;
|
261
|
+
--on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
262
|
+
--on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
263
|
+
--on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
264
|
+
--on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
265
|
+
--on-dark-surface-accent: #FFFFFF;
|
266
|
+
--on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
267
|
+
--on-dark-surface-positive: #1A9E32;
|
268
|
+
--on-dark-surface-warning: #FA5F05;
|
269
|
+
--on-dark-surface-negative: #FF293E;
|
270
|
+
--on-dark-surface-clear: rgba(0, 0, 0, 0);
|
271
|
+
--on-light-surface-solid-default: #080808;
|
272
|
+
--on-light-surface-solid-primary: #F5F5F5;
|
273
|
+
--on-light-surface-solid-secondary: #ECECEC;
|
274
|
+
--on-light-surface-solid-tertiary: #DDDDDD;
|
275
|
+
--on-light-surface-solid-card: #F7F7F7;
|
276
|
+
--on-light-surface-transparent-default: #080808;
|
277
|
+
--on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
278
|
+
--on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
279
|
+
--on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
280
|
+
--on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
281
|
+
--on-light-surface-accent: #FFFFFF;
|
282
|
+
--on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
283
|
+
--on-light-surface-positive: #108E25;
|
284
|
+
--on-light-surface-warning: #E85702;
|
285
|
+
--on-light-surface-negative: #F31B30;
|
286
|
+
--on-light-surface-clear: rgba(0, 0, 0, 0);
|
287
|
+
--inverse-surface-solid-default: #FFFFFF;
|
288
|
+
--inverse-surface-solid-primary: #171717;
|
289
|
+
--inverse-surface-solid-secondary: #262626;
|
290
|
+
--inverse-surface-solid-tertiary: #363636;
|
291
|
+
--inverse-surface-solid-card: #171717;
|
292
|
+
--inverse-surface-transparent-default: #FFFFFF;
|
293
|
+
--inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
294
|
+
--inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
295
|
+
--inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
296
|
+
--inverse-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
297
|
+
--inverse-surface-accent: #FFFFFF;
|
298
|
+
--inverse-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
299
|
+
--inverse-surface-positive: #1A9E32;
|
300
|
+
--inverse-surface-warning: #FA5F05;
|
301
|
+
--inverse-surface-negative: #FF293E;
|
302
|
+
--inverse-surface-clear: rgba(0, 0, 0, 0);
|
303
|
+
--background-primary: #F9F9F9;
|
304
|
+
--background-secondary: #FFFFFF;
|
305
|
+
--background-tertiary: #FFFFFF;
|
306
|
+
--dark-background-primary: #000000;
|
307
|
+
--dark-background-secondary: #080808;
|
308
|
+
--dark-background-tertiary: #171717;
|
309
|
+
--light-background-primary: #FFFFFF;
|
310
|
+
--light-background-secondary: #FFFFFF;
|
311
|
+
--light-background-tertiary: #FFFFFF;
|
312
|
+
--inverse-background-primary: #000000;
|
313
|
+
--inverse-background-secondary: #080808;
|
314
|
+
--inverse-background-tertiary: #171717;
|
315
|
+
--text-primary-hover: #17171793;
|
316
|
+
--text-primary-active: #171717C4;
|
317
|
+
--surface-solid-default-hover: #262626FF;
|
318
|
+
--surface-solid-default-active: #030303FF;
|
319
|
+
--surface-accent-hover: #0C8ADFFF;
|
320
|
+
--surface-accent-active: #0A72B8FF;
|
321
|
+
--surface-positive-hover: #1EB83AFF;
|
322
|
+
--surface-positive-active: #178C2CFF;
|
323
|
+
--surface-warning-hover: #FB782DFF;
|
324
|
+
--surface-warning-active: #E65705FF;
|
325
|
+
--surface-negative-hover: #EA1A2FFF;
|
326
|
+
--surface-negative-active: #C91325FF;
|
327
|
+
--surface-transparent-secondary-hover: #08080805;
|
328
|
+
--surface-transparent-secondary-active: #0808081A;
|
329
|
+
--on-light-surface-solid-default-hover: #262626FF;
|
330
|
+
--on-light-surface-solid-default-active: #030303FF;
|
331
|
+
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
332
|
+
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
333
|
+
--on-light-surface-transparent-deep-hover: #0808088F;
|
334
|
+
--on-light-surface-transparent-deep-active: #080808AD;
|
335
|
+
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
336
|
+
--skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
|
337
|
+
--skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
|
338
|
+
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
339
|
+
--plasma-colors-white-secondary: var(--on-dark-text-secondary);
|
340
|
+
--plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
|
341
|
+
--plasma-colors-black-primary: var(--on-light-text-primary);
|
342
|
+
--plasma-colors-black-secondary: var(--on-light-text-secondary);
|
343
|
+
--plasma-colors-black-tertiary: var(--on-light-text-tertiary);
|
344
|
+
--plasma-colors-button-black: var(--on-light-surface-solid-default);
|
345
|
+
--plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
|
346
|
+
--plasma-colors-button-white: var(--on-dark-surface-solid-default);
|
347
|
+
--plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
|
348
|
+
--plasma-colors-text: var(--text-primary);
|
349
|
+
--plasma-colors-primary: var(--text-primary);
|
350
|
+
--plasma-colors-secondary: var(--text-secondary);
|
351
|
+
--plasma-colors-tertiary: var(--text-tertiary);
|
352
|
+
--plasma-colors-paragraph: var(--text-paragraph);
|
353
|
+
--plasma-colors-background: var(--background-primary);
|
354
|
+
--plasma-colors-accent: var(--text-accent);
|
355
|
+
--plasma-colors-success: var(--text-positive);
|
356
|
+
--plasma-colors-warning: var(--text-warning);
|
357
|
+
--plasma-colors-critical: var(--text-negative);
|
358
|
+
--plasma-colors-overlay: var(--overlay-soft);
|
359
|
+
--plasma-colors-surface-liquid01: var(--surface-transparent-primary);
|
360
|
+
--plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
|
361
|
+
--plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
|
362
|
+
--plasma-colors-surface-solid01: var(--surface-solid-primary);
|
363
|
+
--plasma-colors-surface-solid02: var(--surface-solid-secondary);
|
364
|
+
--plasma-colors-surface-solid03: var(--surface-solid-tertiary);
|
365
|
+
--plasma-colors-surface-card: var(--surface-transparent-card);
|
366
|
+
--plasma-colors-button-secondary: var(--surface-transparent-secondary);
|
367
|
+
--plasma-colors-button-accent: var(--text-accent);
|
368
|
+
--plasma-colors-button-success: var(--surface-positive);
|
369
|
+
--plasma-colors-button-warning: var(--surface-warning);
|
370
|
+
--plasma-colors-button-critical: var(--surface-negative);
|
371
|
+
color: var(--text-primary);
|
372
|
+
background-color: var(--background-primary);
|
373
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
2
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredAlign", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
5
5
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -24,11 +24,12 @@ import { useResizeObserver } from '@salutejs/plasma-core';
|
|
24
24
|
import { cx } from '../../utils';
|
25
25
|
import { applyDynamicLabel } from './mixins';
|
26
26
|
import { useAutoResize, ROOT_FONT_SIZE } from './hooks';
|
27
|
-
import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer } from './TextArea.styles';
|
27
|
+
import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator } from './TextArea.styles';
|
28
28
|
import { classes } from './TextArea.tokens';
|
29
29
|
import { base as viewCSS } from './variations/_view/base';
|
30
30
|
import { base as sizeCSS } from './variations/_size/base';
|
31
31
|
import { base as disabledCSS } from './variations/_disabled/base';
|
32
|
+
import { base as requiredCSS } from './variations/_required/base';
|
32
33
|
var innerPlaceholderUp = classes.innerPlaceholderUp,
|
33
34
|
focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
|
34
35
|
hidePlaceHolder = classes.hidePlaceHolder,
|
@@ -89,6 +90,8 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
89
90
|
width = props.width,
|
90
91
|
value = props.value,
|
91
92
|
disabled = props.disabled,
|
93
|
+
required = props.required,
|
94
|
+
requiredAlign = props.requiredAlign,
|
92
95
|
size = props.size,
|
93
96
|
view = props.view,
|
94
97
|
id = props.id,
|
@@ -117,6 +120,8 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
117
120
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
118
121
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
119
122
|
var placeLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;
|
123
|
+
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
124
|
+
var requiredAlignClass = requiredAlign === 'right' ? 'align-right ' : undefined;
|
120
125
|
useResizeObserver(outerRef, function (currentElement) {
|
121
126
|
var inlineWidth = currentElement.style.width;
|
122
127
|
if (inlineWidth || cols) {
|
@@ -155,16 +160,21 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
155
160
|
size: size,
|
156
161
|
disabled: disabled,
|
157
162
|
readOnly: readOnly,
|
163
|
+
required: required,
|
158
164
|
style: _objectSpread({
|
159
165
|
width: helperWidth
|
160
166
|
}, style),
|
161
167
|
className: className
|
162
|
-
},
|
168
|
+
}, hasOuterLabel && /*#__PURE__*/React.createElement(StyledLabel, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
|
169
|
+
className: cx('placement-outer', requiredAlignClass)
|
170
|
+
}), label), /*#__PURE__*/React.createElement(StyledContainer, {
|
163
171
|
className: cx.apply(void 0, [styledContainer].concat(_toConsumableArray(dynamicLabelClasses))),
|
164
172
|
width: helperWidth,
|
165
173
|
onFocus: onFocusHandler,
|
166
174
|
onBlur: onBlurHandler
|
167
|
-
},
|
175
|
+
}, required && !hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicator, {
|
176
|
+
className: cx('placement-inner', requiredAlignClass)
|
177
|
+
}), contentRight && /*#__PURE__*/React.createElement(StyledContent, null, contentRight), /*#__PURE__*/React.createElement(StyledTextAreaWrapper, {
|
168
178
|
className: styledTextAreaWrapper,
|
169
179
|
hasHelper: hasHelper
|
170
180
|
}, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
|
@@ -212,6 +222,10 @@ export var textAreaConfig = {
|
|
212
222
|
css: disabledCSS,
|
213
223
|
attrs: true
|
214
224
|
},
|
225
|
+
required: {
|
226
|
+
css: requiredCSS,
|
227
|
+
attrs: true
|
228
|
+
},
|
215
229
|
readOnly: {
|
216
230
|
attrs: true
|
217
231
|
}
|
@@ -3,7 +3,7 @@ import { applyEllipsis } from '../../mixins';
|
|
3
3
|
import { tokens } from './TextArea.tokens';
|
4
4
|
export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
|
5
5
|
componentId: "plasma-new-hope__sc-pxxv3p-0"
|
6
|
-
})(["margin-bottom:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.labelMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
|
6
|
+
})(["position:relative;display:inline-block;margin-bottom:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.labelMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
|
7
7
|
export var StyledTextAreaWrapper = /*#__PURE__*/styled.div.withConfig({
|
8
8
|
componentId: "plasma-new-hope__sc-pxxv3p-1"
|
9
9
|
})(["background-color:var(", ");padding-top:var(", ");padding-bottom:", ";border-radius:", ";"], tokens.inputBackgroundColor, tokens.inputPaddingTop, function (_ref) {
|
@@ -67,4 +67,7 @@ export var StyledPlaceholder = /*#__PURE__*/styled.label.withConfig({
|
|
67
67
|
})(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.placeholderColor, tokens.inputPaddingTop, tokens.inputPaddingLeft, function (_ref13) {
|
68
68
|
var hasContentRight = _ref13.hasContentRight;
|
69
69
|
return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(tokens.inputPaddingRight, ")");
|
70
|
-
}, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
|
70
|
+
}, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
|
71
|
+
export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
|
72
|
+
componentId: "plasma-new-hope__sc-pxxv3p-9"
|
73
|
+
})(["position:absolute;border-radius:50%;background-color:var(", ");&.placement-outer{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.placement-inner{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], tokens.indicatorColor, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementOuterRight, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementInnerRight);
|
@@ -32,7 +32,7 @@ export function App() {
|
|
32
32
|
```
|
33
33
|
|
34
34
|
### Размеры компонента
|
35
|
-
Высоту и ширину можно регулировать с помощью свойств `height` и `width`,
|
35
|
+
Высоту и ширину можно регулировать с помощью свойств `height` и `width`,
|
36
36
|
указав значения в `rem` или соответствующие свойствам css значения.
|
37
37
|
`height` и `width` отвечают за **всю** высоту и ширину компонента.
|
38
38
|
|
@@ -76,7 +76,7 @@ export function App() {
|
|
76
76
|
|
77
77
|
### Autoresize
|
78
78
|
Также можно включить автоматическое регулирование высоты поля ввода по длине контента внутри (параметра `value`).
|
79
|
-
Для этого необходимо использовать свойство `autoResize`.
|
79
|
+
Для этого необходимо использовать свойство `autoResize`.
|
80
80
|
|
81
81
|
Свойства `minAuto`, `maxAuto` указываются в абсолютных единицах и отвечают за минимальное и максимальное количество строк.
|
82
82
|
|
@@ -123,4 +123,30 @@ export function App() {
|
|
123
123
|
</div>
|
124
124
|
);
|
125
125
|
}
|
126
|
-
```
|
126
|
+
```
|
127
|
+
|
128
|
+
|
129
|
+
### Обязательность поля
|
130
|
+
Обязательность поля задаётся с помощью свойств `required` и `requiredAlign`. Где `requiredAlign` отвечает за выравнивание и принимает значения `"left"` и `"right"`:
|
131
|
+
|
132
|
+
```tsx live
|
133
|
+
import React from 'react';
|
134
|
+
import { TextField } from '@salutejs/{{ package }}';
|
135
|
+
|
136
|
+
export function App() {
|
137
|
+
return (
|
138
|
+
<div>
|
139
|
+
<TextArea
|
140
|
+
placeholder="Введите значение"
|
141
|
+
required
|
142
|
+
/>
|
143
|
+
<TextArea
|
144
|
+
placeholder="Введите значение"
|
145
|
+
label="Заголовок"
|
146
|
+
required
|
147
|
+
requiredAlign="right"
|
148
|
+
/>
|
149
|
+
</div>
|
150
|
+
);
|
151
|
+
}
|
152
|
+
```
|
@@ -146,5 +146,12 @@ export var tokens = {
|
|
146
146
|
/** Прозрачность для всего компонента в состоянии disabled */
|
147
147
|
disabledOpacity: '--plasma-textarea-disabled-opacity',
|
148
148
|
/** Цвет текста для элемента textarea в состоянии disabled */
|
149
|
-
inputColorDisabled: '--plasma-textarea-input-color-disabled'
|
149
|
+
inputColorDisabled: '--plasma-textarea-input-color-disabled',
|
150
|
+
indicatorColor: '--plasma-textarea-indicator-color',
|
151
|
+
indicatorSizeInner: '--plasma-textarea-indicator-size-inner',
|
152
|
+
indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',
|
153
|
+
indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
|
154
|
+
indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
|
155
|
+
indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
|
156
|
+
indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
|
150
157
|
};
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-textarea-indicator-color"]
|
@@ -36,5 +36,11 @@
|
|
36
36
|
"--plasma-textarea-helpers-font-style",
|
37
37
|
"--plasma-textarea-helpers-font-weight",
|
38
38
|
"--plasma-textarea-helpers-letter-spacing",
|
39
|
-
"--plasma-textarea-helpers-line-height"
|
39
|
+
"--plasma-textarea-helpers-line-height",
|
40
|
+
"--plasma-textarea-indicator-size-inner",
|
41
|
+
"--plasma-textarea-indicator-size-outer",
|
42
|
+
"--plasma-textarea-indicator-placement-inner",
|
43
|
+
"--plasma-textarea-indicator-placement-outer",
|
44
|
+
"--plasma-textarea-indicator-placement-inner-right",
|
45
|
+
"--plasma-textarea-indicator-placement-outer-right"
|
40
46
|
]
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
1
|
+
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredAlign", "view", "size", "readOnly", "disabled", "required", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -16,12 +16,13 @@ import { base as sizeCSS } from './variations/_size/base';
|
|
16
16
|
import { base as viewCSS } from './variations/_view/base';
|
17
17
|
import { base as disabledCSS } from './variations/_disabled/base';
|
18
18
|
import { base as readOnlyCSS } from './variations/_read-only/base';
|
19
|
+
import { base as requiredCSS } from './variations/_required/base';
|
19
20
|
import { base as labelPlacementCSS } from './variations/_label-placement/base';
|
20
|
-
import { Input, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter } from './TextField.styles';
|
21
|
+
import { Input, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter, StyledIndicator } from './TextField.styles';
|
21
22
|
import { classes } from './TextField.tokens';
|
22
23
|
import { TextFieldChip } from './ui';
|
23
24
|
import { useKeyNavigation } from './hooks';
|
24
|
-
export var base = /*#__PURE__*/css(["display:block;
|
25
|
+
export var base = /*#__PURE__*/css(["display:block;"]);
|
25
26
|
export var textFieldRoot = function textFieldRoot(Root) {
|
26
27
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
27
28
|
var id = _ref.id,
|
@@ -37,12 +38,16 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
37
38
|
leftHelper = _ref.leftHelper,
|
38
39
|
_ref$enumerationType = _ref.enumerationType,
|
39
40
|
enumerationType = _ref$enumerationType === void 0 ? 'plain' : _ref$enumerationType,
|
41
|
+
_ref$requiredAlign = _ref.requiredAlign,
|
42
|
+
requiredAlign = _ref$requiredAlign === void 0 ? 'left' : _ref$requiredAlign,
|
40
43
|
view = _ref.view,
|
41
44
|
size = _ref.size,
|
42
45
|
_ref$readOnly = _ref.readOnly,
|
43
46
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
44
47
|
_ref$disabled = _ref.disabled,
|
45
48
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
49
|
+
_ref$required = _ref.required,
|
50
|
+
required = _ref$required === void 0 ? false : _ref$required,
|
46
51
|
values = _ref.chips,
|
47
52
|
onChange = _ref.onChange,
|
48
53
|
onChangeChips = _ref.onChangeChips,
|
@@ -72,6 +77,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
72
77
|
var innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;
|
73
78
|
var innerPlaceholderValue = hideLabel ? label : placeholder;
|
74
79
|
var innerLabelValue = hideLabel ? undefined : label;
|
80
|
+
var hasOuterLabel = Boolean(!labelInside && innerLabelValue);
|
81
|
+
var requiredAlignClass = requiredAlign === 'right' ? 'align-right ' : undefined;
|
75
82
|
var hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;
|
76
83
|
var labelPlacementClass = classes["".concat(labelPlacement, "LabelPlacement")];
|
77
84
|
var isChipsVisible = isChipEnumeration && (chips === null || chips === void 0 ? void 0 : chips.length);
|
@@ -147,17 +154,22 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
147
154
|
view: view,
|
148
155
|
size: size,
|
149
156
|
disabled: disabled,
|
157
|
+
required: required,
|
150
158
|
readOnly: !disabled && readOnly,
|
151
159
|
labelPlacement: innerLabelPlacementValue,
|
152
160
|
onClick: handleInputFocus,
|
153
161
|
className: cx(labelPlacementClass, hideLabelClass, className),
|
154
162
|
style: style
|
155
|
-
},
|
163
|
+
}, hasOuterLabel && /*#__PURE__*/React.createElement(Label, {
|
156
164
|
id: labelId,
|
157
165
|
htmlFor: id
|
158
|
-
},
|
166
|
+
}, required && /*#__PURE__*/React.createElement(StyledIndicator, {
|
167
|
+
className: cx('placement-outer', requiredAlignClass)
|
168
|
+
}), innerLabelValue), /*#__PURE__*/React.createElement(InputWrapper, {
|
159
169
|
className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
|
160
|
-
},
|
170
|
+
}, !hasOuterLabel && required && /*#__PURE__*/React.createElement(StyledIndicator, {
|
171
|
+
className: cx('placement-inner', requiredAlignClass)
|
172
|
+
}), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
|
161
173
|
tabIndex: -1,
|
162
174
|
ref: contentRef,
|
163
175
|
onKeyDown: handleContentKeyDown,
|
@@ -221,6 +233,10 @@ export var textFieldConfig = {
|
|
221
233
|
css: readOnlyCSS,
|
222
234
|
attrs: true
|
223
235
|
},
|
236
|
+
required: {
|
237
|
+
css: requiredCSS,
|
238
|
+
attrs: true
|
239
|
+
},
|
224
240
|
labelPlacement: {
|
225
241
|
css: labelPlacementCSS
|
226
242
|
}
|