@salutejs/plasma-new-hope 0.337.0-canary.2237.17941275054.0 → 0.337.0-canary.2241.18008532487.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/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/index.css +15 -15
- 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/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/Combobox/Combobox.js +0 -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/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/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/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
- 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/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/index.css +15 -15
- 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/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/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/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/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/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/cjs/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
- package/es/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
|
@@ -530,9 +530,8 @@ 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);",
|
|
534
533
|
":1;"
|
|
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.
|
|
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),
|
|
536
535
|
secondary: (0, _styledcomponents.css)([
|
|
537
536
|
"",
|
|
538
537
|
":var(--text-primary);",
|
|
@@ -546,9 +545,8 @@ var config = {
|
|
|
546
545
|
":var(--surface-transparent-secondary);",
|
|
547
546
|
":var(--text-primary);",
|
|
548
547
|
":var(--text-secondary);",
|
|
549
|
-
":var(--text-secondary-hover);",
|
|
550
548
|
":1;"
|
|
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.
|
|
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),
|
|
552
550
|
accent: (0, _styledcomponents.css)([
|
|
553
551
|
"",
|
|
554
552
|
":var(--on-dark-text-primary);",
|
|
@@ -562,9 +560,8 @@ var config = {
|
|
|
562
560
|
":var(--surface-accent);",
|
|
563
561
|
":var(--on-dark-text-primary);",
|
|
564
562
|
":var(--on-dark-text-secondary);",
|
|
565
|
-
":var(--on-dark-text-secondary-hover);",
|
|
566
563
|
":1;"
|
|
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.
|
|
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),
|
|
568
565
|
positive: (0, _styledcomponents.css)([
|
|
569
566
|
"",
|
|
570
567
|
":var(--on-dark-text-primary);",
|
|
@@ -578,9 +575,8 @@ var config = {
|
|
|
578
575
|
":var(--surface-positive);",
|
|
579
576
|
":var(--on-dark-text-primary);",
|
|
580
577
|
":var(--on-dark-text-secondary);",
|
|
581
|
-
":var(--on-dark-text-secondary-hover);",
|
|
582
578
|
":1;"
|
|
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.
|
|
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),
|
|
584
580
|
warning: (0, _styledcomponents.css)([
|
|
585
581
|
"",
|
|
586
582
|
":var(--on-dark-text-primary);",
|
|
@@ -594,9 +590,8 @@ var config = {
|
|
|
594
590
|
":var(--surface-warning);",
|
|
595
591
|
":var(--on-dark-text-primary);",
|
|
596
592
|
":var(--on-dark-text-secondary);",
|
|
597
|
-
":var(--on-dark-text-secondary-hover);",
|
|
598
593
|
":1;"
|
|
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.
|
|
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),
|
|
600
595
|
negative: (0, _styledcomponents.css)([
|
|
601
596
|
"",
|
|
602
597
|
":var(--on-dark-text-primary);",
|
|
@@ -610,9 +605,8 @@ var config = {
|
|
|
610
605
|
":var(--surface-negative);",
|
|
611
606
|
":var(--on-dark-text-primary);",
|
|
612
607
|
":var(--on-dark-text-secondary);",
|
|
613
|
-
":var(--on-dark-text-secondary-hover);",
|
|
614
608
|
":1;"
|
|
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.
|
|
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)
|
|
616
610
|
},
|
|
617
611
|
hintView: {
|
|
618
612
|
default: (0, _styledcomponents.css)([
|
|
@@ -93,16 +93,14 @@ 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();
|
|
96
97
|
};
|
|
97
98
|
var handleClickClose = function(event) {
|
|
98
|
-
if (disabled || readOnly
|
|
99
|
+
if (disabled || readOnly || !onClickClose) {
|
|
99
100
|
return;
|
|
100
101
|
}
|
|
101
102
|
event.stopPropagation();
|
|
102
103
|
onClickClose(event);
|
|
103
|
-
if (onClear) {
|
|
104
|
-
onClear();
|
|
105
|
-
}
|
|
106
104
|
};
|
|
107
105
|
return /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
108
106
|
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-9d5799f0-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-9d5799f0-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-9d5799f0-2"
|
|
27
27
|
})([
|
|
28
28
|
"display:flex;margin-left:var(",
|
|
29
29
|
");margin-right:",
|
|
@@ -33,11 +33,10 @@ 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-9d5799f0-3"
|
|
37
37
|
})([
|
|
38
38
|
"display:flex;margin-left:var(",
|
|
39
39
|
");margin-right:var(",
|
|
40
40
|
");color:var(",
|
|
41
|
-
")
|
|
42
|
-
|
|
43
|
-
], tokens.clearContentMarginLeft, tokens.clearContentMarginRight, tokens.closeIconColor, tokens.closeIconColorHover);
|
|
41
|
+
");"
|
|
42
|
+
], tokens.clearContentMarginLeft, tokens.clearContentMarginRight, tokens.closeIconColor);
|
|
@@ -179,7 +179,6 @@ 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',
|
|
183
182
|
textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
|
|
184
183
|
textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
|
|
185
184
|
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-e7d38474-0"
|
|
10
10
|
})([
|
|
11
11
|
"",
|
|
12
12
|
":var(",
|
|
@@ -304,7 +304,5 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
304
304
|
":var(",
|
|
305
305
|
");",
|
|
306
306
|
":var(",
|
|
307
|
-
");",
|
|
308
|
-
":var(",
|
|
309
307
|
");"
|
|
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);
|
|
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);
|
|
@@ -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 || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
|
|
163
|
+
if (!canUseDOM || !text || typeof text !== 'string' || !(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
|
+
");overflow-wrap:break-word;}"
|
|
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,7 +195,6 @@ 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',
|
|
199
198
|
textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',
|
|
200
199
|
textFieldChipWidth: '--plasma-select-textfield-chip-width',
|
|
201
200
|
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
|
+
_onChipClick: 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-27756630-0"
|
|
11
11
|
})([
|
|
12
12
|
"",
|
|
13
13
|
":var(",
|
|
@@ -284,8 +284,6 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
284
284
|
");",
|
|
285
285
|
":var(",
|
|
286
286
|
");",
|
|
287
|
-
":var(",
|
|
288
|
-
");",
|
|
289
287
|
":",
|
|
290
288
|
";& div.input-wrapper:focus-within{background-color:var(",
|
|
291
289
|
");}&.",
|
|
@@ -328,13 +326,13 @@ export var StyledTextField = styled(TextField).withConfig({
|
|
|
328
326
|
}, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColor, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColor, textFieldTokens.borderColorReadOnly, function(param) {
|
|
329
327
|
var opened = param.opened;
|
|
330
328
|
return opened ? "var(".concat(tokens.textFieldBorderColorFocus, ")") : "var(".concat(tokens.textFieldBorderColor, ")");
|
|
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.
|
|
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) {
|
|
332
330
|
var disabled = param.disabled;
|
|
333
331
|
return disabled ? 'none' : "var(".concat(tokens.textFieldBoxShadow, ")");
|
|
334
332
|
}, 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);
|
|
335
333
|
export var IconArrowWrapper = styled.div.withConfig({
|
|
336
334
|
displayName: "Textfield.styles__IconArrowWrapper",
|
|
337
|
-
componentId: "sc-
|
|
335
|
+
componentId: "sc-27756630-1"
|
|
338
336
|
})([
|
|
339
337
|
"line-height:0;color:var(",
|
|
340
338
|
");cursor:",
|
|
@@ -359,7 +357,7 @@ export var sizeMap = {
|
|
|
359
357
|
};
|
|
360
358
|
export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
361
359
|
displayName: "Textfield.styles__StyledArrow",
|
|
362
|
-
componentId: "sc-
|
|
360
|
+
componentId: "sc-27756630-2"
|
|
363
361
|
})([
|
|
364
362
|
"width:",
|
|
365
363
|
";height:",
|
|
@@ -373,7 +371,7 @@ export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
|
373
371
|
});
|
|
374
372
|
export var StyledLeftHelper = styled.span.withConfig({
|
|
375
373
|
displayName: "Textfield.styles__StyledLeftHelper",
|
|
376
|
-
componentId: "sc-
|
|
374
|
+
componentId: "sc-27756630-3"
|
|
377
375
|
})([
|
|
378
376
|
"margin:0;padding:0;"
|
|
379
377
|
]);
|
|
@@ -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
|
+
_onChipClick = _param._onChipClick, // 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
|
+
"_onChipClick",
|
|
185
185
|
"onChange",
|
|
186
186
|
"onChangeChips",
|
|
187
187
|
"onSearch",
|
|
@@ -321,13 +321,11 @@ export var textFieldRoot = function(Root) {
|
|
|
321
321
|
disabled: disabled,
|
|
322
322
|
readOnly: readOnly,
|
|
323
323
|
chips: chips,
|
|
324
|
-
newCustomChips: _chips,
|
|
325
324
|
enumerationType: enumerationType,
|
|
326
325
|
updateChips: updateChips,
|
|
327
326
|
onSearch: onSearch,
|
|
328
327
|
onChange: onChange,
|
|
329
|
-
onEnterDisabled: _onEnterDisabled
|
|
330
|
-
onChipCloseClick: _onChipCloseClick
|
|
328
|
+
onEnterDisabled: _onEnterDisabled
|
|
331
329
|
}), handleInputKeydown = _useKeyNavigation.handleInputKeydown, handleChipKeyDown = _useKeyNavigation.handleChipKeyDown, onChipClear = _useKeyNavigation.onChipClear, handleContentKeyDown = _useKeyNavigation.handleContentKeyDown;
|
|
332
330
|
var onChipClick = function(event) {
|
|
333
331
|
return event.stopPropagation();
|
|
@@ -472,10 +470,10 @@ export var textFieldRoot = function(Root) {
|
|
|
472
470
|
className: cx(withHasChips, classes.inputScrollableWrapper)
|
|
473
471
|
}, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ React.createElement(TextFieldChipNew, {
|
|
474
472
|
chips: _chips,
|
|
473
|
+
onChipClick: _onChipClick,
|
|
475
474
|
getRef: getRef,
|
|
476
475
|
handleChipKeyDown: handleChipKeyDown,
|
|
477
476
|
onChipClear: onChipClear,
|
|
478
|
-
onChipCloseClick: _onChipCloseClick,
|
|
479
477
|
view: chipView || view,
|
|
480
478
|
readOnly: readOnly,
|
|
481
479
|
chipType: chipType,
|
|
@@ -152,7 +152,6 @@ 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',
|
|
156
155
|
chipOutlineSize: '--plasma-textfield__chip-outline-size',
|
|
157
156
|
chipWidth: '--plasma-textfield__chip-width',
|
|
158
157
|
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,
|
|
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;
|
|
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;
|
|
73
73
|
var value = event.target.value;
|
|
74
74
|
if (disabled || readOnly) {
|
|
75
75
|
return;
|
|
@@ -95,14 +95,7 @@ export var useKeyNavigation = function(param) {
|
|
|
95
95
|
onSearch(value, event);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
if (event.key === Keys.Backspace &&
|
|
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) {
|
|
98
|
+
if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart) === 0) {
|
|
106
99
|
var newChips1 = _to_consumable_array(chips);
|
|
107
100
|
newChips1 === null || newChips1 === void 0 ? void 0 : newChips1.pop();
|
|
108
101
|
chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
|
|
@@ -114,7 +107,7 @@ export var useKeyNavigation = function(param) {
|
|
|
114
107
|
}
|
|
115
108
|
};
|
|
116
109
|
var onChipClear = function(clearId, index) {
|
|
117
|
-
if (!chips.length
|
|
110
|
+
if (!chips.length) {
|
|
118
111
|
return;
|
|
119
112
|
}
|
|
120
113
|
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-e83042f5-0"
|
|
13
13
|
})([
|
|
14
14
|
"",
|
|
15
15
|
":var(",
|
|
@@ -61,12 +61,10 @@ export var StyledChip = styled(Chip).withConfig({
|
|
|
61
61
|
":var(",
|
|
62
62
|
");",
|
|
63
63
|
":var(",
|
|
64
|
-
");",
|
|
65
|
-
":var(",
|
|
66
64
|
");scroll-snap-align:center;scroll-snap-stop:normal;",
|
|
67
65
|
" &[readonly]{opacity:var(",
|
|
68
66
|
");}"
|
|
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.
|
|
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({
|
|
70
68
|
outlineOffset: '0.0625rem',
|
|
71
69
|
outlineSize: '0.0625rem',
|
|
72
70
|
outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
|
|
@@ -74,7 +72,7 @@ export var StyledChip = styled(Chip).withConfig({
|
|
|
74
72
|
}), tokens.chipOpacityReadonly);
|
|
75
73
|
export var TextChip = styled.button.withConfig({
|
|
76
74
|
displayName: "TextFieldChip.styles__TextChip",
|
|
77
|
-
componentId: "sc-
|
|
75
|
+
componentId: "sc-e83042f5-1"
|
|
78
76
|
})([
|
|
79
77
|
"display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(",
|
|
80
78
|
");font-size:var(",
|
|
@@ -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(",
|