@salutejs/plasma-new-hope 0.337.0-canary.2237.17851607211.0 → 0.337.0-canary.2241.17972389915.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 +2 -4
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/Chip.styles.js +1 -1
- package/cjs/components/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.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 +0 -1
- 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_11eakiz.css → cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_13wbfyq.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 +4 -2
- 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_111wwzs.css → cjs/components/Note/variations/_size/base_12cn7f7.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 +0 -1
- 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_1jxlt0y.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mikp58.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 +4 -6
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +0 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/hooks/useKeyNavigation.js +6 -15
- package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +2 -2
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +8 -8
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +9 -9
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- 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_uldg0s.css +2 -0
- package/cjs/hooks/useFocusTrap.js +11 -5
- package/cjs/hooks/useFocusTrap.js.map +1 -1
- package/cjs/index.css +15 -15
- package/cjs/utils/scopeTab.js +2 -2
- package/cjs/utils/scopeTab.js.map +1 -1
- package/emotion/cjs/components/Chip/Chip.js +2 -4
- 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 +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/cjs/components/Modal/Modal.js +3 -2
- 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 +0 -1
- 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 +5 -7
- package/emotion/cjs/components/TextField/TextField.tokens.js +0 -1
- package/emotion/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- 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 +12 -5
- package/emotion/cjs/utils/scopeTab.js +2 -2
- package/emotion/es/components/Chip/Chip.js +2 -4
- 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 +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/es/components/Modal/Modal.js +3 -2
- 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 +0 -1
- 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 +5 -7
- package/emotion/es/components/TextField/TextField.tokens.js +0 -1
- package/emotion/es/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- 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 +12 -5
- 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 +2 -4
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Chip/Chip.styles.js +1 -1
- package/es/components/Chip/Chip.styles.js.map +1 -1
- package/es/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.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 +0 -1
- 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_11eakiz.css → es/components/Combobox/ComboboxNew/ui/Target/Target.styles_13wbfyq.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 +4 -2
- 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_111wwzs.css → es/components/Note/variations/_size/base_12cn7f7.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 +0 -1
- 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_1jxlt0y.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mikp58.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 +4 -6
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +0 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/hooks/useKeyNavigation.js +6 -15
- package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +2 -2
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +8 -8
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +9 -9
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- 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_uldg0s.css +2 -0
- package/es/hooks/useFocusTrap.js +11 -5
- package/es/hooks/useFocusTrap.js.map +1 -1
- package/es/index.css +15 -15
- package/es/utils/scopeTab.js +2 -2
- package/es/utils/scopeTab.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Chip/Chip.js +2 -4
- package/styled-components/cjs/components/Chip/Chip.styles.js +6 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -4
- package/styled-components/cjs/components/Modal/Modal.js +3 -2
- 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 +0 -1
- 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 +5 -7
- package/styled-components/cjs/components/TextField/TextField.js +4 -6
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- package/styled-components/cjs/components/Tooltip/Tooltip.styles.js +9 -9
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +12 -24
- package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +4 -8
- package/styled-components/cjs/examples/components/Select/Select.config.js +4 -7
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +6 -12
- package/styled-components/cjs/hooks/useFocusTrap.js +12 -5
- package/styled-components/cjs/utils/scopeTab.js +2 -2
- package/styled-components/es/components/Chip/Chip.js +2 -4
- package/styled-components/es/components/Chip/Chip.styles.js +6 -7
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -4
- package/styled-components/es/components/Modal/Modal.js +3 -2
- 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 +0 -1
- 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 +5 -7
- package/styled-components/es/components/TextField/TextField.js +4 -6
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- package/styled-components/es/components/Tooltip/Tooltip.styles.js +9 -9
- package/styled-components/es/examples/components/Chip/Chip.config.js +12 -24
- package/styled-components/es/examples/components/Combobox/Combobox.config.js +4 -8
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/Select/Select.config.js +4 -7
- package/styled-components/es/examples/components/TextField/TextField.config.js +6 -12
- package/styled-components/es/hooks/useFocusTrap.js +12 -5
- 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 +0 -1
- 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 +5 -0
- 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 +0 -1
- 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 +0 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/hooks/useKeyNavigation.d.ts +2 -11
- package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +1 -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/utils/scopeTab.d.ts +1 -1
- package/types/utils/scopeTab.d.ts.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
- package/es/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
|
@@ -4,22 +4,19 @@ import { StyledChips } from "../../TextField.styles";
|
|
|
4
4
|
import { classes } from "../../TextField.tokens";
|
|
5
5
|
import { StyledChip } from "./TextFieldChipNew.styles";
|
|
6
6
|
export var TextFieldChipNew = function(param) {
|
|
7
|
-
var chips = param.chips,
|
|
7
|
+
var chips = param.chips, onChipClick = param.onChipClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, chipType = param.chipType, view = param.view, _forceChipManipulationWithReadonly = param._forceChipManipulationWithReadonly;
|
|
8
8
|
return /*#__PURE__*/ React.createElement(StyledChips, {
|
|
9
9
|
className: classes.chipsWrapper
|
|
10
10
|
}, chips.map(function(param, index) {
|
|
11
11
|
var value = param.value, label = param.label, disabled = param.disabled;
|
|
12
12
|
var chipId = "".concat(index, "_").concat(value);
|
|
13
|
-
var handleChipClick = function(event) {
|
|
14
|
-
event.stopPropagation();
|
|
15
|
-
};
|
|
16
13
|
var onKeyDownHandle = function(event) {
|
|
17
14
|
if (handleChipKeyDown) {
|
|
18
15
|
handleChipKeyDown(event, chipId, index);
|
|
19
16
|
}
|
|
20
17
|
if (event.key === 'Enter' || event.key === 'Backspace') {
|
|
21
|
-
if (
|
|
22
|
-
|
|
18
|
+
if (onChipClick) {
|
|
19
|
+
onChipClick({
|
|
23
20
|
value: value,
|
|
24
21
|
label: label,
|
|
25
22
|
disabled: disabled
|
|
@@ -27,10 +24,10 @@ export var TextFieldChipNew = function(param) {
|
|
|
27
24
|
}
|
|
28
25
|
}
|
|
29
26
|
};
|
|
30
|
-
var
|
|
27
|
+
var handleClick = function(event) {
|
|
31
28
|
event.stopPropagation();
|
|
32
|
-
if (
|
|
33
|
-
|
|
29
|
+
if (onChipClick) {
|
|
30
|
+
onChipClick({
|
|
34
31
|
value: value,
|
|
35
32
|
label: label,
|
|
36
33
|
disabled: disabled
|
|
@@ -49,12 +46,8 @@ export var TextFieldChipNew = function(param) {
|
|
|
49
46
|
disabled: disabled,
|
|
50
47
|
hasClear: !disabled,
|
|
51
48
|
readOnly: readOnly,
|
|
52
|
-
|
|
53
|
-
onClick: handleChipClick,
|
|
49
|
+
onClick: handleClick,
|
|
54
50
|
onKeyDown: onKeyDownHandle,
|
|
55
|
-
onClear: function() {
|
|
56
|
-
return onChipClear(chipId, index);
|
|
57
|
-
},
|
|
58
51
|
text: label,
|
|
59
52
|
view: view,
|
|
60
53
|
// TODO: #1547
|
|
@@ -63,7 +56,7 @@ export var TextFieldChipNew = function(param) {
|
|
|
63
56
|
_forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
|
|
64
57
|
}) : /*#__PURE__*/ React.createElement(TextChip, {
|
|
65
58
|
tabIndex: -1,
|
|
66
|
-
onClick:
|
|
59
|
+
onClick: handleClick,
|
|
67
60
|
onKeyDown: onKeyDownHandle
|
|
68
61
|
}, label);
|
|
69
62
|
}));
|
|
@@ -2,14 +2,16 @@ import styled from "styled-components";
|
|
|
2
2
|
import { tokens } from "./Tooltip.tokens";
|
|
3
3
|
export var TooltipRoot = styled.div.withConfig({
|
|
4
4
|
displayName: "Tooltip.styles__TooltipRoot",
|
|
5
|
-
componentId: "sc-
|
|
5
|
+
componentId: "sc-7a496a90-0"
|
|
6
6
|
})([
|
|
7
|
-
"padding:var(",
|
|
7
|
+
"display:flex;align-items:center;padding:var(",
|
|
8
8
|
") var(",
|
|
9
9
|
") var(",
|
|
10
10
|
") var(",
|
|
11
11
|
");min-height:var(",
|
|
12
|
-
");
|
|
12
|
+
");max-width:",
|
|
13
|
+
";min-width:",
|
|
14
|
+
";width:max-content;background-color:var(",
|
|
13
15
|
");border-radius:var(",
|
|
14
16
|
");box-shadow:var(",
|
|
15
17
|
");color:var(",
|
|
@@ -19,19 +21,17 @@ export var TooltipRoot = styled.div.withConfig({
|
|
|
19
21
|
");font-weight:var(",
|
|
20
22
|
");letter-spacing:var(",
|
|
21
23
|
");line-height:var(",
|
|
22
|
-
");
|
|
23
|
-
|
|
24
|
-
";width:max-content;word-break:break-word;pointer-events:none;display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
|
|
25
|
-
], tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft, tokens.minHeight, tokens.backgroundColor, tokens.borderRadius, tokens.boxShadow, tokens.color, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textFontLetterSpacing, tokens.textFontLineHeight, function(param) {
|
|
24
|
+
");box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
|
|
25
|
+
], tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft, tokens.minHeight, function(param) {
|
|
26
26
|
var maxWidth = param.maxWidth;
|
|
27
27
|
return maxWidth || 'unset';
|
|
28
28
|
}, function(param) {
|
|
29
29
|
var minWidth = param.minWidth;
|
|
30
30
|
return minWidth || 'unset';
|
|
31
|
-
});
|
|
31
|
+
}, tokens.backgroundColor, tokens.borderRadius, tokens.boxShadow, tokens.color, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textFontLetterSpacing, tokens.textFontLineHeight);
|
|
32
32
|
export var StyledContentLeft = styled.div.withConfig({
|
|
33
33
|
displayName: "Tooltip.styles__StyledContentLeft",
|
|
34
|
-
componentId: "sc-
|
|
34
|
+
componentId: "sc-7a496a90-1"
|
|
35
35
|
})([
|
|
36
36
|
"display:flex;align-items:center;margin-right:var(",
|
|
37
37
|
");height:var(",
|
|
@@ -19,10 +19,8 @@ export var config = {
|
|
|
19
19
|
":var(--surface-solid-default);",
|
|
20
20
|
":var(--inverse-text-primary);",
|
|
21
21
|
":var(--surface-solid-default);",
|
|
22
|
-
":var(--inverse-text-primary);"
|
|
23
|
-
|
|
24
|
-
":var(--inverse-text-secondary-hover);"
|
|
25
|
-
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
|
|
22
|
+
":var(--inverse-text-primary);"
|
|
23
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
26
24
|
secondary: css([
|
|
27
25
|
"",
|
|
28
26
|
":var(--text-primary);",
|
|
@@ -34,10 +32,8 @@ export var config = {
|
|
|
34
32
|
":var(--surface-transparent-secondary);",
|
|
35
33
|
":var(--text-primary);",
|
|
36
34
|
":var(--surface-transparent-secondary);",
|
|
37
|
-
":var(--text-primary);"
|
|
38
|
-
|
|
39
|
-
":var(--text-secondary-hover);"
|
|
40
|
-
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
|
|
35
|
+
":var(--text-primary);"
|
|
36
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
41
37
|
accent: css([
|
|
42
38
|
"",
|
|
43
39
|
":var(--on-dark-text-primary);",
|
|
@@ -49,10 +45,8 @@ export var config = {
|
|
|
49
45
|
":var(--surface-accent);",
|
|
50
46
|
":var(--on-dark-text-primary);",
|
|
51
47
|
":var(--surface-accent);",
|
|
52
|
-
":var(--on-dark-text-primary);"
|
|
53
|
-
|
|
54
|
-
":var(--on-dark-text-secondary-hover);"
|
|
55
|
-
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
|
|
48
|
+
":var(--on-dark-text-primary);"
|
|
49
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
56
50
|
positive: css([
|
|
57
51
|
"",
|
|
58
52
|
":var(--on-dark-text-primary);",
|
|
@@ -64,10 +58,8 @@ export var config = {
|
|
|
64
58
|
":var(--surface-positive);",
|
|
65
59
|
":var(--on-dark-text-primary);",
|
|
66
60
|
":var(--surface-positive);",
|
|
67
|
-
":var(--on-dark-text-primary);"
|
|
68
|
-
|
|
69
|
-
":var(--on-dark-text-secondary-hover);"
|
|
70
|
-
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
|
|
61
|
+
":var(--on-dark-text-primary);"
|
|
62
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
71
63
|
warning: css([
|
|
72
64
|
"",
|
|
73
65
|
":var(--on-dark-text-primary);",
|
|
@@ -79,10 +71,8 @@ export var config = {
|
|
|
79
71
|
":var(--surface-warning);",
|
|
80
72
|
":var(--on-dark-text-primary);",
|
|
81
73
|
":var(--surface-warning);",
|
|
82
|
-
":var(--on-dark-text-primary);"
|
|
83
|
-
|
|
84
|
-
":var(--on-dark-text-secondary-hover);"
|
|
85
|
-
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
|
|
74
|
+
":var(--on-dark-text-primary);"
|
|
75
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
86
76
|
negative: css([
|
|
87
77
|
"",
|
|
88
78
|
":var(--on-dark-text-primary);",
|
|
@@ -94,10 +84,8 @@ export var config = {
|
|
|
94
84
|
":var(--surface-negative);",
|
|
95
85
|
":var(--on-dark-text-primary);",
|
|
96
86
|
":var(--surface-negative);",
|
|
97
|
-
":var(--on-dark-text-primary);"
|
|
98
|
-
|
|
99
|
-
":var(--on-dark-text-secondary-hover);"
|
|
100
|
-
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover)
|
|
87
|
+
":var(--on-dark-text-primary);"
|
|
88
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
|
|
101
89
|
},
|
|
102
90
|
size: {
|
|
103
91
|
l: css([
|
|
@@ -30,7 +30,6 @@ export var config = {
|
|
|
30
30
|
":var(--surface-negative);",
|
|
31
31
|
":var(--text-tertiary);",
|
|
32
32
|
":var(--text-secondary);",
|
|
33
|
-
":var(--text-secondary-hover);",
|
|
34
33
|
":var(--text-primary);",
|
|
35
34
|
":var(--surface-transparent-secondary);",
|
|
36
35
|
":var(--text-primary);",
|
|
@@ -52,7 +51,7 @@ export var config = {
|
|
|
52
51
|
":var(--on-dark-text-primary);",
|
|
53
52
|
":transparent;",
|
|
54
53
|
":var(--text-secondary);"
|
|
55
|
-
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
|
54
|
+
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
56
55
|
positive: css([
|
|
57
56
|
"",
|
|
58
57
|
":var(--text-primary);",
|
|
@@ -75,7 +74,6 @@ export var config = {
|
|
|
75
74
|
":var(--surface-negative);",
|
|
76
75
|
":var(--text-tertiary);",
|
|
77
76
|
":var(--text-secondary);",
|
|
78
|
-
":var(--text-secondary-hover);",
|
|
79
77
|
":var(--text-primary);",
|
|
80
78
|
":var(--surface-transparent-secondary);",
|
|
81
79
|
":var(--text-primary);",
|
|
@@ -97,7 +95,7 @@ export var config = {
|
|
|
97
95
|
":var(--on-dark-text-primary);",
|
|
98
96
|
":transparent;",
|
|
99
97
|
":var(--text-secondary);"
|
|
100
|
-
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
|
98
|
+
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
101
99
|
warning: css([
|
|
102
100
|
"",
|
|
103
101
|
":var(--text-primary);",
|
|
@@ -120,7 +118,6 @@ export var config = {
|
|
|
120
118
|
":var(--surface-negative);",
|
|
121
119
|
":var(--text-tertiary);",
|
|
122
120
|
":var(--text-secondary);",
|
|
123
|
-
":var(--text-secondary-hover);",
|
|
124
121
|
":var(--text-primary);",
|
|
125
122
|
":var(--surface-transparent-secondary);",
|
|
126
123
|
":var(--text-primary);",
|
|
@@ -142,7 +139,7 @@ export var config = {
|
|
|
142
139
|
":var(--on-dark-text-primary);",
|
|
143
140
|
":transparent;",
|
|
144
141
|
":var(--text-secondary);"
|
|
145
|
-
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
|
142
|
+
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
146
143
|
negative: css([
|
|
147
144
|
"",
|
|
148
145
|
":var(--text-primary);",
|
|
@@ -165,7 +162,6 @@ export var config = {
|
|
|
165
162
|
":var(--surface-negative);",
|
|
166
163
|
":var(--text-tertiary);",
|
|
167
164
|
":var(--text-secondary);",
|
|
168
|
-
":var(--text-secondary-hover);",
|
|
169
165
|
":var(--text-primary);",
|
|
170
166
|
":var(--surface-transparent-secondary);",
|
|
171
167
|
":var(--text-primary);",
|
|
@@ -187,7 +183,7 @@ export var config = {
|
|
|
187
183
|
":var(--on-dark-text-primary);",
|
|
188
184
|
":transparent;",
|
|
189
185
|
":var(--text-secondary);"
|
|
190
|
-
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
|
186
|
+
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
191
187
|
},
|
|
192
188
|
size: {
|
|
193
189
|
l: css([
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
|
3
|
-
import { config } from "./Combobox.config";
|
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
|
6
|
-
var Combobox = ComboboxComponent;
|
|
7
|
-
export { Combobox };
|
|
@@ -747,40 +747,37 @@ export var config = {
|
|
|
747
747
|
":var(--inverse-text-primary);",
|
|
748
748
|
":var(--surface-solid-default);",
|
|
749
749
|
":var(--surface-solid-default-hover);",
|
|
750
|
-
":var(--inverse-text-secondary);",
|
|
751
750
|
":var(--inverse-text-primary);",
|
|
752
751
|
":var(--surface-solid-default);",
|
|
753
752
|
":var(--inverse-text-primary);",
|
|
754
753
|
":var(--surface-solid-default);",
|
|
755
754
|
":var(--inverse-text-primary);",
|
|
756
755
|
":1;"
|
|
757
|
-
], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.
|
|
756
|
+
], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
|
|
758
757
|
secondary: css([
|
|
759
758
|
"",
|
|
760
759
|
":var(--text-primary);",
|
|
761
760
|
":var(--surface-transparent-secondary);",
|
|
762
761
|
":var(--surface-transparent-secondary-hover);",
|
|
763
|
-
":var(--text-
|
|
764
|
-
":var(--text-secondary-hover);",
|
|
762
|
+
":var(--text-primary);",
|
|
765
763
|
":var(--surface-transparent-secondary);",
|
|
766
764
|
":var(--text-primary);",
|
|
767
765
|
":var(--surface-transparent-secondary);",
|
|
768
766
|
":var(--text-primary);",
|
|
769
767
|
":1;"
|
|
770
|
-
], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.
|
|
768
|
+
], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
|
|
771
769
|
accent: css([
|
|
772
770
|
"",
|
|
773
771
|
":var(--on-dark-text-primary);",
|
|
774
772
|
":var(--surface-accent);",
|
|
775
773
|
":var(--surface-accent-hover);",
|
|
776
|
-
":var(--on-dark-text-secondary);",
|
|
777
774
|
":var(--on-dark-text-primary);",
|
|
778
775
|
":var(--surface-accent);",
|
|
779
776
|
":var(--on-dark-text-primary);",
|
|
780
777
|
":var(--surface-accent);",
|
|
781
778
|
":var(--on-dark-text-primary);",
|
|
782
779
|
":1;"
|
|
783
|
-
], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.
|
|
780
|
+
], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
|
|
784
781
|
},
|
|
785
782
|
hintView: {
|
|
786
783
|
default: css([
|
|
@@ -520,9 +520,8 @@ export var config = {
|
|
|
520
520
|
":var(--surface-solid-default);",
|
|
521
521
|
":var(--inverse-text-primary);",
|
|
522
522
|
":var(--inverse-text-secondary);",
|
|
523
|
-
":var(--inverse-text-secondary-hover);",
|
|
524
523
|
":1;"
|
|
525
|
-
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
|
524
|
+
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
526
525
|
secondary: css([
|
|
527
526
|
"",
|
|
528
527
|
":var(--text-primary);",
|
|
@@ -536,9 +535,8 @@ export var config = {
|
|
|
536
535
|
":var(--surface-transparent-secondary);",
|
|
537
536
|
":var(--text-primary);",
|
|
538
537
|
":var(--text-secondary);",
|
|
539
|
-
":var(--text-secondary-hover);",
|
|
540
538
|
":1;"
|
|
541
|
-
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
|
539
|
+
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
542
540
|
accent: css([
|
|
543
541
|
"",
|
|
544
542
|
":var(--on-dark-text-primary);",
|
|
@@ -552,9 +550,8 @@ export var config = {
|
|
|
552
550
|
":var(--surface-accent);",
|
|
553
551
|
":var(--on-dark-text-primary);",
|
|
554
552
|
":var(--on-dark-text-secondary);",
|
|
555
|
-
":var(--on-dark-text-secondary-hover);",
|
|
556
553
|
":1;"
|
|
557
|
-
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
|
554
|
+
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
558
555
|
positive: css([
|
|
559
556
|
"",
|
|
560
557
|
":var(--on-dark-text-primary);",
|
|
@@ -568,9 +565,8 @@ export var config = {
|
|
|
568
565
|
":var(--surface-positive);",
|
|
569
566
|
":var(--on-dark-text-primary);",
|
|
570
567
|
":var(--on-dark-text-secondary);",
|
|
571
|
-
":var(--on-dark-text-secondary-hover);",
|
|
572
568
|
":1;"
|
|
573
|
-
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
|
569
|
+
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
574
570
|
warning: css([
|
|
575
571
|
"",
|
|
576
572
|
":var(--on-dark-text-primary);",
|
|
@@ -584,9 +580,8 @@ export var config = {
|
|
|
584
580
|
":var(--surface-warning);",
|
|
585
581
|
":var(--on-dark-text-primary);",
|
|
586
582
|
":var(--on-dark-text-secondary);",
|
|
587
|
-
":var(--on-dark-text-secondary-hover);",
|
|
588
583
|
":1;"
|
|
589
|
-
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
|
584
|
+
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
590
585
|
negative: css([
|
|
591
586
|
"",
|
|
592
587
|
":var(--on-dark-text-primary);",
|
|
@@ -600,9 +595,8 @@ export var config = {
|
|
|
600
595
|
":var(--surface-negative);",
|
|
601
596
|
":var(--on-dark-text-primary);",
|
|
602
597
|
":var(--on-dark-text-secondary);",
|
|
603
|
-
":var(--on-dark-text-secondary-hover);",
|
|
604
598
|
":1;"
|
|
605
|
-
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
|
599
|
+
], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly)
|
|
606
600
|
},
|
|
607
601
|
hintView: {
|
|
608
602
|
default: css([
|
|
@@ -39,14 +39,14 @@ var focusManager = new FocusManager();
|
|
|
39
39
|
/**
|
|
40
40
|
* Захватывает фокус внутри DOM node.
|
|
41
41
|
* */ export var useFocusTrap = function() {
|
|
42
|
-
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;
|
|
42
|
+
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, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
|
|
43
43
|
var ref = useRef();
|
|
44
44
|
var setRef = useCallback(function(node) {
|
|
45
45
|
if (ref.current) {
|
|
46
46
|
focusManager.teardownScopedFocus();
|
|
47
47
|
focusManager.returnFocus();
|
|
48
48
|
}
|
|
49
|
-
if (active && node) {
|
|
49
|
+
if ((active || enableOnFirstMount) && node) {
|
|
50
50
|
focusManager.setupScopedFocus(node);
|
|
51
51
|
focusManager.markForFocusAfter(focusAfterNode);
|
|
52
52
|
// Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
|
|
@@ -65,15 +65,21 @@ var focusManager = new FocusManager();
|
|
|
65
65
|
ref.current = null;
|
|
66
66
|
}, [
|
|
67
67
|
active,
|
|
68
|
+
enableOnFirstMount,
|
|
68
69
|
firstFocusSelector
|
|
69
70
|
]);
|
|
70
71
|
useEffect(function() {
|
|
71
|
-
if (!active) {
|
|
72
|
+
if (!active && !enableOnFirstMount) {
|
|
72
73
|
return;
|
|
73
74
|
}
|
|
74
75
|
var handleKeyDown = function(event) {
|
|
75
76
|
if (event.key === 'Tab' && ref.current) {
|
|
76
|
-
scopeTab(ref.current, event);
|
|
77
|
+
scopeTab(ref.current, event, active);
|
|
78
|
+
if (enableOnFirstMount) {
|
|
79
|
+
setTimeout(function() {
|
|
80
|
+
focusManager.teardownScopedFocus();
|
|
81
|
+
});
|
|
82
|
+
}
|
|
77
83
|
}
|
|
78
84
|
};
|
|
79
85
|
document.addEventListener('keydown', handleKeyDown);
|
|
@@ -81,7 +87,8 @@ var focusManager = new FocusManager();
|
|
|
81
87
|
document.removeEventListener('keydown', handleKeyDown);
|
|
82
88
|
};
|
|
83
89
|
}, [
|
|
84
|
-
active
|
|
90
|
+
active,
|
|
91
|
+
enableOnFirstMount
|
|
85
92
|
]);
|
|
86
93
|
return setRef;
|
|
87
94
|
};
|
|
@@ -3,7 +3,7 @@ import { findTabbableDescendants } from "./tabbable";
|
|
|
3
3
|
* Управлление фокусом лишь внутри ноды через tab
|
|
4
4
|
* @param node
|
|
5
5
|
* @param event
|
|
6
|
-
*/ export var scopeTab = function(node, event) {
|
|
6
|
+
*/ export var scopeTab = function(node, event, activeFocusTrap) {
|
|
7
7
|
var tabbable = findTabbableDescendants(node);
|
|
8
8
|
if (!tabbable.length) {
|
|
9
9
|
event.preventDefault();
|
|
@@ -13,7 +13,7 @@ import { findTabbableDescendants } from "./tabbable";
|
|
|
13
13
|
var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
|
|
14
14
|
var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
|
|
15
15
|
// если не является, то передаем обработку таба самому браузеру
|
|
16
|
-
if (!leavingFinalTabbable) {
|
|
16
|
+
if (!leavingFinalTabbable || !activeFocusTrap) {
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
19
19
|
// иначе зацкливаемся
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,iBAAiB,EAAE,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,iBAAiB,EAAE,SAAS,CAAC,wFAoEhE,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAtEQ,SAAS,CAAC,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGrE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;eAA2B,OAAO;EAIhE,CAAC;AAEF,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;eAA2B,OAAO;EAIhE,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAK9B,CAAC"}
|
|
@@ -179,7 +179,6 @@ export declare const tokens: {
|
|
|
179
179
|
textFieldChipBackgroundActive: string;
|
|
180
180
|
textFieldChipColorActive: string;
|
|
181
181
|
textFieldChipCloseIconColor: string;
|
|
182
|
-
textFieldChipCloseIconColorHover: string;
|
|
183
182
|
textFieldChipOutlineSize: string;
|
|
184
183
|
textFieldChipWidth: string;
|
|
185
184
|
textFieldChipPadding: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2Jf,yBAAyB
|
|
1
|
+
{"version":3,"file":"Combobox.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2Jf,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqG5B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Target.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Target/Target.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe;;;;;;;;kBA4E4B,MAAO,YAAY;mBACxC,MAAO,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;oCAtE5C,CAAC;;;;;;;;;;;;wBAkEO,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJpC,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;oCAtE5C,CAAC;;;;;;;;;;;;wBAkEO,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJpC,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;oCAtE5C,CAAC;;;;;;;;;;;;wBAkEO,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJpC,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;oCAtE5C,CAAC;;;;;;;;;;;;wBAkEO,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Target.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Target/Target.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe;;;;;;;;kBA4E4B,MAAO,YAAY;mBACxC,MAAO,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;oCAtE5C,CAAC;;;;;;;;;;;;wBAkEO,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJpC,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;oCAtE5C,CAAC;;;;;;;;;;;;wBAkEO,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJpC,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;oCAtE5C,CAAC;;;;;;;;;;;;wBAkEO,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJpC,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;oCAtE5C,CAAC;;;;;;;;;;;;wBAkEO,YAAY;yBACjC,YAAY;;;oCAG4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;kJA8FlG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAkHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBApHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAiIpE,CAAC"}
|
|
@@ -33,6 +33,11 @@ export interface CommonModalProps extends PopupProps {
|
|
|
33
33
|
* Обработчик клика при нажатии вне области модального окна(если не передан, то при нажатии используется onClose).
|
|
34
34
|
*/
|
|
35
35
|
onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
36
|
+
/**
|
|
37
|
+
* Фокус элементов будет происходить только внутри модального окна
|
|
38
|
+
* @default true
|
|
39
|
+
*/
|
|
40
|
+
isFocusTrapped?: boolean;
|
|
36
41
|
/**
|
|
37
42
|
* Первый элемент для фокуса внутри модального окна.
|
|
38
43
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,MAAM,cAAc,GACpB;IACI;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GACD;IACI,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;AAEpH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC,GACjE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,GAC1E,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,MAAM,cAAc,GACpB;IACI;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GACD;IACI,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;AAEpH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC,GACjE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,GAC1E,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC,CAAC"}
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import type { RootProps } from '../../engines';
|
|
3
3
|
import type { NoteProps } from './Note.types';
|
|
4
4
|
export declare const noteRoot: (Root: RootProps<HTMLDivElement, NoteProps>) => React.ForwardRefExoticComponent<{
|
|
5
|
-
title?:
|
|
6
|
-
text?:
|
|
5
|
+
title?: React.ReactNode;
|
|
6
|
+
text?: React.ReactNode;
|
|
7
7
|
contentBefore?: React.ReactNode;
|
|
8
8
|
contentBeforeSizing?: "fixed" | "scalable";
|
|
9
9
|
stretch?: boolean;
|
|
@@ -18,8 +18,8 @@ export declare const noteConfig: {
|
|
|
18
18
|
name: string;
|
|
19
19
|
tag: string;
|
|
20
20
|
layout: (Root: RootProps<HTMLDivElement, NoteProps>) => React.ForwardRefExoticComponent<{
|
|
21
|
-
title?:
|
|
22
|
-
text?:
|
|
21
|
+
title?: React.ReactNode;
|
|
22
|
+
text?: React.ReactNode;
|
|
23
23
|
contentBefore?: React.ReactNode;
|
|
24
24
|
contentBeforeSizing?: "fixed" | "scalable";
|
|
25
25
|
stretch?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAe9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;+
|
|
1
|
+
{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAe9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;+EAyJ9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA3JQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KlE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
|
@@ -195,7 +195,6 @@ export declare const tokens: {
|
|
|
195
195
|
textFieldChipBackgroundActive: string;
|
|
196
196
|
textFieldChipColorActive: string;
|
|
197
197
|
textFieldChipCloseIconColor: string;
|
|
198
|
-
textFieldChipCloseIconColorHover: string;
|
|
199
198
|
textFieldChipOutlineSize: string;
|
|
200
199
|
textFieldChipWidth: string;
|
|
201
200
|
textFieldChipPadding: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyFf,oCAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuFpC,yBAAyB
|
|
1
|
+
{"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyFf,oCAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuFpC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkF5B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe;YAA+B,OAAO;eAAa,OAAO;;;;;;;;;kBAiFA,MAAO,YAEpF;mBAAqE,MAE1E,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;oCA/EkC,CAAC;;;;;;;;;;;;wBAwEgD,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPmF,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;oCA/EkC,CAAC;;;;;;;;;;;;wBAwEgD,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPmF,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;oCA/EkC,CAAC;;;;;;;;;;;;wBAwEgD,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPmF,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;oCA/EkC,CAAC;;;;;;;;;;;;wBAwEgD,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Textfield.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe;YAA+B,OAAO;eAAa,OAAO;;;;;;;;;kBAiFA,MAAO,YAEpF;mBAAqE,MAE1E,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;oCA/EkC,CAAC;;;;;;;;;;;;wBAwEgD,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPmF,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;oCA/EkC,CAAC;;;;;;;;;;;;wBAwEgD,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPmF,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;oCA/EkC,CAAC;;;;;;;;;;;;wBAwEgD,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPmF,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;oCA/EkC,CAAC;;;;;;;;;;;;wBAwEgD,YAEpF;yBAEL,YAAS;;;oCAGJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sJA8GT,CAAC;AAEF,eAAO,MAAM,gBAAgB;eAA2B,OAAO;eAAa,OAAO;EAgBlF,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAG1C,CAAC;AAEF,eAAO,MAAM,WAAW,8JAGvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAG5B,CAAC"}
|