@salutejs/plasma-new-hope 0.337.0-canary.2184.18005913845.0 → 0.337.0-canary.2237.17851607211.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 +9 -9
- package/cjs/components/Chip/Chip.css +5 -5
- package/cjs/components/Chip/Chip.js +4 -2
- 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/Combobox/ComboboxNew/Combobox.css +10 -10
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -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_13wbfyq.css → cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_11eakiz.css} +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +5 -5
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +9 -9
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +9 -9
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +9 -9
- package/cjs/components/InformationWrapper/InformationWrapper.css +2 -2
- package/cjs/components/InformationWrapper/ui/Label/Label.css +2 -2
- package/cjs/components/Modal/Modal.js +2 -4
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Note/Note.css +1 -1
- package/cjs/components/Note/Note.js +1 -1
- package/cjs/components/Note/Note.js.map +1 -1
- package/cjs/components/Note/variations/_size/base.js +1 -1
- package/cjs/components/Note/variations/_size/base.js.map +1 -1
- package/{es/components/Note/variations/_size/base_12cn7f7.css → cjs/components/Note/variations/_size/base_111wwzs.css} +1 -1
- package/cjs/components/Pagination/Pagination.css +13 -13
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/cjs/components/Range/Range.css +9 -9
- package/cjs/components/Select/Select.css +13 -13
- package/cjs/components/Select/Select.tokens.js +1 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +13 -13
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +13 -13
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- 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/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mikp58.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1jxlt0y.css} +1 -1
- package/cjs/components/Slider/Slider.css +9 -9
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +9 -9
- package/cjs/components/Table/Table.css +13 -13
- package/cjs/components/Table/ui/Cell/Cell.css +13 -13
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +13 -13
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +13 -13
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +13 -13
- package/cjs/components/TextArea/ui/Hint/Hint.css +2 -2
- package/cjs/components/TextField/TextField.js +6 -4
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +1 -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/Hint/Hint.css +2 -2
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +8 -8
- 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 +9 -9
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +15 -8
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles.js +5 -5
- package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles_1bh0sd0.css +2 -0
- package/cjs/hooks/useFocusTrap.js +5 -11
- package/cjs/hooks/useFocusTrap.js.map +1 -1
- package/cjs/index.css +15 -32
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/cjs/utils/scopeTab.js +2 -2
- package/cjs/utils/scopeTab.js.map +1 -1
- package/emotion/cjs/components/Chip/Chip.js +4 -2
- package/emotion/cjs/components/Chip/Chip.styles.js +9 -9
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/cjs/components/Modal/Modal.js +2 -3
- package/emotion/cjs/components/Note/Note.js +1 -1
- package/emotion/cjs/components/Note/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Select/Select.tokens.js +1 -0
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/cjs/components/TextField/TextField.js +7 -5
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -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 +15 -8
- package/emotion/cjs/components/Tooltip/Tooltip.styles.js +5 -5
- 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/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
- package/emotion/cjs/hooks/useFocusTrap.js +5 -12
- package/emotion/cjs/index.js +0 -1
- package/emotion/cjs/utils/scopeTab.js +2 -2
- package/emotion/es/components/Chip/Chip.js +4 -2
- package/emotion/es/components/Chip/Chip.styles.js +9 -9
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/es/components/Modal/Modal.js +2 -3
- package/emotion/es/components/Note/Note.js +1 -1
- package/emotion/es/components/Note/variations/_size/base.js +1 -1
- package/emotion/es/components/Select/Select.tokens.js +1 -0
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/es/components/TextField/TextField.js +7 -5
- package/emotion/es/components/TextField/TextField.tokens.js +1 -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 +15 -8
- package/emotion/es/components/Tooltip/Tooltip.styles.js +5 -5
- package/emotion/es/examples/components/Chip/Chip.config.js +14 -14
- package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
- package/emotion/es/hooks/useFocusTrap.js +5 -12
- package/emotion/es/index.js +0 -1
- package/emotion/es/utils/scopeTab.js +2 -2
- package/es/components/Autocomplete/Autocomplete.css +9 -9
- package/es/components/Chip/Chip.css +5 -5
- package/es/components/Chip/Chip.js +4 -2
- 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/Combobox/ComboboxNew/Combobox.css +10 -10
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -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_13wbfyq.css → es/components/Combobox/ComboboxNew/ui/Target/Target.styles_11eakiz.css} +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.css +5 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +5 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +5 -5
- package/es/components/DatePicker/RangeDate/RangeDate.css +9 -9
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +9 -9
- package/es/components/DatePicker/SingleDate/SingleDate.css +9 -9
- package/es/components/InformationWrapper/InformationWrapper.css +2 -2
- package/es/components/InformationWrapper/ui/Label/Label.css +2 -2
- package/es/components/Modal/Modal.js +2 -4
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Note/Note.css +1 -1
- package/es/components/Note/Note.js +1 -1
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Note/variations/_size/base.js +1 -1
- package/es/components/Note/variations/_size/base.js.map +1 -1
- package/{cjs/components/Note/variations/_size/base_12cn7f7.css → es/components/Note/variations/_size/base_111wwzs.css} +1 -1
- package/es/components/Pagination/Pagination.css +13 -13
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/es/components/Range/Range.css +9 -9
- package/es/components/Select/Select.css +13 -13
- package/es/components/Select/Select.tokens.js +1 -0
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +13 -13
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +13 -13
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- 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/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mikp58.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1jxlt0y.css} +1 -1
- package/es/components/Slider/Slider.css +9 -9
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +9 -9
- package/es/components/Table/Table.css +13 -13
- package/es/components/Table/ui/Cell/Cell.css +13 -13
- package/es/components/Table/ui/EditableCell/EditableCell.css +13 -13
- package/es/components/Table/ui/HeadCell/HeadCell.css +13 -13
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +13 -13
- package/es/components/TextArea/ui/Hint/Hint.css +2 -2
- package/es/components/TextField/TextField.js +6 -4
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +1 -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/Hint/Hint.css +2 -2
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +8 -8
- 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 +9 -9
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +15 -8
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/es/components/Tooltip/Tooltip.styles.js +5 -5
- package/es/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/es/components/Tooltip/Tooltip.styles_1bh0sd0.css +2 -0
- package/es/hooks/useFocusTrap.js +5 -11
- package/es/hooks/useFocusTrap.js.map +1 -1
- package/es/index.css +15 -32
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/es/utils/scopeTab.js +2 -2
- package/es/utils/scopeTab.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Chip/Chip.js +4 -2
- package/styled-components/cjs/components/Chip/Chip.styles.js +7 -6
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +4 -2
- package/styled-components/cjs/components/Modal/Modal.js +2 -3
- package/styled-components/cjs/components/Note/Note.js +1 -1
- package/styled-components/cjs/components/Note/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -0
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -5
- package/styled-components/cjs/components/TextField/TextField.js +6 -4
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -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 +15 -8
- package/styled-components/cjs/components/Tooltip/Tooltip.styles.js +9 -9
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +24 -12
- package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +8 -4
- package/styled-components/cjs/examples/components/Select/Select.config.js +7 -4
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +12 -6
- package/styled-components/cjs/hooks/useFocusTrap.js +5 -12
- package/styled-components/cjs/index.js +0 -1
- package/styled-components/cjs/utils/scopeTab.js +2 -2
- package/styled-components/es/components/Chip/Chip.js +4 -2
- package/styled-components/es/components/Chip/Chip.styles.js +7 -6
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +4 -2
- package/styled-components/es/components/Modal/Modal.js +2 -3
- package/styled-components/es/components/Note/Note.js +1 -1
- package/styled-components/es/components/Note/variations/_size/base.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -0
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -5
- package/styled-components/es/components/TextField/TextField.js +6 -4
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -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 +15 -8
- package/styled-components/es/components/Tooltip/Tooltip.styles.js +9 -9
- package/styled-components/es/examples/components/Chip/Chip.config.js +24 -12
- package/styled-components/es/examples/components/Combobox/Combobox.config.js +8 -4
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/Select/Select.config.js +7 -4
- package/styled-components/es/examples/components/TextField/TextField.config.js +12 -6
- package/styled-components/es/hooks/useFocusTrap.js +5 -12
- package/styled-components/es/index.js +0 -1
- package/styled-components/es/utils/scopeTab.js +2 -2
- 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.types.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Modal/Modal.types.d.ts +0 -5
- package/types/components/Modal/Modal.types.d.ts.map +1 -1
- package/types/components/Note/Note.d.ts +4 -4
- package/types/components/Note/Note.d.ts.map +1 -1
- package/types/components/Note/Note.types.d.ts +2 -2
- package/types/components/Note/Note.types.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +1 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +1 -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 +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.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/Note/Note.d.ts +2 -2
- package/types/examples/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/hooks/useFocusTrap.d.ts +1 -1
- package/types/hooks/useFocusTrap.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/types/utils/scopeTab.d.ts +1 -1
- package/types/utils/scopeTab.d.ts.map +1 -1
- package/cjs/components/TimePicker/TimePicker.css +0 -93
- package/cjs/components/TimePicker/TimePicker.js +0 -732
- package/cjs/components/TimePicker/TimePicker.js.map +0 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +0 -54
- package/cjs/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/cjs/components/TimePicker/TimePicker.styles_ar3obv.css +0 -4
- package/cjs/components/TimePicker/TimePicker.tokens.js +0 -133
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +0 -1
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -32
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -61
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/cjs/components/TimePicker/utils/index.js +0 -139
- package/cjs/components/TimePicker/utils/index.js.map +0 -1
- package/cjs/components/TimePicker/variations/_disabled/base.js +0 -9
- package/cjs/components/TimePicker/variations/_disabled/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_disabled/base_nyid0i.css +0 -1
- package/cjs/components/TimePicker/variations/_readonly/base.js +0 -9
- package/cjs/components/TimePicker/variations/_readonly/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_readonly/base_zalfas.css +0 -1
- package/cjs/components/TimePicker/variations/_size/base.js +0 -9
- package/cjs/components/TimePicker/variations/_size/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/TimePicker/variations/_view/base.js +0 -9
- package/cjs/components/TimePicker/variations/_view/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Tooltip/Tooltip.styles_uldg0s.css +0 -2
- package/emotion/cjs/components/TimePicker/TimePicker.js +0 -916
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +0 -55
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +0 -142
- package/emotion/cjs/components/TimePicker/TimePicker.types.js +0 -4
- package/emotion/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -30
- package/emotion/cjs/components/TimePicker/index.js +0 -26
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -71
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -4
- package/emotion/cjs/components/TimePicker/utils/index.js +0 -152
- package/emotion/cjs/components/TimePicker/variations/_disabled/base.js +0 -13
- package/emotion/cjs/components/TimePicker/variations/_readonly/base.js +0 -12
- package/emotion/cjs/components/TimePicker/variations/_size/base.js +0 -12
- package/emotion/cjs/components/TimePicker/variations/_view/base.js +0 -12
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +0 -35
- package/emotion/cjs/examples/components/TimePicker/TimePicker.js +0 -15
- package/emotion/es/components/TimePicker/TimePicker.js +0 -852
- package/emotion/es/components/TimePicker/TimePicker.styles.js +0 -27
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +0 -124
- package/emotion/es/components/TimePicker/TimePicker.types.js +0 -1
- package/emotion/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -20
- package/emotion/es/components/TimePicker/index.js +0 -2
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -33
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -1
- package/emotion/es/components/TimePicker/utils/index.js +0 -125
- package/emotion/es/components/TimePicker/variations/_disabled/base.js +0 -3
- package/emotion/es/components/TimePicker/variations/_readonly/base.js +0 -2
- package/emotion/es/components/TimePicker/variations/_size/base.js +0 -2
- package/emotion/es/components/TimePicker/variations/_view/base.js +0 -2
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +0 -25
- package/emotion/es/examples/components/TimePicker/TimePicker.js +0 -5
- package/es/components/TimePicker/TimePicker.css +0 -93
- package/es/components/TimePicker/TimePicker.js +0 -722
- package/es/components/TimePicker/TimePicker.js.map +0 -1
- package/es/components/TimePicker/TimePicker.styles.js +0 -47
- package/es/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/es/components/TimePicker/TimePicker.styles_ar3obv.css +0 -4
- package/es/components/TimePicker/TimePicker.tokens.js +0 -128
- package/es/components/TimePicker/TimePicker.tokens.js.map +0 -1
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -28
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -56
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -51
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/es/components/TimePicker/utils/index.js +0 -131
- package/es/components/TimePicker/utils/index.js.map +0 -1
- package/es/components/TimePicker/variations/_disabled/base.js +0 -5
- package/es/components/TimePicker/variations/_disabled/base.js.map +0 -1
- package/es/components/TimePicker/variations/_disabled/base_nyid0i.css +0 -1
- package/es/components/TimePicker/variations/_readonly/base.js +0 -5
- package/es/components/TimePicker/variations/_readonly/base.js.map +0 -1
- package/es/components/TimePicker/variations/_readonly/base_zalfas.css +0 -1
- package/es/components/TimePicker/variations/_size/base.js +0 -5
- package/es/components/TimePicker/variations/_size/base.js.map +0 -1
- package/es/components/TimePicker/variations/_size/base_x642ct.css +0 -1
- package/es/components/TimePicker/variations/_view/base.js +0 -5
- package/es/components/TimePicker/variations/_view/base.js.map +0 -1
- package/es/components/TimePicker/variations/_view/base_x642ct.css +0 -1
- package/es/components/Tooltip/Tooltip.styles_uldg0s.css +0 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.js +0 -916
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +0 -258
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +0 -142
- package/styled-components/cjs/components/TimePicker/TimePicker.types.js +0 -4
- package/styled-components/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -30
- package/styled-components/cjs/components/TimePicker/index.js +0 -26
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -112
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -4
- package/styled-components/cjs/components/TimePicker/utils/index.js +0 -152
- package/styled-components/cjs/components/TimePicker/variations/_disabled/base.js +0 -16
- package/styled-components/cjs/components/TimePicker/variations/_readonly/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/variations/_view/base.js +0 -14
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +0 -289
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.js +0 -15
- package/styled-components/es/components/TimePicker/TimePicker.js +0 -852
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +0 -195
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +0 -124
- package/styled-components/es/components/TimePicker/TimePicker.types.js +0 -1
- package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -20
- package/styled-components/es/components/TimePicker/index.js +0 -2
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -74
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -1
- package/styled-components/es/components/TimePicker/utils/index.js +0 -125
- package/styled-components/es/components/TimePicker/variations/_disabled/base.js +0 -6
- package/styled-components/es/components/TimePicker/variations/_readonly/base.js +0 -4
- package/styled-components/es/components/TimePicker/variations/_size/base.js +0 -4
- package/styled-components/es/components/TimePicker/variations/_view/base.js +0 -4
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +0 -279
- package/styled-components/es/examples/components/TimePicker/TimePicker.js +0 -5
- package/types/components/TimePicker/TimePicker.d.ts +0 -81
- package/types/components/TimePicker/TimePicker.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +0 -303
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +0 -126
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.types.d.ts +0 -139
- package/types/components/TimePicker/TimePicker.types.d.ts.map +0 -1
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts +0 -14
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +0 -1
- package/types/components/TimePicker/index.d.ts +0 -4
- package/types/components/TimePicker/index.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +0 -3
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts +0 -10
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts +0 -35
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
- package/types/components/TimePicker/utils/index.d.ts +0 -20
- package/types/components/TimePicker/utils/index.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_disabled/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_readonly/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_readonly/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_size/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_size/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_view/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_view/base.d.ts.map +0 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts +0 -24
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +0 -1
- package/types/examples/components/TimePicker/TimePicker.d.ts +0 -43
- package/types/examples/components/TimePicker/TimePicker.d.ts.map +0 -1
|
@@ -530,8 +530,9 @@ var config = {
|
|
|
530
530
|
":var(--surface-solid-default);",
|
|
531
531
|
":var(--inverse-text-primary);",
|
|
532
532
|
":var(--inverse-text-secondary);",
|
|
533
|
+
":var(--inverse-text-secondary-hover);",
|
|
533
534
|
":1;"
|
|
534
|
-
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
535
|
+
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
535
536
|
secondary: (0, _styledcomponents.css)([
|
|
536
537
|
"",
|
|
537
538
|
":var(--text-primary);",
|
|
@@ -545,8 +546,9 @@ var config = {
|
|
|
545
546
|
":var(--surface-transparent-secondary);",
|
|
546
547
|
":var(--text-primary);",
|
|
547
548
|
":var(--text-secondary);",
|
|
549
|
+
":var(--text-secondary-hover);",
|
|
548
550
|
":1;"
|
|
549
|
-
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
551
|
+
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
550
552
|
accent: (0, _styledcomponents.css)([
|
|
551
553
|
"",
|
|
552
554
|
":var(--on-dark-text-primary);",
|
|
@@ -560,8 +562,9 @@ var config = {
|
|
|
560
562
|
":var(--surface-accent);",
|
|
561
563
|
":var(--on-dark-text-primary);",
|
|
562
564
|
":var(--on-dark-text-secondary);",
|
|
565
|
+
":var(--on-dark-text-secondary-hover);",
|
|
563
566
|
":1;"
|
|
564
|
-
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
567
|
+
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
565
568
|
positive: (0, _styledcomponents.css)([
|
|
566
569
|
"",
|
|
567
570
|
":var(--on-dark-text-primary);",
|
|
@@ -575,8 +578,9 @@ var config = {
|
|
|
575
578
|
":var(--surface-positive);",
|
|
576
579
|
":var(--on-dark-text-primary);",
|
|
577
580
|
":var(--on-dark-text-secondary);",
|
|
581
|
+
":var(--on-dark-text-secondary-hover);",
|
|
578
582
|
":1;"
|
|
579
|
-
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
583
|
+
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
580
584
|
warning: (0, _styledcomponents.css)([
|
|
581
585
|
"",
|
|
582
586
|
":var(--on-dark-text-primary);",
|
|
@@ -590,8 +594,9 @@ var config = {
|
|
|
590
594
|
":var(--surface-warning);",
|
|
591
595
|
":var(--on-dark-text-primary);",
|
|
592
596
|
":var(--on-dark-text-secondary);",
|
|
597
|
+
":var(--on-dark-text-secondary-hover);",
|
|
593
598
|
":1;"
|
|
594
|
-
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
599
|
+
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
|
|
595
600
|
negative: (0, _styledcomponents.css)([
|
|
596
601
|
"",
|
|
597
602
|
":var(--on-dark-text-primary);",
|
|
@@ -605,8 +610,9 @@ var config = {
|
|
|
605
610
|
":var(--surface-negative);",
|
|
606
611
|
":var(--on-dark-text-primary);",
|
|
607
612
|
":var(--on-dark-text-secondary);",
|
|
613
|
+
":var(--on-dark-text-secondary-hover);",
|
|
608
614
|
":1;"
|
|
609
|
-
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly)
|
|
615
|
+
], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly)
|
|
610
616
|
},
|
|
611
617
|
hintView: {
|
|
612
618
|
default: (0, _styledcomponents.css)([
|
|
@@ -47,14 +47,14 @@ var processNode = function(node, firstFocusSelector, ref) {
|
|
|
47
47
|
};
|
|
48
48
|
var focusManager = new _focusManager.FocusManager();
|
|
49
49
|
var useFocusTrap = function() {
|
|
50
|
-
var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0
|
|
50
|
+
var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
|
|
51
51
|
var ref = (0, _react.useRef)();
|
|
52
52
|
var setRef = (0, _react.useCallback)(function(node) {
|
|
53
53
|
if (ref.current) {
|
|
54
54
|
focusManager.teardownScopedFocus();
|
|
55
55
|
focusManager.returnFocus();
|
|
56
56
|
}
|
|
57
|
-
if (
|
|
57
|
+
if (active && node) {
|
|
58
58
|
focusManager.setupScopedFocus(node);
|
|
59
59
|
focusManager.markForFocusAfter(focusAfterNode);
|
|
60
60
|
// Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
|
|
@@ -73,21 +73,15 @@ var useFocusTrap = function() {
|
|
|
73
73
|
ref.current = null;
|
|
74
74
|
}, [
|
|
75
75
|
active,
|
|
76
|
-
enableOnFirstMount,
|
|
77
76
|
firstFocusSelector
|
|
78
77
|
]);
|
|
79
78
|
(0, _react.useEffect)(function() {
|
|
80
|
-
if (!active
|
|
79
|
+
if (!active) {
|
|
81
80
|
return;
|
|
82
81
|
}
|
|
83
82
|
var handleKeyDown = function(event) {
|
|
84
83
|
if (event.key === 'Tab' && ref.current) {
|
|
85
|
-
(0, _scopeTab.scopeTab)(ref.current, event
|
|
86
|
-
if (enableOnFirstMount) {
|
|
87
|
-
setTimeout(function() {
|
|
88
|
-
focusManager.teardownScopedFocus();
|
|
89
|
-
});
|
|
90
|
-
}
|
|
84
|
+
(0, _scopeTab.scopeTab)(ref.current, event);
|
|
91
85
|
}
|
|
92
86
|
};
|
|
93
87
|
document.addEventListener('keydown', handleKeyDown);
|
|
@@ -95,8 +89,7 @@ var useFocusTrap = function() {
|
|
|
95
89
|
document.removeEventListener('keydown', handleKeyDown);
|
|
96
90
|
};
|
|
97
91
|
}, [
|
|
98
|
-
active
|
|
99
|
-
enableOnFirstMount
|
|
92
|
+
active
|
|
100
93
|
]);
|
|
101
94
|
return setRef;
|
|
102
95
|
};
|
|
@@ -86,7 +86,6 @@ _export_star(require("./components/Tour"), exports);
|
|
|
86
86
|
_export_star(require("./components/EmbedIconButton"), exports);
|
|
87
87
|
_export_star(require("./components/InformationWrapper"), exports);
|
|
88
88
|
_export_star(require("./components/NavigationDrawer"), exports);
|
|
89
|
-
_export_star(require("./components/TimePicker"), exports);
|
|
90
89
|
function _export_star(from, to) {
|
|
91
90
|
Object.keys(from).forEach(function(k) {
|
|
92
91
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "scopeTab", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
var _tabbable = require("./tabbable");
|
|
12
|
-
var scopeTab = function(node, event
|
|
12
|
+
var scopeTab = function(node, event) {
|
|
13
13
|
var tabbable = (0, _tabbable.findTabbableDescendants)(node);
|
|
14
14
|
if (!tabbable.length) {
|
|
15
15
|
event.preventDefault();
|
|
@@ -19,7 +19,7 @@ var scopeTab = function(node, event, activeFocusTrap) {
|
|
|
19
19
|
var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
|
|
20
20
|
var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
|
|
21
21
|
// если не является, то передаем обработку таба самому браузеру
|
|
22
|
-
if (!leavingFinalTabbable
|
|
22
|
+
if (!leavingFinalTabbable) {
|
|
23
23
|
return;
|
|
24
24
|
}
|
|
25
25
|
// иначе зацкливаемся
|
|
@@ -93,14 +93,16 @@ export var chipRoot = function(Root) {
|
|
|
93
93
|
return;
|
|
94
94
|
}
|
|
95
95
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
96
|
-
onClear === null || onClear === void 0 ? void 0 : onClear();
|
|
97
96
|
};
|
|
98
97
|
var handleClickClose = function(event) {
|
|
99
|
-
if (disabled || readOnly || !onClickClose) {
|
|
98
|
+
if (disabled || readOnly && !_forceChipManipulationWithReadonly || !onClickClose) {
|
|
100
99
|
return;
|
|
101
100
|
}
|
|
102
101
|
event.stopPropagation();
|
|
103
102
|
onClickClose(event);
|
|
103
|
+
if (onClear) {
|
|
104
|
+
onClear();
|
|
105
|
+
}
|
|
104
106
|
};
|
|
105
107
|
return /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
106
108
|
type: "button",
|
|
@@ -7,7 +7,7 @@ export var base = css([
|
|
|
7
7
|
]);
|
|
8
8
|
export var StyledContentLeft = styled.div.withConfig({
|
|
9
9
|
displayName: "Chip.styles__StyledContentLeft",
|
|
10
|
-
componentId: "sc-
|
|
10
|
+
componentId: "sc-ea11377a-0"
|
|
11
11
|
})([
|
|
12
12
|
"display:flex;margin-left:var(",
|
|
13
13
|
");margin-right:var(",
|
|
@@ -16,14 +16,14 @@ export var StyledContentLeft = styled.div.withConfig({
|
|
|
16
16
|
], tokens.leftContentMarginLeft, tokens.leftContentMarginRight, tokens.leftContentColor);
|
|
17
17
|
export var StyledContentMain = styled.div.withConfig({
|
|
18
18
|
displayName: "Chip.styles__StyledContentMain",
|
|
19
|
-
componentId: "sc-
|
|
19
|
+
componentId: "sc-ea11377a-1"
|
|
20
20
|
})([
|
|
21
21
|
"",
|
|
22
22
|
";"
|
|
23
23
|
], applyEllipsis());
|
|
24
24
|
export var StyledContentRight = styled.div.withConfig({
|
|
25
25
|
displayName: "Chip.styles__StyledContentRight",
|
|
26
|
-
componentId: "sc-
|
|
26
|
+
componentId: "sc-ea11377a-2"
|
|
27
27
|
})([
|
|
28
28
|
"display:flex;margin-left:var(",
|
|
29
29
|
");margin-right:",
|
|
@@ -33,10 +33,11 @@ export var StyledContentRight = styled.div.withConfig({
|
|
|
33
33
|
});
|
|
34
34
|
export var StyledContentClear = styled.div.withConfig({
|
|
35
35
|
displayName: "Chip.styles__StyledContentClear",
|
|
36
|
-
componentId: "sc-
|
|
36
|
+
componentId: "sc-ea11377a-3"
|
|
37
37
|
})([
|
|
38
38
|
"display:flex;margin-left:var(",
|
|
39
39
|
");margin-right:var(",
|
|
40
40
|
");color:var(",
|
|
41
|
-
")
|
|
42
|
-
|
|
41
|
+
");:hover{color:var(",
|
|
42
|
+
");}"
|
|
43
|
+
], tokens.clearContentMarginLeft, tokens.clearContentMarginRight, tokens.closeIconColor, tokens.closeIconColorHover);
|
|
@@ -179,6 +179,7 @@ export var tokens = {
|
|
|
179
179
|
textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
|
|
180
180
|
textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
|
|
181
181
|
textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
|
|
182
|
+
textFieldChipCloseIconColorHover: '--plasma-combobox-new-textfield-chip-close-icons-color-hover',
|
|
182
183
|
textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
|
|
183
184
|
textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
|
|
184
185
|
textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',
|
|
@@ -6,7 +6,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
|
|
|
6
6
|
var TextField = component(mergedConfig);
|
|
7
7
|
export var StyledTextField = styled(TextField).withConfig({
|
|
8
8
|
displayName: "Target.styles__StyledTextField",
|
|
9
|
-
componentId: "sc-
|
|
9
|
+
componentId: "sc-180b0c13-0"
|
|
10
10
|
})([
|
|
11
11
|
"",
|
|
12
12
|
":var(",
|
|
@@ -304,5 +304,7 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
304
304
|
":var(",
|
|
305
305
|
");",
|
|
306
306
|
":var(",
|
|
307
|
+
");",
|
|
308
|
+
":var(",
|
|
307
309
|
");"
|
|
308
|
-
], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, comboboxTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, comboboxTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, comboboxTokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, comboboxTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, comboboxTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, comboboxTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, comboboxTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, comboboxTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, comboboxTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, comboboxTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, comboboxTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, comboboxTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, comboboxTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, comboboxTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, comboboxTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, comboboxTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, comboboxTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, comboboxTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, comboboxTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, comboboxTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, comboboxTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, comboboxTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, comboboxTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, comboboxTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, comboboxTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, comboboxTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, comboboxTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, comboboxTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, comboboxTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, comboboxTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, comboboxTokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPadding, comboboxTokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, comboboxTokens.textFieldBoxShadow);
|
|
310
|
+
], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, comboboxTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, comboboxTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, comboboxTokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, comboboxTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, comboboxTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, comboboxTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, comboboxTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, comboboxTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, comboboxTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, comboboxTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, comboboxTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, comboboxTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, comboboxTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, comboboxTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, comboboxTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, comboboxTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, comboboxTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, comboboxTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, comboboxTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, comboboxTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, comboboxTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, comboboxTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, comboboxTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, comboboxTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, comboboxTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, comboboxTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, comboboxTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, comboboxTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, comboboxTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, comboboxTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, comboboxTokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipCloseIconColorHover, comboboxTokens.textFieldChipCloseIconColorHover, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPadding, comboboxTokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, comboboxTokens.textFieldBoxShadow);
|
|
@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
|
|
|
74
74
|
* Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
|
|
75
75
|
*/ export var modalRoot = function(Root) {
|
|
76
76
|
return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
|
|
77
|
-
var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur,
|
|
77
|
+
var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
|
|
78
78
|
"id",
|
|
79
79
|
"withAnimation",
|
|
80
80
|
"onClose",
|
|
@@ -83,7 +83,6 @@ var Popup = component(popupConfig);
|
|
|
83
83
|
"closeOnEsc",
|
|
84
84
|
"closeOnOverlayClick",
|
|
85
85
|
"withBlur",
|
|
86
|
-
"isFocusTrapped",
|
|
87
86
|
"initialFocusRef",
|
|
88
87
|
"focusAfterRef",
|
|
89
88
|
"zIndex",
|
|
@@ -99,7 +98,7 @@ var Popup = component(popupConfig);
|
|
|
99
98
|
]);
|
|
100
99
|
var innerIsOpen = Boolean(isOpen || opened);
|
|
101
100
|
var innerHasClose = hasClose === undefined && hasBody || hasClose;
|
|
102
|
-
var trapRef = useFocusTrap(
|
|
101
|
+
var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
|
|
103
102
|
var popupController = usePopupContext();
|
|
104
103
|
var innerRef = useForkRef(trapRef, outerRootRef);
|
|
105
104
|
var uniqId = safeUseId();
|
|
@@ -160,7 +160,7 @@ export var noteRoot = function(Root) {
|
|
|
160
160
|
var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
|
|
161
161
|
var setTruncatedText = function() {
|
|
162
162
|
var _titleHelperRef_current;
|
|
163
|
-
if (!canUseDOM || !text ||
|
|
163
|
+
if (!canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
|
|
164
164
|
return;
|
|
165
165
|
}
|
|
166
166
|
var contentHeight = contentWrapperRef.current.offsetHeight;
|
|
@@ -36,5 +36,5 @@ export var base = css([
|
|
|
36
36
|
");font-weight:var(",
|
|
37
37
|
");letter-spacing:var(",
|
|
38
38
|
");line-height:var(",
|
|
39
|
-
");
|
|
39
|
+
");word-break:break-all;}"
|
|
40
40
|
], tokens.padding, tokens.borderRadius, privateTokens.height, privateTokens.width, tokens.gap, classes.stretch, ContentBefore, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, classes.contentAlignCenter, tokens.paddingScalable, tokens.gapScalable, ContentBefore, ContentWrapper, privateTokens.contentWidthWithOffset, tokens.contentGap, Title, TitleHelper, tokens.titleLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, Text, TextHelper, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight);
|
|
@@ -195,6 +195,7 @@ export var tokens = {
|
|
|
195
195
|
textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',
|
|
196
196
|
textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',
|
|
197
197
|
textFieldChipCloseIconColor: '--plasma-select-textfield-chip-close-icons-color',
|
|
198
|
+
textFieldChipCloseIconColorHover: '--plasma-select-textfield-chip-close-icons-color-hover',
|
|
198
199
|
textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',
|
|
199
200
|
textFieldChipWidth: '--plasma-select-textfield-chip-width',
|
|
200
201
|
textFieldChipPadding: '--plasma-select-textfield-chip-padding',
|
|
@@ -159,7 +159,7 @@ export var Textfield = /*#__PURE__*/ forwardRef(function(param, ref) {
|
|
|
159
159
|
}, multiselect ? {
|
|
160
160
|
enumerationType: 'chip',
|
|
161
161
|
_chips: getChips(),
|
|
162
|
-
|
|
162
|
+
_onChipCloseClick: handleChipClick,
|
|
163
163
|
chipType: chipType,
|
|
164
164
|
chipView: chipView
|
|
165
165
|
} : {
|
|
@@ -7,7 +7,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
|
|
|
7
7
|
var TextField = component(mergedConfig);
|
|
8
8
|
export var StyledTextField = styled(TextField).withConfig({
|
|
9
9
|
displayName: "Textfield.styles__StyledTextField",
|
|
10
|
-
componentId: "sc-
|
|
10
|
+
componentId: "sc-6564be88-0"
|
|
11
11
|
})([
|
|
12
12
|
"",
|
|
13
13
|
":var(",
|
|
@@ -284,6 +284,8 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
284
284
|
");",
|
|
285
285
|
":var(",
|
|
286
286
|
");",
|
|
287
|
+
":var(",
|
|
288
|
+
");",
|
|
287
289
|
":",
|
|
288
290
|
";& div.input-wrapper:focus-within{background-color:var(",
|
|
289
291
|
");}&.",
|
|
@@ -326,13 +328,13 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
326
328
|
}, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColor, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColor, textFieldTokens.borderColorReadOnly, function(param) {
|
|
327
329
|
var opened = param.opened;
|
|
328
330
|
return opened ? "var(".concat(tokens.textFieldBorderColorFocus, ")") : "var(".concat(tokens.textFieldBorderColor, ")");
|
|
329
|
-
}, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.optionalColor, tokens.textFieldOptionalColor, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.paddingWithChips, tokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, tokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentSlotRightColorActive, textFieldTokens.labelOffset, tokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, tokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, tokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, tokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, tokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, tokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, tokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, tokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, tokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, tokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, tokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, tokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionInnerLabelOffset, tokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, tokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperOffset, tokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, tokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, tokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, tokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, tokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, tokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, tokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, tokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, tokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, tokens.textFieldHintMargin, textFieldTokens.hintTargetSize, tokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, tokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, tokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, tokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, tokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, tokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, tokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, tokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, tokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, tokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, tokens.textFieldChipBorderRadius, textFieldTokens.chipGap, tokens.textFieldChipGap, textFieldTokens.chipColor, tokens.textFieldChipColor, textFieldTokens.chipColorHover, tokens.textFieldChipColorHover, textFieldTokens.chipBackground, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundActive, tokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, tokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, tokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, tokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, tokens.textFieldChipWidth, textFieldTokens.chipPadding, tokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, tokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, tokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, tokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, tokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, tokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, tokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, tokens.textFieldChipLineHeight, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColor, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColor, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundHover, textFieldTokens.chipClearContentMarginLeft, tokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, tokens.textFieldChipClearContentMarginRight, textFieldTokens.indicatorColor, tokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, tokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.boxShadow, function(param) {
|
|
331
|
+
}, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.optionalColor, tokens.textFieldOptionalColor, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.paddingWithChips, tokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, tokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentSlotRightColorActive, textFieldTokens.labelOffset, tokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, tokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, tokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, tokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, tokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, tokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, tokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, tokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, tokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, tokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, tokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, tokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionInnerLabelOffset, tokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, tokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperOffset, tokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, tokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, tokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, tokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, tokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, tokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, tokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, tokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, tokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, tokens.textFieldHintMargin, textFieldTokens.hintTargetSize, tokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, tokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, tokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, tokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, tokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, tokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, tokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, tokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, tokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, tokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, tokens.textFieldChipBorderRadius, textFieldTokens.chipGap, tokens.textFieldChipGap, textFieldTokens.chipColor, tokens.textFieldChipColor, textFieldTokens.chipColorHover, tokens.textFieldChipColorHover, textFieldTokens.chipBackground, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundActive, tokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, tokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, tokens.textFieldChipCloseIconColor, textFieldTokens.chipCloseIconColorHover, tokens.textFieldChipCloseIconColorHover, textFieldTokens.chipOutlineSize, tokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, tokens.textFieldChipWidth, textFieldTokens.chipPadding, tokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, tokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, tokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, tokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, tokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, tokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, tokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, tokens.textFieldChipLineHeight, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColor, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColor, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundHover, textFieldTokens.chipClearContentMarginLeft, tokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, tokens.textFieldChipClearContentMarginRight, textFieldTokens.indicatorColor, tokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, tokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.boxShadow, function(param) {
|
|
330
332
|
var disabled = param.disabled;
|
|
331
333
|
return disabled ? 'none' : "var(".concat(tokens.textFieldBoxShadow, ")");
|
|
332
334
|
}, tokens.textFieldBackgroundColorFocus, classes.readOnly, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColorReadOnly, textFieldTokens.titleCaptionColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColorReadOnly, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipOpacityReadonly, tokens.textFieldChipOpacityReadonly, textFieldTokens.boxShadow);
|
|
333
335
|
export var IconArrowWrapper = styled.div.withConfig({
|
|
334
336
|
displayName: "Textfield.styles__IconArrowWrapper",
|
|
335
|
-
componentId: "sc-
|
|
337
|
+
componentId: "sc-6564be88-1"
|
|
336
338
|
})([
|
|
337
339
|
"line-height:0;color:var(",
|
|
338
340
|
");cursor:",
|
|
@@ -357,7 +359,7 @@ export var sizeMap = {
|
|
|
357
359
|
};
|
|
358
360
|
export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
359
361
|
displayName: "Textfield.styles__StyledArrow",
|
|
360
|
-
componentId: "sc-
|
|
362
|
+
componentId: "sc-6564be88-2"
|
|
361
363
|
})([
|
|
362
364
|
"width:",
|
|
363
365
|
";height:",
|
|
@@ -371,7 +373,7 @@ export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
|
371
373
|
});
|
|
372
374
|
export var StyledLeftHelper = styled.span.withConfig({
|
|
373
375
|
displayName: "Textfield.styles__StyledLeftHelper",
|
|
374
|
-
componentId: "sc-
|
|
376
|
+
componentId: "sc-6564be88-3"
|
|
375
377
|
})([
|
|
376
378
|
"margin:0;padding:0;"
|
|
377
379
|
]);
|
|
@@ -135,7 +135,7 @@ export var textFieldRoot = function(Root) {
|
|
|
135
135
|
view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
|
|
136
136
|
outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
|
|
137
137
|
_chips = _param._chips, // @ts-ignore
|
|
138
|
-
|
|
138
|
+
_onChipCloseClick = _param._onChipCloseClick, // events
|
|
139
139
|
onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
|
|
140
140
|
// @ts-ignore
|
|
141
141
|
_onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
|
|
@@ -181,7 +181,7 @@ export var textFieldRoot = function(Root) {
|
|
|
181
181
|
"chips",
|
|
182
182
|
"chipType",
|
|
183
183
|
"_chips",
|
|
184
|
-
"
|
|
184
|
+
"_onChipCloseClick",
|
|
185
185
|
"onChange",
|
|
186
186
|
"onChangeChips",
|
|
187
187
|
"onSearch",
|
|
@@ -321,11 +321,13 @@ export var textFieldRoot = function(Root) {
|
|
|
321
321
|
disabled: disabled,
|
|
322
322
|
readOnly: readOnly,
|
|
323
323
|
chips: chips,
|
|
324
|
+
newCustomChips: _chips,
|
|
324
325
|
enumerationType: enumerationType,
|
|
325
326
|
updateChips: updateChips,
|
|
326
327
|
onSearch: onSearch,
|
|
327
328
|
onChange: onChange,
|
|
328
|
-
onEnterDisabled: _onEnterDisabled
|
|
329
|
+
onEnterDisabled: _onEnterDisabled,
|
|
330
|
+
onChipCloseClick: _onChipCloseClick
|
|
329
331
|
}), handleInputKeydown = _useKeyNavigation.handleInputKeydown, handleChipKeyDown = _useKeyNavigation.handleChipKeyDown, onChipClear = _useKeyNavigation.onChipClear, handleContentKeyDown = _useKeyNavigation.handleContentKeyDown;
|
|
330
332
|
var onChipClick = function(event) {
|
|
331
333
|
return event.stopPropagation();
|
|
@@ -470,10 +472,10 @@ export var textFieldRoot = function(Root) {
|
|
|
470
472
|
className: cx(withHasChips, classes.inputScrollableWrapper)
|
|
471
473
|
}, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ React.createElement(TextFieldChipNew, {
|
|
472
474
|
chips: _chips,
|
|
473
|
-
onChipClick: _onChipClick,
|
|
474
475
|
getRef: getRef,
|
|
475
476
|
handleChipKeyDown: handleChipKeyDown,
|
|
476
477
|
onChipClear: onChipClear,
|
|
478
|
+
onChipCloseClick: _onChipCloseClick,
|
|
477
479
|
view: chipView || view,
|
|
478
480
|
readOnly: readOnly,
|
|
479
481
|
chipType: chipType,
|
|
@@ -152,6 +152,7 @@ export var tokens = {
|
|
|
152
152
|
chipColorActive: '--plasma-textfield__chip-color-active',
|
|
153
153
|
chipFocusColor: '--plasma-textfield__chip-focus-color',
|
|
154
154
|
chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',
|
|
155
|
+
chipCloseIconColorHover: '--plasma-textfield__chip-close-icon-color-hover',
|
|
155
156
|
chipOutlineSize: '--plasma-textfield__chip-outline-size',
|
|
156
157
|
chipWidth: '--plasma-textfield__chip-width',
|
|
157
158
|
chipPadding: '--plasma-textfield__chip-padding',
|
|
@@ -66,10 +66,10 @@ export var Keys = {
|
|
|
66
66
|
Backspace: 'Backspace'
|
|
67
67
|
};
|
|
68
68
|
export var useKeyNavigation = function(param) {
|
|
69
|
-
var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips, enumerationType = param.enumerationType, updateChips = param.updateChips, onChange = param.onChange, onSearch = param.onSearch, _param_onEnterDisabled = param.onEnterDisabled, onEnterDisabled = _param_onEnterDisabled === void 0 ? false : _param_onEnterDisabled;
|
|
69
|
+
var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips, newCustomChips = param.newCustomChips, enumerationType = param.enumerationType, updateChips = param.updateChips, onChange = param.onChange, onSearch = param.onSearch, _param_onEnterDisabled = param.onEnterDisabled, onEnterDisabled = _param_onEnterDisabled === void 0 ? false : _param_onEnterDisabled, onChipCloseClick = param.onChipCloseClick;
|
|
70
70
|
var _useState = _sliced_to_array(useState(-1), 2), activeChipIndex = _useState[0], setActiveChipIndex = _useState[1];
|
|
71
71
|
var handleInputKeydown = function(event) {
|
|
72
|
-
var _inputRef_current;
|
|
72
|
+
var _inputRef_current, _inputRef_current1;
|
|
73
73
|
var value = event.target.value;
|
|
74
74
|
if (disabled || readOnly) {
|
|
75
75
|
return;
|
|
@@ -95,7 +95,14 @@ export var useKeyNavigation = function(param) {
|
|
|
95
95
|
onSearch(value, event);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
if (event.key === Keys.Backspace &&
|
|
98
|
+
if (event.key === Keys.Backspace && (newCustomChips === null || newCustomChips === void 0 ? void 0 : newCustomChips.length) && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart) === 0) {
|
|
99
|
+
var lastChip = newCustomChips.at(-1);
|
|
100
|
+
if (onChipCloseClick && lastChip) {
|
|
101
|
+
onChipCloseClick(lastChip);
|
|
102
|
+
chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.selectionStart) === 0) {
|
|
99
106
|
var newChips1 = _to_consumable_array(chips);
|
|
100
107
|
newChips1 === null || newChips1 === void 0 ? void 0 : newChips1.pop();
|
|
101
108
|
chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
|
|
@@ -107,7 +114,7 @@ export var useKeyNavigation = function(param) {
|
|
|
107
114
|
}
|
|
108
115
|
};
|
|
109
116
|
var onChipClear = function(clearId, index) {
|
|
110
|
-
if (!chips.length) {
|
|
117
|
+
if (!chips.length && !(newCustomChips === null || newCustomChips === void 0 ? void 0 : newCustomChips.length)) {
|
|
111
118
|
return;
|
|
112
119
|
}
|
|
113
120
|
var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function(param) {
|
|
@@ -9,7 +9,7 @@ var Chip = component(mergedConfig);
|
|
|
9
9
|
// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
|
|
10
10
|
export var StyledChip = styled(Chip).withConfig({
|
|
11
11
|
displayName: "TextFieldChip.styles__StyledChip",
|
|
12
|
-
componentId: "sc-
|
|
12
|
+
componentId: "sc-b645c28d-0"
|
|
13
13
|
})([
|
|
14
14
|
"",
|
|
15
15
|
":var(",
|
|
@@ -61,10 +61,12 @@ export var StyledChip = styled(Chip).withConfig({
|
|
|
61
61
|
":var(",
|
|
62
62
|
");",
|
|
63
63
|
":var(",
|
|
64
|
+
");",
|
|
65
|
+
":var(",
|
|
64
66
|
");scroll-snap-align:center;scroll-snap-stop:normal;",
|
|
65
67
|
" &[readonly]{opacity:var(",
|
|
66
68
|
");}"
|
|
67
|
-
], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.focusColor, tokens.focusColor, addFocus({
|
|
69
|
+
], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.closeIconColorHover, tokens.chipCloseIconColorHover, chipTokens.focusColor, tokens.focusColor, addFocus({
|
|
68
70
|
outlineOffset: '0.0625rem',
|
|
69
71
|
outlineSize: '0.0625rem',
|
|
70
72
|
outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
|
|
@@ -72,7 +74,7 @@ export var StyledChip = styled(Chip).withConfig({
|
|
|
72
74
|
}), tokens.chipOpacityReadonly);
|
|
73
75
|
export var TextChip = styled.button.withConfig({
|
|
74
76
|
displayName: "TextFieldChip.styles__TextChip",
|
|
75
|
-
componentId: "sc-
|
|
77
|
+
componentId: "sc-b645c28d-1"
|
|
76
78
|
})([
|
|
77
79
|
"display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(",
|
|
78
80
|
");font-size:var(",
|