@salutejs/plasma-new-hope 0.338.0-canary.2277.18274788623.0 → 0.338.0-canary.2280.18389973911.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/_virtual/_rollupPluginBabelHelpers.js +0 -8
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.css +11 -11
- package/cjs/components/Chip/Chip.css +7 -7
- package/cjs/components/Chip/Chip.js +6 -4
- 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_fnd4j5.css → Chip.styles_d9y94l.css} +1 -1
- package/cjs/components/Chip/Chip.tokens.js +1 -0
- 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_rmcs0j.css → cjs/components/Chip/variations/_disabled/base_1j4s925.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_1nfit77.css → cjs/components/Chip/variations/_readonly/base_1xublmy.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- 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_1c4vtoy.css → cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.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/Drawer/Drawer.js +1 -4
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Modal/Modal.css +2 -2
- package/cjs/components/Modal/Modal.js +5 -4
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +15 -15
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +15 -15
- package/cjs/components/Popup/Popup.styles.js +2 -3
- package/cjs/components/Popup/Popup.styles.js.map +1 -1
- 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 +2 -0
- 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 +2 -1
- 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 +4 -2
- 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_1mikp58.css → Textfield.styles_19e9015.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 +8 -4
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +2 -0
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/hooks/useKeyNavigation.js +15 -6
- 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 +1 -0
- 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_14q069b.css → TextFieldChip.styles_8puilg.css} +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +11 -11
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +26 -12
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +33 -2
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/{TextFieldChipNew.styles_y9tozi.css → TextFieldChipNew.styles_1hj7e4k.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +11 -11
- package/cjs/components/Tree/utils/traverseTree.js +1 -1
- package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
- package/cjs/index.css +16 -16
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Chip/Chip.js +9 -5
- package/emotion/cjs/components/Chip/Chip.styles.js +9 -9
- package/emotion/cjs/components/Chip/Chip.tokens.js +1 -0
- package/emotion/cjs/components/Chip/variations/_disabled/base.js +2 -1
- package/emotion/cjs/components/Chip/variations/_readonly/base.js +2 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/cjs/components/Drawer/Drawer.js +1 -3
- package/emotion/cjs/components/Modal/Modal.js +7 -6
- package/emotion/cjs/components/Popup/Popup.styles.js +13 -13
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +182 -0
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +13 -0
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +39 -0
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.types.js +4 -0
- package/emotion/cjs/components/ProgressBarCircular/index.js +23 -0
- package/emotion/cjs/components/ProgressBarCircular/variations/_size/base.js +12 -0
- package/emotion/cjs/components/ProgressBarCircular/variations/_view/base.js +12 -0
- 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 +3 -2
- package/emotion/cjs/components/Select/Select.tokens.js +2 -0
- package/emotion/cjs/components/Select/ui/Target/Target.js +2 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/cjs/components/TextField/TextField.js +10 -5
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -0
- package/emotion/cjs/components/TextField/hooks/useKeyNavigation.js +11 -4
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +74 -10
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +18 -5
- package/emotion/cjs/components/Tree/utils/traverseTree.js +1 -1
- package/emotion/cjs/components/_Icon/index.js +4 -0
- package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -14
- package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +36 -0
- package/emotion/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.js +15 -0
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +32 -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/cjs/mixins/index.js +0 -1
- package/emotion/es/components/Chip/Chip.js +9 -5
- package/emotion/es/components/Chip/Chip.styles.js +9 -9
- package/emotion/es/components/Chip/Chip.tokens.js +1 -0
- package/emotion/es/components/Chip/variations/_disabled/base.js +2 -1
- package/emotion/es/components/Chip/variations/_readonly/base.js +2 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +5 -3
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/es/components/Drawer/Drawer.js +1 -3
- package/emotion/es/components/Modal/Modal.js +6 -5
- package/emotion/es/components/Popup/Popup.styles.js +13 -13
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +123 -0
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +3 -0
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +21 -0
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.types.js +1 -0
- package/emotion/es/components/ProgressBarCircular/index.js +2 -0
- package/emotion/es/components/ProgressBarCircular/variations/_size/base.js +2 -0
- package/emotion/es/components/ProgressBarCircular/variations/_view/base.js +2 -0
- 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 +3 -2
- package/emotion/es/components/Select/Select.tokens.js +2 -0
- package/emotion/es/components/Select/ui/Target/Target.js +2 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/es/components/TextField/TextField.js +10 -5
- package/emotion/es/components/TextField/TextField.tokens.js +2 -0
- package/emotion/es/components/TextField/hooks/useKeyNavigation.js +11 -4
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +74 -10
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +18 -5
- package/emotion/es/components/Tree/utils/traverseTree.js +1 -1
- package/emotion/es/components/_Icon/index.js +1 -0
- 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 +7 -0
- package/emotion/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +26 -0
- package/emotion/es/examples/components/ProgressBarCircular/ProgressBarCircular.js +5 -0
- package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +22 -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/emotion/es/mixins/index.js +0 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -8
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.css +11 -11
- package/es/components/Chip/Chip.css +7 -7
- package/es/components/Chip/Chip.js +6 -4
- 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_fnd4j5.css → Chip.styles_d9y94l.css} +1 -1
- package/es/components/Chip/Chip.tokens.js +1 -0
- 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_rmcs0j.css → es/components/Chip/variations/_disabled/base_1j4s925.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_1nfit77.css → es/components/Chip/variations/_readonly/base_1xublmy.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/es/components/Combobox/ComboboxNew/Combobox.js +6 -3
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- 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_1c4vtoy.css → es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.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/Drawer/Drawer.js +1 -4
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Modal/Modal.css +2 -2
- package/es/components/Modal/Modal.js +5 -4
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Pagination/Pagination.css +15 -15
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +15 -15
- package/es/components/Popup/Popup.styles.js +2 -3
- package/es/components/Popup/Popup.styles.js.map +1 -1
- 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 +2 -0
- 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 +2 -1
- 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 +4 -2
- 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_1mikp58.css → Textfield.styles_19e9015.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 +8 -4
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +2 -0
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/hooks/useKeyNavigation.js +15 -6
- 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 +1 -0
- 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_14q069b.css → TextFieldChip.styles_8puilg.css} +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +11 -11
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +26 -12
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +33 -2
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/{TextFieldChipNew.styles_y9tozi.css → TextFieldChipNew.styles_1hj7e4k.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +11 -11
- package/es/components/Tree/utils/traverseTree.js +1 -1
- package/es/components/Tree/utils/traverseTree.js.map +1 -1
- package/es/index.css +16 -16
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Chip/Chip.js +9 -5
- package/styled-components/cjs/components/Chip/Chip.styles.js +7 -6
- package/styled-components/cjs/components/Chip/Chip.tokens.js +1 -0
- package/styled-components/cjs/components/Chip/variations/_disabled/base.js +6 -2
- package/styled-components/cjs/components/Chip/variations/_readonly/base.js +6 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +6 -2
- package/styled-components/cjs/components/Drawer/Drawer.js +1 -3
- package/styled-components/cjs/components/Modal/Modal.js +7 -6
- package/styled-components/cjs/components/Popup/Popup.styles.js +7 -7
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +182 -0
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +32 -0
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +39 -0
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.types.js +4 -0
- package/styled-components/cjs/components/ProgressBarCircular/index.js +23 -0
- package/styled-components/cjs/components/ProgressBarCircular/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/ProgressBarCircular/variations/_view/base.js +14 -0
- 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 +3 -2
- package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
- package/styled-components/cjs/components/Select/ui/Target/Target.js +2 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -5
- package/styled-components/cjs/components/TextField/TextField.js +9 -4
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -0
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +11 -4
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -3
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +74 -10
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +28 -5
- package/styled-components/cjs/components/Tree/utils/traverseTree.js +1 -1
- package/styled-components/cjs/components/_Icon/index.js +4 -0
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +24 -12
- package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +12 -4
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +138 -0
- package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.js +15 -0
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +93 -0
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
- package/styled-components/cjs/examples/components/Select/Select.config.js +10 -4
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +18 -6
- package/styled-components/cjs/mixins/addScrollbar.js +24 -0
- package/styled-components/cjs/mixins/index.js +0 -1
- package/styled-components/es/components/Chip/Chip.js +9 -5
- package/styled-components/es/components/Chip/Chip.styles.js +7 -6
- package/styled-components/es/components/Chip/Chip.tokens.js +1 -0
- package/styled-components/es/components/Chip/variations/_disabled/base.js +6 -2
- package/styled-components/es/components/Chip/variations/_readonly/base.js +6 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +5 -3
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +6 -2
- package/styled-components/es/components/Drawer/Drawer.js +1 -3
- package/styled-components/es/components/Modal/Modal.js +6 -5
- package/styled-components/es/components/Popup/Popup.styles.js +7 -7
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +123 -0
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +22 -0
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +21 -0
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.types.js +1 -0
- package/styled-components/es/components/ProgressBarCircular/index.js +2 -0
- package/styled-components/es/components/ProgressBarCircular/variations/_size/base.js +4 -0
- package/styled-components/es/components/ProgressBarCircular/variations/_view/base.js +4 -0
- 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 +3 -2
- package/styled-components/es/components/Select/Select.tokens.js +2 -0
- package/styled-components/es/components/Select/ui/Target/Target.js +2 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -5
- package/styled-components/es/components/TextField/TextField.js +9 -4
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -0
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +11 -4
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -3
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +74 -10
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +28 -5
- package/styled-components/es/components/Tree/utils/traverseTree.js +1 -1
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/styled-components/es/examples/components/Chip/Chip.config.js +24 -12
- package/styled-components/es/examples/components/Combobox/Combobox.config.js +12 -4
- package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +128 -0
- package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.js +5 -0
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +83 -0
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +5 -0
- package/styled-components/es/examples/components/Select/Select.config.js +10 -4
- package/styled-components/es/examples/components/TextField/TextField.config.js +18 -6
- package/styled-components/es/mixins/addScrollbar.js +6 -0
- package/styled-components/es/mixins/index.js +0 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +8 -8
- 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 +1 -0
- 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 +2 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +9 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +8 -8
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +6 -6
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +8 -8
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Modal/Modal.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/Popup/Popup.types.d.ts +1 -8
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts +23 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts +2 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts +22 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts +31 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/index.d.ts +4 -0
- package/types/components/ProgressBarCircular/index.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/variations/_size/base.d.ts +2 -0
- package/types/components/ProgressBarCircular/variations/_size/base.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/variations/_view/base.d.ts +2 -0
- package/types/components/ProgressBarCircular/variations/_view/base.d.ts.map +1 -0
- package/types/components/Radiobox/Radiobox.d.ts +2 -2
- package/types/components/Range/Range.styles.d.ts +8 -8
- 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 +2 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +7 -0
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +2 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +3 -2
- 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 +8 -8
- 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/Select/utils/getView.d.ts +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +8 -8
- 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/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +2 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/hooks/useKeyNavigation.d.ts +11 -2
- 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 +2 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts +3 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +8 -8
- package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +8 -8
- 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 +24 -0
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Combobox/Legacy/Combobox.d.ts +2 -2
- package/types/examples/components/DatePicker/DatePicker.d.ts +3 -3
- package/types/examples/components/Mask/Mask.d.ts +8 -8
- package/types/examples/components/NumberFormat/NumberFormat.d.ts +8 -8
- package/types/examples/components/NumberInput/NumberInput.d.ts +2 -2
- package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts +25 -0
- package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts.map +1 -0
- package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts +19 -0
- package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -0
- package/types/examples/components/Radiobox/Radiobox.d.ts +2 -2
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +21 -0
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +1 -0
- package/types/examples/components/Scrollbar/Scrollbar.d.ts +15 -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 +12 -6
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/types/examples/components/TextArea/TextArea.d.ts +8 -8
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.d.ts +8 -8
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts +1 -1
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts +1 -1
- package/types/mixins/addScrollbar.d.ts +3 -0
- package/types/mixins/addScrollbar.d.ts.map +1 -0
- package/types/mixins/index.d.ts +0 -1
- package/types/mixins/index.d.ts.map +1 -1
- package/types/types/InputHTMLAttributes.d.ts +9 -3
- package/types/types/InputHTMLAttributes.d.ts.map +1 -1
- package/types/types/TextareaHTMLAttributes.d.ts +9 -3
- package/types/types/TextareaHTMLAttributes.d.ts.map +1 -1
- package/cjs/mixins/applyDisabled.js +0 -22
- package/cjs/mixins/applyDisabled.js.map +0 -1
- package/emotion/cjs/mixins/applyDisabled.js +0 -47
- package/emotion/es/mixins/applyDisabled.js +0 -39
- package/es/mixins/applyDisabled.js +0 -18
- package/es/mixins/applyDisabled.js.map +0 -1
- package/styled-components/cjs/mixins/applyDisabled.js +0 -23
- package/styled-components/es/mixins/applyDisabled.js +0 -15
- package/types/mixins/applyDisabled.d.ts +0 -14
- package/types/mixins/applyDisabled.d.ts.map +0 -1
|
@@ -3,25 +3,25 @@ import { css } from "@emotion/react";
|
|
|
3
3
|
import { IconResizeDiagonal } from "../_Icon";
|
|
4
4
|
import { classes } from "./Popup.tokens";
|
|
5
5
|
import { DEFAULT_Z_INDEX } from "./utils";
|
|
6
|
-
export var base = /*#__PURE__*/ css(".", classes.draggablePopupWrapper, "{cursor:grab;}.", classes.draggingPopupWrapper, "{cursor:grabbing;}.", classes.resizableContainerNoSelect, "{user-select:none;-webkit-user-select:none;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
6
|
+
export var base = /*#__PURE__*/ css(".", classes.draggablePopupWrapper, "{cursor:grab;}.", classes.draggingPopupWrapper, "{cursor:grabbing;}.", classes.resizableContainerNoSelect, "{user-select:none;-webkit-user-select:none;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUG9wdXAudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtjbGFzc2VzLmRyYWdnYWJsZVBvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5kcmFnZ2luZ1BvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWJiaW5nO1xuICAgIH1cblxuICAgIC4ke2NsYXNzZXMucmVzaXphYmxlQ29udGFpbmVyTm9TZWxlY3R9IHtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbCA9IHN0eWxlZC5kaXZgYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246ICR7KHsgZnJhbWUgfSkgPT4gKGZyYW1lID09PSAnZG9jdW1lbnQnID8gJ2ZpeGVkJyA6ICdhYnNvbHV0ZScpfTtcbiAgICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXggfHwgREVGQVVMVF9aX0lOREVYfTtcbiAgICBsZWZ0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmxlZnQgfHwgJyd9O1xuICAgIHJpZ2h0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnJpZ2h0IHx8ICcnfTtcbiAgICB0b3A6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udG9wIHx8ICcnfTtcbiAgICBib3R0b206ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24uYm90dG9tIHx8ICcnfTtcbiAgICB0cmFuc2Zvcm06ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udHJhbnNmb3JtIHx8ICcnfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRb0IifQ== */");
|
|
7
7
|
export var StyledPortal = /*#__PURE__*/ styled("div", {
|
|
8
|
-
target: "
|
|
8
|
+
target: "e5ug3c20",
|
|
9
9
|
label: "StyledPortal"
|
|
10
|
-
})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUG9wdXAudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtjbGFzc2VzLmRyYWdnYWJsZVBvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5kcmFnZ2luZ1BvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWJiaW5nO1xuICAgIH1cblxuICAgIC4ke2NsYXNzZXMucmVzaXphYmxlQ29udGFpbmVyTm9TZWxlY3R9IHtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbCA9IHN0eWxlZC5kaXZgYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246ICR7KHsgZnJhbWUgfSkgPT4gKGZyYW1lID09PSAnZG9jdW1lbnQnID8gJ2ZpeGVkJyA6ICdhYnNvbHV0ZScpfTtcbiAgICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXggfHwgREVGQVVMVF9aX0lOREVYfTtcbiAgICBsZWZ0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmxlZnQgfHwgJyd9O1xuICAgIHJpZ2h0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnJpZ2h0IHx8ICcnfTtcbiAgICB0b3A6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udG9wIHx8ICcnfTtcbiAgICBib3R0b206ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24uYm90dG9tIHx8ICcnfTtcbiAgICB0cmFuc2Zvcm06ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udHJhbnNmb3JtIHx8ICcnfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjRCIn0= */");
|
|
11
11
|
export var StyledPortalContainer = /*#__PURE__*/ styled("div", {
|
|
12
|
-
target: "
|
|
12
|
+
target: "e5ug3c21",
|
|
13
13
|
label: "StyledPortalContainer"
|
|
14
|
-
})("width:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
})("width:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUG9wdXAudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtjbGFzc2VzLmRyYWdnYWJsZVBvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5kcmFnZ2luZ1BvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWJiaW5nO1xuICAgIH1cblxuICAgIC4ke2NsYXNzZXMucmVzaXphYmxlQ29udGFpbmVyTm9TZWxlY3R9IHtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbCA9IHN0eWxlZC5kaXZgYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246ICR7KHsgZnJhbWUgfSkgPT4gKGZyYW1lID09PSAnZG9jdW1lbnQnID8gJ2ZpeGVkJyA6ICdhYnNvbHV0ZScpfTtcbiAgICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXggfHwgREVGQVVMVF9aX0lOREVYfTtcbiAgICBsZWZ0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmxlZnQgfHwgJyd9O1xuICAgIHJpZ2h0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnJpZ2h0IHx8ICcnfTtcbiAgICB0b3A6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udG9wIHx8ICcnfTtcbiAgICBib3R0b206ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24uYm90dG9tIHx8ICcnfTtcbiAgICB0cmFuc2Zvcm06ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udHJhbnNmb3JtIHx8ICcnfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnFDIn0= */");
|
|
15
15
|
export var PopupView = /*#__PURE__*/ styled("div", {
|
|
16
|
-
target: "
|
|
16
|
+
target: "e5ug3c22",
|
|
17
17
|
label: "PopupView"
|
|
18
|
-
})("position:relative;max-width:100%;pointer-events:all;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
})("position:relative;max-width:100%;pointer-events:all;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUG9wdXAudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtjbGFzc2VzLmRyYWdnYWJsZVBvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5kcmFnZ2luZ1BvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWJiaW5nO1xuICAgIH1cblxuICAgIC4ke2NsYXNzZXMucmVzaXphYmxlQ29udGFpbmVyTm9TZWxlY3R9IHtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbCA9IHN0eWxlZC5kaXZgYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246ICR7KHsgZnJhbWUgfSkgPT4gKGZyYW1lID09PSAnZG9jdW1lbnQnID8gJ2ZpeGVkJyA6ICdhYnNvbHV0ZScpfTtcbiAgICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXggfHwgREVGQVVMVF9aX0lOREVYfTtcbiAgICBsZWZ0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmxlZnQgfHwgJyd9O1xuICAgIHJpZ2h0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnJpZ2h0IHx8ICcnfTtcbiAgICB0b3A6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udG9wIHx8ICcnfTtcbiAgICBib3R0b206ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24uYm90dG9tIHx8ICcnfTtcbiAgICB0cmFuc2Zvcm06ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udHJhbnNmb3JtIHx8ICcnfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnlCIn0= */");
|
|
19
19
|
export var PopupRootContainer = /*#__PURE__*/ styled("div", {
|
|
20
|
-
target: "
|
|
20
|
+
target: "e5ug3c23",
|
|
21
21
|
label: "PopupRootContainer"
|
|
22
22
|
})("position:", function(param) {
|
|
23
|
-
var frame = param.frame
|
|
24
|
-
return frame === 'document'
|
|
23
|
+
var frame = param.frame;
|
|
24
|
+
return frame === 'document' ? 'fixed' : 'absolute';
|
|
25
25
|
}, ";z-index:", function(param) {
|
|
26
26
|
var zIndex = param.zIndex;
|
|
27
27
|
return zIndex || DEFAULT_Z_INDEX;
|
|
@@ -40,8 +40,8 @@ export var PopupRootContainer = /*#__PURE__*/ styled("div", {
|
|
|
40
40
|
}, ";transform:", function(param) {
|
|
41
41
|
var position = param.position;
|
|
42
42
|
return position.transform || '';
|
|
43
|
-
}, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
}, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUG9wdXAudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtjbGFzc2VzLmRyYWdnYWJsZVBvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5kcmFnZ2luZ1BvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWJiaW5nO1xuICAgIH1cblxuICAgIC4ke2NsYXNzZXMucmVzaXphYmxlQ29udGFpbmVyTm9TZWxlY3R9IHtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbCA9IHN0eWxlZC5kaXZgYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246ICR7KHsgZnJhbWUgfSkgPT4gKGZyYW1lID09PSAnZG9jdW1lbnQnID8gJ2ZpeGVkJyA6ICdhYnNvbHV0ZScpfTtcbiAgICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXggfHwgREVGQVVMVF9aX0lOREVYfTtcbiAgICBsZWZ0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmxlZnQgfHwgJyd9O1xuICAgIHJpZ2h0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnJpZ2h0IHx8ICcnfTtcbiAgICB0b3A6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udG9wIHx8ICcnfTtcbiAgICBib3R0b206ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24uYm90dG9tIHx8ICcnfTtcbiAgICB0cmFuc2Zvcm06ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udHJhbnNmb3JtIHx8ICcnfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2tDIn0= */");
|
|
44
44
|
export var IconResizeDiagonalStyled = /*#__PURE__*/ styled(IconResizeDiagonal, {
|
|
45
|
-
target: "
|
|
45
|
+
target: "e5ug3c24",
|
|
46
46
|
label: "IconResizeDiagonalStyled"
|
|
47
|
-
})("color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.", classes.resizableTopRightIcon, "{transform:rotate(-90deg);}&.", classes.resizableBottomRightIcon, "{transform:rotate(0);}&.", classes.resizableBottomLeftIcon, "{transform:rotate(90deg);}&.", classes.resizableTopLeftIcon, "{transform:rotate(180deg);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
47
|
+
})("color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.", classes.resizableTopRightIcon, "{transform:rotate(-90deg);}&.", classes.resizableBottomRightIcon, "{transform:rotate(0);}&.", classes.resizableBottomLeftIcon, "{transform:rotate(90deg);}&.", classes.resizableTopLeftIcon, "{transform:rotate(180deg);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUG9wdXAudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtjbGFzc2VzLmRyYWdnYWJsZVBvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5kcmFnZ2luZ1BvcHVwV3JhcHBlcn0ge1xuICAgICAgICBjdXJzb3I6IGdyYWJiaW5nO1xuICAgIH1cblxuICAgIC4ke2NsYXNzZXMucmVzaXphYmxlQ29udGFpbmVyTm9TZWxlY3R9IHtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbCA9IHN0eWxlZC5kaXZgYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246ICR7KHsgZnJhbWUgfSkgPT4gKGZyYW1lID09PSAnZG9jdW1lbnQnID8gJ2ZpeGVkJyA6ICdhYnNvbHV0ZScpfTtcbiAgICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXggfHwgREVGQVVMVF9aX0lOREVYfTtcbiAgICBsZWZ0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmxlZnQgfHwgJyd9O1xuICAgIHJpZ2h0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnJpZ2h0IHx8ICcnfTtcbiAgICB0b3A6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udG9wIHx8ICcnfTtcbiAgICBib3R0b206ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24uYm90dG9tIHx8ICcnfTtcbiAgICB0cmFuc2Zvcm06ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udHJhbnNmb3JtIHx8ICcnfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3dDIn0= */");
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function _object_without_properties(source, excluded) {
|
|
30
|
+
if (source == null) return {};
|
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
32
|
+
var key, i;
|
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
36
|
+
key = sourceSymbolKeys[i];
|
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
39
|
+
target[key] = source[key];
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
}
|
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
|
45
|
+
if (source == null) return {};
|
|
46
|
+
var target = {};
|
|
47
|
+
var sourceKeys = Object.keys(source);
|
|
48
|
+
var key, i;
|
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
50
|
+
key = sourceKeys[i];
|
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
52
|
+
target[key] = source[key];
|
|
53
|
+
}
|
|
54
|
+
return target;
|
|
55
|
+
}
|
|
56
|
+
import React, { forwardRef } from "react";
|
|
57
|
+
import { cx } from "../../utils";
|
|
58
|
+
import { base as viewCSS } from "./variations/_view/base";
|
|
59
|
+
import { base as sizeCSS } from "./variations/_size/base";
|
|
60
|
+
import { base } from "./ProgressBarCircular.styles";
|
|
61
|
+
import { classes } from "./ProgressBarCircular.tokens";
|
|
62
|
+
export var progressBarCircularRoot = function(Root) {
|
|
63
|
+
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
64
|
+
var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, rest = _object_without_properties(props, [
|
|
65
|
+
"value",
|
|
66
|
+
"maxValue",
|
|
67
|
+
"size",
|
|
68
|
+
"view",
|
|
69
|
+
"children",
|
|
70
|
+
"className"
|
|
71
|
+
]);
|
|
72
|
+
var clampedValue = Math.min(Math.max(value, 0), maxValue);
|
|
73
|
+
var percentage = clampedValue / maxValue * 100;
|
|
74
|
+
var center = 50;
|
|
75
|
+
var radius = 46;
|
|
76
|
+
var circumference = 2 * Math.PI * radius;
|
|
77
|
+
var strokeDashoffset = circumference - percentage / 100 * circumference;
|
|
78
|
+
return /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
79
|
+
ref: ref,
|
|
80
|
+
view: view,
|
|
81
|
+
size: size,
|
|
82
|
+
className: cx(className)
|
|
83
|
+
}, rest), /*#__PURE__*/ React.createElement("svg", {
|
|
84
|
+
width: "100%",
|
|
85
|
+
height: "100%",
|
|
86
|
+
viewBox: "0 0 100 100",
|
|
87
|
+
className: classes.svg
|
|
88
|
+
}, /*#__PURE__*/ React.createElement("circle", {
|
|
89
|
+
cx: center,
|
|
90
|
+
cy: center,
|
|
91
|
+
r: radius,
|
|
92
|
+
className: classes.backgroundCircle
|
|
93
|
+
}), /*#__PURE__*/ React.createElement("circle", {
|
|
94
|
+
cx: center,
|
|
95
|
+
cy: center,
|
|
96
|
+
r: radius,
|
|
97
|
+
className: classes.progressCircle,
|
|
98
|
+
strokeDasharray: circumference,
|
|
99
|
+
strokeDashoffset: strokeDashoffset,
|
|
100
|
+
transform: "rotate(-90 50 50)"
|
|
101
|
+
})), children && /*#__PURE__*/ React.createElement("div", {
|
|
102
|
+
className: classes.content
|
|
103
|
+
}, children));
|
|
104
|
+
});
|
|
105
|
+
};
|
|
106
|
+
export var progressBarCircularConfig = {
|
|
107
|
+
name: 'ProgressBarCircular',
|
|
108
|
+
tag: 'div',
|
|
109
|
+
layout: progressBarCircularRoot,
|
|
110
|
+
base: base,
|
|
111
|
+
variations: {
|
|
112
|
+
view: {
|
|
113
|
+
css: viewCSS
|
|
114
|
+
},
|
|
115
|
+
size: {
|
|
116
|
+
css: sizeCSS
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
defaults: {
|
|
120
|
+
view: 'primary',
|
|
121
|
+
size: 'm'
|
|
122
|
+
}
|
|
123
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from "@emotion/react";
|
|
2
|
+
import { classes, tokens } from "./ProgressBarCircular.tokens";
|
|
3
|
+
export var base = /*#__PURE__*/ css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(", tokens.width, ");height:var(", tokens.height, ");.", classes.svg, "{width:100%;height:100%;}.", classes.backgroundCircle, "{fill:none;stroke:var(", tokens.backgroundStroke, ");stroke-width:var(", tokens.backgroundStrokeWidth, ");}.", classes.progressCircle, "{fill:none;stroke:var(", tokens.progressStroke, ");stroke-width:var(", tokens.progressStrokeWidth, ");stroke-linecap:round;transition:stroke-dashoffset 0.3s ease-in-out;}.", classes.content, "{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(", tokens.contentColor, ");font-family:var(", tokens.contentFontFamily, ");font-size:var(", tokens.contentFontSize, ");font-style:var(", tokens.contentFontStyle, ");font-weight:var(", tokens.contentFontWeight, ");letter-spacing:var(", tokens.contentLetterSpacing, ");line-height:var(", tokens.contentLineHeight, ");display:flex;align-items:center;justify-content:center;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcblxuICAgIC4ke2NsYXNzZXMuc3ZnfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5iYWNrZ3JvdW5kQ2lyY2xlfSB7XG4gICAgICAgIGZpbGw6IG5vbmU7XG4gICAgICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRTdHJva2V9KTtcbiAgICAgICAgc3Ryb2tlLXdpZHRoOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSk7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5wcm9ncmVzc0NpcmNsZX0ge1xuICAgICAgICBmaWxsOiBub25lO1xuICAgICAgICBzdHJva2U6IHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZX0pO1xuICAgICAgICBzdHJva2Utd2lkdGg6IHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSk7XG4gICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDtcbiAgICAgICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbiAgICB9XG5cbiAgICAuJHtjbGFzc2VzLmNvbnRlbnR9IHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbnRlbnRDb2xvcn0pO1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50TGluZUhlaWdodH0pO1xuXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIn0= */");
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export var classes = {
|
|
2
|
+
svg: '--plasma-progressbar-circular-svg',
|
|
3
|
+
backgroundCircle: '--plasma-progressbar-circular-background-circle',
|
|
4
|
+
progressCircle: '--plasma-progressbar-circular-progress-circle',
|
|
5
|
+
content: '--plasma-progressbar-circular-content'
|
|
6
|
+
};
|
|
7
|
+
export var tokens = {
|
|
8
|
+
width: '--plasma-progressbar-circular-width',
|
|
9
|
+
height: '--plasma-progressbar-circular-height',
|
|
10
|
+
backgroundStroke: '--plasma-progressbar-circular-background-stroke',
|
|
11
|
+
backgroundStrokeWidth: '--plasma-progressbar-circular-background-stroke-width',
|
|
12
|
+
progressStroke: '--plasma-progressbar-circular-progress-stroke',
|
|
13
|
+
progressStrokeWidth: '--plasma-progressbar-circular-progress-stroke-width',
|
|
14
|
+
contentColor: '--plasma-progressbar-circular-content-color',
|
|
15
|
+
contentFontFamily: '--plasma-progressbar-circular-content-font-family',
|
|
16
|
+
contentFontSize: '--plasma-progressbar-circular-content-font-size',
|
|
17
|
+
contentFontStyle: '--plasma-progressbar-circular-content-font-style',
|
|
18
|
+
contentFontWeight: '--plasma-progressbar-circular-content-font-weight',
|
|
19
|
+
contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',
|
|
20
|
+
contentLineHeight: '--plasma-progressbar-circular-content-line-height'
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { css } from "@emotion/react";
|
|
2
|
+
export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9CIn0= */");
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { css } from "@emotion/react";
|
|
2
|
+
export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9CIn0= */");
|
|
@@ -0,0 +1,359 @@
|
|
|
1
|
+
/* eslint-disable */ function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_with_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return arr;
|
|
8
|
+
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
22
|
+
function _iterable_to_array_limit(arr, i) {
|
|
23
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
24
|
+
if (_i == null) return;
|
|
25
|
+
var _arr = [];
|
|
26
|
+
var _n = true;
|
|
27
|
+
var _d = false;
|
|
28
|
+
var _s, _e;
|
|
29
|
+
try {
|
|
30
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
31
|
+
_arr.push(_s.value);
|
|
32
|
+
if (i && _arr.length === i) break;
|
|
33
|
+
}
|
|
34
|
+
} catch (err) {
|
|
35
|
+
_d = true;
|
|
36
|
+
_e = err;
|
|
37
|
+
} finally{
|
|
38
|
+
try {
|
|
39
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
40
|
+
} finally{
|
|
41
|
+
if (_d) throw _e;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return _arr;
|
|
45
|
+
}
|
|
46
|
+
function _non_iterable_rest() {
|
|
47
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
48
|
+
}
|
|
49
|
+
function _object_spread(target) {
|
|
50
|
+
for(var i = 1; i < arguments.length; i++){
|
|
51
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
52
|
+
var ownKeys = Object.keys(source);
|
|
53
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
54
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
55
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
ownKeys.forEach(function(key) {
|
|
59
|
+
_define_property(target, key, source[key]);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return target;
|
|
63
|
+
}
|
|
64
|
+
function ownKeys(object, enumerableOnly) {
|
|
65
|
+
var keys = Object.keys(object);
|
|
66
|
+
if (Object.getOwnPropertySymbols) {
|
|
67
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
68
|
+
if (enumerableOnly) {
|
|
69
|
+
symbols = symbols.filter(function(sym) {
|
|
70
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
keys.push.apply(keys, symbols);
|
|
74
|
+
}
|
|
75
|
+
return keys;
|
|
76
|
+
}
|
|
77
|
+
function _object_spread_props(target, source) {
|
|
78
|
+
source = source != null ? source : {};
|
|
79
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
80
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
81
|
+
} else {
|
|
82
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
83
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
return target;
|
|
87
|
+
}
|
|
88
|
+
function _object_without_properties(source, excluded) {
|
|
89
|
+
if (source == null) return {};
|
|
90
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
91
|
+
var key, i;
|
|
92
|
+
if (Object.getOwnPropertySymbols) {
|
|
93
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
94
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
95
|
+
key = sourceSymbolKeys[i];
|
|
96
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
97
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
98
|
+
target[key] = source[key];
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
return target;
|
|
102
|
+
}
|
|
103
|
+
function _object_without_properties_loose(source, excluded) {
|
|
104
|
+
if (source == null) return {};
|
|
105
|
+
var target = {};
|
|
106
|
+
var sourceKeys = Object.keys(source);
|
|
107
|
+
var key, i;
|
|
108
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
109
|
+
key = sourceKeys[i];
|
|
110
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
111
|
+
target[key] = source[key];
|
|
112
|
+
}
|
|
113
|
+
return target;
|
|
114
|
+
}
|
|
115
|
+
function _sliced_to_array(arr, i) {
|
|
116
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
117
|
+
}
|
|
118
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
119
|
+
if (!o) return;
|
|
120
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
121
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
122
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
123
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
124
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
125
|
+
}
|
|
126
|
+
import React, { forwardRef, useRef, useState, useEffect } from "react";
|
|
127
|
+
import cls from "classnames";
|
|
128
|
+
import { base as sizeCSS } from "./variations/_size/base";
|
|
129
|
+
import { base as viewCSS } from "./variations/_view/base";
|
|
130
|
+
import { base, StyledScrollBar, StyledContainer, StyledContent, StyledTrack, StyledThumb } from "./Scrollbar.styles";
|
|
131
|
+
import { classes } from "./Scrollbar.tokens";
|
|
132
|
+
import { parseOffset, calculateScrollbar } from "./utils";
|
|
133
|
+
var MIN_SCROLLBAR_TRACK_HEIGHT = 20;
|
|
134
|
+
export var scrollbarRoot = function(Root) {
|
|
135
|
+
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
|
136
|
+
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, [
|
|
137
|
+
"className",
|
|
138
|
+
"view",
|
|
139
|
+
"size",
|
|
140
|
+
"placement",
|
|
141
|
+
"offset",
|
|
142
|
+
"autoHide",
|
|
143
|
+
"autoHideDelay",
|
|
144
|
+
"style",
|
|
145
|
+
"children"
|
|
146
|
+
]);
|
|
147
|
+
var containerRef = useRef(null);
|
|
148
|
+
var contentRef = useRef(null);
|
|
149
|
+
var trackRef = useRef(null);
|
|
150
|
+
var thumbRef = useRef(null);
|
|
151
|
+
var hideTimeoutRef = useRef(null);
|
|
152
|
+
var isInitializedRef = useRef(false);
|
|
153
|
+
var _useState = _sliced_to_array(useState({
|
|
154
|
+
isVisible: false,
|
|
155
|
+
thumbHeight: 0,
|
|
156
|
+
thumbPosition: 0,
|
|
157
|
+
isDragging: false
|
|
158
|
+
}), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
|
|
159
|
+
var parsedOffset = parseOffset(offset);
|
|
160
|
+
var updateScrollbar = function() {
|
|
161
|
+
var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
|
|
162
|
+
var container = containerRef.current;
|
|
163
|
+
if (!container) return;
|
|
164
|
+
var _calculateScrollbar = calculateScrollbar(container, parsedOffset, MIN_SCROLLBAR_TRACK_HEIGHT), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
|
|
165
|
+
setScrollbarState(function(prevState) {
|
|
166
|
+
if (prevState.thumbHeight === thumbHeight && prevState.thumbPosition === thumbPosition && prevState.isVisible === (show || prevState.isVisible)) {
|
|
167
|
+
return prevState;
|
|
168
|
+
}
|
|
169
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
170
|
+
thumbHeight: thumbHeight,
|
|
171
|
+
thumbPosition: thumbPosition,
|
|
172
|
+
isVisible: show || prevState.isVisible
|
|
173
|
+
});
|
|
174
|
+
});
|
|
175
|
+
};
|
|
176
|
+
var clearHideTimeout = function() {
|
|
177
|
+
if (hideTimeoutRef.current) {
|
|
178
|
+
clearTimeout(hideTimeoutRef.current);
|
|
179
|
+
hideTimeoutRef.current = null;
|
|
180
|
+
}
|
|
181
|
+
};
|
|
182
|
+
var showScrollbarWithDelay = function() {
|
|
183
|
+
clearHideTimeout();
|
|
184
|
+
updateScrollbar(true);
|
|
185
|
+
if (autoHide) {
|
|
186
|
+
hideTimeoutRef.current = window.setTimeout(function() {
|
|
187
|
+
setScrollbarState(function(prevState) {
|
|
188
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
189
|
+
isVisible: false
|
|
190
|
+
});
|
|
191
|
+
});
|
|
192
|
+
}, autoHideDelay);
|
|
193
|
+
}
|
|
194
|
+
};
|
|
195
|
+
var handleScroll = function() {
|
|
196
|
+
showScrollbarWithDelay();
|
|
197
|
+
updateScrollbar();
|
|
198
|
+
};
|
|
199
|
+
var handleMouseEnter = function() {
|
|
200
|
+
showScrollbarWithDelay();
|
|
201
|
+
};
|
|
202
|
+
var handleScrollbarDrag = function(e) {
|
|
203
|
+
e.preventDefault();
|
|
204
|
+
e.stopPropagation();
|
|
205
|
+
var thumb = e.currentTarget;
|
|
206
|
+
var track = thumb.parentElement;
|
|
207
|
+
var container = containerRef.current;
|
|
208
|
+
if (!container || !track) return;
|
|
209
|
+
clearHideTimeout();
|
|
210
|
+
var startY = e.clientY;
|
|
211
|
+
var startThumbPosition = parseFloat(thumb.style.top || '0');
|
|
212
|
+
var trackRect = track.getBoundingClientRect();
|
|
213
|
+
var trackHeight = trackRect.height;
|
|
214
|
+
var thumbHeight = thumb.offsetHeight;
|
|
215
|
+
var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
|
|
216
|
+
var maxScroll = scrollHeight - clientHeight;
|
|
217
|
+
var handleMouseMove = function(moveEvent) {
|
|
218
|
+
var deltaY = moveEvent.clientY - startY;
|
|
219
|
+
var newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, startThumbPosition + deltaY));
|
|
220
|
+
var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
|
|
221
|
+
var newScrollTop = scrollPercentage * maxScroll;
|
|
222
|
+
container.scrollTop = newScrollTop;
|
|
223
|
+
setScrollbarState(function(prevState) {
|
|
224
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
225
|
+
thumbPosition: newThumbPosition,
|
|
226
|
+
isDragging: true,
|
|
227
|
+
isVisible: true
|
|
228
|
+
});
|
|
229
|
+
});
|
|
230
|
+
};
|
|
231
|
+
var handleMouseUp = function() {
|
|
232
|
+
document.removeEventListener('mousemove', handleMouseMove);
|
|
233
|
+
document.removeEventListener('mouseup', handleMouseUp);
|
|
234
|
+
setScrollbarState(function(prevState) {
|
|
235
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
236
|
+
isDragging: false
|
|
237
|
+
});
|
|
238
|
+
});
|
|
239
|
+
showScrollbarWithDelay();
|
|
240
|
+
};
|
|
241
|
+
document.addEventListener('mousemove', handleMouseMove);
|
|
242
|
+
document.addEventListener('mouseup', handleMouseUp);
|
|
243
|
+
};
|
|
244
|
+
var handleTrackClick = function(e) {
|
|
245
|
+
e.preventDefault();
|
|
246
|
+
e.stopPropagation();
|
|
247
|
+
var track = e.currentTarget;
|
|
248
|
+
var container = containerRef.current;
|
|
249
|
+
if (!container || !track) return;
|
|
250
|
+
if (thumbRef.current && thumbRef.current.contains(e.target)) {
|
|
251
|
+
return;
|
|
252
|
+
}
|
|
253
|
+
clearHideTimeout();
|
|
254
|
+
var trackRect = track.getBoundingClientRect();
|
|
255
|
+
var clickY = e.clientY - trackRect.top;
|
|
256
|
+
var trackHeight = trackRect.height;
|
|
257
|
+
var thumbHeight = scrollbarState.thumbHeight;
|
|
258
|
+
var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
|
|
259
|
+
var maxScroll = scrollHeight - clientHeight;
|
|
260
|
+
if (maxScroll <= 0) return;
|
|
261
|
+
var newThumbPosition = clickY - thumbHeight / 2;
|
|
262
|
+
newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, newThumbPosition));
|
|
263
|
+
var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
|
|
264
|
+
var newScrollTop = scrollPercentage * maxScroll;
|
|
265
|
+
container.scrollTop = newScrollTop;
|
|
266
|
+
setScrollbarState(function(prevState) {
|
|
267
|
+
return _object_spread_props(_object_spread({}, prevState), {
|
|
268
|
+
thumbPosition: newThumbPosition,
|
|
269
|
+
isVisible: true
|
|
270
|
+
});
|
|
271
|
+
});
|
|
272
|
+
showScrollbarWithDelay();
|
|
273
|
+
};
|
|
274
|
+
useEffect(function() {
|
|
275
|
+
var container = containerRef.current;
|
|
276
|
+
if (!container) return;
|
|
277
|
+
if (!isInitializedRef.current) {
|
|
278
|
+
updateScrollbar();
|
|
279
|
+
isInitializedRef.current = true;
|
|
280
|
+
}
|
|
281
|
+
container.addEventListener('scroll', handleScroll);
|
|
282
|
+
container.addEventListener('mouseenter', handleMouseEnter);
|
|
283
|
+
var resizeObserver = new ResizeObserver(function() {
|
|
284
|
+
updateScrollbar();
|
|
285
|
+
});
|
|
286
|
+
if (contentRef.current) {
|
|
287
|
+
resizeObserver.observe(contentRef.current);
|
|
288
|
+
}
|
|
289
|
+
return function() {
|
|
290
|
+
container.removeEventListener('scroll', handleScroll);
|
|
291
|
+
container.removeEventListener('mouseenter', handleMouseEnter);
|
|
292
|
+
resizeObserver.disconnect();
|
|
293
|
+
clearHideTimeout();
|
|
294
|
+
};
|
|
295
|
+
}, []);
|
|
296
|
+
useEffect(function() {
|
|
297
|
+
updateScrollbar();
|
|
298
|
+
}, [
|
|
299
|
+
children,
|
|
300
|
+
offset
|
|
301
|
+
]);
|
|
302
|
+
var _obj;
|
|
303
|
+
return /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
304
|
+
view: view,
|
|
305
|
+
size: size,
|
|
306
|
+
className: cls(classes.scrollBarRoot, className),
|
|
307
|
+
ref: ref
|
|
308
|
+
}, rest), /*#__PURE__*/ React.createElement(StyledScrollBar, {
|
|
309
|
+
className: cls((_obj = {}, _define_property(_obj, classes.scrollBarVisible, scrollbarState.isVisible), _define_property(_obj, classes.scrollBarDragging, scrollbarState.isDragging), _obj)),
|
|
310
|
+
style: _object_spread_props(_object_spread({}, style), {
|
|
311
|
+
'--scrollbar-offset-top': parsedOffset.top,
|
|
312
|
+
'--scrollbar-offset-right': parsedOffset.right,
|
|
313
|
+
'--scrollbar-offset-bottom': parsedOffset.bottom,
|
|
314
|
+
'--scrollbar-offset-left': parsedOffset.left
|
|
315
|
+
}),
|
|
316
|
+
"data-placement": placement,
|
|
317
|
+
"data-size": size,
|
|
318
|
+
"data-view": view
|
|
319
|
+
}, /*#__PURE__*/ React.createElement(StyledContainer, {
|
|
320
|
+
ref: containerRef,
|
|
321
|
+
className: classes.scrollBarContainer,
|
|
322
|
+
"data-placement": placement
|
|
323
|
+
}, /*#__PURE__*/ React.createElement(StyledContent, {
|
|
324
|
+
ref: contentRef,
|
|
325
|
+
className: classes.scrollBarContent
|
|
326
|
+
}, children)), /*#__PURE__*/ React.createElement(StyledTrack, {
|
|
327
|
+
ref: trackRef,
|
|
328
|
+
className: cls(classes.scrollBarTrack, _define_property({}, classes.scrollBarTrackVisible, scrollbarState.isVisible)),
|
|
329
|
+
"data-placement": placement,
|
|
330
|
+
onMouseDown: handleTrackClick
|
|
331
|
+
}, /*#__PURE__*/ React.createElement(StyledThumb, {
|
|
332
|
+
ref: thumbRef,
|
|
333
|
+
className: classes.scrollBarThumb,
|
|
334
|
+
style: {
|
|
335
|
+
height: "".concat(scrollbarState.thumbHeight, "px"),
|
|
336
|
+
top: "".concat(scrollbarState.thumbPosition, "px")
|
|
337
|
+
},
|
|
338
|
+
onMouseDown: handleScrollbarDrag
|
|
339
|
+
}))));
|
|
340
|
+
});
|
|
341
|
+
};
|
|
342
|
+
export var scrollbarConfig = {
|
|
343
|
+
name: 'Scrollbar',
|
|
344
|
+
tag: 'div',
|
|
345
|
+
layout: scrollbarRoot,
|
|
346
|
+
base: base,
|
|
347
|
+
variations: {
|
|
348
|
+
view: {
|
|
349
|
+
css: viewCSS
|
|
350
|
+
},
|
|
351
|
+
size: {
|
|
352
|
+
css: sizeCSS
|
|
353
|
+
}
|
|
354
|
+
},
|
|
355
|
+
defaults: {
|
|
356
|
+
size: 'm',
|
|
357
|
+
view: 'default'
|
|
358
|
+
}
|
|
359
|
+
};
|