@salutejs/plasma-new-hope 0.131.1-canary.1396.10560424945.0 → 0.132.0-canary.1352.10568540479.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +10 -9
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +10 -9
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +10 -9
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +10 -9
- package/cjs/components/Range/Range.css +10 -9
- package/cjs/components/Slider/Slider.css +10 -9
- package/cjs/components/Slider/components/Double/Double.css +10 -9
- package/cjs/components/TextArea/TextArea.js +17 -3
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +7 -1
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_1bv40vw.css → TextArea.styles_wt773g.css} +2 -1
- package/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_required/base.js +9 -0
- package/cjs/components/TextArea/variations/_required/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_required/base_x642ct.css +1 -0
- package/cjs/components/TextField/TextField.js +23 -7
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +7 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_9fkr1l.css → cjs/components/TextField/TextField.styles_x7rboj.css} +2 -1
- package/cjs/components/TextField/TextField.tokens.js +8 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_1yaoy2k.css +1 -0
- package/cjs/components/TextField/variations/_required/base.js +9 -0
- package/cjs/components/TextField/variations/_required/base.js.map +1 -0
- package/cjs/components/TextField/variations/_required/base_x642ct.css +1 -0
- package/cjs/index.css +20 -18
- package/emotion/cjs/components/TextArea/TextArea.js +18 -4
- package/emotion/cjs/components/TextArea/TextArea.styles.js +23 -19
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/emotion/cjs/components/TextArea/variations/_required/base.js +8 -0
- package/emotion/cjs/components/TextArea/variations/_required/tokens.json +1 -0
- package/emotion/cjs/components/TextArea/variations/_size/tokens.json +7 -1
- package/emotion/cjs/components/TextField/TextField.js +27 -11
- package/emotion/cjs/components/TextField/TextField.styles.js +33 -21
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +27 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +8 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_required/base.js +8 -0
- package/emotion/cjs/components/TextField/variations/_required/tokens.json +1 -0
- package/emotion/cjs/components/TextField/variations/_size/tokens.json +6 -0
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -0
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +15 -12
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +43 -0
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js +29 -0
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
- package/emotion/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +10 -0
- package/emotion/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.config.js +36 -0
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +51 -0
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +56 -0
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
- package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.js +23 -0
- package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +41 -0
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.config.js +28 -0
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.config.js +29 -0
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.config.js +31 -0
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js +26 -0
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.js +18 -0
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.config.js +22 -0
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.js +23 -0
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
- package/emotion/cjs/examples/sds_engineer/components/Image/Image.js +10 -0
- package/emotion/cjs/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.config.js +121 -0
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.config.js +18 -0
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.js +17 -0
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.config.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.js +29 -0
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
- package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.config.js +27 -0
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.js +18 -0
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.config.js +18 -0
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
- package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.js +28 -0
- package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.config.js +28 -0
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +42 -0
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
- package/emotion/cjs/examples/sds_engineer/components/Segment/Segment.js +14 -0
- package/emotion/cjs/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
- package/emotion/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js +35 -0
- package/emotion/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js +33 -0
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +34 -0
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/Skeleton.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +31 -0
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.config.js +36 -0
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabItem.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.config.js +42 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabsController.js +10 -0
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +28 -0
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.config.js +39 -0
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.config.js +27 -0
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.js +19 -0
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +25 -0
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +17 -0
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.config.js +22 -0
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.js +11 -0
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
- package/emotion/cjs/examples/themes/index.js +3 -1
- package/emotion/cjs/examples/themes/sds_engineer.module.css +373 -0
- package/emotion/es/components/TextArea/TextArea.js +19 -5
- package/emotion/es/components/TextArea/TextArea.styles.js +22 -18
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/emotion/es/components/TextArea/TextArea.tokens.js +8 -1
- package/emotion/es/components/TextArea/variations/_required/base.js +2 -0
- package/emotion/es/components/TextArea/variations/_required/tokens.json +1 -0
- package/emotion/es/components/TextArea/variations/_size/tokens.json +7 -1
- package/emotion/es/components/TextField/TextField.js +26 -10
- package/emotion/es/components/TextField/TextField.styles.js +32 -20
- package/emotion/es/components/TextField/TextField.template-doc.mdx +27 -1
- package/emotion/es/components/TextField/TextField.tokens.js +8 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_required/base.js +2 -0
- package/emotion/es/components/TextField/variations/_required/tokens.json +1 -0
- package/emotion/es/components/TextField/variations/_size/tokens.json +6 -0
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -0
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +15 -12
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +43 -0
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.config.js +23 -0
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
- package/emotion/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +4 -0
- package/emotion/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.config.js +30 -0
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
- package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +45 -0
- package/emotion/es/examples/sds_engineer/components/Button/Button.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +50 -0
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +5 -0
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
- package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.js +17 -0
- package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +19 -0
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +19 -0
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +35 -0
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.config.js +22 -0
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.config.js +23 -0
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.config.js +25 -0
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.config.js +20 -0
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.js +12 -0
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.config.js +16 -0
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.js +6 -0
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
- package/emotion/es/examples/sds_engineer/components/Image/Image.js +4 -0
- package/emotion/es/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
- package/emotion/es/examples/sds_engineer/components/Link/Link.config.js +115 -0
- package/emotion/es/examples/sds_engineer/components/Link/Link.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.config.js +12 -0
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.js +6 -0
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.config.js +19 -0
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.js +16 -0
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
- package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.config.js +21 -0
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.js +12 -0
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.config.js +12 -0
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
- package/emotion/es/examples/sds_engineer/components/Popup/Popup.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.config.js +22 -0
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +36 -0
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
- package/emotion/es/examples/sds_engineer/components/Segment/Segment.js +8 -0
- package/emotion/es/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
- package/emotion/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js +29 -0
- package/emotion/es/examples/sds_engineer/components/Segment/SegmentItem.config.js +27 -0
- package/emotion/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +28 -0
- package/emotion/es/examples/sds_engineer/components/Skeleton/Skeleton.js +7 -0
- package/emotion/es/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.config.js +25 -0
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.config.js +30 -0
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/TabItem.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.config.js +36 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
- package/emotion/es/examples/sds_engineer/components/Tabs/TabsController.js +4 -0
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.config.js +22 -0
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.js +5 -0
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.config.js +33 -0
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.config.js +21 -0
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.js +8 -0
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +19 -0
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.js +11 -0
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.config.js +16 -0
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.js +5 -0
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
- package/emotion/es/examples/themes/index.js +3 -1
- package/emotion/es/examples/themes/sds_engineer.module.css +373 -0
- package/es/components/Autocomplete/Autocomplete.css +10 -9
- package/es/components/DatePicker/RangeDate/RangeDate.css +10 -9
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +10 -9
- package/es/components/DatePicker/SingleDate/SingleDate.css +10 -9
- package/es/components/Range/Range.css +10 -9
- package/es/components/Slider/Slider.css +10 -9
- package/es/components/Slider/components/Double/Double.css +10 -9
- package/es/components/TextArea/TextArea.js +18 -4
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +7 -2
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_1bv40vw.css → TextArea.styles_wt773g.css} +2 -1
- package/es/components/TextArea/TextArea.tokens.js +8 -1
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_required/base.js +5 -0
- package/es/components/TextArea/variations/_required/base.js.map +1 -0
- package/es/components/TextArea/variations/_required/base_x642ct.css +1 -0
- package/es/components/TextField/TextField.js +24 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +7 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_9fkr1l.css → es/components/TextField/TextField.styles_x7rboj.css} +2 -1
- package/es/components/TextField/TextField.tokens.js +8 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/TextField_1lzb2r1.css +1 -0
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_1yaoy2k.css +1 -0
- package/es/components/TextField/variations/_required/base.js +5 -0
- package/es/components/TextField/variations/_required/base.js.map +1 -0
- package/es/components/TextField/variations/_required/base_x642ct.css +1 -0
- package/es/index.css +20 -18
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +17 -3
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +6 -3
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/styled-components/cjs/components/TextArea/variations/_required/base.js +8 -0
- package/styled-components/cjs/components/TextArea/variations/_required/tokens.json +1 -0
- package/styled-components/cjs/components/TextArea/variations/_size/tokens.json +7 -1
- package/styled-components/cjs/components/TextField/TextField.js +23 -7
- package/styled-components/cjs/components/TextField/TextField.styles.js +6 -3
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +27 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +8 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_required/base.js +8 -0
- package/styled-components/cjs/components/TextField/variations/_required/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/variations/_size/tokens.json +6 -0
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -4
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +43 -0
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js +29 -0
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
- package/styled-components/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +10 -0
- package/styled-components/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.config.js +36 -0
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +51 -0
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +56 -0
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.js +23 -0
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +41 -0
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.config.js +28 -0
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.config.js +29 -0
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.config.js +31 -0
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js +26 -0
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.js +18 -0
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.config.js +22 -0
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.js +23 -0
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
- package/styled-components/cjs/examples/sds_engineer/components/Image/Image.js +10 -0
- package/styled-components/cjs/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.config.js +32 -0
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.config.js +18 -0
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.js +17 -0
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.js +29 -0
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
- package/styled-components/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.config.js +27 -0
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.js +18 -0
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.config.js +18 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.js +28 -0
- package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.config.js +28 -0
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +42 -0
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
- package/styled-components/cjs/examples/sds_engineer/components/Segment/Segment.js +14 -0
- package/styled-components/cjs/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
- package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js +35 -0
- package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js +33 -0
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +34 -0
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/Skeleton.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +31 -0
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.config.js +36 -0
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js +39 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.config.js +42 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabsController.js +10 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +28 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +39 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.config.js +27 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.js +19 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +17 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.config.js +22 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
- package/styled-components/cjs/examples/themes/index.js +3 -1
- package/styled-components/cjs/examples/themes/sds_engineer.module.css +373 -0
- package/styled-components/es/components/TextArea/TextArea.js +18 -4
- package/styled-components/es/components/TextArea/TextArea.styles.js +5 -2
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/styled-components/es/components/TextArea/TextArea.tokens.js +8 -1
- package/styled-components/es/components/TextArea/variations/_required/base.js +2 -0
- package/styled-components/es/components/TextArea/variations/_required/tokens.json +1 -0
- package/styled-components/es/components/TextArea/variations/_size/tokens.json +7 -1
- package/styled-components/es/components/TextField/TextField.js +22 -6
- package/styled-components/es/components/TextField/TextField.styles.js +5 -2
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +27 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +8 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_required/base.js +2 -0
- package/styled-components/es/components/TextField/variations/_required/tokens.json +1 -0
- package/styled-components/es/components/TextField/variations/_size/tokens.json +6 -0
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -4
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +43 -0
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.config.js +23 -0
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
- package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +4 -0
- package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.config.js +30 -0
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
- package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +45 -0
- package/styled-components/es/examples/sds_engineer/components/Button/Button.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +50 -0
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.js +17 -0
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +35 -0
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.config.js +22 -0
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.config.js +23 -0
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.config.js +25 -0
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.config.js +20 -0
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.js +12 -0
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.config.js +16 -0
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.js +6 -0
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
- package/styled-components/es/examples/sds_engineer/components/Image/Image.js +4 -0
- package/styled-components/es/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
- package/styled-components/es/examples/sds_engineer/components/Link/Link.config.js +26 -0
- package/styled-components/es/examples/sds_engineer/components/Link/Link.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.config.js +12 -0
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.js +6 -0
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.js +16 -0
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
- package/styled-components/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.config.js +21 -0
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.js +12 -0
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.config.js +12 -0
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
- package/styled-components/es/examples/sds_engineer/components/Popup/Popup.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.config.js +22 -0
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +36 -0
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
- package/styled-components/es/examples/sds_engineer/components/Segment/Segment.js +8 -0
- package/styled-components/es/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
- package/styled-components/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js +29 -0
- package/styled-components/es/examples/sds_engineer/components/Segment/SegmentItem.config.js +27 -0
- package/styled-components/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +28 -0
- package/styled-components/es/examples/sds_engineer/components/Skeleton/Skeleton.js +7 -0
- package/styled-components/es/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.config.js +25 -0
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.config.js +30 -0
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabItem.config.js +33 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabItem.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.config.js +36 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabsController.js +4 -0
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.config.js +22 -0
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +33 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.config.js +21 -0
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.js +8 -0
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.js +11 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.config.js +16 -0
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
- package/styled-components/es/examples/themes/index.js +3 -1
- package/styled-components/es/examples/themes/sds_engineer.module.css +373 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +4 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +4 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +4 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +4 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +1 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +7 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +9 -0
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/variations/_required/base.d.ts +2 -0
- package/types/components/TextArea/variations/_required/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts +4 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +7 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +9 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_required/base.d.ts +2 -0
- package/types/components/TextField/variations/_required/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +7 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Avatar/Avatar.config.d.ts +22 -0
- package/types/examples/sds_engineer/components/Avatar/Avatar.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Avatar/Avatar.d.ts +26 -0
- package/types/examples/sds_engineer/components/Avatar/Avatar.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/AvatarGroup/AvatarGroup.d.ts +5 -0
- package/types/examples/sds_engineer/components/AvatarGroup/AvatarGroup.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts +29 -0
- package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Badge/Badge.d.ts +34 -0
- package/types/examples/sds_engineer/components/Badge/Badge.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts +44 -0
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Button/Button.d.ts +80 -0
- package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts +49 -0
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts +44 -0
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +28 -0
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +34 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +24 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Chip/Chip.config.d.ts +21 -0
- package/types/examples/sds_engineer/components/Chip/Chip.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts +16 -0
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts +22 -0
- package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Counter/Counter.d.ts +22 -0
- package/types/examples/sds_engineer/components/Counter/Counter.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Divider/Divider.config.d.ts +23 -0
- package/types/examples/sds_engineer/components/Divider/Divider.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Divider/Divider.d.ts +17 -0
- package/types/examples/sds_engineer/components/Divider/Divider.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Drawer/Drawer.config.d.ts +19 -0
- package/types/examples/sds_engineer/components/Drawer/Drawer.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Drawer/Drawer.d.ts +38 -0
- package/types/examples/sds_engineer/components/Drawer/Drawer.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Grid/Grid.config.d.ts +11 -0
- package/types/examples/sds_engineer/components/Grid/Grid.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Grid/Grid.d.ts +8 -0
- package/types/examples/sds_engineer/components/Grid/Grid.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Image/Image.d.ts +8 -0
- package/types/examples/sds_engineer/components/Image/Image.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Link/Link.config.d.ts +26 -0
- package/types/examples/sds_engineer/components/Link/Link.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Link/Link.d.ts +21 -0
- package/types/examples/sds_engineer/components/Link/Link.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Modal/Modal.config.d.ts +11 -0
- package/types/examples/sds_engineer/components/Modal/Modal.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Modal/Modal.d.ts +8 -0
- package/types/examples/sds_engineer/components/Modal/Modal.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Notification/Notification.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Notification/Notification.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Notification/Notification.d.ts +19 -0
- package/types/examples/sds_engineer/components/Notification/Notification.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Panel/Panel.config.d.ts +20 -0
- package/types/examples/sds_engineer/components/Panel/Panel.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Panel/Panel.d.ts +27 -0
- package/types/examples/sds_engineer/components/Panel/Panel.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Popover/Popover.config.d.ts +11 -0
- package/types/examples/sds_engineer/components/Popover/Popover.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts +8 -0
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Popup/Popup.d.ts +4 -0
- package/types/examples/sds_engineer/components/Popup/Popup.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Progress/Progress.config.d.ts +21 -0
- package/types/examples/sds_engineer/components/Progress/Progress.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Progress/Progress.d.ts +16 -0
- package/types/examples/sds_engineer/components/Progress/Progress.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts +35 -0
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts +24 -0
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Segment/Segment.d.ts +58 -0
- package/types/examples/sds_engineer/components/Segment/Segment.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Segment/SegmentGroup.config.d.ts +28 -0
- package/types/examples/sds_engineer/components/Segment/SegmentGroup.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Segment/SegmentItem.config.d.ts +26 -0
- package/types/examples/sds_engineer/components/Segment/SegmentItem.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Skeleton/LineSkeleton.config.d.ts +27 -0
- package/types/examples/sds_engineer/components/Skeleton/LineSkeleton.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Skeleton/Skeleton.d.ts +51 -0
- package/types/examples/sds_engineer/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts +24 -0
- package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts +34 -0
- package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Switch/Switch.config.d.ts +28 -0
- package/types/examples/sds_engineer/components/Switch/Switch.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Switch/Switch.d.ts +21 -0
- package/types/examples/sds_engineer/components/Switch/Switch.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/TabItem.config.d.ts +32 -0
- package/types/examples/sds_engineer/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +3 -0
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/Tabs.config.d.ts +35 -0
- package/types/examples/sds_engineer/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +3 -0
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tabs/TabsController.d.ts +3 -0
- package/types/examples/sds_engineer/components/Tabs/TabsController.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts +21 -0
- package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts +46 -0
- package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +68 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts +20 -0
- package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toast/Toast.d.ts +20 -0
- package/types/examples/sds_engineer/components/Toast/Toast.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts +23 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.config.d.ts +15 -0
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.d.ts +5 -0
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/types/examples/themes/index.d.ts.map +1 -1
- package/cjs/components/TextField/TextField_wctd2m.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
- package/es/components/TextField/TextField_wctd2m.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
@@ -0,0 +1,205 @@
|
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import styled from '@emotion/styled';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
|
5
|
+
import { WithTheme } from '../../../_helpers';
|
6
|
+
import { Button } from '../Button/Button';
|
7
|
+
import { PopoverPlacement } from '../Popover/Popover';
|
8
|
+
import { IconDisclosureRight } from '../../../../components/_Icon';
|
9
|
+
|
10
|
+
import { Tooltip } from './Tooltip';
|
11
|
+
import type { TooltipProps } from './Tooltip';
|
12
|
+
|
13
|
+
const placements: Array<PopoverPlacement> = [
|
14
|
+
'top',
|
15
|
+
'top-start',
|
16
|
+
'top-end',
|
17
|
+
|
18
|
+
'bottom',
|
19
|
+
'bottom-start',
|
20
|
+
'bottom-end',
|
21
|
+
|
22
|
+
'left',
|
23
|
+
'left-start',
|
24
|
+
'left-end',
|
25
|
+
|
26
|
+
'right',
|
27
|
+
'right-start',
|
28
|
+
'right-end',
|
29
|
+
|
30
|
+
'auto',
|
31
|
+
];
|
32
|
+
|
33
|
+
const meta: Meta<TooltipProps> = {
|
34
|
+
title: 'sds_engineer/Tooltip',
|
35
|
+
decorators: [WithTheme],
|
36
|
+
component: Tooltip,
|
37
|
+
parameters: {
|
38
|
+
docs: { story: { inline: false, iframeHeight: '20rem' } },
|
39
|
+
},
|
40
|
+
};
|
41
|
+
|
42
|
+
export default meta;
|
43
|
+
|
44
|
+
const StyledGrid = styled.div`
|
45
|
+
display: grid;
|
46
|
+
grid-template-columns: repeat(3, max-content);
|
47
|
+
grid-gap: 1rem 3.5rem;
|
48
|
+
padding: 3.5rem;
|
49
|
+
`;
|
50
|
+
|
51
|
+
const StoryDefault = ({ size }: TooltipProps) => {
|
52
|
+
return (
|
53
|
+
<StyledGrid>
|
54
|
+
<Tooltip
|
55
|
+
target={
|
56
|
+
<Tooltip
|
57
|
+
target={<Button>Btn</Button>}
|
58
|
+
placement="left"
|
59
|
+
size={size}
|
60
|
+
opened
|
61
|
+
hasArrow
|
62
|
+
text="left"
|
63
|
+
frame="theme-root"
|
64
|
+
/>
|
65
|
+
}
|
66
|
+
placement="top-start"
|
67
|
+
size={size}
|
68
|
+
opened
|
69
|
+
hasArrow
|
70
|
+
text="top-start"
|
71
|
+
frame="theme-root"
|
72
|
+
/>
|
73
|
+
<Tooltip
|
74
|
+
target={<Button>Btn</Button>}
|
75
|
+
placement="top"
|
76
|
+
size={size}
|
77
|
+
opened
|
78
|
+
hasArrow
|
79
|
+
text="top"
|
80
|
+
frame="theme-root"
|
81
|
+
/>
|
82
|
+
<Tooltip
|
83
|
+
target={
|
84
|
+
<Tooltip
|
85
|
+
target={<Button>Btn</Button>}
|
86
|
+
placement="right"
|
87
|
+
size={size}
|
88
|
+
opened
|
89
|
+
hasArrow
|
90
|
+
text="right"
|
91
|
+
frame="theme-root"
|
92
|
+
/>
|
93
|
+
}
|
94
|
+
placement="top-end"
|
95
|
+
size={size}
|
96
|
+
opened
|
97
|
+
hasArrow
|
98
|
+
text="top-end"
|
99
|
+
frame="theme-root"
|
100
|
+
/>
|
101
|
+
<Tooltip
|
102
|
+
target={<Button>Btn</Button>}
|
103
|
+
placement="bottom-start"
|
104
|
+
size={size}
|
105
|
+
opened
|
106
|
+
hasArrow
|
107
|
+
text="bottom-start"
|
108
|
+
frame="theme-root"
|
109
|
+
/>
|
110
|
+
<Tooltip
|
111
|
+
target={<Button>Btn</Button>}
|
112
|
+
placement="bottom"
|
113
|
+
size={size}
|
114
|
+
opened
|
115
|
+
hasArrow
|
116
|
+
text="bottom"
|
117
|
+
frame="theme-root"
|
118
|
+
/>
|
119
|
+
<Tooltip
|
120
|
+
target={<Button>Btn</Button>}
|
121
|
+
placement="bottom-end"
|
122
|
+
size={size}
|
123
|
+
opened
|
124
|
+
hasArrow
|
125
|
+
text="bottom-end"
|
126
|
+
frame="theme-root"
|
127
|
+
/>
|
128
|
+
</StyledGrid>
|
129
|
+
);
|
130
|
+
};
|
131
|
+
|
132
|
+
export const Default: StoryObj<TooltipProps> = {
|
133
|
+
argTypes: {
|
134
|
+
size: {
|
135
|
+
options: ['m', 's'],
|
136
|
+
control: {
|
137
|
+
type: 'select',
|
138
|
+
},
|
139
|
+
},
|
140
|
+
},
|
141
|
+
args: {
|
142
|
+
size: 'm',
|
143
|
+
},
|
144
|
+
render: (args) => <StoryDefault {...args} />,
|
145
|
+
};
|
146
|
+
|
147
|
+
const StyledRow = styled.div`
|
148
|
+
display: flex;
|
149
|
+
width: 150vw;
|
150
|
+
height: 150vh;
|
151
|
+
padding: 10rem;
|
152
|
+
`;
|
153
|
+
|
154
|
+
const StoryLive = (args: TooltipProps) => {
|
155
|
+
const [text, setText] = useState('Type here');
|
156
|
+
|
157
|
+
return (
|
158
|
+
<>
|
159
|
+
<StyledRow>
|
160
|
+
<Tooltip
|
161
|
+
target={
|
162
|
+
<input
|
163
|
+
name="Имя"
|
164
|
+
value={text}
|
165
|
+
onChange={(e) => setText(e.target.value)}
|
166
|
+
aria-describedby="example-tooltip-firstname"
|
167
|
+
/>
|
168
|
+
}
|
169
|
+
contentLeft={<IconDisclosureRight size="xs" />}
|
170
|
+
{...args}
|
171
|
+
id="example-tooltip-firstname"
|
172
|
+
text={text}
|
173
|
+
opened
|
174
|
+
frame="theme-root"
|
175
|
+
/>
|
176
|
+
</StyledRow>
|
177
|
+
</>
|
178
|
+
);
|
179
|
+
};
|
180
|
+
|
181
|
+
export const Live: StoryObj<TooltipProps> = {
|
182
|
+
argTypes: {
|
183
|
+
placement: {
|
184
|
+
options: placements,
|
185
|
+
control: {
|
186
|
+
type: 'select',
|
187
|
+
},
|
188
|
+
mapping: placements,
|
189
|
+
},
|
190
|
+
size: {
|
191
|
+
options: ['m', 's'],
|
192
|
+
control: {
|
193
|
+
type: 'select',
|
194
|
+
},
|
195
|
+
},
|
196
|
+
},
|
197
|
+
args: {
|
198
|
+
placement: 'bottom',
|
199
|
+
maxWidth: 10,
|
200
|
+
minWidth: 3,
|
201
|
+
hasArrow: true,
|
202
|
+
size: 'm',
|
203
|
+
},
|
204
|
+
render: (args) => <StoryLive {...args} />,
|
205
|
+
};
|
@@ -1,7 +1,9 @@
|
|
1
1
|
/* eslint-disable camelcase */
|
2
2
|
import plasma_b2c from './plasma_b2c.module.css';
|
3
3
|
import plasma_web from './plasma_web.module.css';
|
4
|
+
import sds_engineer from './sds_engineer.module.css';
|
4
5
|
export var themes = {
|
5
6
|
plasma_b2c: plasma_b2c,
|
6
|
-
plasma_web: plasma_web
|
7
|
+
plasma_web: plasma_web,
|
8
|
+
sds_engineer: sds_engineer
|
7
9
|
};
|
@@ -0,0 +1,373 @@
|
|
1
|
+
/* Generated by robots, do not change this manually! */
|
2
|
+
|
3
|
+
.dark {
|
4
|
+
--overlay-soft: rgba(0, 0, 0, 0.56);
|
5
|
+
--overlay-hard: rgba(0, 0, 0, 0.9);
|
6
|
+
--on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
|
7
|
+
--on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
|
8
|
+
--on-light-overlay-soft: rgba(0, 0, 0, 0.56);
|
9
|
+
--on-light-overlay-hard: rgba(0, 0, 0, 0.9);
|
10
|
+
--inverse-overlay-soft: rgba(0, 0, 0, 0.56);
|
11
|
+
--inverse-overlay-hard: rgba(0, 0, 0, 0.9);
|
12
|
+
--text-primary: rgba(245, 245, 245, 0.96);
|
13
|
+
--text-secondary: rgba(245, 245, 245, 0.56);
|
14
|
+
--text-tertiary: rgba(245, 245, 245, 0.4);
|
15
|
+
--text-paragraph: rgba(245, 245, 245, 0.8);
|
16
|
+
--text-accent: #FFFFFF;
|
17
|
+
--text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
18
|
+
--text-positive: #1A9E32;
|
19
|
+
--text-warning: #FA5F05;
|
20
|
+
--text-negative: #FF293E;
|
21
|
+
--on-dark-text-primary: rgba(245, 245, 245, 0.96);
|
22
|
+
--on-dark-text-secondary: rgba(245, 245, 245, 0.56);
|
23
|
+
--on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
|
24
|
+
--on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
|
25
|
+
--on-dark-text-accent: #FFFFFF;
|
26
|
+
--on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
27
|
+
--on-dark-text-positive: #1A9E32;
|
28
|
+
--on-dark-text-warning: #FA5F05;
|
29
|
+
--on-dark-text-negative: #FF293E;
|
30
|
+
--on-light-text-primary: rgba(8, 8, 8, 0.96);
|
31
|
+
--on-light-text-secondary: rgba(8, 8, 8, 0.56);
|
32
|
+
--on-light-text-tertiary: rgba(8, 8, 8, 0.4);
|
33
|
+
--on-light-text-paragraph: rgba(8, 8, 8, 0.8);
|
34
|
+
--on-light-text-accent: #FFFFFF;
|
35
|
+
--on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
36
|
+
--on-light-text-positive: #108E25;
|
37
|
+
--on-light-text-warning: #E85702;
|
38
|
+
--on-light-text-negative: #F31B30;
|
39
|
+
--inverse-text-primary: rgba(8, 8, 8, 0.96);
|
40
|
+
--inverse-text-secondary: rgba(8, 8, 8, 0.56);
|
41
|
+
--inverse-text-tertiary: rgba(8, 8, 8, 0.4);
|
42
|
+
--inverse-text-paragraph: rgba(8, 8, 8, 0.8);
|
43
|
+
--inverse-text-accent: #FFFFFF;
|
44
|
+
--inverse-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
45
|
+
--inverse-text-positive: #108E25;
|
46
|
+
--inverse-text-warning: #E85702;
|
47
|
+
--inverse-text-negative: #F31B30;
|
48
|
+
--surface-solid-default: #FFFFFF;
|
49
|
+
--surface-solid-primary: #171717;
|
50
|
+
--surface-solid-secondary: #262626;
|
51
|
+
--surface-solid-tertiary: #363636;
|
52
|
+
--surface-solid-card: #171717;
|
53
|
+
--surface-transparent-default: #FFFFFF;
|
54
|
+
--surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
55
|
+
--surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
56
|
+
--surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
57
|
+
--surface-transparent-card: rgba(255, 255, 255, 0.12);
|
58
|
+
--surface-accent: #FFFFFF;
|
59
|
+
/* добавлены вручную */
|
60
|
+
--surface-accent-hover: #1383cf80;
|
61
|
+
/* добавлены вручную */
|
62
|
+
--surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
63
|
+
--surface-positive: #1A9E32;
|
64
|
+
--surface-warning: #FA5F05;
|
65
|
+
--surface-negative: #FF293E;
|
66
|
+
/* добавлены вручную */
|
67
|
+
--surface-transparent-negative: #e3122712;
|
68
|
+
--surface-clear: rgba(0, 0, 0, 0);
|
69
|
+
--on-dark-surface-solid-default: #FFFFFF;
|
70
|
+
--on-dark-surface-solid-primary: #171717;
|
71
|
+
--on-dark-surface-solid-secondary: #262626;
|
72
|
+
--on-dark-surface-solid-tertiary: #363636;
|
73
|
+
--on-dark-surface-solid-card: #171717;
|
74
|
+
--on-dark-surface-transparent-default: #FFFFFF;
|
75
|
+
--on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
76
|
+
--on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
77
|
+
--on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
78
|
+
--on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
79
|
+
--on-dark-surface-accent: #FFFFFF;
|
80
|
+
--on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
81
|
+
--on-dark-surface-positive: #1A9E32;
|
82
|
+
--on-dark-surface-warning: #FA5F05;
|
83
|
+
--on-dark-surface-negative: #FF293E;
|
84
|
+
--on-dark-surface-clear: rgba(0, 0, 0, 0);
|
85
|
+
--on-light-surface-solid-default: #080808;
|
86
|
+
--on-light-surface-solid-primary: #F5F5F5;
|
87
|
+
--on-light-surface-solid-secondary: #ECECEC;
|
88
|
+
--on-light-surface-solid-tertiary: #DDDDDD;
|
89
|
+
--on-light-surface-solid-card: #F7F7F7;
|
90
|
+
--on-light-surface-transparent-default: #080808;
|
91
|
+
--on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
92
|
+
--on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
93
|
+
--on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
94
|
+
--on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
95
|
+
--on-light-surface-accent: #FFFFFF;
|
96
|
+
--on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
97
|
+
--on-light-surface-positive: #108E25;
|
98
|
+
--on-light-surface-warning: #E85702;
|
99
|
+
--on-light-surface-negative: #F31B30;
|
100
|
+
--on-light-surface-clear: rgba(0, 0, 0, 0);
|
101
|
+
--inverse-surface-solid-default: #080808;
|
102
|
+
--inverse-surface-solid-primary: #F5F5F5;
|
103
|
+
--inverse-surface-solid-secondary: #ECECEC;
|
104
|
+
--inverse-surface-solid-tertiary: #DDDDDD;
|
105
|
+
--inverse-surface-solid-card: #F7F7F7;
|
106
|
+
--inverse-surface-transparent-default: #080808;
|
107
|
+
--inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
108
|
+
--inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
109
|
+
--inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
110
|
+
--inverse-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
111
|
+
--inverse-surface-accent: #FFFFFF;
|
112
|
+
--inverse-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
113
|
+
--inverse-surface-positive: #108E25;
|
114
|
+
--inverse-surface-warning: #E85702;
|
115
|
+
--inverse-surface-negative: #F31B30;
|
116
|
+
--inverse-surface-clear: rgba(0, 0, 0, 0);
|
117
|
+
--background-primary: #000000;
|
118
|
+
--background-secondary: #080808;
|
119
|
+
--background-tertiary: #171717;
|
120
|
+
--dark-background-primary: #000000;
|
121
|
+
--dark-background-secondary: #080808;
|
122
|
+
--dark-background-tertiary: #171717;
|
123
|
+
--light-background-primary: #FFFFFF;
|
124
|
+
--light-background-secondary: #FFFFFF;
|
125
|
+
--light-background-tertiary: #FFFFFF;
|
126
|
+
--inverse-background-primary: #FFFFFF;
|
127
|
+
--inverse-background-secondary: #FFFFFF;
|
128
|
+
--inverse-background-tertiary: #FFFFFF;
|
129
|
+
--text-primary-hover: #17171793;
|
130
|
+
--text-primary-active: #171717C4;
|
131
|
+
--surface-solid-default-hover: #0D0D0DFF;
|
132
|
+
--surface-solid-default-active: #030303FF;
|
133
|
+
--surface-accent-hover: #0C8ADFFF;
|
134
|
+
--surface-accent-active: #0A78C2FF;
|
135
|
+
--surface-positive-hover: #1DAF37FF;
|
136
|
+
--surface-positive-active: #18952FFF;
|
137
|
+
--surface-warning-hover: #FB7223FF;
|
138
|
+
--surface-warning-active: #F05B05FF;
|
139
|
+
--surface-negative-hover: #EA1A2FFF;
|
140
|
+
--surface-negative-active: #D21427FF;
|
141
|
+
--surface-transparent-secondary-hover: #0808081F;
|
142
|
+
--surface-transparent-secondary-active: #0808080A;
|
143
|
+
--on-light-surface-solid-default-hover: #0D0D0DFF;
|
144
|
+
--on-light-surface-solid-default-active: #030303FF;
|
145
|
+
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
146
|
+
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
147
|
+
--on-light-surface-transparent-deep-hover: #080808C2;
|
148
|
+
--on-light-surface-transparent-deep-active: #08080894;
|
149
|
+
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
150
|
+
--surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
|
151
|
+
--surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
|
152
|
+
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
153
|
+
--plasma-colors-white-secondary: var(--on-dark-text-secondary);
|
154
|
+
--plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
|
155
|
+
--plasma-colors-black-primary: var(--on-light-text-primary);
|
156
|
+
--plasma-colors-black-secondary: var(--on-light-text-secondary);
|
157
|
+
--plasma-colors-black-tertiary: var(--on-light-text-tertiary);
|
158
|
+
--plasma-colors-button-black: var(--on-light-surface-solid-default);
|
159
|
+
--plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
|
160
|
+
--plasma-colors-button-white: var(--on-dark-surface-solid-default);
|
161
|
+
--plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
|
162
|
+
--plasma-colors-text: var(--text-primary);
|
163
|
+
--plasma-colors-primary: var(--text-primary);
|
164
|
+
--plasma-colors-secondary: var(--text-secondary);
|
165
|
+
--plasma-colors-tertiary: var(--text-tertiary);
|
166
|
+
--plasma-colors-paragraph: var(--text-paragraph);
|
167
|
+
--plasma-colors-background: var(--background-primary);
|
168
|
+
--plasma-colors-accent: var(--text-accent);
|
169
|
+
--plasma-colors-success: var(--text-positive);
|
170
|
+
--plasma-colors-warning: var(--text-warning);
|
171
|
+
--plasma-colors-critical: var(--text-negative);
|
172
|
+
--plasma-colors-overlay: var(--overlay-soft);
|
173
|
+
--plasma-colors-surface-liquid01: var(--surface-transparent-primary);
|
174
|
+
--plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
|
175
|
+
--plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
|
176
|
+
--plasma-colors-surface-solid01: var(--surface-solid-primary);
|
177
|
+
--plasma-colors-surface-solid02: var(--surface-solid-secondary);
|
178
|
+
--plasma-colors-surface-solid03: var(--surface-solid-tertiary);
|
179
|
+
--plasma-colors-surface-card: var(--surface-transparent-card);
|
180
|
+
--plasma-colors-button-secondary: var(--surface-transparent-secondary);
|
181
|
+
--plasma-colors-button-accent: var(--text-accent);
|
182
|
+
--plasma-colors-button-success: var(--surface-positive);
|
183
|
+
--plasma-colors-button-warning: var(--surface-warning);
|
184
|
+
--plasma-colors-button-critical: var(--surface-negative);
|
185
|
+
color: var(--text-primary);
|
186
|
+
background-color: var(--background-primary);
|
187
|
+
}
|
188
|
+
|
189
|
+
.light {
|
190
|
+
--overlay-soft: rgba(0, 0, 0, 0.56);
|
191
|
+
--overlay-hard: rgba(0, 0, 0, 0.9);
|
192
|
+
--on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
|
193
|
+
--on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
|
194
|
+
--on-light-overlay-soft: rgba(0, 0, 0, 0.56);
|
195
|
+
--on-light-overlay-hard: rgba(0, 0, 0, 0.9);
|
196
|
+
--inverse-overlay-soft: rgba(0, 0, 0, 0.56);
|
197
|
+
--inverse-overlay-hard: rgba(0, 0, 0, 0.9);
|
198
|
+
--text-primary: rgba(23, 23, 23, 0.96);
|
199
|
+
--text-secondary: rgba(23, 23, 23, 0.56);
|
200
|
+
--text-tertiary: rgba(23, 23, 23, 0.4);
|
201
|
+
--text-paragraph: rgba(23, 23, 23, 0.8);
|
202
|
+
--text-accent: #0C72B6;
|
203
|
+
--text-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
204
|
+
--text-positive: #108E25;
|
205
|
+
--text-warning: #E85702;
|
206
|
+
--text-negative: #F31B31;
|
207
|
+
--on-dark-text-primary: rgba(245, 245, 245, 0.96);
|
208
|
+
--on-dark-text-secondary: rgba(245, 245, 245, 0.56);
|
209
|
+
--on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
|
210
|
+
--on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
|
211
|
+
--on-dark-text-accent: #FFFFFF;
|
212
|
+
--on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
213
|
+
--on-dark-text-positive: #1A9E32;
|
214
|
+
--on-dark-text-warning: #FA5F05;
|
215
|
+
--on-dark-text-negative: #FF293E;
|
216
|
+
--on-light-text-primary: rgba(8, 8, 8, 0.96);
|
217
|
+
--on-light-text-secondary: rgba(8, 8, 8, 0.56);
|
218
|
+
--on-light-text-tertiary: rgba(8, 8, 8, 0.4);
|
219
|
+
--on-light-text-paragraph: rgba(8, 8, 8, 0.8);
|
220
|
+
--on-light-text-accent: #FFFFFF;
|
221
|
+
--on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
222
|
+
--on-light-text-positive: #108E25;
|
223
|
+
--on-light-text-warning: #E85702;
|
224
|
+
--on-light-text-negative: #F31B30;
|
225
|
+
--inverse-text-primary: rgba(245, 245, 245, 0.96);
|
226
|
+
--inverse-text-secondary: rgba(245, 245, 245, 0.56);
|
227
|
+
--inverse-text-tertiary: rgba(245, 245, 245, 0.4);
|
228
|
+
--inverse-text-paragraph: rgba(245, 245, 245, 0.8);
|
229
|
+
--inverse-text-accent: #FFFFFF;
|
230
|
+
--inverse-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
231
|
+
--inverse-text-positive: #1A9E32;
|
232
|
+
--inverse-text-warning: #FA5F05;
|
233
|
+
--inverse-text-negative: #FF293E;
|
234
|
+
--surface-solid-default: #080808;
|
235
|
+
--surface-solid-primary: #F5F5F5;
|
236
|
+
--surface-solid-secondary: #ECECEC;
|
237
|
+
--surface-solid-tertiary: #DDDDDD;
|
238
|
+
--surface-solid-card: #FFFFFF;
|
239
|
+
--surface-transparent-default: #080808;
|
240
|
+
--surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
241
|
+
--surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
242
|
+
--surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
243
|
+
--surface-transparent-card: #FFFFFF;
|
244
|
+
--surface-accent: #0B7ECB;
|
245
|
+
/* добавлены вручную */
|
246
|
+
--surface-accent-hover: #1383cf80;
|
247
|
+
/* добавлены вручную */
|
248
|
+
--surface-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
249
|
+
--surface-positive: #1A9E32;
|
250
|
+
--surface-warning: #FA5F05;
|
251
|
+
--surface-negative: #DD1428;
|
252
|
+
/* добавлены вручную */
|
253
|
+
--surface-transparent-negative: #e3122712;
|
254
|
+
--surface-clear: rgba(0, 0, 0, 0);
|
255
|
+
--on-dark-surface-solid-default: #FFFFFF;
|
256
|
+
--on-dark-surface-solid-primary: #171717;
|
257
|
+
--on-dark-surface-solid-secondary: #262626;
|
258
|
+
--on-dark-surface-solid-tertiary: #363636;
|
259
|
+
--on-dark-surface-solid-card: #171717;
|
260
|
+
--on-dark-surface-transparent-default: #FFFFFF;
|
261
|
+
--on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
262
|
+
--on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
263
|
+
--on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
264
|
+
--on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
265
|
+
--on-dark-surface-accent: #FFFFFF;
|
266
|
+
--on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
267
|
+
--on-dark-surface-positive: #1A9E32;
|
268
|
+
--on-dark-surface-warning: #FA5F05;
|
269
|
+
--on-dark-surface-negative: #FF293E;
|
270
|
+
--on-dark-surface-clear: rgba(0, 0, 0, 0);
|
271
|
+
--on-light-surface-solid-default: #080808;
|
272
|
+
--on-light-surface-solid-primary: #F5F5F5;
|
273
|
+
--on-light-surface-solid-secondary: #ECECEC;
|
274
|
+
--on-light-surface-solid-tertiary: #DDDDDD;
|
275
|
+
--on-light-surface-solid-card: #F7F7F7;
|
276
|
+
--on-light-surface-transparent-default: #080808;
|
277
|
+
--on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
|
278
|
+
--on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
|
279
|
+
--on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
|
280
|
+
--on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
|
281
|
+
--on-light-surface-accent: #FFFFFF;
|
282
|
+
--on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
|
283
|
+
--on-light-surface-positive: #108E25;
|
284
|
+
--on-light-surface-warning: #E85702;
|
285
|
+
--on-light-surface-negative: #F31B30;
|
286
|
+
--on-light-surface-clear: rgba(0, 0, 0, 0);
|
287
|
+
--inverse-surface-solid-default: #FFFFFF;
|
288
|
+
--inverse-surface-solid-primary: #171717;
|
289
|
+
--inverse-surface-solid-secondary: #262626;
|
290
|
+
--inverse-surface-solid-tertiary: #363636;
|
291
|
+
--inverse-surface-solid-card: #171717;
|
292
|
+
--inverse-surface-transparent-default: #FFFFFF;
|
293
|
+
--inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06);
|
294
|
+
--inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
|
295
|
+
--inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
|
296
|
+
--inverse-surface-transparent-card: rgba(255, 255, 255, 0.12);
|
297
|
+
--inverse-surface-accent: #FFFFFF;
|
298
|
+
--inverse-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
299
|
+
--inverse-surface-positive: #1A9E32;
|
300
|
+
--inverse-surface-warning: #FA5F05;
|
301
|
+
--inverse-surface-negative: #FF293E;
|
302
|
+
--inverse-surface-clear: rgba(0, 0, 0, 0);
|
303
|
+
--background-primary: #F9F9F9;
|
304
|
+
--background-secondary: #FFFFFF;
|
305
|
+
--background-tertiary: #FFFFFF;
|
306
|
+
--dark-background-primary: #000000;
|
307
|
+
--dark-background-secondary: #080808;
|
308
|
+
--dark-background-tertiary: #171717;
|
309
|
+
--light-background-primary: #FFFFFF;
|
310
|
+
--light-background-secondary: #FFFFFF;
|
311
|
+
--light-background-tertiary: #FFFFFF;
|
312
|
+
--inverse-background-primary: #000000;
|
313
|
+
--inverse-background-secondary: #080808;
|
314
|
+
--inverse-background-tertiary: #171717;
|
315
|
+
--text-primary-hover: #17171793;
|
316
|
+
--text-primary-active: #171717C4;
|
317
|
+
--surface-solid-default-hover: #262626FF;
|
318
|
+
--surface-solid-default-active: #030303FF;
|
319
|
+
--surface-accent-hover: #0C8ADFFF;
|
320
|
+
--surface-accent-active: #0A72B8FF;
|
321
|
+
--surface-positive-hover: #1EB83AFF;
|
322
|
+
--surface-positive-active: #178C2CFF;
|
323
|
+
--surface-warning-hover: #FB782DFF;
|
324
|
+
--surface-warning-active: #E65705FF;
|
325
|
+
--surface-negative-hover: #EA1A2FFF;
|
326
|
+
--surface-negative-active: #C91325FF;
|
327
|
+
--surface-transparent-secondary-hover: #08080805;
|
328
|
+
--surface-transparent-secondary-active: #0808081A;
|
329
|
+
--on-light-surface-solid-default-hover: #262626FF;
|
330
|
+
--on-light-surface-solid-default-active: #030303FF;
|
331
|
+
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
332
|
+
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
333
|
+
--on-light-surface-transparent-deep-hover: #0808088F;
|
334
|
+
--on-light-surface-transparent-deep-active: #080808AD;
|
335
|
+
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
336
|
+
--skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
|
337
|
+
--skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
|
338
|
+
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
339
|
+
--plasma-colors-white-secondary: var(--on-dark-text-secondary);
|
340
|
+
--plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
|
341
|
+
--plasma-colors-black-primary: var(--on-light-text-primary);
|
342
|
+
--plasma-colors-black-secondary: var(--on-light-text-secondary);
|
343
|
+
--plasma-colors-black-tertiary: var(--on-light-text-tertiary);
|
344
|
+
--plasma-colors-button-black: var(--on-light-surface-solid-default);
|
345
|
+
--plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
|
346
|
+
--plasma-colors-button-white: var(--on-dark-surface-solid-default);
|
347
|
+
--plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
|
348
|
+
--plasma-colors-text: var(--text-primary);
|
349
|
+
--plasma-colors-primary: var(--text-primary);
|
350
|
+
--plasma-colors-secondary: var(--text-secondary);
|
351
|
+
--plasma-colors-tertiary: var(--text-tertiary);
|
352
|
+
--plasma-colors-paragraph: var(--text-paragraph);
|
353
|
+
--plasma-colors-background: var(--background-primary);
|
354
|
+
--plasma-colors-accent: var(--text-accent);
|
355
|
+
--plasma-colors-success: var(--text-positive);
|
356
|
+
--plasma-colors-warning: var(--text-warning);
|
357
|
+
--plasma-colors-critical: var(--text-negative);
|
358
|
+
--plasma-colors-overlay: var(--overlay-soft);
|
359
|
+
--plasma-colors-surface-liquid01: var(--surface-transparent-primary);
|
360
|
+
--plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
|
361
|
+
--plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
|
362
|
+
--plasma-colors-surface-solid01: var(--surface-solid-primary);
|
363
|
+
--plasma-colors-surface-solid02: var(--surface-solid-secondary);
|
364
|
+
--plasma-colors-surface-solid03: var(--surface-solid-tertiary);
|
365
|
+
--plasma-colors-surface-card: var(--surface-transparent-card);
|
366
|
+
--plasma-colors-button-secondary: var(--surface-transparent-secondary);
|
367
|
+
--plasma-colors-button-accent: var(--text-accent);
|
368
|
+
--plasma-colors-button-success: var(--surface-positive);
|
369
|
+
--plasma-colors-button-warning: var(--surface-warning);
|
370
|
+
--plasma-colors-button-critical: var(--surface-negative);
|
371
|
+
color: var(--text-primary);
|
372
|
+
background-color: var(--background-primary);
|
373
|
+
}
|
@@ -6,18 +6,19 @@
|
|
6
6
|
|
7
7
|
.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
|
8
8
|
|
9
|
-
.
|
9
|
+
.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementOuter__b3dc8fdc .base_1yaoy2k_l13qvwoy__b3dc8fdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_suk2zst__b3dc8fdc,.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_s600610__b3dc8fdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_io4bpie__b3dc8fdc:focus ~ .base_1yaoy2k_l13qvwoy__b3dc8fdc,.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_io4bpie__b3dc8fdc:not(:placeholder-shown) ~ .base_1yaoy2k_l13qvwoy__b3dc8fdc{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::-moz-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus):-ms-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::-webkit-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::-moz-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus:-ms-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_l13qvwoy__b3dc8fdc{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
|
10
10
|
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
|
16
|
-
.
|
17
|
-
.
|
11
|
+
.TextField_styles_x7rboj_iq39zt5__f7f34b64{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
12
|
+
.TextField_styles_x7rboj_i1j28rg8__f7f34b64{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_x7rboj_i1j28rg8__f7f34b64::-webkit-scrollbar{display:none;}.TextField_styles_x7rboj_i1j28rg8__f7f34b64.TextField_styles_x7rboj_hasChips__f7f34b64{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
13
|
+
.TextField_styles_x7rboj_s13zudoe__f7f34b64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
14
|
+
.TextField_styles_x7rboj_io4bpie__f7f34b64{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
15
|
+
.TextField_styles_x7rboj_l13qvwoy__f7f34b64{position:relative;}
|
16
|
+
.TextField_styles_x7rboj_s19ry60d__f7f34b64{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
17
|
+
.TextField_styles_x7rboj_sbt1ohz__f7f34b64{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
+
.TextField_styles_x7rboj_s1gjsnfi__f7f34b64{position:absolute;border-radius:50%;background-color:var(--plasma-textfield-indicator-color);}.TextField_styles_x7rboj_s1gjsnfi__f7f34b64.TextField_styles_x7rboj_placementOuter__f7f34b64{width:var(--plasma-textfield-indicator-size-outer);height:var(--plasma-textfield-indicator-size-outer);inset:var(--plasma-textfield-indicator-placement-outer);}.TextField_styles_x7rboj_s1gjsnfi__f7f34b64.TextField_styles_x7rboj_placementOuter__f7f34b64.TextField_styles_x7rboj_alignRight__f7f34b64{inset:var(--plasma-textfield-indicator-placement-outer-right);}.TextField_styles_x7rboj_s1gjsnfi__f7f34b64.TextField_styles_x7rboj_placementInner__f7f34b64{width:var(--plasma-textfield-indicator-size-inner);height:var(--plasma-textfield-indicator-size-inner);inset:var(--plasma-textfield-indicator-placement-inner);}.TextField_styles_x7rboj_s1gjsnfi__f7f34b64.TextField_styles_x7rboj_placementInner__f7f34b64.TextField_styles_x7rboj_alignRight__f7f34b64{inset:var(--plasma-textfield-indicator-placement-inner-right);}
|
21
22
|
|
22
23
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
23
24
|
|
@@ -41,7 +42,7 @@
|
|
41
42
|
|
42
43
|
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
43
44
|
|
44
|
-
.
|
45
|
+
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
45
46
|
|
46
47
|
.TextField_styles_sx1sq7_sxqyqmu__88214dad{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);}
|
47
48
|
|