@salutejs/plasma-new-hope 0.336.0-canary.1906.17459907241.0 → 0.336.0-canary.2163.17581420375.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 +2 -2
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -1
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/{TextField.styles_w9ryvj.css → TextField.styles_xosxpq.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +8 -8
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +30 -24
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +3 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_261unw.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.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/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_13wbfyq.css +1 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
- package/cjs/components/DatePicker/DatePicker.tokens.js +1 -4
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/{es/components/DatePicker/RangeDate/RangeDate.styles_1l1c4cu.css → cjs/components/DatePicker/RangeDate/RangeDate.styles_1q1mn0z.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_14mhzj1.css → SingleDate.styles_7r4r8k.css} +1 -1
- package/cjs/components/Drawer/hooks/useDrawer.js +12 -0
- package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +2 -2
- package/cjs/components/Dropdown/Dropdown.js +6 -10
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +2 -9
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/{Dropdown.styles_zheit5.css → Dropdown.styles_kkvnr1.css} +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +22 -40
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -9
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +15 -13
- package/cjs/components/Pagination/Pagination.js +58 -6
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +19 -7
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/{Pagination.styles_ska0td.css → Pagination.styles_1ptuxg8.css} +5 -3
- package/cjs/components/Pagination/Pagination.tokens.js +3 -0
- package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css +3 -3
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/{PaginationQuickJumpToPage.styles_89ax1q.css → PaginationQuickJumpToPage.styles_1sw6ww1.css} +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/cjs/components/Range/Range.css +1 -1
- package/cjs/components/Select/Select.css +3 -3
- package/cjs/components/Select/Select.js +12 -4
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +3 -4
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_bjoo18.css → Select.styles_dta4dl.css} +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +2 -2
- package/cjs/components/Select/ui/Inner/Inner.js +11 -5
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/cjs/components/Table/Table.css +3 -3
- package/cjs/components/Table/ui/Cell/Cell.css +3 -3
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +3 -3
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +3 -3
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -3
- package/cjs/components/TextArea/TextArea.tokens.js +0 -1
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/cjs/components/TextArea/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_read-only/base_vk912g.css +1 -0
- package/cjs/components/TextField/TextField.tokens.js +0 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_uo19e5.css → base_156fjoi.css} +1 -1
- package/cjs/index.css +32 -30
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +2 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -23
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +16 -16
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +50 -9
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +1 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/cjs/components/Drawer/hooks/useDrawer.js +11 -0
- package/emotion/cjs/components/Dropdown/Dropdown.js +6 -10
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +5 -8
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +23 -47
- package/emotion/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +48 -11
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/emotion/cjs/components/Pagination/Pagination.js +52 -5
- package/emotion/cjs/components/Pagination/Pagination.styles.js +28 -14
- package/emotion/cjs/components/Pagination/Pagination.tokens.js +3 -0
- package/emotion/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +6 -6
- package/emotion/cjs/components/Select/Select.js +10 -3
- package/emotion/cjs/components/Select/Select.styles.js +8 -8
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +50 -9
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +0 -1
- package/emotion/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +0 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/examples/components/Autocomplete/Autocomplete.config.js +15 -15
- package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/components/Pagination/Pagination.config.js +12 -12
- package/emotion/cjs/examples/components/TextArea/TextArea.config.js +15 -15
- package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +2 -2
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +26 -23
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +16 -16
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -2
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -6
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +1 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/es/components/Drawer/hooks/useDrawer.js +11 -0
- package/emotion/es/components/Dropdown/Dropdown.js +6 -10
- package/emotion/es/components/Dropdown/Dropdown.styles.js +5 -8
- package/emotion/es/components/Dropdown/FloatingPopover.js +24 -48
- package/emotion/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -8
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/emotion/es/components/Pagination/Pagination.js +54 -7
- package/emotion/es/components/Pagination/Pagination.styles.js +22 -14
- package/emotion/es/components/Pagination/Pagination.tokens.js +3 -0
- package/emotion/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +6 -6
- package/emotion/es/components/Select/Select.js +10 -3
- package/emotion/es/components/Select/Select.styles.js +8 -8
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/emotion/es/components/Select/ui/Inner/Inner.js +11 -6
- package/emotion/es/components/TextArea/TextArea.tokens.js +0 -1
- package/emotion/es/components/TextArea/variations/_read-only/base.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +0 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/es/examples/components/Autocomplete/Autocomplete.config.js +15 -15
- package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/components/Pagination/Pagination.config.js +12 -12
- package/emotion/es/examples/components/TextArea/TextArea.config.js +15 -15
- package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
- package/es/components/Autocomplete/Autocomplete.css +2 -2
- package/es/components/Autocomplete/Autocomplete.tokens.js +1 -1
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/{TextField.styles_w9ryvj.css → TextField.styles_xosxpq.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +8 -8
- package/es/components/Combobox/ComboboxNew/Combobox.js +30 -24
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +3 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_261unw.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -2
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +12 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.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/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_13wbfyq.css +1 -0
- package/es/components/Combobox/ComboboxOld/Combobox.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
- package/es/components/DatePicker/DatePicker.tokens.js +1 -4
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/{cjs/components/DatePicker/RangeDate/RangeDate.styles_1l1c4cu.css → es/components/DatePicker/RangeDate/RangeDate.styles_1q1mn0z.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_14mhzj1.css → SingleDate.styles_7r4r8k.css} +1 -1
- package/es/components/Drawer/hooks/useDrawer.js +12 -0
- package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +2 -2
- package/es/components/Dropdown/Dropdown.js +6 -10
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +2 -9
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/{Dropdown.styles_zheit5.css → Dropdown.styles_kkvnr1.css} +1 -1
- package/es/components/Dropdown/FloatingPopover.js +24 -42
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +10 -10
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Pagination/Pagination.css +15 -13
- package/es/components/Pagination/Pagination.js +60 -8
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js +18 -8
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/{Pagination.styles_ska0td.css → Pagination.styles_1ptuxg8.css} +5 -3
- package/es/components/Pagination/Pagination.tokens.js +3 -0
- package/es/components/Pagination/Pagination.tokens.js.map +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css +3 -3
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/{PaginationQuickJumpToPage.styles_89ax1q.css → PaginationQuickJumpToPage.styles_1sw6ww1.css} +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/es/components/Range/Range.css +1 -1
- package/es/components/Select/Select.css +3 -3
- package/es/components/Select/Select.js +12 -4
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +3 -4
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_bjoo18.css → Select.styles_dta4dl.css} +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +2 -2
- package/es/components/Select/ui/Inner/Inner.js +12 -6
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/es/components/Table/Table.css +3 -3
- package/es/components/Table/ui/Cell/Cell.css +3 -3
- package/es/components/Table/ui/EditableCell/EditableCell.css +3 -3
- package/es/components/Table/ui/HeadCell/HeadCell.css +3 -3
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -3
- package/es/components/TextArea/TextArea.tokens.js +0 -1
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/es/components/TextArea/variations/_read-only/base.js.map +1 -1
- package/es/components/TextArea/variations/_read-only/base_vk912g.css +1 -0
- package/es/components/TextField/TextField.tokens.js +0 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/{base_uo19e5.css → base_156fjoi.css} +1 -1
- package/es/index.css +32 -30
- package/package.json +7 -7
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +2 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -23
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +9 -9
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +50 -9
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -4
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +1 -4
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -8
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -7
- package/styled-components/cjs/components/Drawer/hooks/useDrawer.js +11 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +6 -10
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +3 -7
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +23 -47
- package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +48 -11
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/styled-components/cjs/components/Pagination/Pagination.js +52 -5
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +37 -12
- package/styled-components/cjs/components/Pagination/Pagination.tokens.js +3 -0
- package/styled-components/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +5 -5
- package/styled-components/cjs/components/Select/Select.js +10 -3
- package/styled-components/cjs/components/Select/Select.styles.js +5 -5
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +50 -9
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +0 -1
- package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +1 -3
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -3
- package/styled-components/cjs/examples/components/Autocomplete/Autocomplete.config.js +3 -4
- package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +3 -4
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +5 -8
- package/styled-components/cjs/examples/components/Pagination/Pagination.config.js +18 -11
- package/styled-components/cjs/examples/components/TextArea/TextArea.config.js +2 -3
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +2 -3
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +2 -4
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +26 -23
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +9 -9
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -2
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -6
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -4
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +1 -4
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +4 -8
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -7
- package/styled-components/es/components/Drawer/hooks/useDrawer.js +11 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +6 -10
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +3 -7
- package/styled-components/es/components/Dropdown/FloatingPopover.js +24 -48
- package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -8
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/styled-components/es/components/Pagination/Pagination.js +54 -7
- package/styled-components/es/components/Pagination/Pagination.styles.js +31 -12
- package/styled-components/es/components/Pagination/Pagination.tokens.js +3 -0
- package/styled-components/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +5 -5
- package/styled-components/es/components/Select/Select.js +10 -3
- package/styled-components/es/components/Select/Select.styles.js +5 -5
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
- package/styled-components/es/components/Select/ui/Inner/Inner.js +11 -6
- package/styled-components/es/components/TextArea/TextArea.tokens.js +0 -1
- package/styled-components/es/components/TextArea/variations/_read-only/base.js +2 -4
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.js +1 -3
- package/styled-components/es/examples/components/Autocomplete/Autocomplete.config.js +3 -4
- package/styled-components/es/examples/components/Combobox/Combobox.config.js +3 -4
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +5 -8
- package/styled-components/es/examples/components/Pagination/Pagination.config.js +18 -11
- package/styled-components/es/examples/components/TextArea/TextArea.config.js +2 -3
- package/styled-components/es/examples/components/TextField/TextField.config.js +2 -3
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +6 -6
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -2
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +13 -6
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts +2 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts +6 -2
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +1 -4
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Drawer/hooks/useDrawer.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +6 -6
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +0 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +9 -9
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +2 -3
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +7 -3
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts +2 -0
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.tokens.d.ts +3 -0
- package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.types.d.ts +81 -0
- package/types/components/Pagination/Pagination.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +12 -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.styles.d.ts +0 -1
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +24 -10
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +2 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +11 -3
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +12 -6
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -1
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.config.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
- package/types/examples/components/Autocomplete/Autocomplete.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 +48 -24
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts +3 -3
- package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/components/Pagination/Pagination.config.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +12 -6
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/types/examples/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_eyjind.css +0 -1
- package/cjs/components/TextArea/variations/_read-only/base_y7i1fe.css +0 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_eyjind.css +0 -1
- package/es/components/TextArea/variations/_read-only/base_y7i1fe.css +0 -1
@@ -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, // @ts-ignore
|
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
|
@@ -177,6 +177,7 @@ import { Context } from "./Select.context";
|
|
177
177
|
"onToggle",
|
178
178
|
"chipType",
|
179
179
|
"multiselect",
|
180
|
+
"mode",
|
180
181
|
"_offset",
|
181
182
|
"required",
|
182
183
|
"requiredPlacement",
|
@@ -210,6 +211,7 @@ import { Context } from "./Select.context";
|
|
210
211
|
var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
|
211
212
|
var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
|
212
213
|
var treeId = safeUseId();
|
214
|
+
var listWrapperRef = useRef(null);
|
213
215
|
var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
|
214
216
|
// Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
|
215
217
|
var requiredProps = props.target === 'button-like' ? undefined : {
|
@@ -339,6 +341,10 @@ import { Context } from "./Select.context";
|
|
339
341
|
type: 'reset'
|
340
342
|
});
|
341
343
|
}
|
344
|
+
// Закрываем список, если элемент уже выбран.
|
345
|
+
if (mode === 'radio' && isCurrentChecked) {
|
346
|
+
return;
|
347
|
+
}
|
342
348
|
if (onChange) {
|
343
349
|
onChange(isCurrentChecked ? '' : item.value, item);
|
344
350
|
}
|
@@ -496,12 +502,12 @@ import { Context } from "./Select.context";
|
|
496
502
|
disabled: disabled,
|
497
503
|
readOnly: readOnly
|
498
504
|
}, rest), /*#__PURE__*/ React.createElement(ListWrapper, {
|
505
|
+
ref: listWrapperRef,
|
499
506
|
listWidth: listWidth
|
500
507
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
501
508
|
role: "tree",
|
502
509
|
id: "".concat(treeId, "_tree_level_1"),
|
503
510
|
"aria-multiselectable": Boolean(props.multiselect),
|
504
|
-
listOverflow: listOverflow,
|
505
511
|
listMaxHeight: listMaxHeight || listHeight,
|
506
512
|
onScroll: virtual ? undefined : handleScroll,
|
507
513
|
ref: targetRef,
|
@@ -522,7 +528,8 @@ import { Context } from "./Select.context";
|
|
522
528
|
path: path,
|
523
529
|
dispatchPath: dispatchPath,
|
524
530
|
index: index,
|
525
|
-
listWidth: listWidth
|
531
|
+
listWidth: listWidth,
|
532
|
+
portal: listWrapperRef
|
526
533
|
});
|
527
534
|
}), afterList))))));
|
528
535
|
});
|
@@ -3,21 +3,21 @@ import { css } from "@emotion/react";
|
|
3
3
|
import { getCorrectHeight } from "./utils";
|
4
4
|
import { tokens, constants } from "./Select.tokens";
|
5
5
|
export var ListWrapper = /*#__PURE__*/ styled("div", {
|
6
|
-
target: "
|
6
|
+
target: "e28p6sx0",
|
7
7
|
label: "ListWrapper"
|
8
8
|
})("width:", function(param) {
|
9
9
|
var listWidth = param.listWidth;
|
10
10
|
return listWidth || '100%';
|
11
|
-
}, ";padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/
|
11
|
+
}, ";padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiJ9 */");
|
12
12
|
export var Ul = /*#__PURE__*/ styled("ul", {
|
13
|
-
target: "
|
13
|
+
target: "e28p6sx1",
|
14
14
|
label: "Ul"
|
15
15
|
})("max-height:", function(param) {
|
16
16
|
var virtual = param.virtual, listMaxHeight = param.listMaxHeight;
|
17
17
|
return(// eslint-disable-next-line no-nested-ternary
|
18
18
|
virtual ? 'auto' : listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto');
|
19
|
-
}, ";overflow-y:", function(param) {
|
20
|
-
var virtual = param.virtual
|
21
|
-
return virtual ? 'visible' :
|
22
|
-
}, ";border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/
|
23
|
-
export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/
|
19
|
+
}, ";overflow-x:hidden;overflow-y:", function(param) {
|
20
|
+
var virtual = param.virtual;
|
21
|
+
return virtual ? 'visible' : 'auto';
|
22
|
+
}, ";border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IifQ== */");
|
23
|
+
export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDb0IifQ== */");
|
@@ -177,13 +177,9 @@ export var useKeyNavigation = function(param) {
|
|
177
177
|
case keys.Tab:
|
178
178
|
case keys.Escape:
|
179
179
|
{
|
180
|
-
|
181
|
-
|
182
|
-
}
|
183
|
-
dispatchPath({
|
184
|
-
type: 'reset'
|
185
|
-
});
|
186
|
-
handleListToggle(false);
|
180
|
+
if (path[0]) {
|
181
|
+
handleListToggle(false);
|
182
|
+
}
|
187
183
|
break;
|
188
184
|
}
|
189
185
|
case keys.Home:
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import React from "react";
|
1
|
+
import React, { useRef } from "react";
|
2
2
|
import { isEmpty, safeUseId } from "../../../../utils";
|
3
3
|
import { Ul, ListWrapper } from "../../Select.styles";
|
4
4
|
import { FloatingPopover } from "../../FloatingPopover";
|
5
5
|
import { Item } from "./ui/Item/Item";
|
6
6
|
export var Inner = function(param) {
|
7
|
-
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth;
|
7
|
+
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth, portal = param.portal;
|
8
8
|
var handleToggle = function(opened) {
|
9
9
|
if (opened) {
|
10
10
|
dispatchPath({
|
@@ -19,6 +19,7 @@ export var Inner = function(param) {
|
|
19
19
|
});
|
20
20
|
}
|
21
21
|
};
|
22
|
+
var listWrapperRef = useRef(null);
|
22
23
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
23
24
|
var treeId = safeUseId();
|
24
25
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
@@ -39,13 +40,16 @@ export var Inner = function(param) {
|
|
39
40
|
ariaLevel: nextLevel,
|
40
41
|
ariaLabel: item.label
|
41
42
|
}),
|
42
|
-
isInner: true
|
43
|
+
isInner: true,
|
44
|
+
portal: portal
|
43
45
|
}, /*#__PURE__*/ React.createElement(ListWrapper, {
|
44
|
-
listWidth: listWidth
|
46
|
+
listWidth: listWidth,
|
47
|
+
ref: listWrapperRef
|
45
48
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
46
49
|
role: "group",
|
47
50
|
id: listId,
|
48
|
-
virtual: false
|
51
|
+
virtual: false,
|
52
|
+
listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
|
49
53
|
}, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
|
50
54
|
return /*#__PURE__*/ React.createElement(Inner, {
|
51
55
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
@@ -54,7 +58,8 @@ export var Inner = function(param) {
|
|
54
58
|
path: path,
|
55
59
|
dispatchPath: dispatchPath,
|
56
60
|
index: innerIndex,
|
57
|
-
listWidth: listWidth
|
61
|
+
listWidth: listWidth,
|
62
|
+
portal: listWrapperRef
|
58
63
|
});
|
59
64
|
}))));
|
60
65
|
}
|
@@ -169,6 +169,5 @@ export var tokens = {
|
|
169
169
|
tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
|
170
170
|
tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
|
171
171
|
tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',
|
172
|
-
contentSlotRightOpacityReadOnly: '--plasma-textarea-right-content-opacity-readonly',
|
173
172
|
tourBorderRadius: TOUR_BORDER_RADIUS_TOKEN
|
174
173
|
};
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from "@emotion/react";
|
2
|
-
import { StyledContainer,
|
2
|
+
import { StyledContainer, StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from "../../TextArea.styles";
|
3
3
|
import { classes, tokens } from "../../TextArea.tokens";
|
4
|
-
export var base = /*#__PURE__*/ css("&[readonly]{", StyledTextArea, "{color:var(", tokens.inputColorReadOnly, ");}
|
4
|
+
export var base = /*#__PURE__*/ css("&[readonly]{", StyledTextArea, "{color:var(", tokens.inputColorReadOnly, ");}&.", classes.clear, "{", StyledTextAreaWrapper, "{&:before{background-color:var(", tokens.dividerColorReadOnly, ");}}}:not(&.", classes.clear, "){", StyledTextAreaWrapper, ",", StyledHelpers, "{background:transparent;}", StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", tokens.borderSize, ",1px) var(", tokens.borderColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");opacity:var(", tokens.readOnlyOpacity, ");}}", StyledContainer, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", tokens.backgroundColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");opacity:var(", tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IFN0eWxlZENvbnRhaW5lciwgU3R5bGVkSGVscGVycywgU3R5bGVkVGV4dEFyZWEsIFN0eWxlZFRleHRBcmVhV3JhcHBlciB9IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaW5wdXRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0ge1xuICAgICAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIDpub3QoJi4ke2NsYXNzZXMuY2xlYXJ9KSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0sICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnJlYWRPbmx5T3BhY2l0eX0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJHtTdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgICAgICAgICA6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMucmVhZE9ubHlPcGFjaXR5fSk7XG5cbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogLTE7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
|
@@ -63,7 +63,6 @@ export var tokens = {
|
|
63
63
|
contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
|
64
64
|
contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
|
65
65
|
contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
|
66
|
-
contentSlotRightOpacityReadOnly: '--plasma-textfield-right-content-opacity-readonly',
|
67
66
|
contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',
|
68
67
|
contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',
|
69
68
|
/** Токены лейбла */ labelColor: '--plasma-textfield__label-color',
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from "@emotion/react";
|
2
2
|
import { classes, tokens } from "../../TextField.tokens";
|
3
3
|
import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentRight, TitleCaption } from "../../TextField.styles";
|
4
|
-
export var base = /*#__PURE__*/ css("&[readonly]{:not(&.", classes.clear, "){", InputWrapper, "{position:relative;z-index:0;color:var(", tokens.colorReadOnly, ");background:transparent;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(", tokens.borderRadius, ");background-color:var(", tokens.backgroundColorReadOnly, ");opacity:var(", tokens.readOnlyOpacity, ");box-shadow:inset 0 0 0 var(", String(tokens.borderWidth), ") var(", tokens.borderColorReadOnly, ");z-index:-1;}:hover{background-color:transparent;}}}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", TitleCaption, "{color:var(", tokens.titleCaptionColorReadOnly, ");}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}", StyledContentRight, "
|
4
|
+
export var base = /*#__PURE__*/ css("&[readonly]{:not(&.", classes.clear, "){", InputWrapper, "{position:relative;z-index:0;color:var(", tokens.colorReadOnly, ");background:transparent;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(", tokens.borderRadius, ");background-color:var(", tokens.backgroundColorReadOnly, ");opacity:var(", tokens.readOnlyOpacity, ");box-shadow:inset 0 0 0 var(", String(tokens.borderWidth), ") var(", tokens.borderColorReadOnly, ");z-index:-1;}:hover{background-color:transparent;}}}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", TitleCaption, "{color:var(", tokens.titleCaptionColorReadOnly, ");}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}", StyledContentRight, ":hover,", StyledContentRight, ":active{cursor:default;color:var(", tokens.contentSlotRightColor, ",var(", tokens.contentSlotColor, "));}&.", classes.outerLabelPlacement, " ", Label, "{color:var(", tokens.labelColorReadOnly, ");}", StyledContentRight, "{&:hover{cursor:default;}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fcmVhZC1vbmx5L2Jhc2UudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQge1xuICAgIElucHV0LFxuICAgIElucHV0UGxhY2Vob2xkZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkQ29udGVudFJpZ2h0LFxuICAgIFRpdGxlQ2FwdGlvbixcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgOm5vdCgmLiR7Y2xhc3Nlcy5jbGVhcn0pIHtcbiAgICAgICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDA7XG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcblxuICAgICAgICAgICAgICAgIDpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5yZWFkT25seU9wYWNpdHl9KTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJXaWR0aCl9KSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNEaXZpZGVyfSAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yUmVhZE9ubHkpfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0V3JhcHBlcn06Zm9jdXMtd2l0aGluICR7SW5wdXRQbGFjZWhvbGRlcn0sICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXR9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50UmlnaHR9OmhvdmVyLCAke1N0eWxlZENvbnRlbnRSaWdodH06YWN0aXZlIHtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudFNsb3RSaWdodENvbG9yfSwgdmFyKCR7dG9rZW5zLmNvbnRlbnRTbG90Q29sb3J9KSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5vdXRlckxhYmVsUGxhY2VtZW50fSAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9CIn0= */");
|