@salutejs/plasma-new-hope 0.338.0-canary.2237.18160100785.0 → 0.338.0-canary.2260.18215165010.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/cjs/components/Autocomplete/Autocomplete.css +11 -11
- package/cjs/components/Chip/Chip.css +7 -7
- package/cjs/components/Chip/Chip.js +4 -6
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/Chip.styles.js +1 -1
- package/cjs/components/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.css} +1 -1
- package/cjs/components/Chip/Chip.tokens.js +0 -1
- package/cjs/components/Chip/Chip.tokens.js.map +1 -1
- package/cjs/components/Chip/variations/_disabled/base.js +1 -1
- package/cjs/components/Chip/variations/_disabled/base.js.map +1 -1
- package/{es/components/Chip/variations/_disabled/base_1j4s925.css → cjs/components/Chip/variations/_disabled/base_rmcs0j.css} +1 -1
- package/cjs/components/Chip/variations/_readonly/base.js +1 -1
- package/cjs/components/Chip/variations/_readonly/base.js.map +1 -1
- package/{es/components/Chip/variations/_readonly/base_1xublmy.css → cjs/components/Chip/variations/_readonly/base_1nfit77.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css → cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_1c4vtoy.css} +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +7 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +7 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +7 -7
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +11 -11
- package/cjs/components/Pagination/Pagination.css +15 -15
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +15 -15
- package/cjs/components/Range/Range.css +11 -11
- package/cjs/components/Select/Select.css +15 -15
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.tokens.js +0 -2
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +15 -15
- package/cjs/components/Select/ui/Target/Target.js +1 -2
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +15 -15
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_19e9015.css → Textfield.styles_1mikp58.css} +1 -1
- package/cjs/components/Slider/Slider.css +11 -11
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +11 -11
- package/cjs/components/Table/Table.css +15 -15
- package/cjs/components/Table/ui/Cell/Cell.css +15 -15
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +15 -15
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +15 -15
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +15 -15
- package/cjs/components/TextField/TextField.js +4 -8
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +0 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/hooks/useKeyNavigation.js +6 -15
- package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +9 -9
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +11 -11
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +12 -26
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +2 -33
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/{TextFieldChipNew.styles_1hj7e4k.css → TextFieldChipNew.styles_y9tozi.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +11 -11
- package/cjs/index.css +16 -16
- package/emotion/cjs/components/Chip/Chip.js +5 -9
- package/emotion/cjs/components/Chip/Chip.styles.js +9 -9
- package/emotion/cjs/components/Chip/Chip.tokens.js +0 -1
- package/emotion/cjs/components/Chip/variations/_disabled/base.js +1 -2
- package/emotion/cjs/components/Chip/variations/_readonly/base.js +1 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/cjs/components/Select/Select.js +1 -2
- package/emotion/cjs/components/Select/Select.tokens.js +0 -2
- package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -3
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/cjs/components/TextField/TextField.js +5 -10
- package/emotion/cjs/components/TextField/TextField.tokens.js +0 -2
- package/emotion/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +10 -74
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +5 -18
- package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -14
- package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
- package/emotion/es/components/Chip/Chip.js +5 -9
- package/emotion/es/components/Chip/Chip.styles.js +9 -9
- package/emotion/es/components/Chip/Chip.tokens.js +0 -1
- package/emotion/es/components/Chip/variations/_disabled/base.js +1 -2
- package/emotion/es/components/Chip/variations/_readonly/base.js +1 -2
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +2 -4
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/es/components/Select/Select.js +1 -2
- package/emotion/es/components/Select/Select.tokens.js +0 -2
- package/emotion/es/components/Select/ui/Target/Target.js +1 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -3
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/es/components/TextField/TextField.js +5 -10
- package/emotion/es/components/TextField/TextField.tokens.js +0 -2
- package/emotion/es/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +10 -74
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +5 -18
- package/emotion/es/examples/components/Chip/Chip.config.js +14 -14
- package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
- package/es/components/Autocomplete/Autocomplete.css +11 -11
- package/es/components/Chip/Chip.css +7 -7
- package/es/components/Chip/Chip.js +4 -6
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Chip/Chip.styles.js +1 -1
- package/es/components/Chip/Chip.styles.js.map +1 -1
- package/es/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.css} +1 -1
- package/es/components/Chip/Chip.tokens.js +0 -1
- package/es/components/Chip/Chip.tokens.js.map +1 -1
- package/es/components/Chip/variations/_disabled/base.js +1 -1
- package/es/components/Chip/variations/_disabled/base.js.map +1 -1
- package/{cjs/components/Chip/variations/_disabled/base_1j4s925.css → es/components/Chip/variations/_disabled/base_rmcs0j.css} +1 -1
- package/es/components/Chip/variations/_readonly/base.js +1 -1
- package/es/components/Chip/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Chip/variations/_readonly/base_1xublmy.css → es/components/Chip/variations/_readonly/base_1nfit77.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/es/components/Combobox/ComboboxNew/Combobox.js +2 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css → es/components/Combobox/ComboboxNew/ui/Target/Target.styles_1c4vtoy.css} +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.css +7 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +7 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +7 -7
- package/es/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/es/components/DatePicker/SingleDate/SingleDate.css +11 -11
- package/es/components/Pagination/Pagination.css +15 -15
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +15 -15
- package/es/components/Range/Range.css +11 -11
- package/es/components/Select/Select.css +15 -15
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.tokens.js +0 -2
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +15 -15
- package/es/components/Select/ui/Target/Target.js +1 -2
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +15 -15
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_19e9015.css → Textfield.styles_1mikp58.css} +1 -1
- package/es/components/Slider/Slider.css +11 -11
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +11 -11
- package/es/components/Table/Table.css +15 -15
- package/es/components/Table/ui/Cell/Cell.css +15 -15
- package/es/components/Table/ui/EditableCell/EditableCell.css +15 -15
- package/es/components/Table/ui/HeadCell/HeadCell.css +15 -15
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +15 -15
- package/es/components/TextField/TextField.js +4 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +0 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/hooks/useKeyNavigation.js +6 -15
- package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +9 -9
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +11 -11
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +12 -26
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +2 -33
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/{TextFieldChipNew.styles_1hj7e4k.css → TextFieldChipNew.styles_y9tozi.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +11 -11
- package/es/index.css +16 -16
- package/package.json +3 -3
- package/styled-components/cjs/components/Chip/Chip.js +5 -9
- package/styled-components/cjs/components/Chip/Chip.styles.js +6 -7
- package/styled-components/cjs/components/Chip/Chip.tokens.js +0 -1
- package/styled-components/cjs/components/Chip/variations/_disabled/base.js +2 -6
- package/styled-components/cjs/components/Chip/variations/_readonly/base.js +2 -6
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -6
- package/styled-components/cjs/components/Select/Select.js +1 -2
- package/styled-components/cjs/components/Select/Select.tokens.js +0 -2
- package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -3
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -11
- package/styled-components/cjs/components/TextField/TextField.js +4 -9
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -2
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +10 -74
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +5 -28
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +12 -24
- package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +4 -12
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/examples/components/Select/Select.config.js +4 -10
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +6 -18
- package/styled-components/es/components/Chip/Chip.js +5 -9
- package/styled-components/es/components/Chip/Chip.styles.js +6 -7
- package/styled-components/es/components/Chip/Chip.tokens.js +0 -1
- package/styled-components/es/components/Chip/variations/_disabled/base.js +2 -6
- package/styled-components/es/components/Chip/variations/_readonly/base.js +2 -6
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +2 -4
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -6
- package/styled-components/es/components/Select/Select.js +1 -2
- package/styled-components/es/components/Select/Select.tokens.js +0 -2
- package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -3
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -11
- package/styled-components/es/components/TextField/TextField.js +4 -9
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -2
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +10 -74
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +5 -28
- package/styled-components/es/examples/components/Chip/Chip.config.js +12 -24
- package/styled-components/es/examples/components/Combobox/Combobox.config.js +4 -12
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/Select/Select.config.js +4 -10
- package/styled-components/es/examples/components/TextField/TextField.config.js +6 -18
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Chip/Chip.styles.d.ts.map +1 -1
- package/types/components/Chip/Chip.tokens.d.ts +0 -1
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Chip/Chip.types.d.ts +1 -1
- package/types/components/Chip/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/Chip/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -2
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +0 -9
- 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 +0 -6
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +0 -2
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +0 -7
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +1 -2
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +2 -3
- 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 +0 -6
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -2
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/hooks/useKeyNavigation.d.ts +2 -11
- package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +1 -2
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts +1 -3
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.config.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +0 -24
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +0 -6
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
|
@@ -18,7 +18,6 @@ export var tokens = {
|
|
|
18
18
|
closeIconColor: '--plasma-chip-close-icon-color',
|
|
19
19
|
closeIconColorHover: '--plasma-chip-close-icon-color-hover',
|
|
20
20
|
closeIconColorActive: '--plasma-chip-close-icon-color-active',
|
|
21
|
-
closeIconColorReadonly: '--plasma-chip-close-icon-color-readonly',
|
|
22
21
|
leftContentColor: '--plasma-chip-left-content-color',
|
|
23
22
|
borderRadius: '--plasma-chip-border-radius',
|
|
24
23
|
pilledBorderRadius: '--plasma-chip-pilled-border-radius',
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
2
|
import { tokens } from "../../Chip.tokens";
|
|
3
|
-
import { StyledContentClear } from "../../Chip.styles";
|
|
4
3
|
export var base = css([
|
|
5
4
|
"&[disabled]{opacity:var(",
|
|
6
5
|
");cursor:not-allowed;:hover,:active{scale:none;color:var(",
|
|
7
6
|
");background-color:var(",
|
|
8
|
-
");}"
|
|
9
|
-
|
|
10
|
-
");&:hover{color:var(",
|
|
11
|
-
");}}}"
|
|
12
|
-
], tokens.disabledOpacity, tokens.color, tokens.background, StyledContentClear, tokens.closeIconColor, tokens.closeIconColor);
|
|
7
|
+
");}}"
|
|
8
|
+
], tokens.disabledOpacity, tokens.color, tokens.background);
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
2
|
import { tokens } from "../../Chip.tokens";
|
|
3
|
-
import { StyledContentClear } from "../../Chip.styles";
|
|
4
3
|
export var base = css([
|
|
5
4
|
"&[readonly]{color:var(",
|
|
6
5
|
");background-color:var(",
|
|
7
6
|
");:hover,:active{scale:none;cursor:default;color:var(",
|
|
8
7
|
");background-color:var(",
|
|
9
|
-
");}"
|
|
10
|
-
|
|
11
|
-
");&:hover{color:var(",
|
|
12
|
-
");}}}"
|
|
13
|
-
], tokens.colorReadOnly, tokens.backgroundReadOnly, tokens.colorReadOnlyHover, tokens.backgroundReadOnlyHover, StyledContentClear, tokens.closeIconColorReadonly, tokens.closeIconColorReadonly);
|
|
8
|
+
");}}"
|
|
9
|
+
], tokens.colorReadOnly, tokens.backgroundReadOnly, tokens.colorReadOnlyHover, tokens.backgroundReadOnlyHover);
|
|
@@ -149,7 +149,7 @@ import { Context } from "./Combobox.context";
|
|
|
149
149
|
*/ export var comboboxRoot = function(Root) {
|
|
150
150
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
151
151
|
var _getItemByFocused;
|
|
152
|
-
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode,
|
|
152
|
+
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, // @ts-ignore
|
|
153
153
|
_offset = props._offset, rest = _object_without_properties(props, [
|
|
154
154
|
"name",
|
|
155
155
|
"multiple",
|
|
@@ -194,7 +194,6 @@ import { Context } from "./Combobox.context";
|
|
|
194
194
|
"onScroll",
|
|
195
195
|
"onToggle",
|
|
196
196
|
"mode",
|
|
197
|
-
"chipClickArea",
|
|
198
197
|
"_offset"
|
|
199
198
|
]);
|
|
200
199
|
var transformedItems = useMemo(function() {
|
|
@@ -608,9 +607,8 @@ import { Context } from "./Combobox.context";
|
|
|
608
607
|
keepPlaceholder: keepPlaceholder
|
|
609
608
|
}, multiple ? {
|
|
610
609
|
enumerationType: 'chip',
|
|
611
|
-
_chipClickArea: chipClickArea,
|
|
612
610
|
_chips: getChips(),
|
|
613
|
-
|
|
611
|
+
_onChipClick: handleChipClick
|
|
614
612
|
} : {
|
|
615
613
|
enumerationType: 'plain'
|
|
616
614
|
}, rest), {
|
|
@@ -181,8 +181,6 @@ export var tokens = {
|
|
|
181
181
|
textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
|
|
182
182
|
textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
|
|
183
183
|
textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
|
|
184
|
-
textFieldChipCloseIconColorHover: '--plasma-combobox-new-textfield-chip-close-icons-color-hover',
|
|
185
|
-
textFieldChipCloseIconColorReadonly: '--plasma-combobox-new-textfield-chip-close-icons-color-readonly',
|
|
186
184
|
textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
|
|
187
185
|
textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
|
|
188
186
|
textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',
|
|
@@ -6,7 +6,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
|
|
|
6
6
|
var TextField = component(mergedConfig);
|
|
7
7
|
export var StyledTextField = styled(TextField).withConfig({
|
|
8
8
|
displayName: "Target.styles__StyledTextField",
|
|
9
|
-
componentId: "sc-
|
|
9
|
+
componentId: "sc-7712693a-0"
|
|
10
10
|
})([
|
|
11
11
|
"",
|
|
12
12
|
":var(",
|
|
@@ -308,9 +308,5 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
308
308
|
":var(",
|
|
309
309
|
");",
|
|
310
310
|
":var(",
|
|
311
|
-
");",
|
|
312
|
-
":var(",
|
|
313
|
-
");",
|
|
314
|
-
":var(",
|
|
315
311
|
");"
|
|
316
|
-
], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.readOnlyOpacity, comboboxTokens.textFieldReadOnlyOpacity, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, comboboxTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, comboboxTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, comboboxTokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.contentSlotRightOpacityReadOnly, comboboxTokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, comboboxTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, comboboxTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, comboboxTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, comboboxTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, comboboxTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, comboboxTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, comboboxTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, comboboxTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, comboboxTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, comboboxTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, comboboxTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, comboboxTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, comboboxTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, comboboxTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, comboboxTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, comboboxTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, comboboxTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, comboboxTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, comboboxTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, comboboxTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, comboboxTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, comboboxTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, comboboxTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, comboboxTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, comboboxTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, comboboxTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, comboboxTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, comboboxTokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipCloseIconColorHover, comboboxTokens.textFieldChipCloseIconColorHover, textFieldTokens.chipCloseIconColorReadonly, comboboxTokens.textFieldChipCloseIconColorReadonly, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPadding, comboboxTokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, comboboxTokens.textFieldBoxShadow);
|
|
312
|
+
], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.readOnlyOpacity, comboboxTokens.textFieldReadOnlyOpacity, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, comboboxTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, comboboxTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, comboboxTokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.contentSlotRightOpacityReadOnly, comboboxTokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, comboboxTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, comboboxTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, comboboxTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, comboboxTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, comboboxTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, comboboxTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, comboboxTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, comboboxTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, comboboxTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, comboboxTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, comboboxTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, comboboxTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, comboboxTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, comboboxTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, comboboxTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, comboboxTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, comboboxTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, comboboxTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, comboboxTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, comboboxTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, comboboxTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, comboboxTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, comboboxTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, comboboxTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, comboboxTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, comboboxTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, comboboxTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, comboboxTokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPadding, comboboxTokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, comboboxTokens.textFieldBoxShadow);
|
|
@@ -121,7 +121,7 @@ import { Context } from "./Select.context";
|
|
|
121
121
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
122
122
|
var _getItemByFocused;
|
|
123
123
|
var // eslint-disable-block @typescript-eslint/ban-ts-comment
|
|
124
|
-
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_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,
|
|
124
|
+
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_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, // @ts-ignore
|
|
125
125
|
_offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
|
|
126
126
|
// @ts-ignore
|
|
127
127
|
required = props.required, // @ts-ignore
|
|
@@ -178,7 +178,6 @@ import { Context } from "./Select.context";
|
|
|
178
178
|
"chipType",
|
|
179
179
|
"multiselect",
|
|
180
180
|
"mode",
|
|
181
|
-
"chipClickArea",
|
|
182
181
|
"_offset",
|
|
183
182
|
"required",
|
|
184
183
|
"requiredPlacement",
|
|
@@ -195,8 +195,6 @@ export var tokens = {
|
|
|
195
195
|
textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',
|
|
196
196
|
textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',
|
|
197
197
|
textFieldChipCloseIconColor: '--plasma-select-textfield-chip-close-icons-color',
|
|
198
|
-
textFieldChipCloseIconColorHover: '--plasma-select-textfield-chip-close-icons-color-hover',
|
|
199
|
-
textFieldChipCloseIconColorReadonly: '--plasma-select-textfield-chip-close-icons-color-readonly',
|
|
200
198
|
textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',
|
|
201
199
|
textFieldChipWidth: '--plasma-select-textfield-chip-width',
|
|
202
200
|
textFieldChipPadding: '--plasma-select-textfield-chip-padding',
|
|
@@ -50,7 +50,6 @@ export var Target = /*#__PURE__*/ forwardRef(function(param, ref) {
|
|
|
50
50
|
chipView: chipView,
|
|
51
51
|
requiredProps: requiredProps,
|
|
52
52
|
hintProps: hintProps,
|
|
53
|
-
chipType: selectProps.chipType
|
|
54
|
-
chipClickArea: selectProps.chipClickArea
|
|
53
|
+
chipType: selectProps.chipType
|
|
55
54
|
});
|
|
56
55
|
});
|
|
@@ -62,7 +62,7 @@ import { sizeToIconSize, getItemId } from "../../../../utils";
|
|
|
62
62
|
import { classes } from "../../../../Select.tokens";
|
|
63
63
|
import { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from "./Textfield.styles";
|
|
64
64
|
export var Textfield = /*#__PURE__*/ forwardRef(function(param, ref) {
|
|
65
|
-
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
|
|
65
|
+
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;
|
|
66
66
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
|
67
67
|
var getValue = function() {
|
|
68
68
|
var _valueToItemMap_get;
|
|
@@ -159,8 +159,7 @@ export var Textfield = /*#__PURE__*/ forwardRef(function(param, ref) {
|
|
|
159
159
|
}, multiselect ? {
|
|
160
160
|
enumerationType: 'chip',
|
|
161
161
|
_chips: getChips(),
|
|
162
|
-
|
|
163
|
-
_chipClickArea: chipClickArea,
|
|
162
|
+
_onChipClick: handleChipClick,
|
|
164
163
|
chipType: chipType,
|
|
165
164
|
chipView: chipView
|
|
166
165
|
} : {
|
|
@@ -7,7 +7,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
|
|
|
7
7
|
var TextField = component(mergedConfig);
|
|
8
8
|
export var StyledTextField = styled(TextField).withConfig({
|
|
9
9
|
displayName: "Textfield.styles__StyledTextField",
|
|
10
|
-
componentId: "sc-
|
|
10
|
+
componentId: "sc-27756630-0"
|
|
11
11
|
})([
|
|
12
12
|
"",
|
|
13
13
|
":var(",
|
|
@@ -284,12 +284,6 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
284
284
|
");",
|
|
285
285
|
":var(",
|
|
286
286
|
");",
|
|
287
|
-
":var(",
|
|
288
|
-
");",
|
|
289
|
-
":var(",
|
|
290
|
-
");",
|
|
291
|
-
":var(",
|
|
292
|
-
");",
|
|
293
287
|
":",
|
|
294
288
|
";& div.input-wrapper:focus-within{background-color:var(",
|
|
295
289
|
");}&.",
|
|
@@ -332,13 +326,13 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
332
326
|
}, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColor, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColor, textFieldTokens.borderColorReadOnly, function(param) {
|
|
333
327
|
var opened = param.opened;
|
|
334
328
|
return opened ? "var(".concat(tokens.textFieldBorderColorFocus, ")") : "var(".concat(tokens.textFieldBorderColor, ")");
|
|
335
|
-
}, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.optionalColor, tokens.textFieldOptionalColor, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.paddingWithChips, tokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, tokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentSlotRightColorActive, textFieldTokens.labelOffset, tokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, tokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, tokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, tokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, tokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, tokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, tokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, tokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, tokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, tokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, tokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, tokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionInnerLabelOffset, tokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, tokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperOffset, tokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, tokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, tokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, tokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, tokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, tokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, tokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, tokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, tokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, tokens.textFieldHintMargin, textFieldTokens.hintTargetSize, tokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, tokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, tokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, tokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, tokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, tokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, tokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, tokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, tokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, tokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, tokens.textFieldChipBorderRadius, textFieldTokens.chipGap, tokens.textFieldChipGap, textFieldTokens.chipColor, tokens.textFieldChipColor, textFieldTokens.chipColorHover, tokens.textFieldChipColorHover, textFieldTokens.chipBackground, tokens.textFieldChipBackground, textFieldTokens.
|
|
329
|
+
}, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.optionalColor, tokens.textFieldOptionalColor, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.paddingWithChips, tokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, tokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentSlotRightColorActive, textFieldTokens.labelOffset, tokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, tokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, tokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, tokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, tokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, tokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, tokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, tokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, tokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, tokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, tokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, tokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionInnerLabelOffset, tokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, tokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperOffset, tokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, tokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, tokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, tokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, tokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, tokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, tokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, tokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, tokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, tokens.textFieldHintMargin, textFieldTokens.hintTargetSize, tokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, tokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, tokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, tokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, tokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, tokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, tokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, tokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, tokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, tokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, tokens.textFieldChipBorderRadius, textFieldTokens.chipGap, tokens.textFieldChipGap, textFieldTokens.chipColor, tokens.textFieldChipColor, textFieldTokens.chipColorHover, tokens.textFieldChipColorHover, textFieldTokens.chipBackground, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundActive, tokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, tokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, tokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, tokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, tokens.textFieldChipWidth, textFieldTokens.chipPadding, tokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, tokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, tokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, tokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, tokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, tokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, tokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, tokens.textFieldChipLineHeight, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColor, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColor, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundHover, textFieldTokens.chipClearContentMarginLeft, tokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, tokens.textFieldChipClearContentMarginRight, textFieldTokens.indicatorColor, tokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, tokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.boxShadow, function(param) {
|
|
336
330
|
var disabled = param.disabled;
|
|
337
331
|
return disabled ? 'none' : "var(".concat(tokens.textFieldBoxShadow, ")");
|
|
338
332
|
}, tokens.textFieldBackgroundColorFocus, classes.readOnly, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColorReadOnly, textFieldTokens.titleCaptionColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColorReadOnly, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipOpacityReadonly, tokens.textFieldChipOpacityReadonly, textFieldTokens.boxShadow);
|
|
339
333
|
export var IconArrowWrapper = styled.div.withConfig({
|
|
340
334
|
displayName: "Textfield.styles__IconArrowWrapper",
|
|
341
|
-
componentId: "sc-
|
|
335
|
+
componentId: "sc-27756630-1"
|
|
342
336
|
})([
|
|
343
337
|
"line-height:0;color:var(",
|
|
344
338
|
");cursor:",
|
|
@@ -363,7 +357,7 @@ export var sizeMap = {
|
|
|
363
357
|
};
|
|
364
358
|
export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
365
359
|
displayName: "Textfield.styles__StyledArrow",
|
|
366
|
-
componentId: "sc-
|
|
360
|
+
componentId: "sc-27756630-2"
|
|
367
361
|
})([
|
|
368
362
|
"width:",
|
|
369
363
|
";height:",
|
|
@@ -377,7 +371,7 @@ export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
|
377
371
|
});
|
|
378
372
|
export var StyledLeftHelper = styled.span.withConfig({
|
|
379
373
|
displayName: "Textfield.styles__StyledLeftHelper",
|
|
380
|
-
componentId: "sc-
|
|
374
|
+
componentId: "sc-27756630-3"
|
|
381
375
|
})([
|
|
382
376
|
"margin:0;padding:0;"
|
|
383
377
|
]);
|
|
@@ -135,8 +135,7 @@ export var textFieldRoot = function(Root) {
|
|
|
135
135
|
view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
|
|
136
136
|
outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
|
|
137
137
|
_chips = _param._chips, // @ts-ignore
|
|
138
|
-
|
|
139
|
-
_onChipCloseClick = _param._onChipCloseClick, // events
|
|
138
|
+
_onChipClick = _param._onChipClick, // events
|
|
140
139
|
onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
|
|
141
140
|
// @ts-ignore
|
|
142
141
|
_onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
|
|
@@ -182,8 +181,7 @@ export var textFieldRoot = function(Root) {
|
|
|
182
181
|
"chips",
|
|
183
182
|
"chipType",
|
|
184
183
|
"_chips",
|
|
185
|
-
"
|
|
186
|
-
"_onChipCloseClick",
|
|
184
|
+
"_onChipClick",
|
|
187
185
|
"onChange",
|
|
188
186
|
"onChangeChips",
|
|
189
187
|
"onSearch",
|
|
@@ -326,13 +324,11 @@ export var textFieldRoot = function(Root) {
|
|
|
326
324
|
disabled: disabled,
|
|
327
325
|
readOnly: readOnly,
|
|
328
326
|
chips: chips,
|
|
329
|
-
newCustomChips: _chips,
|
|
330
327
|
enumerationType: enumerationType,
|
|
331
328
|
updateChips: updateChips,
|
|
332
329
|
onSearch: onSearch,
|
|
333
330
|
onChange: onChange,
|
|
334
|
-
onEnterDisabled: _onEnterDisabled
|
|
335
|
-
onChipCloseClick: _onChipCloseClick
|
|
331
|
+
onEnterDisabled: _onEnterDisabled
|
|
336
332
|
}), handleInputKeydown = _useKeyNavigation.handleInputKeydown, handleChipKeyDown = _useKeyNavigation.handleChipKeyDown, onChipClear = _useKeyNavigation.onChipClear, handleContentKeyDown = _useKeyNavigation.handleContentKeyDown;
|
|
337
333
|
var onChipClick = function(event) {
|
|
338
334
|
return event.stopPropagation();
|
|
@@ -477,11 +473,10 @@ export var textFieldRoot = function(Root) {
|
|
|
477
473
|
className: cx(withHasChips, classes.inputScrollableWrapper)
|
|
478
474
|
}, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ React.createElement(TextFieldChipNew, {
|
|
479
475
|
chips: _chips,
|
|
476
|
+
onChipClick: _onChipClick,
|
|
480
477
|
getRef: getRef,
|
|
481
478
|
handleChipKeyDown: handleChipKeyDown,
|
|
482
479
|
onChipClear: onChipClear,
|
|
483
|
-
onChipCloseClick: _onChipCloseClick,
|
|
484
|
-
chipClickArea: _chipClickArea,
|
|
485
480
|
view: chipView || view,
|
|
486
481
|
readOnly: readOnly,
|
|
487
482
|
chipType: chipType,
|
|
@@ -153,8 +153,6 @@ export var tokens = {
|
|
|
153
153
|
chipColorActive: '--plasma-textfield__chip-color-active',
|
|
154
154
|
chipFocusColor: '--plasma-textfield__chip-focus-color',
|
|
155
155
|
chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',
|
|
156
|
-
chipCloseIconColorHover: '--plasma-textfield__chip-close-icon-color-hover',
|
|
157
|
-
chipCloseIconColorReadonly: '--plasma-textfield__chip-close-icon-color-readonly',
|
|
158
156
|
chipOutlineSize: '--plasma-textfield__chip-outline-size',
|
|
159
157
|
chipWidth: '--plasma-textfield__chip-width',
|
|
160
158
|
chipPadding: '--plasma-textfield__chip-padding',
|
|
@@ -66,10 +66,10 @@ export var Keys = {
|
|
|
66
66
|
Backspace: 'Backspace'
|
|
67
67
|
};
|
|
68
68
|
export var useKeyNavigation = function(param) {
|
|
69
|
-
var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips,
|
|
69
|
+
var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips, enumerationType = param.enumerationType, updateChips = param.updateChips, onChange = param.onChange, onSearch = param.onSearch, _param_onEnterDisabled = param.onEnterDisabled, onEnterDisabled = _param_onEnterDisabled === void 0 ? false : _param_onEnterDisabled;
|
|
70
70
|
var _useState = _sliced_to_array(useState(-1), 2), activeChipIndex = _useState[0], setActiveChipIndex = _useState[1];
|
|
71
71
|
var handleInputKeydown = function(event) {
|
|
72
|
-
var _inputRef_current
|
|
72
|
+
var _inputRef_current;
|
|
73
73
|
var value = event.target.value;
|
|
74
74
|
if (disabled || readOnly) {
|
|
75
75
|
return;
|
|
@@ -95,14 +95,7 @@ export var useKeyNavigation = function(param) {
|
|
|
95
95
|
onSearch(value, event);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
if (event.key === Keys.Backspace &&
|
|
99
|
-
var lastChip = newCustomChips.at(-1);
|
|
100
|
-
if (onChipCloseClick && lastChip) {
|
|
101
|
-
onChipCloseClick(lastChip);
|
|
102
|
-
chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.selectionStart) === 0) {
|
|
98
|
+
if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart) === 0) {
|
|
106
99
|
var newChips1 = _to_consumable_array(chips);
|
|
107
100
|
newChips1 === null || newChips1 === void 0 ? void 0 : newChips1.pop();
|
|
108
101
|
chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
|
|
@@ -114,7 +107,7 @@ export var useKeyNavigation = function(param) {
|
|
|
114
107
|
}
|
|
115
108
|
};
|
|
116
109
|
var onChipClear = function(clearId, index) {
|
|
117
|
-
if (!chips.length
|
|
110
|
+
if (!chips.length) {
|
|
118
111
|
return;
|
|
119
112
|
}
|
|
120
113
|
var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function(param) {
|
|
@@ -9,7 +9,7 @@ var Chip = component(mergedConfig);
|
|
|
9
9
|
// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
|
|
10
10
|
export var StyledChip = styled(Chip).withConfig({
|
|
11
11
|
displayName: "TextFieldChip.styles__StyledChip",
|
|
12
|
-
componentId: "sc-
|
|
12
|
+
componentId: "sc-e83042f5-0"
|
|
13
13
|
})([
|
|
14
14
|
"",
|
|
15
15
|
":var(",
|
|
@@ -61,12 +61,10 @@ export var StyledChip = styled(Chip).withConfig({
|
|
|
61
61
|
":var(",
|
|
62
62
|
");",
|
|
63
63
|
":var(",
|
|
64
|
-
");",
|
|
65
|
-
":var(",
|
|
66
64
|
");scroll-snap-align:center;scroll-snap-stop:normal;",
|
|
67
65
|
" &[readonly]{opacity:var(",
|
|
68
66
|
");}"
|
|
69
|
-
], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.
|
|
67
|
+
], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.focusColor, tokens.focusColor, addFocus({
|
|
70
68
|
outlineOffset: '0.0625rem',
|
|
71
69
|
outlineSize: '0.0625rem',
|
|
72
70
|
outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
|
|
@@ -74,7 +72,7 @@ export var StyledChip = styled(Chip).withConfig({
|
|
|
74
72
|
}), tokens.chipOpacityReadonly);
|
|
75
73
|
export var TextChip = styled.button.withConfig({
|
|
76
74
|
displayName: "TextFieldChip.styles__TextChip",
|
|
77
|
-
componentId: "sc-
|
|
75
|
+
componentId: "sc-e83042f5-1"
|
|
78
76
|
})([
|
|
79
77
|
"display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(",
|
|
80
78
|
");font-size:var(",
|
|
@@ -1,77 +1,22 @@
|
|
|
1
|
-
function _define_property(obj, key, value) {
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
function _object_spread(target) {
|
|
15
|
-
for(var i = 1; i < arguments.length; i++){
|
|
16
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
-
var ownKeys = Object.keys(source);
|
|
18
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
ownKeys.forEach(function(key) {
|
|
24
|
-
_define_property(target, key, source[key]);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
}
|
|
29
|
-
function ownKeys(object, enumerableOnly) {
|
|
30
|
-
var keys = Object.keys(object);
|
|
31
|
-
if (Object.getOwnPropertySymbols) {
|
|
32
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
-
if (enumerableOnly) {
|
|
34
|
-
symbols = symbols.filter(function(sym) {
|
|
35
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
keys.push.apply(keys, symbols);
|
|
39
|
-
}
|
|
40
|
-
return keys;
|
|
41
|
-
}
|
|
42
|
-
function _object_spread_props(target, source) {
|
|
43
|
-
source = source != null ? source : {};
|
|
44
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
-
} else {
|
|
47
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
return target;
|
|
52
|
-
}
|
|
53
1
|
import React from "react";
|
|
54
2
|
import { TextChip } from "../TextFieldChip/TextFieldChip.styles";
|
|
55
3
|
import { StyledChips } from "../../TextField.styles";
|
|
56
4
|
import { classes } from "../../TextField.tokens";
|
|
57
5
|
import { StyledChip } from "./TextFieldChipNew.styles";
|
|
58
6
|
export var TextFieldChipNew = function(param) {
|
|
59
|
-
var chips = param.chips,
|
|
7
|
+
var chips = param.chips, onChipClick = param.onChipClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, chipType = param.chipType, view = param.view, _forceChipManipulationWithReadonly = param._forceChipManipulationWithReadonly;
|
|
60
8
|
return /*#__PURE__*/ React.createElement(StyledChips, {
|
|
61
9
|
className: classes.chipsWrapper
|
|
62
10
|
}, chips.map(function(param, index) {
|
|
63
11
|
var value = param.value, label = param.label, disabled = param.disabled;
|
|
64
12
|
var chipId = "".concat(index, "_").concat(value);
|
|
65
|
-
var handleChipClick = function(event) {
|
|
66
|
-
event.stopPropagation();
|
|
67
|
-
};
|
|
68
13
|
var onKeyDownHandle = function(event) {
|
|
69
14
|
if (handleChipKeyDown) {
|
|
70
15
|
handleChipKeyDown(event, chipId, index);
|
|
71
16
|
}
|
|
72
17
|
if (event.key === 'Enter' || event.key === 'Backspace') {
|
|
73
|
-
if (
|
|
74
|
-
|
|
18
|
+
if (onChipClick) {
|
|
19
|
+
onChipClick({
|
|
75
20
|
value: value,
|
|
76
21
|
label: label,
|
|
77
22
|
disabled: disabled
|
|
@@ -79,10 +24,10 @@ export var TextFieldChipNew = function(param) {
|
|
|
79
24
|
}
|
|
80
25
|
}
|
|
81
26
|
};
|
|
82
|
-
var
|
|
27
|
+
var handleClick = function(event) {
|
|
83
28
|
event.stopPropagation();
|
|
84
|
-
if (
|
|
85
|
-
|
|
29
|
+
if (onChipClick) {
|
|
30
|
+
onChipClick({
|
|
86
31
|
value: value,
|
|
87
32
|
label: label,
|
|
88
33
|
disabled: disabled
|
|
@@ -92,7 +37,7 @@ export var TextFieldChipNew = function(param) {
|
|
|
92
37
|
onChipClear(chipId, index);
|
|
93
38
|
}
|
|
94
39
|
};
|
|
95
|
-
return chipType === 'default' ? /*#__PURE__*/ React.createElement(StyledChip,
|
|
40
|
+
return chipType === 'default' ? /*#__PURE__*/ React.createElement(StyledChip, {
|
|
96
41
|
key: chipId,
|
|
97
42
|
ref: function(element) {
|
|
98
43
|
return getRef(element, index);
|
|
@@ -101,26 +46,17 @@ export var TextFieldChipNew = function(param) {
|
|
|
101
46
|
disabled: disabled,
|
|
102
47
|
hasClear: !disabled,
|
|
103
48
|
readOnly: readOnly,
|
|
49
|
+
onClick: handleClick,
|
|
104
50
|
onKeyDown: onKeyDownHandle,
|
|
105
|
-
onClear: function() {
|
|
106
|
-
return onChipClear(chipId, index);
|
|
107
|
-
},
|
|
108
51
|
text: label,
|
|
109
52
|
view: view,
|
|
110
|
-
chipClickArea: chipClickArea
|
|
111
|
-
}, chipClickArea === 'full' ? {
|
|
112
|
-
onClick: handleCloseClick
|
|
113
|
-
} : {
|
|
114
|
-
onClick: handleChipClick,
|
|
115
|
-
onClickClose: handleCloseClick
|
|
116
|
-
}), {
|
|
117
53
|
// TODO: #1547
|
|
118
54
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
119
55
|
// @ts-ignore
|
|
120
56
|
_forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
|
|
121
|
-
})
|
|
57
|
+
}) : /*#__PURE__*/ React.createElement(TextChip, {
|
|
122
58
|
tabIndex: -1,
|
|
123
|
-
onClick:
|
|
59
|
+
onClick: handleClick,
|
|
124
60
|
onKeyDown: onKeyDownHandle
|
|
125
61
|
}, label);
|
|
126
62
|
}));
|