@salutejs/plasma-new-hope 0.344.0-canary.2402.20441017793.0 → 0.344.0-canary.2403.20455152253.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/Autocomplete/Autocomplete.css +26 -26
- package/dist/css/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/dist/css/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles_oleegh.css +1 -0
- package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.css +26 -26
- package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -2
- package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_1r643gn.css +1 -0
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.css +26 -26
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -26
- package/dist/css/cjs/components/DatePicker/SingleDate/SingleDate.css +25 -25
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +32 -32
- package/dist/css/cjs/components/DateTimePicker/ui/Input/Input.css +25 -25
- package/dist/css/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.css +7 -7
- package/dist/css/cjs/components/Pagination/Pagination.css +29 -29
- package/dist/css/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +29 -29
- package/dist/css/cjs/components/Range/Range.css +26 -26
- package/dist/css/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/dist/css/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/dist/css/cjs/components/Range/variations/_readonly/base_sjb43y.css +1 -0
- package/dist/css/cjs/components/Rating/utils/getIcons.js +1 -0
- package/dist/css/cjs/components/Rating/utils/getIcons.js.map +1 -1
- package/dist/css/cjs/components/Select/Select.css +29 -29
- package/dist/css/cjs/components/Select/Select.js +5 -1
- package/dist/css/cjs/components/Select/Select.js.map +1 -1
- package/dist/css/cjs/components/Select/Select.tokens.js +1 -0
- package/dist/css/cjs/components/Select/Select.tokens.js.map +1 -1
- package/dist/css/cjs/components/Select/ui/Target/Target.css +29 -29
- package/dist/css/cjs/components/Select/ui/Target/Target.js +2 -0
- package/dist/css/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +29 -29
- package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
- package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -11
- package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/dist/css/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_19e9015.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q5q8aa.css} +1 -1
- package/dist/css/cjs/components/Slider/Slider.css +25 -25
- package/dist/css/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +25 -25
- package/dist/css/cjs/components/Table/Table.css +29 -29
- package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +29 -29
- package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +29 -29
- package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +29 -29
- package/dist/css/cjs/components/TextArea/TextArea.js +3 -1
- package/dist/css/cjs/components/TextArea/TextArea.js.map +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.styles.js +5 -5
- package/dist/css/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/dist/css/cjs/components/TextArea/{TextArea.styles_exqsyh.css → TextArea.styles_j6drga.css} +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.tokens.js +4 -1
- package/dist/css/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/dist/css/cjs/components/TextArea/ui/Hint/Hint.css +22 -22
- package/dist/css/cjs/components/TextField/TextField.js +3 -1
- package/dist/css/cjs/components/TextField/TextField.js.map +1 -1
- package/dist/css/cjs/components/TextField/TextField.styles.js +5 -5
- package/dist/css/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/dist/css/cjs/components/TextField/{TextField.styles_1pu4eym.css → TextField.styles_s18fd2.css} +1 -1
- package/dist/css/cjs/components/TextField/TextField.tokens.js +5 -0
- package/dist/css/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/dist/css/cjs/components/TextField/ui/Hint/Hint.css +22 -22
- package/dist/css/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- package/dist/css/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/dist/css/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/dist/css/cjs/components/TextField/variations/_read-only/base_1ys6zet.css +1 -0
- package/dist/css/cjs/components/TextField/variations/_view/base.js +1 -1
- package/dist/css/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/dist/css/cjs/components/TextField/variations/_view/base_19qf9jc.css +1 -0
- package/dist/css/cjs/components/TimePicker/TimePicker.css +36 -36
- package/dist/css/cjs/components/TimePicker/TimePicker.styles.js +3 -3
- package/dist/css/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/dist/css/{es/components/TimePicker/TimePicker.styles_1qm4hou.css → cjs/components/TimePicker/TimePicker.styles_5l5u0m.css} +1 -1
- package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.css +7 -7
- package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
- package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -1
- package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -7
- package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +3 -3
- package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -1
- package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_pwqkan.css +7 -0
- package/dist/css/cjs/index.css +66 -66
- package/dist/css/cjs/index.js +2 -0
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/cjs/mixins/typography.js +13 -0
- package/dist/css/cjs/mixins/typography.js.map +1 -1
- package/dist/css/es/components/Autocomplete/Autocomplete.css +26 -26
- package/dist/css/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/dist/css/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles_oleegh.css +1 -0
- package/dist/css/es/components/Combobox/ComboboxNew/Combobox.css +26 -26
- package/dist/css/es/components/Combobox/ComboboxNew/Combobox.js +3 -2
- package/dist/css/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/dist/css/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/dist/css/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_1r643gn.css +1 -0
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.css +26 -26
- package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -26
- package/dist/css/es/components/DatePicker/SingleDate/SingleDate.css +25 -25
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +32 -32
- package/dist/css/es/components/DateTimePicker/ui/Input/Input.css +25 -25
- package/dist/css/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.css +7 -7
- package/dist/css/es/components/Pagination/Pagination.css +29 -29
- package/dist/css/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +29 -29
- package/dist/css/es/components/Range/Range.css +26 -26
- package/dist/css/es/components/Range/variations/_readonly/base.js +1 -1
- package/dist/css/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/dist/css/es/components/Range/variations/_readonly/base_sjb43y.css +1 -0
- package/dist/css/es/components/Rating/utils/getIcons.js +1 -0
- package/dist/css/es/components/Rating/utils/getIcons.js.map +1 -1
- package/dist/css/es/components/Select/Select.css +29 -29
- package/dist/css/es/components/Select/Select.js +5 -1
- package/dist/css/es/components/Select/Select.js.map +1 -1
- package/dist/css/es/components/Select/Select.tokens.js +1 -0
- package/dist/css/es/components/Select/Select.tokens.js.map +1 -1
- package/dist/css/es/components/Select/ui/Target/Target.css +29 -29
- package/dist/css/es/components/Select/ui/Target/Target.js +2 -0
- package/dist/css/es/components/Select/ui/Target/Target.js.map +1 -1
- package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.css +29 -29
- package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
- package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -11
- package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/dist/css/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_19e9015.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q5q8aa.css} +1 -1
- package/dist/css/es/components/Slider/Slider.css +25 -25
- package/dist/css/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +25 -25
- package/dist/css/es/components/Table/Table.css +29 -29
- package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +29 -29
- package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +29 -29
- package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +29 -29
- package/dist/css/es/components/TextArea/TextArea.js +3 -1
- package/dist/css/es/components/TextArea/TextArea.js.map +1 -1
- package/dist/css/es/components/TextArea/TextArea.styles.js +5 -5
- package/dist/css/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/dist/css/es/components/TextArea/{TextArea.styles_exqsyh.css → TextArea.styles_j6drga.css} +1 -1
- package/dist/css/es/components/TextArea/TextArea.tokens.js +4 -1
- package/dist/css/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/dist/css/es/components/TextArea/ui/Hint/Hint.css +22 -22
- package/dist/css/es/components/TextField/TextField.js +3 -1
- package/dist/css/es/components/TextField/TextField.js.map +1 -1
- package/dist/css/es/components/TextField/TextField.styles.js +5 -5
- package/dist/css/es/components/TextField/TextField.styles.js.map +1 -1
- package/dist/css/es/components/TextField/{TextField.styles_1pu4eym.css → TextField.styles_s18fd2.css} +1 -1
- package/dist/css/es/components/TextField/TextField.tokens.js +5 -0
- package/dist/css/es/components/TextField/TextField.tokens.js.map +1 -1
- package/dist/css/es/components/TextField/ui/Hint/Hint.css +22 -22
- package/dist/css/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- package/dist/css/es/components/TextField/variations/_read-only/base.js +1 -1
- package/dist/css/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/dist/css/es/components/TextField/variations/_read-only/base_1ys6zet.css +1 -0
- package/dist/css/es/components/TextField/variations/_view/base.js +1 -1
- package/dist/css/es/components/TextField/variations/_view/base.js.map +1 -1
- package/dist/css/es/components/TextField/variations/_view/base_19qf9jc.css +1 -0
- package/dist/css/es/components/TimePicker/TimePicker.css +36 -36
- package/dist/css/es/components/TimePicker/TimePicker.styles.js +3 -3
- package/dist/css/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/dist/css/{cjs/components/TimePicker/TimePicker.styles_1qm4hou.css → es/components/TimePicker/TimePicker.styles_5l5u0m.css} +1 -1
- package/dist/css/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/css/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/dist/css/es/components/TimePickerGrid/TimePickerGrid.css +7 -7
- package/dist/css/es/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
- package/dist/css/es/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -1
- package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -7
- package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +3 -3
- package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -1
- package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_pwqkan.css +7 -0
- package/dist/css/es/index.css +66 -66
- package/dist/css/es/index.js +1 -1
- package/dist/css/es/mixins/typography.js +12 -1
- package/dist/css/es/mixins/typography.js.map +1 -1
- package/dist/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/dist/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +2 -2
- package/dist/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -2
- package/dist/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/dist/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/dist/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/dist/emotion/cjs/components/Rating/utils/getIcons.js +1 -0
- package/dist/emotion/cjs/components/Select/Select.js +5 -1
- package/dist/emotion/cjs/components/Select/Select.tokens.js +1 -0
- package/dist/emotion/cjs/components/Select/ui/Target/Target.js +2 -1
- package/dist/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/dist/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -8
- package/dist/emotion/cjs/components/TextArea/TextArea.js +4 -2
- package/dist/emotion/cjs/components/TextArea/TextArea.styles.js +48 -48
- package/dist/emotion/cjs/components/TextArea/TextArea.tokens.js +3 -1
- package/dist/emotion/cjs/components/TextField/TextField.js +4 -2
- package/dist/emotion/cjs/components/TextField/TextField.styles.js +46 -46
- package/dist/emotion/cjs/components/TextField/TextField.tokens.js +5 -0
- package/dist/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/dist/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/dist/emotion/cjs/components/TimePicker/TimePicker.styles.js +9 -9
- package/dist/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/emotion/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
- package/dist/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +20 -14
- package/dist/emotion/cjs/examples/components/Accordion/Accordion.config.js +11 -10
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/dist/emotion/cjs/examples/components/Rating/Rating.config.js +16 -15
- package/dist/emotion/cjs/examples/components/Skeleton/LineSkeleton.config.js +20 -19
- package/dist/emotion/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +15 -14
- package/dist/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -16
- package/dist/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabs.config.js +16 -15
- package/dist/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/dist/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +6 -6
- package/dist/emotion/cjs/examples/components/typography/components/Heading/Heading.config.js +6 -5
- package/dist/emotion/cjs/mixins/typography.js +17 -0
- package/dist/emotion/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/dist/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +2 -2
- package/dist/emotion/es/components/Combobox/ComboboxNew/Combobox.js +3 -2
- package/dist/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/dist/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/dist/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/dist/emotion/es/components/Rating/utils/getIcons.js +1 -0
- package/dist/emotion/es/components/Select/Select.js +5 -1
- package/dist/emotion/es/components/Select/Select.tokens.js +1 -0
- package/dist/emotion/es/components/Select/ui/Target/Target.js +2 -1
- package/dist/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/dist/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -8
- package/dist/emotion/es/components/TextArea/TextArea.js +4 -2
- package/dist/emotion/es/components/TextArea/TextArea.styles.js +48 -48
- package/dist/emotion/es/components/TextArea/TextArea.tokens.js +3 -1
- package/dist/emotion/es/components/TextField/TextField.js +4 -2
- package/dist/emotion/es/components/TextField/TextField.styles.js +46 -46
- package/dist/emotion/es/components/TextField/TextField.tokens.js +5 -0
- package/dist/emotion/es/components/TextField/variations/_read-only/base.js +1 -1
- package/dist/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/dist/emotion/es/components/TimePicker/TimePicker.styles.js +9 -9
- package/dist/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/emotion/es/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
- package/dist/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +20 -14
- package/dist/emotion/es/examples/components/Accordion/Accordion.config.js +11 -10
- package/dist/emotion/es/examples/components/Rating/Rating.config.js +16 -15
- package/dist/emotion/es/examples/components/Skeleton/LineSkeleton.config.js +20 -19
- package/dist/emotion/es/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +15 -14
- package/dist/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -16
- package/dist/emotion/es/examples/components/Tabs/horizontal/HorizontalTabs.config.js +16 -15
- package/dist/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/dist/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +6 -6
- package/dist/emotion/es/examples/components/typography/components/Heading/Heading.config.js +6 -5
- package/dist/emotion/es/mixins/typography.js +11 -0
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/dist/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +4 -2
- package/dist/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -2
- package/dist/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/dist/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +4 -2
- package/dist/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/dist/styled-components/cjs/components/Rating/utils/getIcons.js +1 -0
- package/dist/styled-components/cjs/components/Select/Select.js +5 -1
- package/dist/styled-components/cjs/components/Select/Select.tokens.js +1 -0
- package/dist/styled-components/cjs/components/Select/ui/Target/Target.js +2 -1
- package/dist/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/dist/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +6 -7
- package/dist/styled-components/cjs/components/TextArea/TextArea.js +3 -1
- package/dist/styled-components/cjs/components/TextArea/TextArea.styles.js +28 -26
- package/dist/styled-components/cjs/components/TextArea/TextArea.tokens.js +3 -1
- package/dist/styled-components/cjs/components/TextField/TextField.js +3 -1
- package/dist/styled-components/cjs/components/TextField/TextField.styles.js +28 -25
- package/dist/styled-components/cjs/components/TextField/TextField.tokens.js +5 -0
- package/dist/styled-components/cjs/components/TextField/variations/_read-only/base.js +2 -2
- package/dist/styled-components/cjs/components/TextField/variations/_view/base.js +6 -3
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.styles.js +7 -5
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
- package/dist/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +18 -11
- package/dist/styled-components/cjs/examples/components/Accordion/Accordion.config.js +19 -0
- package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/styled-components/cjs/examples/components/Rating/Rating.config.js +27 -0
- package/dist/styled-components/cjs/examples/components/Skeleton/LineSkeleton.config.js +5 -0
- package/dist/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +7 -0
- package/dist/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -0
- package/dist/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabs.config.js +8 -0
- package/dist/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +2 -1
- package/dist/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +2 -1
- package/dist/styled-components/cjs/examples/components/typography/components/Heading/Heading.config.js +11 -0
- package/dist/styled-components/cjs/mixins/typography.js +17 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/dist/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +4 -2
- package/dist/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +3 -2
- package/dist/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/dist/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +4 -2
- package/dist/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
- package/dist/styled-components/es/components/Rating/utils/getIcons.js +1 -0
- package/dist/styled-components/es/components/Select/Select.js +5 -1
- package/dist/styled-components/es/components/Select/Select.tokens.js +1 -0
- package/dist/styled-components/es/components/Select/ui/Target/Target.js +2 -1
- package/dist/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/dist/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +6 -7
- package/dist/styled-components/es/components/TextArea/TextArea.js +3 -1
- package/dist/styled-components/es/components/TextArea/TextArea.styles.js +28 -26
- package/dist/styled-components/es/components/TextArea/TextArea.tokens.js +3 -1
- package/dist/styled-components/es/components/TextField/TextField.js +3 -1
- package/dist/styled-components/es/components/TextField/TextField.styles.js +28 -25
- package/dist/styled-components/es/components/TextField/TextField.tokens.js +5 -0
- package/dist/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
- package/dist/styled-components/es/components/TextField/variations/_view/base.js +7 -4
- package/dist/styled-components/es/components/TimePicker/TimePicker.styles.js +7 -5
- package/dist/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/styled-components/es/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
- package/dist/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +18 -11
- package/dist/styled-components/es/examples/components/Accordion/Accordion.config.js +19 -0
- package/dist/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/dist/styled-components/es/examples/components/Rating/Rating.config.js +27 -0
- package/dist/styled-components/es/examples/components/Skeleton/LineSkeleton.config.js +5 -0
- package/dist/styled-components/es/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +7 -0
- package/dist/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -0
- package/dist/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabs.config.js +8 -0
- package/dist/styled-components/es/examples/components/TimePicker/TimePicker.config.js +2 -1
- package/dist/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +2 -1
- package/dist/styled-components/es/examples/components/typography/components/Heading/Heading.config.js +11 -0
- package/dist/styled-components/es/mixins/typography.js +11 -0
- package/package.json +5 -5
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +1 -0
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/Rating/utils/getIcons.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +1 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +5 -0
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +6 -0
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/components/Tabs/TabItem.types.d.ts +2 -2
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +1 -1
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +3 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +3 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +5 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +1 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts.map +1 -1
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -1
- package/types/examples/components/Accordion/Accordion.config.d.ts +1 -0
- package/types/examples/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/components/Accordion/Accordion.d.ts +1 -0
- package/types/examples/components/Accordion/Accordion.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +24 -0
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Editable/Editable.d.ts +1 -0
- package/types/examples/components/Editable/Editable.d.ts.map +1 -1
- package/types/examples/components/Rating/Rating.config.d.ts +1 -0
- package/types/examples/components/Rating/Rating.config.d.ts.map +1 -1
- package/types/examples/components/Rating/Rating.d.ts +1 -0
- package/types/examples/components/Rating/Rating.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +6 -0
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/types/examples/components/Skeleton/LineSkeleton.config.d.ts +1 -0
- package/types/examples/components/Skeleton/LineSkeleton.config.d.ts.map +1 -1
- package/types/examples/components/Skeleton/Skeleton.d.ts +2 -0
- package/types/examples/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/types/examples/components/Tabs/TabItem.d.ts +3 -1
- package/types/examples/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/components/Tabs/Tabs.d.ts +1 -0
- package/types/examples/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +1 -0
- package/types/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +1 -0
- package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
- package/types/examples/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts.map +1 -1
- package/types/examples/components/typography/components/Heading/Heading.config.d.ts +1 -0
- package/types/examples/components/typography/components/Heading/Heading.config.d.ts.map +1 -1
- package/types/examples/components/typography/components/Heading/Heading.d.ts +1 -0
- package/types/examples/components/typography/components/Heading/Heading.d.ts.map +1 -1
- package/types/mixins/typography.d.ts +16 -0
- package/types/mixins/typography.d.ts.map +1 -1
- package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles_baeqws.css +0 -1
- package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css +0 -1
- package/dist/css/cjs/components/Range/variations/_readonly/base_15u5q5r.css +0 -1
- package/dist/css/cjs/components/TextField/variations/_read-only/base_2lss3j.css +0 -1
- package/dist/css/cjs/components/TextField/variations/_view/base_1twy16p.css +0 -1
- package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +0 -7
- package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles_baeqws.css +0 -1
- package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css +0 -1
- package/dist/css/es/components/Range/variations/_readonly/base_15u5q5r.css +0 -1
- package/dist/css/es/components/TextField/variations/_read-only/base_2lss3j.css +0 -1
- package/dist/css/es/components/TextField/variations/_view/base_1twy16p.css +0 -1
- package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +0 -7
package/dist/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js
CHANGED
|
@@ -21,7 +21,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
|
|
|
21
21
|
var TextField = (0, _engines.component)(mergedConfig);
|
|
22
22
|
var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
|
|
23
23
|
displayName: "Target.styles__StyledTextField",
|
|
24
|
-
componentId: "sc-
|
|
24
|
+
componentId: "sc-7d38a6d6-0"
|
|
25
25
|
})([
|
|
26
26
|
"",
|
|
27
27
|
":var(",
|
|
@@ -327,5 +327,7 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
327
327
|
":var(",
|
|
328
328
|
");",
|
|
329
329
|
":var(",
|
|
330
|
+
");",
|
|
331
|
+
":var(",
|
|
330
332
|
");"
|
|
331
|
-
], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
|
|
333
|
+
], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorFocus, _Comboboxtokens.tokens.textFieldLeftHelperColorFocus, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
|
|
@@ -13,7 +13,7 @@ var _Rangetokens = require("../../Range.tokens");
|
|
|
13
13
|
var _Rangestyles = require("../../Range.styles");
|
|
14
14
|
var base = (0, _styledcomponents.css)([
|
|
15
15
|
"&[readonly]{cursor:default;",
|
|
16
|
-
"{position:relative;
|
|
16
|
+
"{position:relative;background:transparent;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
|
|
17
17
|
");box-shadow:inset 0 0 0 var(",
|
|
18
18
|
",1px) var(",
|
|
19
19
|
");background:var(",
|
|
@@ -178,7 +178,7 @@ var selectRoot = function(Root) {
|
|
|
178
178
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
179
179
|
var _getItemByFocused;
|
|
180
180
|
var // eslint-disable-block @typescript-eslint/ban-ts-comment
|
|
181
|
-
id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
|
|
181
|
+
id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, contentRight = props.contentRight, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
|
|
182
182
|
_offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
|
|
183
183
|
// @ts-ignore
|
|
184
184
|
required = props.required, // @ts-ignore
|
|
@@ -215,6 +215,7 @@ var selectRoot = function(Root) {
|
|
|
215
215
|
"listMaxHeight",
|
|
216
216
|
"listWidth",
|
|
217
217
|
"contentLeft",
|
|
218
|
+
"contentRight",
|
|
218
219
|
"onScrollBottom",
|
|
219
220
|
"onScroll",
|
|
220
221
|
"chipView",
|
|
@@ -523,6 +524,8 @@ var selectRoot = function(Root) {
|
|
|
523
524
|
chipView: chipView,
|
|
524
525
|
disabled: disabled,
|
|
525
526
|
readOnly: readOnly,
|
|
527
|
+
hintView: hintView,
|
|
528
|
+
hintSize: hintSize,
|
|
526
529
|
id: id,
|
|
527
530
|
ref: rootRef
|
|
528
531
|
}, rest), name && /*#__PURE__*/ _react.default.createElement(_SelectNative.SelectNative, {
|
|
@@ -573,6 +576,7 @@ var selectRoot = function(Root) {
|
|
|
573
576
|
labelPlacement: labelPlacement,
|
|
574
577
|
size: size,
|
|
575
578
|
contentLeft: contentLeft,
|
|
579
|
+
contentRight: contentRight,
|
|
576
580
|
disabled: disabled,
|
|
577
581
|
readOnly: readOnly,
|
|
578
582
|
renderValue: renderValue,
|
|
@@ -162,6 +162,7 @@ var tokens = {
|
|
|
162
162
|
textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
|
|
163
163
|
textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
|
|
164
164
|
textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
|
|
165
|
+
textFieldLeftHelperColorFocus: '--plasma-select-textfield-left-helper-color-focus',
|
|
165
166
|
textFieldLeftHelperColorReadOnly: '--plasma-select-textfield__left-helper-color-readonly',
|
|
166
167
|
textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
|
|
167
168
|
textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',
|
|
@@ -53,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
53
53
|
return newObj;
|
|
54
54
|
}
|
|
55
55
|
var Target = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
|
|
56
|
-
var value = param.value, opened = param.opened, valueToItemMap = param.valueToItemMap, label = param.label, placeholder = param.placeholder, onKeyDown = param.onKeyDown, labelPlacement = param.labelPlacement, size = param.size, contentLeft = param.contentLeft, disabled = param.disabled, readOnly = param.readOnly, renderValue = param.renderValue, selectProps = param.selectProps, inputWrapperRef = param.inputWrapperRef, multiselect = param.multiselect, view = param.view, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, isTargetAmount = param.isTargetAmount, onChange = param.onChange, chipView = param.chipView, separator = param.separator, requiredProps = param.requiredProps, hintProps = param.hintProps;
|
|
56
|
+
var value = param.value, opened = param.opened, valueToItemMap = param.valueToItemMap, label = param.label, placeholder = param.placeholder, onKeyDown = param.onKeyDown, labelPlacement = param.labelPlacement, size = param.size, contentLeft = param.contentLeft, contentRight = param.contentRight, disabled = param.disabled, readOnly = param.readOnly, renderValue = param.renderValue, selectProps = param.selectProps, inputWrapperRef = param.inputWrapperRef, multiselect = param.multiselect, view = param.view, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, isTargetAmount = param.isTargetAmount, onChange = param.onChange, chipView = param.chipView, separator = param.separator, requiredProps = param.requiredProps, hintProps = param.hintProps;
|
|
57
57
|
var buttonRef = (0, _plasmacore.useForkRef)(ref, inputWrapperRef);
|
|
58
58
|
if (selectProps.renderTarget) {
|
|
59
59
|
return /*#__PURE__*/ _react.default.createElement("div", {
|
|
@@ -89,6 +89,7 @@ var Target = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
|
|
|
89
89
|
size: size,
|
|
90
90
|
view: view,
|
|
91
91
|
contentLeft: contentLeft,
|
|
92
|
+
contentRight: contentRight,
|
|
92
93
|
helperText: helperText,
|
|
93
94
|
treeId: treeId,
|
|
94
95
|
activeDescendantItemValue: activeDescendantItemValue,
|
|
@@ -113,7 +113,7 @@ function _object_spread_props(target, source) {
|
|
|
113
113
|
return target;
|
|
114
114
|
}
|
|
115
115
|
var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
|
|
116
|
-
var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps, chipClickArea = param.chipClickArea;
|
|
116
|
+
var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, contentRight = param.contentRight, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps, chipClickArea = param.chipClickArea;
|
|
117
117
|
var withArrowInverse = opened ? _Selecttokens.classes.arrowInverse : undefined;
|
|
118
118
|
var getValue = function() {
|
|
119
119
|
var _valueToItemMap_get;
|
|
@@ -193,7 +193,7 @@ var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
|
|
|
193
193
|
keepPlaceholder: keepPlaceholder,
|
|
194
194
|
placeholder: _instanceof(value, Array) && value.length ? '' : placeholder,
|
|
195
195
|
contentLeft: contentLeft,
|
|
196
|
-
contentRight: /*#__PURE__*/ _react.default.createElement(_Textfieldstyles.IconArrowWrapper, {
|
|
196
|
+
contentRight: contentRight || contentRight !== undefined ? contentRight : /*#__PURE__*/ _react.default.createElement(_Textfieldstyles.IconArrowWrapper, {
|
|
197
197
|
disabled: disabled,
|
|
198
198
|
readOnly: readOnly
|
|
199
199
|
}, /*#__PURE__*/ _react.default.createElement(_Textfieldstyles.StyledArrow, {
|
package/dist/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js
CHANGED
|
@@ -39,7 +39,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
|
|
|
39
39
|
var TextField = (0, _engines.component)(mergedConfig);
|
|
40
40
|
var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
|
|
41
41
|
displayName: "Textfield.styles__StyledTextField",
|
|
42
|
-
componentId: "sc-
|
|
42
|
+
componentId: "sc-1adbc556-0"
|
|
43
43
|
})([
|
|
44
44
|
"",
|
|
45
45
|
":var(",
|
|
@@ -353,8 +353,7 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
353
353
|
":var(",
|
|
354
354
|
");",
|
|
355
355
|
":var(",
|
|
356
|
-
");"
|
|
357
|
-
":none;}"
|
|
356
|
+
");}"
|
|
358
357
|
], _TextField.textFieldTokens.color, _Selecttokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Selecttokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Selecttokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Selecttokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Selecttokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Selecttokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColorReadOnly, function(param) {
|
|
359
358
|
var opened = param.opened;
|
|
360
359
|
return opened ? "var(".concat(_Selecttokens.tokens.textFieldBackgroundColorFocus, ")") : "var(".concat(_Selecttokens.tokens.textFieldBackgroundColor, ")");
|
|
@@ -367,10 +366,10 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
367
366
|
}, _TextField.textFieldTokens.placeholderColor, _Selecttokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Selecttokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Selecttokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Selecttokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Selecttokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Selecttokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Selecttokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Selecttokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Selecttokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Selecttokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Selecttokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Selecttokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Selecttokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Selecttokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Selecttokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Selecttokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Selecttokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Selecttokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Selecttokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Selecttokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Selecttokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Selecttokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Selecttokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Selecttokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Selecttokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Selecttokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Selecttokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Selecttokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Selecttokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Selecttokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Selecttokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Selecttokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Selecttokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Selecttokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Selecttokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Selecttokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Selecttokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Selecttokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Selecttokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Selecttokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Selecttokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Selecttokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Selecttokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Selecttokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Selecttokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Selecttokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Selecttokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Selecttokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Selecttokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Selecttokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Selecttokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Selecttokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Selecttokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Selecttokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Selecttokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Selecttokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Selecttokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Selecttokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Selecttokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Selecttokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Selecttokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Selecttokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Selecttokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Selecttokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Selecttokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Selecttokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Selecttokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Selecttokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Selecttokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Selecttokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Selecttokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Selecttokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Selecttokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Selecttokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Selecttokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Selecttokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Selecttokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Selecttokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Selecttokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Selecttokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Selecttokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Selecttokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Selecttokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Selecttokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Selecttokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Selecttokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Selecttokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Selecttokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Selecttokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Selecttokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Selecttokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Selecttokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Selecttokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackground, _Selecttokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundHover, _Selecttokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipBackgroundActive, _Selecttokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Selecttokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Selecttokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Selecttokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Selecttokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Selecttokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Selecttokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Selecttokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Selecttokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Selecttokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Selecttokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Selecttokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Selecttokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Selecttokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Selecttokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Selecttokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Selecttokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.indicatorColor, _Selecttokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Selecttokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Selecttokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Selecttokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Selecttokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Selecttokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Selecttokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Selecttokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Selecttokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Selecttokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.focusColor, _Selecttokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.boxShadow, function(param) {
|
|
368
367
|
var disabled = param.disabled;
|
|
369
368
|
return disabled ? 'none' : "var(".concat(_Selecttokens.tokens.textFieldBoxShadow, ")");
|
|
370
|
-
}, _Selecttokens.tokens.textFieldBackgroundColorFocus, _Selecttokens.classes.readOnly, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Selecttokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Selecttokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Selecttokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _Selecttokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _Selecttokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Selecttokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Selecttokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Selecttokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _Selecttokens.tokens.textFieldChipOpacityReadonly
|
|
369
|
+
}, _Selecttokens.tokens.textFieldBackgroundColorFocus, _Selecttokens.classes.readOnly, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Selecttokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Selecttokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Selecttokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _Selecttokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _Selecttokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Selecttokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Selecttokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Selecttokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _Selecttokens.tokens.textFieldChipOpacityReadonly);
|
|
371
370
|
var IconArrowWrapper = _styledcomponents.default.div.withConfig({
|
|
372
371
|
displayName: "Textfield.styles__IconArrowWrapper",
|
|
373
|
-
componentId: "sc-
|
|
372
|
+
componentId: "sc-1adbc556-1"
|
|
374
373
|
})([
|
|
375
374
|
"line-height:0;color:var(",
|
|
376
375
|
");cursor:",
|
|
@@ -394,7 +393,7 @@ var sizeMap = {
|
|
|
394
393
|
};
|
|
395
394
|
var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
|
|
396
395
|
displayName: "Textfield.styles__StyledArrow",
|
|
397
|
-
componentId: "sc-
|
|
396
|
+
componentId: "sc-1adbc556-2"
|
|
398
397
|
})([
|
|
399
398
|
"width:",
|
|
400
399
|
";height:",
|
|
@@ -408,7 +407,7 @@ var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentere
|
|
|
408
407
|
});
|
|
409
408
|
var StyledLeftHelper = _styledcomponents.default.span.withConfig({
|
|
410
409
|
displayName: "Textfield.styles__StyledLeftHelper",
|
|
411
|
-
componentId: "sc-
|
|
410
|
+
componentId: "sc-1adbc556-3"
|
|
412
411
|
})([
|
|
413
412
|
"margin:0;padding:0;"
|
|
414
413
|
]);
|
|
@@ -476,7 +476,9 @@ var textAreaRoot = function(Root) {
|
|
|
476
476
|
})), hasHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHelpers, {
|
|
477
477
|
className: styledHelpers,
|
|
478
478
|
id: textareaHelperId
|
|
479
|
-
}, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper,
|
|
479
|
+
}, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper, {
|
|
480
|
+
className: focused ? _TextAreatokens.classes.leftHelperFocus : ''
|
|
481
|
+
}, leftHelper || helperText), rightHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledRightHelper, {
|
|
480
482
|
"data-root": true
|
|
481
483
|
}, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
|
|
482
484
|
hasContentRight: Boolean(contentRight),
|
|
@@ -96,13 +96,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
|
|
|
96
96
|
var Tooltip = (0, _engines.component)(mergedConfig);
|
|
97
97
|
var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
|
|
98
98
|
displayName: "TextArea.styles__Hint",
|
|
99
|
-
componentId: "sc-
|
|
99
|
+
componentId: "sc-621ad7e5-0"
|
|
100
100
|
})([
|
|
101
101
|
""
|
|
102
102
|
]);
|
|
103
103
|
var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
|
|
104
104
|
displayName: "TextArea.styles__OuterLabelWrapper",
|
|
105
|
-
componentId: "sc-
|
|
105
|
+
componentId: "sc-621ad7e5-1"
|
|
106
106
|
})([
|
|
107
107
|
"display:flex;align-items:center;max-width:",
|
|
108
108
|
";margin-bottom:",
|
|
@@ -116,7 +116,7 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
|
|
|
116
116
|
});
|
|
117
117
|
var StyledLabel = _styledcomponents.default.div.withConfig({
|
|
118
118
|
displayName: "TextArea.styles__StyledLabel",
|
|
119
|
-
componentId: "sc-
|
|
119
|
+
componentId: "sc-621ad7e5-2"
|
|
120
120
|
})([
|
|
121
121
|
"position:relative;display:inline-flex;color:var(",
|
|
122
122
|
",var(",
|
|
@@ -136,7 +136,7 @@ var StyledLabel = _styledcomponents.default.div.withConfig({
|
|
|
136
136
|
], _TextAreatokens.tokens.labelOuterColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.labelOuterFontFamily, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.labelOuterFontSize, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.labelOuterFontStyle, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.labelOuterFontWeight, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.labelOuterLetterSpacing, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.labelOuterLineHeight, _TextAreatokens.tokens.inputLineHeight);
|
|
137
137
|
var TitleCaption = _styledcomponents.default.div.withConfig({
|
|
138
138
|
displayName: "TextArea.styles__TitleCaption",
|
|
139
|
-
componentId: "sc-
|
|
139
|
+
componentId: "sc-621ad7e5-3"
|
|
140
140
|
})([
|
|
141
141
|
"display:inline-block;margin-left:auto;font-family:var(",
|
|
142
142
|
");font-size:var(",
|
|
@@ -148,13 +148,13 @@ var TitleCaption = _styledcomponents.default.div.withConfig({
|
|
|
148
148
|
], _TextAreatokens.tokens.titleCaptionFontFamily, _TextAreatokens.tokens.titleCaptionFontSize, _TextAreatokens.tokens.titleCaptionFontStyle, _TextAreatokens.tokens.titleCaptionFontWeight, _TextAreatokens.tokens.titleCaptionLetterSpacing, _TextAreatokens.tokens.titleCaptionLineHeight);
|
|
149
149
|
var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
|
|
150
150
|
displayName: "TextArea.styles__StyledIndicatorWrapper",
|
|
151
|
-
componentId: "sc-
|
|
151
|
+
componentId: "sc-621ad7e5-4"
|
|
152
152
|
})([
|
|
153
153
|
"position:relative;display:inline-flex;align-items:center;"
|
|
154
154
|
]);
|
|
155
155
|
var StyledOptionalText = _styledcomponents.default.span.withConfig({
|
|
156
156
|
displayName: "TextArea.styles__StyledOptionalText",
|
|
157
|
-
componentId: "sc-
|
|
157
|
+
componentId: "sc-621ad7e5-5"
|
|
158
158
|
})([
|
|
159
159
|
"color:var(",
|
|
160
160
|
");font-family:",
|
|
@@ -185,7 +185,7 @@ var StyledOptionalText = _styledcomponents.default.span.withConfig({
|
|
|
185
185
|
});
|
|
186
186
|
var StyledHintWrapper = _styledcomponents.default.div.withConfig({
|
|
187
187
|
displayName: "TextArea.styles__StyledHintWrapper",
|
|
188
|
-
componentId: "sc-
|
|
188
|
+
componentId: "sc-621ad7e5-6"
|
|
189
189
|
})([
|
|
190
190
|
"display:inline-flex;line-height:0;margin:var(",
|
|
191
191
|
");&.",
|
|
@@ -194,7 +194,7 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
|
|
|
194
194
|
], _TextAreatokens.tokens.hintMargin, _TextAreatokens.classes.innerLabelPlacement, _TextAreatokens.tokens.hintInnerLabelPlacementOffset);
|
|
195
195
|
var HintTargetWrapper = _styledcomponents.default.div.withConfig({
|
|
196
196
|
displayName: "TextArea.styles__HintTargetWrapper",
|
|
197
|
-
componentId: "sc-
|
|
197
|
+
componentId: "sc-621ad7e5-7"
|
|
198
198
|
})([
|
|
199
199
|
"color:var(",
|
|
200
200
|
");width:var(",
|
|
@@ -203,13 +203,13 @@ var HintTargetWrapper = _styledcomponents.default.div.withConfig({
|
|
|
203
203
|
], _TextAreatokens.tokens.hintIconColor, _TextAreatokens.tokens.hintTargetSize, _TextAreatokens.tokens.hintTargetSize);
|
|
204
204
|
var HintIconWrapper = _styledcomponents.default.div.withConfig({
|
|
205
205
|
displayName: "TextArea.styles__HintIconWrapper",
|
|
206
|
-
componentId: "sc-
|
|
206
|
+
componentId: "sc-621ad7e5-8"
|
|
207
207
|
})([
|
|
208
208
|
""
|
|
209
209
|
]);
|
|
210
210
|
var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
|
|
211
211
|
displayName: "TextArea.styles__StyledTextAreaWrapper",
|
|
212
|
-
componentId: "sc-
|
|
212
|
+
componentId: "sc-621ad7e5-9"
|
|
213
213
|
})([
|
|
214
214
|
"display:flex;flex-direction:column;background-color:var(",
|
|
215
215
|
");padding-top:",
|
|
@@ -228,7 +228,7 @@ var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
|
|
|
228
228
|
});
|
|
229
229
|
var StyledContentWrapper = _styledcomponents.default.div.withConfig({
|
|
230
230
|
displayName: "TextArea.styles__StyledContentWrapper",
|
|
231
|
-
componentId: "sc-
|
|
231
|
+
componentId: "sc-621ad7e5-10"
|
|
232
232
|
})([
|
|
233
233
|
"position:relative;width:100%;height:0;padding-top:",
|
|
234
234
|
";"
|
|
@@ -238,7 +238,7 @@ var StyledContentWrapper = _styledcomponents.default.div.withConfig({
|
|
|
238
238
|
});
|
|
239
239
|
var StyledContent = _styledcomponents.default.div.withConfig({
|
|
240
240
|
displayName: "TextArea.styles__StyledContent",
|
|
241
|
-
componentId: "sc-
|
|
241
|
+
componentId: "sc-621ad7e5-11"
|
|
242
242
|
})([
|
|
243
243
|
"position:absolute;display:flex;align-items:center;z-index:1;color:var(",
|
|
244
244
|
",var(",
|
|
@@ -252,27 +252,27 @@ var StyledContent = _styledcomponents.default.div.withConfig({
|
|
|
252
252
|
}, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight);
|
|
253
253
|
var StyledHeaderSlot = _styledcomponents.default.div.withConfig({
|
|
254
254
|
displayName: "TextArea.styles__StyledHeaderSlot",
|
|
255
|
-
componentId: "sc-
|
|
255
|
+
componentId: "sc-621ad7e5-12"
|
|
256
256
|
})([
|
|
257
257
|
"display:flex;flex-direction:column;"
|
|
258
258
|
]);
|
|
259
259
|
var DividerWrapper = _styledcomponents.default.div.withConfig({
|
|
260
260
|
displayName: "TextArea.styles__DividerWrapper",
|
|
261
|
-
componentId: "sc-
|
|
261
|
+
componentId: "sc-621ad7e5-13"
|
|
262
262
|
})([
|
|
263
263
|
"background:var(",
|
|
264
264
|
");"
|
|
265
265
|
], _TextAreatokens.tokens.backgroundColor);
|
|
266
266
|
var Divider = _styledcomponents.default.div.withConfig({
|
|
267
267
|
displayName: "TextArea.styles__Divider",
|
|
268
|
-
componentId: "sc-
|
|
268
|
+
componentId: "sc-621ad7e5-14"
|
|
269
269
|
})([
|
|
270
270
|
"height:0.0625rem;background:var(",
|
|
271
271
|
");"
|
|
272
272
|
], _TextAreatokens.tokens.dividerColor);
|
|
273
273
|
var StyledContainer = _styledcomponents.default.div.withConfig({
|
|
274
274
|
displayName: "TextArea.styles__StyledContainer",
|
|
275
|
-
componentId: "sc-
|
|
275
|
+
componentId: "sc-621ad7e5-15"
|
|
276
276
|
})([
|
|
277
277
|
"display:inline-flex;flex-direction:column;width:",
|
|
278
278
|
";position:relative;"
|
|
@@ -282,7 +282,7 @@ var StyledContainer = _styledcomponents.default.div.withConfig({
|
|
|
282
282
|
});
|
|
283
283
|
var StyledTextArea = _styledcomponents.default.textarea.withConfig({
|
|
284
284
|
displayName: "TextArea.styles__StyledTextArea",
|
|
285
|
-
componentId: "sc-
|
|
285
|
+
componentId: "sc-621ad7e5-16"
|
|
286
286
|
})([
|
|
287
287
|
"display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
|
|
288
288
|
");caret-color:var(",
|
|
@@ -345,7 +345,7 @@ var StyledTextArea = _styledcomponents.default.textarea.withConfig({
|
|
|
345
345
|
}, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight, _TextAreatokens.tokens.inputColorFocus, _TextAreatokens.tokens.scrollbarWidth, _TextAreatokens.tokens.scrollbarThumbBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth, _TextAreatokens.tokens.scrollbarTrackBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth);
|
|
346
346
|
var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
|
|
347
347
|
displayName: "TextArea.styles__StyledHiddenTextArea",
|
|
348
|
-
componentId: "sc-
|
|
348
|
+
componentId: "sc-621ad7e5-17"
|
|
349
349
|
})([
|
|
350
350
|
"max-height:none !important;min-height:var(",
|
|
351
351
|
") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
|
|
@@ -363,7 +363,7 @@ var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
|
|
|
363
363
|
}, _TextAreatokens.tokens.inputPaddingLeft, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
|
|
364
364
|
var StyledHelpers = _styledcomponents.default.div.withConfig({
|
|
365
365
|
displayName: "TextArea.styles__StyledHelpers",
|
|
366
|
-
componentId: "sc-
|
|
366
|
+
componentId: "sc-621ad7e5-18"
|
|
367
367
|
})([
|
|
368
368
|
"box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
|
|
369
369
|
");padding-top:var(",
|
|
@@ -376,14 +376,14 @@ var StyledHelpers = _styledcomponents.default.div.withConfig({
|
|
|
376
376
|
], _TextAreatokens.tokens.helpersBackgroundColor, _TextAreatokens.tokens.helpersPaddingTop, _TextAreatokens.tokens.helpersPaddingRight, _TextAreatokens.tokens.helpersPaddingBottom, _TextAreatokens.tokens.helpersPaddingLeft, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderRadius);
|
|
377
377
|
var StyledOutsideHelpersWrapper = _styledcomponents.default.div.withConfig({
|
|
378
378
|
displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
|
|
379
|
-
componentId: "sc-
|
|
379
|
+
componentId: "sc-621ad7e5-19"
|
|
380
380
|
})([
|
|
381
381
|
"box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
|
|
382
382
|
");"
|
|
383
383
|
], _TextAreatokens.tokens.clearHelpersPaddingTop);
|
|
384
384
|
var StyledLeftHelper = _styledcomponents.default.span.withConfig({
|
|
385
385
|
displayName: "TextArea.styles__StyledLeftHelper",
|
|
386
|
-
componentId: "sc-
|
|
386
|
+
componentId: "sc-621ad7e5-20"
|
|
387
387
|
})([
|
|
388
388
|
"",
|
|
389
389
|
";display:block;font-family:var(",
|
|
@@ -393,18 +393,20 @@ var StyledLeftHelper = _styledcomponents.default.span.withConfig({
|
|
|
393
393
|
");letter-spacing:var(",
|
|
394
394
|
");line-height:var(",
|
|
395
395
|
");color:var(",
|
|
396
|
-
")
|
|
397
|
-
|
|
396
|
+
");&.",
|
|
397
|
+
"{color:var(",
|
|
398
|
+
");}"
|
|
399
|
+
], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor, _TextAreatokens.classes.leftHelperFocus, _TextAreatokens.tokens.leftHelperColorFocus);
|
|
398
400
|
var StyledRightHelper = (0, _styledcomponents.default)(StyledLeftHelper).withConfig({
|
|
399
401
|
displayName: "TextArea.styles__StyledRightHelper",
|
|
400
|
-
componentId: "sc-
|
|
402
|
+
componentId: "sc-621ad7e5-21"
|
|
401
403
|
})([
|
|
402
404
|
"color:var(",
|
|
403
405
|
");margin-left:auto;"
|
|
404
406
|
], _TextAreatokens.tokens.rightHelperColor);
|
|
405
407
|
var StyledPlaceholder = _styledcomponents.default.label.withConfig({
|
|
406
408
|
displayName: "TextArea.styles__StyledPlaceholder",
|
|
407
|
-
componentId: "sc-
|
|
409
|
+
componentId: "sc-621ad7e5-22"
|
|
408
410
|
})([
|
|
409
411
|
"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(",
|
|
410
412
|
");width:100%;height:auto;top:var(",
|
|
@@ -423,7 +425,7 @@ var StyledPlaceholder = _styledcomponents.default.label.withConfig({
|
|
|
423
425
|
}, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
|
|
424
426
|
var StyledIndicator = _styledcomponents.default.div.withConfig({
|
|
425
427
|
displayName: "TextArea.styles__StyledIndicator",
|
|
426
|
-
componentId: "sc-
|
|
428
|
+
componentId: "sc-621ad7e5-23"
|
|
427
429
|
})([
|
|
428
430
|
"position:absolute;border-radius:50%;background-color:var(",
|
|
429
431
|
");&.",
|
|
@@ -34,7 +34,8 @@ var classes = {
|
|
|
34
34
|
hasDivider: 'textarea-has-divider',
|
|
35
35
|
requiredAlignRight: 'required-align-right',
|
|
36
36
|
hasHeaderSlot: 'textarea-has-header-slot',
|
|
37
|
-
styledContentWrapper: 'textarea-content-wrapper'
|
|
37
|
+
styledContentWrapper: 'textarea-content-wrapper',
|
|
38
|
+
leftHelperFocus: 'textarea-left-helper-focus'
|
|
38
39
|
};
|
|
39
40
|
var tokens = {
|
|
40
41
|
/** Цвет фона для всего компонента */ backgroundColor: '--plasma-textarea-background-color',
|
|
@@ -66,6 +67,7 @@ var tokens = {
|
|
|
66
67
|
clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',
|
|
67
68
|
/** Цвет элемента optional */ optionalColor: '--plasma-textarea__optional-color',
|
|
68
69
|
/** Цвет текста для левой подписи снизу */ leftHelperColor: '--plasma-textarea-left-helper-color',
|
|
70
|
+
/** Цвет текста для левой подписи снизу в состоянии focus */ leftHelperColorFocus: '--plasma-textarea-left-helper-color-focus',
|
|
69
71
|
/** Цвет текста для правой подписи снизу */ rightHelperColor: '--plasma-textarea-right-helper-color',
|
|
70
72
|
/** Цвета границы для всего компонента */ borderColor: '--plasma-textarea-border-color',
|
|
71
73
|
borderColorReadOnly: '--plasma-textarea-border-color-readonly',
|
|
@@ -588,6 +588,7 @@ var textFieldRoot = function(Root) {
|
|
|
588
588
|
"aria-labelledby": labelId,
|
|
589
589
|
"aria-describedby": helperTextId,
|
|
590
590
|
placeholder: innerPlaceholderValue,
|
|
591
|
+
hasFocus: hasFocus,
|
|
591
592
|
className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis, readOnly && _TextFieldtokens.classes.readOnlyInput),
|
|
592
593
|
disabled: disabled,
|
|
593
594
|
readOnly: !disabled && readOnly,
|
|
@@ -632,7 +633,8 @@ var textFieldRoot = function(Root) {
|
|
|
632
633
|
isInnerLabel: true
|
|
633
634
|
}))), leftHelper && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.LeftHelper, {
|
|
634
635
|
"data-root": true,
|
|
635
|
-
id: helperTextId
|
|
636
|
+
id: helperTextId,
|
|
637
|
+
className: hasFocus ? _TextFieldtokens.classes.hasFocus : undefined
|
|
636
638
|
}, leftHelper));
|
|
637
639
|
});
|
|
638
640
|
};
|