@salutejs/plasma-new-hope 0.338.0-canary.2237.18160100785.0 → 0.338.0-canary.2254.18336605490.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 +3 -6
- 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 +2 -2
- 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 +3 -5
- 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/Scrollbar/Scrollbar.js +423 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +59 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
- package/emotion/cjs/components/Scrollbar/index.js +26 -0
- package/emotion/cjs/components/Scrollbar/utils.js +87 -0
- package/emotion/cjs/components/Scrollbar/variations/_size/base.js +12 -0
- package/emotion/cjs/components/Scrollbar/variations/_view/base.js +12 -0
- package/emotion/cjs/components/Select/Select.js +2 -3
- 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/Scrollbar/Scrollbar.config.js +27 -0
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.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/cjs/mixins/addScrollbar.js +24 -0
- 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 +3 -5
- 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/Scrollbar/Scrollbar.js +359 -0
- package/emotion/es/components/Scrollbar/Scrollbar.styles.js +24 -0
- package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
- package/emotion/es/components/Scrollbar/Scrollbar.types.js +1 -0
- package/emotion/es/components/Scrollbar/index.js +2 -0
- package/emotion/es/components/Scrollbar/utils.js +69 -0
- package/emotion/es/components/Scrollbar/variations/_size/base.js +2 -0
- package/emotion/es/components/Scrollbar/variations/_view/base.js +2 -0
- package/emotion/es/components/Select/Select.js +2 -3
- 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/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +17 -0
- package/emotion/es/examples/components/Scrollbar/Scrollbar.js +5 -0
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
- package/emotion/es/mixins/addScrollbar.js +6 -0
- 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 +3 -6
- 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 +2 -2
- 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 +2 -2
- 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 +3 -5
- 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/Scrollbar/Scrollbar.js +423 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +121 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
- package/styled-components/cjs/components/Scrollbar/index.js +26 -0
- package/styled-components/cjs/components/Scrollbar/utils.js +87 -0
- package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +14 -0
- package/styled-components/cjs/components/Select/Select.js +2 -3
- 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/Scrollbar/Scrollbar.config.js +45 -0
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
- 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/cjs/mixins/addScrollbar.js +24 -0
- 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 +3 -5
- 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/Scrollbar/Scrollbar.js +359 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +51 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.types.js +1 -0
- package/styled-components/es/components/Scrollbar/index.js +2 -0
- package/styled-components/es/components/Scrollbar/utils.js +69 -0
- package/styled-components/es/components/Scrollbar/variations/_size/base.js +4 -0
- package/styled-components/es/components/Scrollbar/variations/_view/base.js +4 -0
- package/styled-components/es/components/Select/Select.js +2 -3
- 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/Scrollbar/Scrollbar.config.js +35 -0
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +5 -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/styled-components/es/mixins/addScrollbar.js +6 -0
- 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/Scrollbar/Scrollbar.d.ts +23 -0
- package/types/components/Scrollbar/Scrollbar.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.styles.d.ts +7 -0
- package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts +22 -0
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.types.d.ts +52 -0
- package/types/components/Scrollbar/Scrollbar.types.d.ts.map +1 -0
- package/types/components/Scrollbar/index.d.ts +4 -0
- package/types/components/Scrollbar/index.d.ts.map +1 -0
- package/types/components/Scrollbar/utils.d.ts +7 -0
- package/types/components/Scrollbar/utils.d.ts.map +1 -0
- package/types/components/Scrollbar/variations/_size/base.d.ts +2 -0
- package/types/components/Scrollbar/variations/_size/base.d.ts.map +1 -0
- package/types/components/Scrollbar/variations/_view/base.d.ts +2 -0
- package/types/components/Scrollbar/variations/_view/base.d.ts.map +1 -0
- 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/Scrollbar/Scrollbar.config.d.ts +16 -0
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +1 -0
- package/types/examples/components/Scrollbar/Scrollbar.d.ts +10 -0
- package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +1 -0
- 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
- package/types/mixins/addScrollbar.d.ts +3 -0
- package/types/mixins/addScrollbar.d.ts.map +1 -0
|
@@ -36,7 +36,6 @@ var tokens = {
|
|
|
36
36
|
closeIconColor: '--plasma-chip-close-icon-color',
|
|
37
37
|
closeIconColorHover: '--plasma-chip-close-icon-color-hover',
|
|
38
38
|
closeIconColorActive: '--plasma-chip-close-icon-color-active',
|
|
39
|
-
closeIconColorReadonly: '--plasma-chip-close-icon-color-readonly',
|
|
40
39
|
leftContentColor: '--plasma-chip-left-content-color',
|
|
41
40
|
borderRadius: '--plasma-chip-border-radius',
|
|
42
41
|
pilledBorderRadius: '--plasma-chip-pilled-border-radius',
|
|
@@ -10,13 +10,9 @@ Object.defineProperty(exports, "base", {
|
|
|
10
10
|
});
|
|
11
11
|
var _styledcomponents = require("styled-components");
|
|
12
12
|
var _Chiptokens = require("../../Chip.tokens");
|
|
13
|
-
var _Chipstyles = require("../../Chip.styles");
|
|
14
13
|
var base = (0, _styledcomponents.css)([
|
|
15
14
|
"&[disabled]{opacity:var(",
|
|
16
15
|
");cursor:not-allowed;:hover,:active{scale:none;color:var(",
|
|
17
16
|
");background-color:var(",
|
|
18
|
-
");}"
|
|
19
|
-
|
|
20
|
-
");&:hover{color:var(",
|
|
21
|
-
");}}}"
|
|
22
|
-
], _Chiptokens.tokens.disabledOpacity, _Chiptokens.tokens.color, _Chiptokens.tokens.background, _Chipstyles.StyledContentClear, _Chiptokens.tokens.closeIconColor, _Chiptokens.tokens.closeIconColor);
|
|
17
|
+
");}}"
|
|
18
|
+
], _Chiptokens.tokens.disabledOpacity, _Chiptokens.tokens.color, _Chiptokens.tokens.background);
|
|
@@ -10,14 +10,10 @@ Object.defineProperty(exports, "base", {
|
|
|
10
10
|
});
|
|
11
11
|
var _styledcomponents = require("styled-components");
|
|
12
12
|
var _Chiptokens = require("../../Chip.tokens");
|
|
13
|
-
var _Chipstyles = require("../../Chip.styles");
|
|
14
13
|
var base = (0, _styledcomponents.css)([
|
|
15
14
|
"&[readonly]{color:var(",
|
|
16
15
|
");background-color:var(",
|
|
17
16
|
");:hover,:active{scale:none;cursor:default;color:var(",
|
|
18
17
|
");background-color:var(",
|
|
19
|
-
");}"
|
|
20
|
-
|
|
21
|
-
");&:hover{color:var(",
|
|
22
|
-
");}}}"
|
|
23
|
-
], _Chiptokens.tokens.colorReadOnly, _Chiptokens.tokens.backgroundReadOnly, _Chiptokens.tokens.colorReadOnlyHover, _Chiptokens.tokens.backgroundReadOnlyHover, _Chipstyles.StyledContentClear, _Chiptokens.tokens.closeIconColorReadonly, _Chiptokens.tokens.closeIconColorReadonly);
|
|
18
|
+
");}}"
|
|
19
|
+
], _Chiptokens.tokens.colorReadOnly, _Chiptokens.tokens.backgroundReadOnly, _Chiptokens.tokens.colorReadOnlyHover, _Chiptokens.tokens.backgroundReadOnlyHover);
|
|
@@ -206,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
206
206
|
var comboboxRoot = function(Root) {
|
|
207
207
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
208
208
|
var _getItemByFocused;
|
|
209
|
-
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,
|
|
209
|
+
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
|
|
210
210
|
_offset = props._offset, rest = _object_without_properties(props, [
|
|
211
211
|
"name",
|
|
212
212
|
"multiple",
|
|
@@ -251,7 +251,6 @@ var comboboxRoot = function(Root) {
|
|
|
251
251
|
"onScroll",
|
|
252
252
|
"onToggle",
|
|
253
253
|
"mode",
|
|
254
|
-
"chipClickArea",
|
|
255
254
|
"_offset"
|
|
256
255
|
]);
|
|
257
256
|
var transformedItems = (0, _react.useMemo)(function() {
|
|
@@ -539,7 +538,7 @@ var comboboxRoot = function(Root) {
|
|
|
539
538
|
// В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
|
|
540
539
|
// Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
|
|
541
540
|
(0, _react.useLayoutEffect)(function() {
|
|
542
|
-
var checkedCopy = new Map(
|
|
541
|
+
var checkedCopy = new Map(valueToCheckedMap);
|
|
543
542
|
checkedCopy.forEach(function(_, key) {
|
|
544
543
|
checkedCopy.set(key, false);
|
|
545
544
|
});
|
|
@@ -665,9 +664,8 @@ var comboboxRoot = function(Root) {
|
|
|
665
664
|
keepPlaceholder: keepPlaceholder
|
|
666
665
|
}, multiple ? {
|
|
667
666
|
enumerationType: 'chip',
|
|
668
|
-
_chipClickArea: chipClickArea,
|
|
669
667
|
_chips: getChips(),
|
|
670
|
-
|
|
668
|
+
_onChipClick: handleChipClick
|
|
671
669
|
} : {
|
|
672
670
|
enumerationType: 'plain'
|
|
673
671
|
}, rest), {
|
|
@@ -202,8 +202,6 @@ var tokens = {
|
|
|
202
202
|
textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
|
|
203
203
|
textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
|
|
204
204
|
textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
|
|
205
|
-
textFieldChipCloseIconColorHover: '--plasma-combobox-new-textfield-chip-close-icons-color-hover',
|
|
206
|
-
textFieldChipCloseIconColorReadonly: '--plasma-combobox-new-textfield-chip-close-icons-color-readonly',
|
|
207
205
|
textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
|
|
208
206
|
textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
|
|
209
207
|
textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',
|
|
@@ -21,7 +21,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
|
|
|
21
21
|
var TextField = (0, _engines.component)(mergedConfig);
|
|
22
22
|
var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
|
|
23
23
|
displayName: "Target.styles__StyledTextField",
|
|
24
|
-
componentId: "sc-
|
|
24
|
+
componentId: "sc-7712693a-0"
|
|
25
25
|
})([
|
|
26
26
|
"",
|
|
27
27
|
":var(",
|
|
@@ -323,9 +323,5 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
323
323
|
":var(",
|
|
324
324
|
");",
|
|
325
325
|
":var(",
|
|
326
|
-
");",
|
|
327
|
-
":var(",
|
|
328
|
-
");",
|
|
329
|
-
":var(",
|
|
330
326
|
");"
|
|
331
|
-
], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
|
|
327
|
+
], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
|
|
@@ -0,0 +1,423 @@
|
|
|
1
|
+
/* eslint-disable */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get scrollbarConfig () {
|
|
13
|
+
return scrollbarConfig;
|
|
14
|
+
},
|
|
15
|
+
get scrollbarRoot () {
|
|
16
|
+
return scrollbarRoot;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
20
|
+
var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
21
|
+
var _base = require("./variations/_size/base");
|
|
22
|
+
var _base1 = require("./variations/_view/base");
|
|
23
|
+
var _Scrollbarstyles = require("./Scrollbar.styles");
|
|
24
|
+
var _Scrollbartokens = require("./Scrollbar.tokens");
|
|
25
|
+
var _utils = require("./utils");
|
|
26
|
+
function _array_like_to_array(arr, len) {
|
|
27
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
28
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
29
|
+
return arr2;
|
|
30
|
+
}
|
|
31
|
+
function _array_with_holes(arr) {
|
|
32
|
+
if (Array.isArray(arr)) return arr;
|
|
33
|
+
}
|
|
34
|
+
function _define_property(obj, key, value) {
|
|
35
|
+
if (key in obj) {
|
|
36
|
+
Object.defineProperty(obj, key, {
|
|
37
|
+
value: value,
|
|
38
|
+
enumerable: true,
|
|
39
|
+
configurable: true,
|
|
40
|
+
writable: true
|
|
41
|
+
});
|
|
42
|
+
} else {
|
|
43
|
+
obj[key] = value;
|
|
44
|
+
}
|
|
45
|
+
return obj;
|
|
46
|
+
}
|
|
47
|
+
function _interop_require_default(obj) {
|
|
48
|
+
return obj && obj.__esModule ? obj : {
|
|
49
|
+
default: obj
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
53
|
+
if (typeof WeakMap !== "function") return null;
|
|
54
|
+
var cacheBabelInterop = new WeakMap();
|
|
55
|
+
var cacheNodeInterop = new WeakMap();
|
|
56
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
57
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
58
|
+
})(nodeInterop);
|
|
59
|
+
}
|
|
60
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
61
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
62
|
+
return obj;
|
|
63
|
+
}
|
|
64
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
65
|
+
return {
|
|
66
|
+
default: obj
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
70
|
+
if (cache && cache.has(obj)) {
|
|
71
|
+
return cache.get(obj);
|
|
72
|
+
}
|
|
73
|
+
var newObj = {
|
|
74
|
+
__proto__: null
|
|
75
|
+
};
|
|
76
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
77
|
+
for(var key in obj){
|
|
78
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
79
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
80
|
+
if (desc && (desc.get || desc.set)) {
|
|
81
|
+
Object.defineProperty(newObj, key, desc);
|
|
82
|
+
} else {
|
|
83
|
+
newObj[key] = obj[key];
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
newObj.default = obj;
|
|
88
|
+
if (cache) {
|
|
89
|
+
cache.set(obj, newObj);
|
|
90
|
+
}
|
|
91
|
+
return newObj;
|
|
92
|
+
}
|
|
93
|
+
function _iterable_to_array_limit(arr, i) {
|
|
94
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
95
|
+
if (_i == null) return;
|
|
96
|
+
var _arr = [];
|
|
97
|
+
var _n = true;
|
|
98
|
+
var _d = false;
|
|
99
|
+
var _s, _e;
|
|
100
|
+
try {
|
|
101
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
102
|
+
_arr.push(_s.value);
|
|
103
|
+
if (i && _arr.length === i) break;
|
|
104
|
+
}
|
|
105
|
+
} catch (err) {
|
|
106
|
+
_d = true;
|
|
107
|
+
_e = err;
|
|
108
|
+
} finally{
|
|
109
|
+
try {
|
|
110
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
111
|
+
} finally{
|
|
112
|
+
if (_d) throw _e;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
return _arr;
|
|
116
|
+
}
|
|
117
|
+
function _non_iterable_rest() {
|
|
118
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
119
|
+
}
|
|
120
|
+
function _object_spread(target) {
|
|
121
|
+
for(var i = 1; i < arguments.length; i++){
|
|
122
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
123
|
+
var ownKeys = Object.keys(source);
|
|
124
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
125
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
126
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
127
|
+
}));
|
|
128
|
+
}
|
|
129
|
+
ownKeys.forEach(function(key) {
|
|
130
|
+
_define_property(target, key, source[key]);
|
|
131
|
+
});
|
|
132
|
+
}
|
|
133
|
+
return target;
|
|
134
|
+
}
|
|
135
|
+
function ownKeys(object, enumerableOnly) {
|
|
136
|
+
var keys = Object.keys(object);
|
|
137
|
+
if (Object.getOwnPropertySymbols) {
|
|
138
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
139
|
+
if (enumerableOnly) {
|
|
140
|
+
symbols = symbols.filter(function(sym) {
|
|
141
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
keys.push.apply(keys, symbols);
|
|
145
|
+
}
|
|
146
|
+
return keys;
|
|
147
|
+
}
|
|
148
|
+
function _object_spread_props(target, source) {
|
|
149
|
+
source = source != null ? source : {};
|
|
150
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
151
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
152
|
+
} else {
|
|
153
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
154
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
155
|
+
});
|
|
156
|
+
}
|
|
157
|
+
return target;
|
|
158
|
+
}
|
|
159
|
+
function _object_without_properties(source, excluded) {
|
|
160
|
+
if (source == null) return {};
|
|
161
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
162
|
+
var key, i;
|
|
163
|
+
if (Object.getOwnPropertySymbols) {
|
|
164
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
165
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
166
|
+
key = sourceSymbolKeys[i];
|
|
167
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
168
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
169
|
+
target[key] = source[key];
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
return target;
|
|
173
|
+
}
|
|
174
|
+
function _object_without_properties_loose(source, excluded) {
|
|
175
|
+
if (source == null) return {};
|
|
176
|
+
var target = {};
|
|
177
|
+
var sourceKeys = Object.keys(source);
|
|
178
|
+
var key, i;
|
|
179
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
180
|
+
key = sourceKeys[i];
|
|
181
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
182
|
+
target[key] = source[key];
|
|
183
|
+
}
|
|
184
|
+
return target;
|
|
185
|
+
}
|
|
186
|
+
function _sliced_to_array(arr, i) {
|
|
187
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
188
|
+
}
|
|
189
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
190
|
+
if (!o) return;
|
|
191
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
192
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
193
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
194
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
195
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
196
|
+
}
|
|
197
|
+
var MIN_SCROLLBAR_TRACK_HEIGHT = 20;
|
|
198
|
+
var scrollbarRoot = function(Root) {
|
|
199
|
+
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
|
|
200
|
+
var className = _param.className, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, _param_size = _param.size, size = _param_size === void 0 ? 'm' : _param_size, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? '4px' : _param_offset, _param_autoHide = _param.autoHide, autoHide = _param_autoHide === void 0 ? true : _param_autoHide, _param_autoHideDelay = _param.autoHideDelay, autoHideDelay = _param_autoHideDelay === void 0 ? 2000 : _param_autoHideDelay, style = _param.style, children = _param.children, rest = _object_without_properties(_param, [
|
|
201
|
+
"className",
|
|
202
|
+
"view",
|
|
203
|
+
"size",
|
|
204
|
+
"placement",
|
|
205
|
+
"offset",
|
|
206
|
+
"autoHide",
|
|
207
|
+
"autoHideDelay",
|
|
208
|
+
"style",
|
|
209
|
+
"children"
|
|
210
|
+
]);
|
|
211
|
+
var containerRef = (0, _react.useRef)(null);
|
|
212
|
+
var contentRef = (0, _react.useRef)(null);
|
|
213
|
+
var trackRef = (0, _react.useRef)(null);
|
|
214
|
+
var thumbRef = (0, _react.useRef)(null);
|
|
215
|
+
var hideTimeoutRef = (0, _react.useRef)(null);
|
|
216
|
+
var isInitializedRef = (0, _react.useRef)(false);
|
|
217
|
+
var _useState = _sliced_to_array((0, _react.useState)({
|
|
218
|
+
isVisible: false,
|
|
219
|
+
thumbHeight: 0,
|
|
220
|
+
thumbPosition: 0,
|
|
221
|
+
isDragging: false
|
|
222
|
+
}), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
|
|
223
|
+
var parsedOffset = (0, _utils.parseOffset)(offset);
|
|
224
|
+
var updateScrollbar = function() {
|
|
225
|
+
var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
|
|
226
|
+
var container = containerRef.current;
|
|
227
|
+
if (!container) return;
|
|
228
|
+
var _calculateScrollbar = (0, _utils.calculateScrollbar)(container, parsedOffset, MIN_SCROLLBAR_TRACK_HEIGHT), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
|
|
229
|
+
setScrollbarState(function(prevState) {
|
|
230
|
+
if (prevState.thumbHeight === thumbHeight && prevState.thumbPosition === thumbPosition && prevState.isVisible === (show || prevState.isVisible)) {
|
|
231
|
+
return prevState;
|
|
232
|
+
}
|
|
233
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
234
|
+
thumbHeight: thumbHeight,
|
|
235
|
+
thumbPosition: thumbPosition,
|
|
236
|
+
isVisible: show || prevState.isVisible
|
|
237
|
+
});
|
|
238
|
+
});
|
|
239
|
+
};
|
|
240
|
+
var clearHideTimeout = function() {
|
|
241
|
+
if (hideTimeoutRef.current) {
|
|
242
|
+
clearTimeout(hideTimeoutRef.current);
|
|
243
|
+
hideTimeoutRef.current = null;
|
|
244
|
+
}
|
|
245
|
+
};
|
|
246
|
+
var showScrollbarWithDelay = function() {
|
|
247
|
+
clearHideTimeout();
|
|
248
|
+
updateScrollbar(true);
|
|
249
|
+
if (autoHide) {
|
|
250
|
+
hideTimeoutRef.current = window.setTimeout(function() {
|
|
251
|
+
setScrollbarState(function(prevState) {
|
|
252
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
253
|
+
isVisible: false
|
|
254
|
+
});
|
|
255
|
+
});
|
|
256
|
+
}, autoHideDelay);
|
|
257
|
+
}
|
|
258
|
+
};
|
|
259
|
+
var handleScroll = function() {
|
|
260
|
+
showScrollbarWithDelay();
|
|
261
|
+
updateScrollbar();
|
|
262
|
+
};
|
|
263
|
+
var handleMouseEnter = function() {
|
|
264
|
+
showScrollbarWithDelay();
|
|
265
|
+
};
|
|
266
|
+
var handleScrollbarDrag = function(e) {
|
|
267
|
+
e.preventDefault();
|
|
268
|
+
e.stopPropagation();
|
|
269
|
+
var thumb = e.currentTarget;
|
|
270
|
+
var track = thumb.parentElement;
|
|
271
|
+
var container = containerRef.current;
|
|
272
|
+
if (!container || !track) return;
|
|
273
|
+
clearHideTimeout();
|
|
274
|
+
var startY = e.clientY;
|
|
275
|
+
var startThumbPosition = parseFloat(thumb.style.top || '0');
|
|
276
|
+
var trackRect = track.getBoundingClientRect();
|
|
277
|
+
var trackHeight = trackRect.height;
|
|
278
|
+
var thumbHeight = thumb.offsetHeight;
|
|
279
|
+
var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
|
|
280
|
+
var maxScroll = scrollHeight - clientHeight;
|
|
281
|
+
var handleMouseMove = function(moveEvent) {
|
|
282
|
+
var deltaY = moveEvent.clientY - startY;
|
|
283
|
+
var newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, startThumbPosition + deltaY));
|
|
284
|
+
var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
|
|
285
|
+
var newScrollTop = scrollPercentage * maxScroll;
|
|
286
|
+
container.scrollTop = newScrollTop;
|
|
287
|
+
setScrollbarState(function(prevState) {
|
|
288
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
289
|
+
thumbPosition: newThumbPosition,
|
|
290
|
+
isDragging: true,
|
|
291
|
+
isVisible: true
|
|
292
|
+
});
|
|
293
|
+
});
|
|
294
|
+
};
|
|
295
|
+
var handleMouseUp = function() {
|
|
296
|
+
document.removeEventListener('mousemove', handleMouseMove);
|
|
297
|
+
document.removeEventListener('mouseup', handleMouseUp);
|
|
298
|
+
setScrollbarState(function(prevState) {
|
|
299
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
300
|
+
isDragging: false
|
|
301
|
+
});
|
|
302
|
+
});
|
|
303
|
+
showScrollbarWithDelay();
|
|
304
|
+
};
|
|
305
|
+
document.addEventListener('mousemove', handleMouseMove);
|
|
306
|
+
document.addEventListener('mouseup', handleMouseUp);
|
|
307
|
+
};
|
|
308
|
+
var handleTrackClick = function(e) {
|
|
309
|
+
e.preventDefault();
|
|
310
|
+
e.stopPropagation();
|
|
311
|
+
var track = e.currentTarget;
|
|
312
|
+
var container = containerRef.current;
|
|
313
|
+
if (!container || !track) return;
|
|
314
|
+
if (thumbRef.current && thumbRef.current.contains(e.target)) {
|
|
315
|
+
return;
|
|
316
|
+
}
|
|
317
|
+
clearHideTimeout();
|
|
318
|
+
var trackRect = track.getBoundingClientRect();
|
|
319
|
+
var clickY = e.clientY - trackRect.top;
|
|
320
|
+
var trackHeight = trackRect.height;
|
|
321
|
+
var thumbHeight = scrollbarState.thumbHeight;
|
|
322
|
+
var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
|
|
323
|
+
var maxScroll = scrollHeight - clientHeight;
|
|
324
|
+
if (maxScroll <= 0) return;
|
|
325
|
+
var newThumbPosition = clickY - thumbHeight / 2;
|
|
326
|
+
newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, newThumbPosition));
|
|
327
|
+
var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
|
|
328
|
+
var newScrollTop = scrollPercentage * maxScroll;
|
|
329
|
+
container.scrollTop = newScrollTop;
|
|
330
|
+
setScrollbarState(function(prevState) {
|
|
331
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
332
|
+
thumbPosition: newThumbPosition,
|
|
333
|
+
isVisible: true
|
|
334
|
+
});
|
|
335
|
+
});
|
|
336
|
+
showScrollbarWithDelay();
|
|
337
|
+
};
|
|
338
|
+
(0, _react.useEffect)(function() {
|
|
339
|
+
var container = containerRef.current;
|
|
340
|
+
if (!container) return;
|
|
341
|
+
if (!isInitializedRef.current) {
|
|
342
|
+
updateScrollbar();
|
|
343
|
+
isInitializedRef.current = true;
|
|
344
|
+
}
|
|
345
|
+
container.addEventListener('scroll', handleScroll);
|
|
346
|
+
container.addEventListener('mouseenter', handleMouseEnter);
|
|
347
|
+
var resizeObserver = new ResizeObserver(function() {
|
|
348
|
+
updateScrollbar();
|
|
349
|
+
});
|
|
350
|
+
if (contentRef.current) {
|
|
351
|
+
resizeObserver.observe(contentRef.current);
|
|
352
|
+
}
|
|
353
|
+
return function() {
|
|
354
|
+
container.removeEventListener('scroll', handleScroll);
|
|
355
|
+
container.removeEventListener('mouseenter', handleMouseEnter);
|
|
356
|
+
resizeObserver.disconnect();
|
|
357
|
+
clearHideTimeout();
|
|
358
|
+
};
|
|
359
|
+
}, []);
|
|
360
|
+
(0, _react.useEffect)(function() {
|
|
361
|
+
updateScrollbar();
|
|
362
|
+
}, [
|
|
363
|
+
children,
|
|
364
|
+
offset
|
|
365
|
+
]);
|
|
366
|
+
var _obj;
|
|
367
|
+
return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
368
|
+
view: view,
|
|
369
|
+
size: size,
|
|
370
|
+
className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarRoot, className),
|
|
371
|
+
ref: ref
|
|
372
|
+
}, rest), /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledScrollBar, {
|
|
373
|
+
className: (0, _classnames.default)((_obj = {}, _define_property(_obj, _Scrollbartokens.classes.scrollBarVisible, scrollbarState.isVisible), _define_property(_obj, _Scrollbartokens.classes.scrollBarDragging, scrollbarState.isDragging), _obj)),
|
|
374
|
+
style: _object_spread_props(_object_spread({}, style), {
|
|
375
|
+
'--scrollbar-offset-top': parsedOffset.top,
|
|
376
|
+
'--scrollbar-offset-right': parsedOffset.right,
|
|
377
|
+
'--scrollbar-offset-bottom': parsedOffset.bottom,
|
|
378
|
+
'--scrollbar-offset-left': parsedOffset.left
|
|
379
|
+
}),
|
|
380
|
+
"data-placement": placement,
|
|
381
|
+
"data-size": size,
|
|
382
|
+
"data-view": view
|
|
383
|
+
}, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledContainer, {
|
|
384
|
+
ref: containerRef,
|
|
385
|
+
className: _Scrollbartokens.classes.scrollBarContainer,
|
|
386
|
+
"data-placement": placement
|
|
387
|
+
}, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledContent, {
|
|
388
|
+
ref: contentRef,
|
|
389
|
+
className: _Scrollbartokens.classes.scrollBarContent
|
|
390
|
+
}, children)), /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledTrack, {
|
|
391
|
+
ref: trackRef,
|
|
392
|
+
className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarTrack, _define_property({}, _Scrollbartokens.classes.scrollBarTrackVisible, scrollbarState.isVisible)),
|
|
393
|
+
"data-placement": placement,
|
|
394
|
+
onMouseDown: handleTrackClick
|
|
395
|
+
}, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledThumb, {
|
|
396
|
+
ref: thumbRef,
|
|
397
|
+
className: _Scrollbartokens.classes.scrollBarThumb,
|
|
398
|
+
style: {
|
|
399
|
+
height: "".concat(scrollbarState.thumbHeight, "px"),
|
|
400
|
+
top: "".concat(scrollbarState.thumbPosition, "px")
|
|
401
|
+
},
|
|
402
|
+
onMouseDown: handleScrollbarDrag
|
|
403
|
+
}))));
|
|
404
|
+
});
|
|
405
|
+
};
|
|
406
|
+
var scrollbarConfig = {
|
|
407
|
+
name: 'Scrollbar',
|
|
408
|
+
tag: 'div',
|
|
409
|
+
layout: scrollbarRoot,
|
|
410
|
+
base: _Scrollbarstyles.base,
|
|
411
|
+
variations: {
|
|
412
|
+
view: {
|
|
413
|
+
css: _base1.base
|
|
414
|
+
},
|
|
415
|
+
size: {
|
|
416
|
+
css: _base.base
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
defaults: {
|
|
420
|
+
size: 'm',
|
|
421
|
+
view: 'default'
|
|
422
|
+
}
|
|
423
|
+
};
|