@salutejs/plasma-new-hope 0.132.0-canary.1352.10568540479.0 → 0.132.0-canary.1368.10558535646.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +9 -10
- package/cjs/components/Button/Button.css +1 -1
- package/cjs/components/Button/Button.js +2 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.tokens.js +3 -1
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Button/variations/_view/base.js +1 -1
- package/cjs/components/Button/variations/_view/base.js.map +1 -1
- package/cjs/components/Button/variations/_view/base_1x0spnh.css +1 -0
- package/cjs/components/ButtonGroup/ButtonGroup.css +1 -1
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base_1lhytnr.css +1 -0
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +2 -2
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
- package/cjs/components/Checkbox/Checkbox.css +7 -7
- package/cjs/components/Checkbox/Checkbox.styles.js +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/{es/components/Checkbox/Checkbox.styles_1266095.css → cjs/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
- package/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -12
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +11 -12
- package/cjs/components/Drawer/Drawer.css +1 -1
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
- package/cjs/components/EmptyState/EmptyState.css +1 -1
- package/cjs/components/IconButton/IconButton.css +2 -2
- package/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/IconButton/IconButton.styles_sttslf.css +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js.map +1 -1
- package/cjs/components/Notification/Notification.css +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +1 -1
- package/cjs/components/Pagination/Pagination.css +9 -9
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
- package/cjs/components/Radiobox/Radiobox.css +9 -9
- package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/cjs/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
- package/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/cjs/components/Range/Range.css +9 -10
- package/cjs/components/Select/Select.css +8 -8
- package/cjs/components/Select/ui/Inner/Inner.css +8 -8
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +8 -8
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +9 -10
- package/cjs/components/Slider/components/Double/Double.css +9 -10
- package/cjs/components/TextArea/TextArea.js +3 -17
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +1 -7
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_wt773g.css → TextArea.styles_1bv40vw.css} +1 -2
- package/cjs/components/TextArea/TextArea.tokens.js +1 -8
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField.js +7 -23
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +1 -7
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_x7rboj.css → TextField.styles_9fkr1l.css} +1 -2
- package/cjs/components/TextField/TextField.tokens.js +1 -8
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField_wctd2m.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_170eaex.css +1 -0
- package/cjs/components/Toast/Toast.css +1 -1
- package/cjs/components/Toast/ToastController.css +1 -1
- package/cjs/index.css +30 -32
- package/emotion/cjs/components/Button/Button.js +2 -1
- package/emotion/cjs/components/Button/Button.tokens.js +3 -1
- package/emotion/cjs/components/Button/variations/_view/base.js +1 -1
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/emotion/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Checkbox/Checkbox.styles.js +7 -7
- package/emotion/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/emotion/cjs/components/IconButton/IconButton.styles.js +2 -2
- package/emotion/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/emotion/cjs/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/emotion/cjs/components/TextArea/TextArea.js +4 -18
- package/emotion/cjs/components/TextArea/TextArea.styles.js +19 -23
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +3 -29
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +1 -8
- package/emotion/cjs/components/TextArea/variations/_size/tokens.json +1 -7
- package/emotion/cjs/components/TextField/TextField.js +11 -27
- package/emotion/cjs/components/TextField/TextField.styles.js +21 -33
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +1 -27
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -8
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_size/tokens.json +0 -6
- package/emotion/cjs/examples/plasma_b2c/components/Button/Button.config.js +24 -24
- package/emotion/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Button/Button.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -45
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -15
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -43
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +24 -24
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/components/Button/Button.js +2 -1
- package/emotion/es/components/Button/Button.tokens.js +3 -1
- package/emotion/es/components/Button/variations/_view/base.js +2 -2
- package/emotion/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/emotion/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/emotion/es/components/Checkbox/Checkbox.styles.js +7 -7
- package/emotion/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/emotion/es/components/IconButton/IconButton.styles.js +2 -2
- package/emotion/es/components/IconButton/IconButton.tokens.js +1 -0
- package/emotion/es/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/emotion/es/components/TextArea/TextArea.js +5 -19
- package/emotion/es/components/TextArea/TextArea.styles.js +18 -22
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +3 -29
- package/emotion/es/components/TextArea/TextArea.tokens.js +1 -8
- package/emotion/es/components/TextArea/variations/_size/tokens.json +1 -7
- package/emotion/es/components/TextField/TextField.js +10 -26
- package/emotion/es/components/TextField/TextField.styles.js +20 -32
- package/emotion/es/components/TextField/TextField.template-doc.mdx +1 -27
- package/emotion/es/components/TextField/TextField.tokens.js +1 -8
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_size/tokens.json +0 -6
- package/emotion/es/examples/plasma_b2c/components/Button/Button.config.js +24 -24
- package/emotion/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Button/Button.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -45
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -15
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -43
- package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +24 -24
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
- package/es/components/Autocomplete/Autocomplete.css +9 -10
- package/es/components/Button/Button.css +1 -1
- package/es/components/Button/Button.js +2 -1
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Button/Button.tokens.js +3 -1
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Button/variations/_view/base.js +1 -1
- package/es/components/Button/variations/_view/base.js.map +1 -1
- package/es/components/Button/variations/_view/base_1x0spnh.css +1 -0
- package/es/components/ButtonGroup/ButtonGroup.css +1 -1
- package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
- package/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
- package/es/components/ButtonGroup/variations/_view/base_1lhytnr.css +1 -0
- package/es/components/Calendar/CalendarBase/CalendarBase.css +2 -2
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
- package/es/components/Checkbox/Checkbox.css +7 -7
- package/es/components/Checkbox/Checkbox.styles.js +1 -1
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/{cjs/components/Checkbox/Checkbox.styles_1266095.css → es/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
- package/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/es/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +11 -12
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -12
- package/es/components/DatePicker/SingleDate/SingleDate.css +11 -12
- package/es/components/Drawer/Drawer.css +1 -1
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
- package/es/components/EmptyState/EmptyState.css +1 -1
- package/es/components/IconButton/IconButton.css +2 -2
- package/es/components/IconButton/IconButton.styles.js +1 -1
- package/es/components/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/IconButton/IconButton.styles_sttslf.css +1 -0
- package/es/components/IconButton/IconButton.tokens.js +1 -0
- package/es/components/IconButton/IconButton.tokens.js.map +1 -1
- package/es/components/Notification/Notification.css +1 -1
- package/es/components/Notification/NotificationsProvider.css +1 -1
- package/es/components/Pagination/Pagination.css +9 -9
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
- package/es/components/Radiobox/Radiobox.css +9 -9
- package/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/es/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
- package/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/es/components/Range/Range.css +9 -10
- package/es/components/Select/Select.css +8 -8
- package/es/components/Select/ui/Inner/Inner.css +8 -8
- package/es/components/Select/ui/Inner/ui/Item/Item.css +8 -8
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +9 -10
- package/es/components/Slider/components/Double/Double.css +9 -10
- package/es/components/TextArea/TextArea.js +4 -18
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +2 -7
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_wt773g.css → TextArea.styles_1bv40vw.css} +1 -2
- package/es/components/TextArea/TextArea.tokens.js +1 -8
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextField/TextField.js +8 -24
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +2 -7
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_x7rboj.css → TextField.styles_9fkr1l.css} +1 -2
- package/es/components/TextField/TextField.tokens.js +1 -8
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/TextField_wctd2m.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_170eaex.css +1 -0
- package/es/components/Toast/Toast.css +1 -1
- package/es/components/Toast/ToastController.css +1 -1
- package/es/index.css +30 -32
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.js +2 -1
- package/styled-components/cjs/components/Button/Button.tokens.js +3 -1
- package/styled-components/cjs/components/Button/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +1 -1
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/styled-components/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/styled-components/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/styled-components/cjs/components/TextArea/TextArea.js +3 -17
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +3 -6
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +3 -29
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +1 -8
- package/styled-components/cjs/components/TextArea/variations/_size/tokens.json +1 -7
- package/styled-components/cjs/components/TextField/TextField.js +7 -23
- package/styled-components/cjs/components/TextField/TextField.styles.js +3 -6
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +1 -27
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -8
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/tokens.json +0 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +4 -7
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -45
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +4 -7
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -43
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +10 -10
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/es/components/Button/Button.js +2 -1
- package/styled-components/es/components/Button/Button.tokens.js +3 -1
- package/styled-components/es/components/Button/variations/_view/base.js +2 -2
- package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +1 -1
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/styled-components/es/components/IconButton/IconButton.styles.js +1 -1
- package/styled-components/es/components/IconButton/IconButton.tokens.js +1 -0
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/styled-components/es/components/TextArea/TextArea.js +4 -18
- package/styled-components/es/components/TextArea/TextArea.styles.js +2 -5
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +3 -29
- package/styled-components/es/components/TextArea/TextArea.tokens.js +1 -8
- package/styled-components/es/components/TextArea/variations/_size/tokens.json +1 -7
- package/styled-components/es/components/TextField/TextField.js +6 -22
- package/styled-components/es/components/TextField/TextField.styles.js +2 -5
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +1 -27
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -8
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_size/tokens.json +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +4 -7
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -45
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +4 -7
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -43
- package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +10 -10
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -4
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Button/Button.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +2 -0
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Button/variations/_view/base.d.ts.map +1 -1
- package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
- package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
- package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.tokens.d.ts +1 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -4
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.tokens.d.ts +1 -0
- package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.tokens.d.ts +1 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -4
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -4
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +0 -4
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +0 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -7
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +0 -9
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +0 -4
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +0 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -7
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +0 -9
- 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/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -4
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +0 -3
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -3
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +0 -3
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -7
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +0 -4
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/Button/variations/_view/base_x95x4p.css +0 -1
- package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
- package/cjs/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
- package/cjs/components/TextArea/variations/_required/base.js +0 -9
- package/cjs/components/TextArea/variations/_required/base.js.map +0 -1
- package/cjs/components/TextArea/variations/_required/base_x642ct.css +0 -1
- package/cjs/components/TextField/TextField_1lzb2r1.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_1yaoy2k.css +0 -1
- package/cjs/components/TextField/variations/_required/base.js +0 -9
- package/cjs/components/TextField/variations/_required/base.js.map +0 -1
- package/cjs/components/TextField/variations/_required/base_x642ct.css +0 -1
- package/emotion/cjs/components/TextArea/variations/_required/base.js +0 -8
- package/emotion/cjs/components/TextArea/variations/_required/tokens.json +0 -1
- package/emotion/cjs/components/TextField/variations/_required/base.js +0 -8
- package/emotion/cjs/components/TextField/variations/_required/tokens.json +0 -1
- package/emotion/es/components/TextArea/variations/_required/base.js +0 -2
- package/emotion/es/components/TextArea/variations/_required/tokens.json +0 -1
- package/emotion/es/components/TextField/variations/_required/base.js +0 -2
- package/emotion/es/components/TextField/variations/_required/tokens.json +0 -1
- package/es/components/Button/variations/_view/base_x95x4p.css +0 -1
- package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
- package/es/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
- package/es/components/TextArea/variations/_required/base.js +0 -5
- package/es/components/TextArea/variations/_required/base.js.map +0 -1
- package/es/components/TextArea/variations/_required/base_x642ct.css +0 -1
- package/es/components/TextField/TextField_1lzb2r1.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_1yaoy2k.css +0 -1
- package/es/components/TextField/variations/_required/base.js +0 -5
- package/es/components/TextField/variations/_required/base.js.map +0 -1
- package/es/components/TextField/variations/_required/base_x642ct.css +0 -1
- package/styled-components/cjs/components/TextArea/variations/_required/base.js +0 -8
- package/styled-components/cjs/components/TextArea/variations/_required/tokens.json +0 -1
- package/styled-components/cjs/components/TextField/variations/_required/base.js +0 -8
- package/styled-components/cjs/components/TextField/variations/_required/tokens.json +0 -1
- package/styled-components/es/components/TextArea/variations/_required/base.js +0 -2
- package/styled-components/es/components/TextArea/variations/_required/tokens.json +0 -1
- package/styled-components/es/components/TextField/variations/_required/base.js +0 -2
- package/styled-components/es/components/TextField/variations/_required/tokens.json +0 -1
- package/types/components/TextArea/variations/_required/base.d.ts +0 -2
- package/types/components/TextArea/variations/_required/base.d.ts.map +0 -1
- package/types/components/TextField/variations/_required/base.d.ts +0 -2
- package/types/components/TextField/variations/_required/base.d.ts.map +0 -1
package/es/index.css
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
1
|
+
.base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
2
2
|
|
3
3
|
.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
|
4
4
|
|
@@ -17,9 +17,9 @@
|
|
17
17
|
.Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
|
18
18
|
.Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
|
19
19
|
|
20
|
-
.
|
20
|
+
.IconButton_styles_sttslf_b1ua728l__193d7826{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_sttslf_b1ua728l__193d7826{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonSquare__193d7826{width:var(--plasma-button-height);padding:0;}.IconButton_styles_sttslf_b1ua728l__193d7826:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_sttslf_b1ua728l__193d7826:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_sttslf_b1ua728l__193d7826:focus{outline:none;}.IconButton_styles_sttslf_b1ua728l__193d7826::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_focusVisible__193d7826:focus::before,.IconButton_styles_sttslf_b1ua728l__193d7826[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:hover,.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFixed__193d7826{width:var(--plasma-button-width);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFilled__193d7826{width:100%;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingAuto__193d7826{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
21
21
|
|
22
|
-
.
|
22
|
+
.base_1lhytnr_b7jdqtc__74f482fc.base_1lhytnr_buttonGroupOverrideStyles__74f482fc .base_1lhytnr_buttonItem__74f482fc{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-loading-background-color:var(--plasma-button-group-loading-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
|
23
23
|
|
24
24
|
.base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
|
25
25
|
|
@@ -82,13 +82,13 @@
|
|
82
82
|
|
83
83
|
.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
84
84
|
|
85
|
-
.
|
86
|
-
.
|
87
|
-
.
|
88
|
-
.
|
89
|
-
.
|
90
|
-
.
|
91
|
-
.
|
85
|
+
.Checkbox_styles_dmi26u_b1udywkg__94b814df{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_dmi26u_b1udywkg__94b814df .Checkbox_styles_dmi26u_singleLine__94b814df{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
86
|
+
.Checkbox_styles_dmi26u_s165w87d__94b814df{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_dmi26u_s165w87d__94b814df:focus{outline:0 none;}
|
87
|
+
.Checkbox_styles_dmi26u_sft3zxv__94b814df{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_dmi26u_sft3zxv__94b814df div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_dmi26u_sft3zxv__94b814df div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
88
|
+
.Checkbox_styles_dmi26u_s1u3nd7e__94b814df{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
|
89
|
+
.Checkbox_styles_dmi26u_shwv1in__94b814df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
90
|
+
.Checkbox_styles_dmi26u_s1my1ay__94b814df{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
91
|
+
.Checkbox_styles_dmi26u_s14u8fnn__94b814df{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_dmi26u_s14u8fnn__94b814df.Checkbox_styles_dmi26u_onlyDescription__94b814df{margin-top:0;}
|
92
92
|
|
93
93
|
.base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
|
94
94
|
|
@@ -96,24 +96,23 @@
|
|
96
96
|
|
97
97
|
.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae.base_1d7o4za_focusVisible__19288bae:focus::before,.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae{border-color:transparent;position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
|
98
98
|
|
99
|
-
.
|
100
|
-
.
|
99
|
+
.Radiobox_styles_520asv_s14xglkp__9ae15036{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_520asv_s14xglkp__9ae15036{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
100
|
+
.Radiobox_styles_520asv_bdte4ex__9ae15036{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_520asv_bdte4ex__9ae15036 .Radiobox_styles_520asv_singleLine__9ae15036{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
101
101
|
|
102
102
|
.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
|
103
103
|
.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
104
104
|
.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
105
105
|
.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
|
106
106
|
|
107
|
-
.
|
108
|
-
.
|
109
|
-
.
|
110
|
-
.
|
111
|
-
.
|
112
|
-
.
|
113
|
-
.
|
114
|
-
.
|
115
|
-
.
|
116
|
-
.TextArea_styles_wt773g_s3wsw3p__7337913a{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_wt773g_s3wsw3p__7337913a.TextArea_styles_wt773g_placementOuter__7337913a{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_wt773g_s3wsw3p__7337913a.TextArea_styles_wt773g_placementOuter__7337913a.TextArea_styles_wt773g_alignRight__7337913a{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_wt773g_s3wsw3p__7337913a.TextArea_styles_wt773g_placementInner__7337913a{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_wt773g_s3wsw3p__7337913a.TextArea_styles_wt773g_placementInner__7337913a.TextArea_styles_wt773g_alignRight__7337913a{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
107
|
+
.TextArea_styles_1bv40vw_s1luq7vd__4a2d9007{margin-bottom:var(--plasma-textarea-label-margin-bottom);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
108
|
+
.TextArea_styles_1bv40vw_s1r1fvk8__4a2d9007{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s1r1fvk8-0);border-radius:var(--s1r1fvk8-1);}
|
109
|
+
.TextArea_styles_1bv40vw_surmvwq__4a2d9007{position:absolute;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;bottom:0;z-index:1;top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
110
|
+
.TextArea_styles_1bv40vw_s18bd513__4a2d9007{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--s18bd513-0);position:relative;}
|
111
|
+
.TextArea_styles_1bv40vw_s7alcr2__4a2d9007{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s7alcr2-0);--plasma_private-textarea-height:var(--s7alcr2-1);--plasma_private-textarea-width:var(--s7alcr2-2);--plasma_private-textarea-computed-height:var(--s7alcr2-3);--plasma_private-textarea-computed-width:var(--s7alcr2-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7alcr2-5);max-width:var(--s7alcr2-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7alcr2-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s7alcr2-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_1bv40vw_s7alcr2__4a2d9007::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1bv40vw_s7alcr2__4a2d9007::-moz-placeholder{opacity:0;}.TextArea_styles_1bv40vw_s7alcr2__4a2d9007:-ms-input-placeholder{opacity:0;}.TextArea_styles_1bv40vw_s7alcr2__4a2d9007::placeholder{opacity:0;}.TextArea_styles_1bv40vw_s7alcr2__4a2d9007:-moz-read-only{cursor:default;}.TextArea_styles_1bv40vw_s7alcr2__4a2d9007:read-only{cursor:default;}.TextArea_styles_1bv40vw_s7alcr2__4a2d9007:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}
|
112
|
+
.TextArea_styles_1bv40vw_si9oz50__4a2d9007{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
|
113
|
+
.TextArea_styles_1bv40vw_s18tpn65__4a2d9007{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
|
114
|
+
.TextArea_styles_1bv40vw_s19sfsrt__4a2d9007.TextArea_styles_1bv40vw_s18tpn65__4a2d9007{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
115
|
+
.TextArea_styles_1bv40vw_sfype23__4a2d9007{box-sizing:border-box;position:absolute;pointer-events:none;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-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--sfype23-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
117
116
|
|
118
117
|
.base_jjtr9h_bofyi4a__1bb5db39 .base_jjtr9h_textareaContainer__1bb5db39{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color);}.base_jjtr9h_bofyi4a__1bb5db39 .base_jjtr9h_textareaWrapper__1bb5db39{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaWrapper__1bb5db39{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaContainer__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaContainer__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39 + .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:active:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_jjtr9h_bofyi4a__1bb5db39:active:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39 + .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
119
118
|
|
@@ -129,23 +128,22 @@
|
|
129
128
|
|
130
129
|
.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);}
|
131
130
|
|
132
|
-
.
|
131
|
+
.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementOuter__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_suk2zst__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_s600610__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:focus ~ .base_170eaex_l13qvwoy__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:not(:placeholder-shown) ~ .base_170eaex_l13qvwoy__bb168e4c{-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_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus):-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus:-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{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);}
|
133
132
|
|
134
|
-
.
|
135
|
-
.
|
136
|
-
.
|
137
|
-
.
|
138
|
-
|
139
|
-
.
|
140
|
-
.
|
133
|
+
.TextField_styles_9fkr1l_iq39zt5__db7f1e30{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;}
|
134
|
+
.TextField_styles_9fkr1l_i1j28rg8__db7f1e30{-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_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
135
|
+
.TextField_styles_9fkr1l_s13zudoe__db7f1e30{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;}
|
136
|
+
.TextField_styles_9fkr1l_io4bpie__db7f1e30{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%;}
|
137
|
+
|
138
|
+
.TextField_styles_9fkr1l_s19ry60d__db7f1e30{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
139
|
+
.TextField_styles_9fkr1l_sbt1ohz__db7f1e30{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
141
140
|
|
142
141
|
|
143
142
|
|
144
|
-
.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);}
|
145
143
|
|
146
144
|
.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);}
|
147
145
|
|
148
|
-
.
|
146
|
+
.TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
|
149
147
|
|
150
148
|
.after_1sk7lsj_l1u83q10__310e7ae9{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
|
151
149
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.132.0-canary.
|
3
|
+
"version": "0.132.0-canary.1368.10558535646.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "2c1cf8c4e15a0d186d2a4ceadf8e0e3378581244"
|
122
122
|
}
|
@@ -57,6 +57,7 @@ var buttonRoot = exports.buttonRoot = function buttonRoot(Root) {
|
|
57
57
|
var stretchingClass = stretch ? _Button2.classes.filledStretching : _Button2.classes["".concat(stretching, "Stretching")];
|
58
58
|
var contentRelaxedClass = contentPlacing === 'relaxed' ? _Button2.classes.contentRelaxed : undefined;
|
59
59
|
var squareClass = square ? _Button2.classes.buttonSquare : undefined;
|
60
|
+
var isLoadingClass = isLoading ? _Button2.classes.buttonLoading : undefined;
|
60
61
|
var buttonBorderRadius = pin ? (0, _roundness.convertRoundnessMatrix)(pin, "var(".concat(_Button2.tokens.buttonRadius, ")"), "var(".concat(_Button2.tokens.buttonHeight, ")")) : "var(".concat(_Button2.tokens.buttonRadius, ", calc(var(").concat(_Button2.tokens.buttonHeight, ") / 4))");
|
61
62
|
var contentPlacingMapper = {
|
62
63
|
"default": 'center',
|
@@ -72,7 +73,7 @@ var buttonRoot = exports.buttonRoot = function buttonRoot(Root) {
|
|
72
73
|
disabled: disabled,
|
73
74
|
focused: focused || outlined,
|
74
75
|
contentPlacing: contentPlacing,
|
75
|
-
className: (0, _utils.cx)(squareClass, stretchingClass, _Button2.classes.buttonItem, className),
|
76
|
+
className: (0, _utils.cx)(squareClass, stretchingClass, _Button2.classes.buttonItem, className, isLoadingClass),
|
76
77
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
77
78
|
'--plasma_computed-btn-br': buttonBorderRadius,
|
78
79
|
'--plasma_private-blur': blur
|
@@ -11,7 +11,8 @@ var classes = exports.classes = {
|
|
11
11
|
fixedStretching: 'button-stretching-fixed',
|
12
12
|
contentRelaxed: 'button-content-relaxed',
|
13
13
|
buttonSquare: 'button-square',
|
14
|
-
buttonItem: 'button-item'
|
14
|
+
buttonItem: 'button-item',
|
15
|
+
buttonLoading: 'button-loading'
|
15
16
|
};
|
16
17
|
var tokens = exports.tokens = {
|
17
18
|
buttonColor: '--plasma-button-color',
|
@@ -21,6 +22,7 @@ var tokens = exports.tokens = {
|
|
21
22
|
buttonBackgroundColorHover: '--plasma-button-background-color-hover',
|
22
23
|
buttonColorActive: '--plasma-button-color-active',
|
23
24
|
buttonBackgroundColorActive: '--plasma-button-background-color-active',
|
25
|
+
buttonLoadingBackgroundColor: '--plasma-button-loading-background-color',
|
24
26
|
buttonScaleHover: '--plasma-button-scale-hover',
|
25
27
|
buttonScaleActive: '---plasma-button-scale-active',
|
26
28
|
buttonHeight: '--plasma-button-height',
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _Button = /*#__PURE__*/require("../../Button.tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ")
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");&.", "{background-color:var(", ");}:hover{color:var(", ",var(", "));background-color:var(", ",var(", "));scale:var(", ");}:active{color:var(", ",var(", "));background-color:var(", ",var(", "));scale:var(", ");}"], _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColor, _Button.classes.buttonLoading, _Button.tokens.buttonLoadingBackgroundColor, _Button.tokens.buttonColorHover, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorHover, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleHover, _Button.tokens.buttonColorActive, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorActive, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleActive);
|
10
10
|
|
11
11
|
// TODO: #715 background-image: gradients
|
12
12
|
|
@@ -22,6 +22,7 @@ var tokens = exports.tokens = {
|
|
22
22
|
buttonColor: '--plasma-button-group-item-color',
|
23
23
|
buttonValueColor: '--plasma-button-group-item-value-color',
|
24
24
|
buttonBackgroundColor: '--plasma-button-group-item-background-color',
|
25
|
+
buttonLoadingBackgroundColor: '--plasma-button-group-loading-item-background-color',
|
25
26
|
buttonColorHover: '--plasma-button-group-item-color-hover',
|
26
27
|
buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',
|
27
28
|
buttonColorActive: '--plasma-button-group-item-color-active',
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _ButtonGroup = /*#__PURE__*/require("../../ButtonGroup.tokens");
|
9
9
|
var _Button = /*#__PURE__*/require("../../../Button");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _ButtonGroup.classes.buttonGroupOverrideStyles, _Button.buttonClasses.buttonItem, _Button.buttonTokens.buttonColor, _ButtonGroup.tokens.buttonColor, _Button.buttonTokens.buttonValueColor, _ButtonGroup.tokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _ButtonGroup.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _ButtonGroup.tokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _ButtonGroup.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _ButtonGroup.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive, _ButtonGroup.tokens.buttonBackgroundColorActive);
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _ButtonGroup.classes.buttonGroupOverrideStyles, _Button.buttonClasses.buttonItem, _Button.buttonTokens.buttonColor, _ButtonGroup.tokens.buttonColor, _Button.buttonTokens.buttonValueColor, _ButtonGroup.tokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _ButtonGroup.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonLoadingBackgroundColor, _ButtonGroup.tokens.buttonLoadingBackgroundColor, _Button.buttonTokens.buttonColorHover, _ButtonGroup.tokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _ButtonGroup.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _ButtonGroup.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive, _ButtonGroup.tokens.buttonBackgroundColorActive);
|
@@ -18,7 +18,7 @@ var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"
|
|
18
18
|
})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
|
19
19
|
var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
20
|
componentId: "plasma-new-hope__sc-tydhc1-1"
|
21
|
-
})(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:
|
21
|
+
})(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", ");border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBackgroundColor, _Checkbox.tokens.triggerBorderColor);
|
22
22
|
var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
23
23
|
componentId: "plasma-new-hope__sc-tydhc1-2"
|
24
24
|
})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
|
@@ -34,6 +34,7 @@ var tokens = exports.tokens = {
|
|
34
34
|
iconColor: '--plasma-checkbox-icon-color',
|
35
35
|
descriptionColor: '--plasma-checkbox-description-color',
|
36
36
|
triggerBorderColor: '--plasma-checkbox-trigger-border-color',
|
37
|
+
triggerBackgroundColor: '--plasma-checkbox-trigger-background-color',
|
37
38
|
focusColor: '--plasma-checkbox-focus-color',
|
38
39
|
disabledOpacity: '--plasma-checkbox-disabled-opacity'
|
39
40
|
};
|
@@ -9,5 +9,5 @@ var _Button = /*#__PURE__*/require("../Button");
|
|
9
9
|
var _Button2 = /*#__PURE__*/require("../Button/Button.styles");
|
10
10
|
var _IconButton = /*#__PURE__*/require("./IconButton.tokens");
|
11
11
|
// Переопределние токенов из Button
|
12
|
-
var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n ".concat(_Button.buttonTokens.buttonPadding, ": 0;\n\n ").concat(_Button.buttonTokens.buttonColor, ": var(").concat(_IconButton.tokens.iconButtonColor, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColor, ");\n\n ").concat(_Button.buttonTokens.buttonColorHover, ": var(").concat(_IconButton.tokens.iconButtonColorHover, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorHover, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorHover, ");\n\n ").concat(_Button.buttonTokens.buttonColorActive, ": var(").concat(_IconButton.tokens.iconButtonColorActive, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorActive, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorActive, ");\n\n\n ").concat(_Button.buttonTokens.buttonFontFamily, ": var(").concat(_IconButton.tokens.iconButtonFontFamily, ");\n ").concat(_Button.buttonTokens.buttonFontSize, ": var(").concat(_IconButton.tokens.iconButtonFontSize, ");\n ").concat(_Button.buttonTokens.buttonFontStyle, ": var(").concat(_IconButton.tokens.iconButtonFontStyle, ");\n ").concat(_Button.buttonTokens.buttonFontWeight, ":var(").concat(_IconButton.tokens.iconButtonFontWeight, ");\n ").concat(_Button.buttonTokens.buttonLetterSpacing, ": var(").concat(_IconButton.tokens.iconButtonLetterSpacing, ");\n ").concat(_Button.buttonTokens.buttonLineHeight, ": var(").concat(_IconButton.tokens.iconButtonLineHeight, ");\n\n ").concat(_Button.buttonTokens.buttonWidth, ": var(").concat(_IconButton.tokens.iconButtonWidth, ");\n ").concat(_Button.buttonTokens.buttonHeight, ": var(").concat(_IconButton.tokens.iconButtonHeight, ");\n ").concat(_Button.buttonTokens.buttonRadius, ": var(").concat(_IconButton.tokens.iconButtonRadius, ");\n\n ").concat(_Button.buttonTokens.buttonDisabledOpacity, ": var(").concat(_IconButton.tokens.iconButtonDisabledOpacity, ");\n ").concat(_Button.buttonTokens.buttonFocusColor, ": var(").concat(_IconButton.tokens.iconButtonFocusColor, ");\n\n ").concat(_Button.buttonTokens.buttonSpinnerSize, ": var(").concat(_IconButton.tokens.iconButtonSpinnerSize, ");\n ").concat(_Button.buttonTokens.buttonSpinnerColor, ": var(").concat(_IconButton.tokens.iconButtonSpinnerColor, ");\n");
|
12
|
+
var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n ".concat(_Button.buttonTokens.buttonPadding, ": 0;\n\n ").concat(_Button.buttonTokens.buttonColor, ": var(").concat(_IconButton.tokens.iconButtonColor, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColor, ");\n\n ").concat(_Button.buttonTokens.buttonColorHover, ": var(").concat(_IconButton.tokens.iconButtonColorHover, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorHover, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorHover, ");\n\n ").concat(_Button.buttonTokens.buttonColorActive, ": var(").concat(_IconButton.tokens.iconButtonColorActive, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorActive, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Button.buttonTokens.buttonLoadingBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonLoadingBackgroundColor, ");\n\n ").concat(_Button.buttonTokens.buttonFontFamily, ": var(").concat(_IconButton.tokens.iconButtonFontFamily, ");\n ").concat(_Button.buttonTokens.buttonFontSize, ": var(").concat(_IconButton.tokens.iconButtonFontSize, ");\n ").concat(_Button.buttonTokens.buttonFontStyle, ": var(").concat(_IconButton.tokens.iconButtonFontStyle, ");\n ").concat(_Button.buttonTokens.buttonFontWeight, ":var(").concat(_IconButton.tokens.iconButtonFontWeight, ");\n ").concat(_Button.buttonTokens.buttonLetterSpacing, ": var(").concat(_IconButton.tokens.iconButtonLetterSpacing, ");\n ").concat(_Button.buttonTokens.buttonLineHeight, ": var(").concat(_IconButton.tokens.iconButtonLineHeight, ");\n\n ").concat(_Button.buttonTokens.buttonWidth, ": var(").concat(_IconButton.tokens.iconButtonWidth, ");\n ").concat(_Button.buttonTokens.buttonHeight, ": var(").concat(_IconButton.tokens.iconButtonHeight, ");\n ").concat(_Button.buttonTokens.buttonRadius, ": var(").concat(_IconButton.tokens.iconButtonRadius, ");\n\n ").concat(_Button.buttonTokens.buttonDisabledOpacity, ": var(").concat(_IconButton.tokens.iconButtonDisabledOpacity, ");\n ").concat(_Button.buttonTokens.buttonFocusColor, ": var(").concat(_IconButton.tokens.iconButtonFocusColor, ");\n\n ").concat(_Button.buttonTokens.buttonSpinnerSize, ": var(").concat(_IconButton.tokens.iconButtonSpinnerSize, ");\n ").concat(_Button.buttonTokens.buttonSpinnerColor, ": var(").concat(_IconButton.tokens.iconButtonSpinnerColor, ");\n");
|
13
13
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";"], _Button2.baseContent, mappingOverride);
|
@@ -7,6 +7,7 @@ exports.tokens = void 0;
|
|
7
7
|
var tokens = exports.tokens = {
|
8
8
|
iconButtonColor: '--plasma-icon-button-color',
|
9
9
|
iconButtonBackgroundColor: '--plasma-icon-button-background-color',
|
10
|
+
iconButtonLoadingBackgroundColor: '--plasma-icon-button-loading-background-color',
|
10
11
|
iconButtonColorHover: '--plasma-icon-button-color-hover',
|
11
12
|
iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
|
12
13
|
iconButtonColorActive: '--plasma-icon-button-color-active',
|
@@ -12,7 +12,7 @@ var _Radiobox = /*#__PURE__*/require("./Radiobox.tokens");
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
14
|
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
15
|
-
var mappingOverride = /*#__PURE__*/"\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radiobox.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerMargin, ": var(").concat(_Radiobox.tokens.triggerMargin, ");\n");
|
15
|
+
var mappingOverride = /*#__PURE__*/"\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radiobox.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radiobox.tokens.triggerBackgroundColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerMargin, ": var(").concat(_Radiobox.tokens.triggerMargin, ");\n");
|
16
16
|
var StyledEllipse = exports.StyledEllipse = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-rqiilp-0"
|
18
18
|
})(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseColor);
|
@@ -26,6 +26,7 @@ var tokens = exports.tokens = {
|
|
26
26
|
fillColor: '--plasma-radiobox-fill-color',
|
27
27
|
descriptionColor: '--plasma-radiobox-description-color',
|
28
28
|
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
29
|
+
triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
|
29
30
|
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
30
31
|
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
31
32
|
triggerSize: '--plasma-radiobox-trigger-size',
|
@@ -16,8 +16,7 @@ var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
|
|
16
16
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
17
17
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
18
18
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
19
|
-
var
|
20
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredAlign", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
19
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
21
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -98,8 +97,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
98
97
|
width = props.width,
|
99
98
|
value = props.value,
|
100
99
|
disabled = props.disabled,
|
101
|
-
required = props.required,
|
102
|
-
requiredAlign = props.requiredAlign,
|
103
100
|
size = props.size,
|
104
101
|
view = props.view,
|
105
102
|
id = props.id,
|
@@ -128,8 +125,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
128
125
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
129
126
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
130
127
|
var placeLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;
|
131
|
-
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
132
|
-
var requiredAlignClass = requiredAlign === 'right' ? 'align-right ' : undefined;
|
133
128
|
(0, _plasmaCore.useResizeObserver)(outerRef, function (currentElement) {
|
134
129
|
var inlineWidth = currentElement.style.width;
|
135
130
|
if (inlineWidth || cols) {
|
@@ -168,21 +163,16 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
168
163
|
size: size,
|
169
164
|
disabled: disabled,
|
170
165
|
readOnly: readOnly,
|
171
|
-
required: required,
|
172
166
|
style: _objectSpread({
|
173
167
|
width: helperWidth
|
174
168
|
}, style),
|
175
169
|
className: className
|
176
|
-
},
|
177
|
-
className: (0, _utils.cx)('placement-outer', requiredAlignClass)
|
178
|
-
}), label), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContainer, {
|
170
|
+
}, label && labelPlacement === 'outer' && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContainer, {
|
179
171
|
className: _utils.cx.apply(void 0, [styledContainer].concat(_toConsumableArray(dynamicLabelClasses))),
|
180
172
|
width: helperWidth,
|
181
173
|
onFocus: onFocusHandler,
|
182
174
|
onBlur: onBlurHandler
|
183
|
-
},
|
184
|
-
className: (0, _utils.cx)('placement-inner', requiredAlignClass)
|
185
|
-
}), contentRight && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContent, null, contentRight), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextAreaWrapper, {
|
175
|
+
}, contentRight && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContent, null, contentRight), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextAreaWrapper, {
|
186
176
|
className: styledTextAreaWrapper,
|
187
177
|
hasHelper: hasHelper
|
188
178
|
}, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextArea, _extends({
|
@@ -230,10 +220,6 @@ var textAreaConfig = exports.textAreaConfig = {
|
|
230
220
|
css: _base3.base,
|
231
221
|
attrs: true
|
232
222
|
},
|
233
|
-
required: {
|
234
|
-
css: _base4.base,
|
235
|
-
attrs: true
|
236
|
-
},
|
237
223
|
readOnly: {
|
238
224
|
attrs: true
|
239
225
|
}
|
@@ -3,14 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledTextAreaWrapper = exports.StyledTextArea = exports.StyledRightHelper = exports.StyledPlaceholder = exports.StyledLeftHelper = exports.StyledLabel = exports.
|
6
|
+
exports.StyledTextAreaWrapper = exports.StyledTextArea = exports.StyledRightHelper = exports.StyledPlaceholder = exports.StyledLeftHelper = exports.StyledLabel = exports.StyledHelpers = exports.StyledContent = exports.StyledContainer = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
9
9
|
var _TextArea = /*#__PURE__*/require("./TextArea.tokens");
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
11
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-pxxv3p-0"
|
13
|
-
})(["
|
13
|
+
})(["margin-bottom:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.labelMarginBottom, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
|
14
14
|
var StyledTextAreaWrapper = exports.StyledTextAreaWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-pxxv3p-1"
|
16
16
|
})(["background-color:var(", ");padding-top:var(", ");padding-bottom:", ";border-radius:", ";"], _TextArea.tokens.inputBackgroundColor, _TextArea.tokens.inputPaddingTop, function (_ref) {
|
@@ -74,7 +74,4 @@ var StyledPlaceholder = exports.StyledPlaceholder = /*#__PURE__*/_styledComponen
|
|
74
74
|
})(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.placeholderColor, _TextArea.tokens.inputPaddingTop, _TextArea.tokens.inputPaddingLeft, function (_ref13) {
|
75
75
|
var hasContentRight = _ref13.hasContentRight;
|
76
76
|
return hasContentRight ? "var(".concat(_TextArea.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(_TextArea.tokens.inputPaddingRight, ")");
|
77
|
-
}, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
|
78
|
-
var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
79
|
-
componentId: "plasma-new-hope__sc-pxxv3p-9"
|
80
|
-
})(["position:absolute;border-radius:50%;background-color:var(", ");&.placement-outer{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.placement-inner{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], _TextArea.tokens.indicatorColor, _TextArea.tokens.indicatorSizeOuter, _TextArea.tokens.indicatorSizeOuter, _TextArea.tokens.indicatorLabelPlacementOuter, _TextArea.tokens.indicatorLabelPlacementOuterRight, _TextArea.tokens.indicatorSizeInner, _TextArea.tokens.indicatorSizeInner, _TextArea.tokens.indicatorLabelPlacementInner, _TextArea.tokens.indicatorLabelPlacementInnerRight);
|
77
|
+
}, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
|
@@ -32,7 +32,7 @@ export function App() {
|
|
32
32
|
```
|
33
33
|
|
34
34
|
### Размеры компонента
|
35
|
-
Высоту и ширину можно регулировать с помощью свойств `height` и `width`,
|
35
|
+
Высоту и ширину можно регулировать с помощью свойств `height` и `width`,
|
36
36
|
указав значения в `rem` или соответствующие свойствам css значения.
|
37
37
|
`height` и `width` отвечают за **всю** высоту и ширину компонента.
|
38
38
|
|
@@ -76,7 +76,7 @@ export function App() {
|
|
76
76
|
|
77
77
|
### Autoresize
|
78
78
|
Также можно включить автоматическое регулирование высоты поля ввода по длине контента внутри (параметра `value`).
|
79
|
-
Для этого необходимо использовать свойство `autoResize`.
|
79
|
+
Для этого необходимо использовать свойство `autoResize`.
|
80
80
|
|
81
81
|
Свойства `minAuto`, `maxAuto` указываются в абсолютных единицах и отвечают за минимальное и максимальное количество строк.
|
82
82
|
|
@@ -123,30 +123,4 @@ export function App() {
|
|
123
123
|
</div>
|
124
124
|
);
|
125
125
|
}
|
126
|
-
```
|
127
|
-
|
128
|
-
|
129
|
-
### Обязательность поля
|
130
|
-
Обязательность поля задаётся с помощью свойств `required` и `requiredAlign`. Где `requiredAlign` отвечает за выравнивание и принимает значения `"left"` и `"right"`:
|
131
|
-
|
132
|
-
```tsx live
|
133
|
-
import React from 'react';
|
134
|
-
import { TextField } from '@salutejs/{{ package }}';
|
135
|
-
|
136
|
-
export function App() {
|
137
|
-
return (
|
138
|
-
<div>
|
139
|
-
<TextArea
|
140
|
-
placeholder="Введите значение"
|
141
|
-
required
|
142
|
-
/>
|
143
|
-
<TextArea
|
144
|
-
placeholder="Введите значение"
|
145
|
-
label="Заголовок"
|
146
|
-
required
|
147
|
-
requiredAlign="right"
|
148
|
-
/>
|
149
|
-
</div>
|
150
|
-
);
|
151
|
-
}
|
152
|
-
```
|
126
|
+
```
|
@@ -152,12 +152,5 @@ var tokens = exports.tokens = {
|
|
152
152
|
/** Прозрачность для всего компонента в состоянии disabled */
|
153
153
|
disabledOpacity: '--plasma-textarea-disabled-opacity',
|
154
154
|
/** Цвет текста для элемента textarea в состоянии disabled */
|
155
|
-
inputColorDisabled: '--plasma-textarea-input-color-disabled'
|
156
|
-
indicatorColor: '--plasma-textarea-indicator-color',
|
157
|
-
indicatorSizeInner: '--plasma-textarea-indicator-size-inner',
|
158
|
-
indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',
|
159
|
-
indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
|
160
|
-
indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
|
161
|
-
indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
|
162
|
-
indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
|
155
|
+
inputColorDisabled: '--plasma-textarea-input-color-disabled'
|
163
156
|
};
|