@salutejs/plasma-new-hope 0.337.0-dev.0 → 0.338.0-canary.2237.18160100785.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +11 -11
- package/cjs/components/Chip/Chip.css +7 -7
- package/cjs/components/Chip/Chip.js +6 -4
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/Chip.styles.js +1 -1
- package/cjs/components/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chip/{Chip.styles_fnd4j5.css → Chip.styles_d9y94l.css} +1 -1
- package/cjs/components/Chip/Chip.tokens.js +1 -0
- package/cjs/components/Chip/Chip.tokens.js.map +1 -1
- package/cjs/components/Chip/variations/_disabled/base.js +1 -1
- package/cjs/components/Chip/variations/_disabled/base.js.map +1 -1
- package/{es/components/Chip/variations/_disabled/base_rmcs0j.css → cjs/components/Chip/variations/_disabled/base_1j4s925.css} +1 -1
- package/cjs/components/Chip/variations/_readonly/base.js +1 -1
- package/cjs/components/Chip/variations/_readonly/base.js.map +1 -1
- package/{es/components/Chip/variations/_readonly/base_1nfit77.css → cjs/components/Chip/variations/_readonly/base_1xublmy.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/ui/Target/Target.styles_1c4vtoy.css → cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css} +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +7 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +7 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +7 -7
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +11 -11
- package/cjs/components/Pagination/Pagination.css +15 -15
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +15 -15
- package/cjs/components/Range/Range.css +11 -11
- package/cjs/components/Select/Select.css +15 -15
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.tokens.js +2 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +15 -15
- package/cjs/components/Select/ui/Target/Target.js +2 -1
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +15 -15
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_1mikp58.css → Textfield.styles_19e9015.css} +1 -1
- package/cjs/components/Slider/Slider.css +11 -11
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +11 -11
- package/cjs/components/Table/Table.css +15 -15
- package/cjs/components/Table/ui/Cell/Cell.css +15 -15
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +15 -15
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +15 -15
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +15 -15
- package/cjs/components/TextField/TextField.js +8 -4
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +2 -0
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/hooks/useKeyNavigation.js +15 -6
- package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +9 -9
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_14q069b.css → TextFieldChip.styles_8puilg.css} +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +11 -11
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +26 -12
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +33 -2
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/{TextFieldChipNew.styles_y9tozi.css → TextFieldChipNew.styles_1hj7e4k.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +11 -11
- package/cjs/index.css +16 -16
- package/emotion/cjs/components/Chip/Chip.js +9 -5
- package/emotion/cjs/components/Chip/Chip.styles.js +9 -9
- package/emotion/cjs/components/Chip/Chip.tokens.js +1 -0
- package/emotion/cjs/components/Chip/variations/_disabled/base.js +2 -1
- package/emotion/cjs/components/Chip/variations/_readonly/base.js +2 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/cjs/components/Select/Select.js +2 -1
- package/emotion/cjs/components/Select/Select.tokens.js +2 -0
- package/emotion/cjs/components/Select/ui/Target/Target.js +2 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/cjs/components/TextField/TextField.js +10 -5
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -0
- package/emotion/cjs/components/TextField/hooks/useKeyNavigation.js +11 -4
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +74 -10
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +18 -5
- package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -14
- package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
- package/emotion/es/components/Chip/Chip.js +9 -5
- package/emotion/es/components/Chip/Chip.styles.js +9 -9
- package/emotion/es/components/Chip/Chip.tokens.js +1 -0
- package/emotion/es/components/Chip/variations/_disabled/base.js +2 -1
- package/emotion/es/components/Chip/variations/_readonly/base.js +2 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +4 -2
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/es/components/Select/Select.js +2 -1
- package/emotion/es/components/Select/Select.tokens.js +2 -0
- package/emotion/es/components/Select/ui/Target/Target.js +2 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/es/components/TextField/TextField.js +10 -5
- package/emotion/es/components/TextField/TextField.tokens.js +2 -0
- package/emotion/es/components/TextField/hooks/useKeyNavigation.js +11 -4
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +74 -10
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +18 -5
- package/emotion/es/examples/components/Chip/Chip.config.js +14 -14
- package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
- package/es/components/Autocomplete/Autocomplete.css +11 -11
- package/es/components/Chip/Chip.css +7 -7
- package/es/components/Chip/Chip.js +6 -4
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Chip/Chip.styles.js +1 -1
- package/es/components/Chip/Chip.styles.js.map +1 -1
- package/es/components/Chip/{Chip.styles_fnd4j5.css → Chip.styles_d9y94l.css} +1 -1
- package/es/components/Chip/Chip.tokens.js +1 -0
- package/es/components/Chip/Chip.tokens.js.map +1 -1
- package/es/components/Chip/variations/_disabled/base.js +1 -1
- package/es/components/Chip/variations/_disabled/base.js.map +1 -1
- package/{cjs/components/Chip/variations/_disabled/base_rmcs0j.css → es/components/Chip/variations/_disabled/base_1j4s925.css} +1 -1
- package/es/components/Chip/variations/_readonly/base.js +1 -1
- package/es/components/Chip/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Chip/variations/_readonly/base_1nfit77.css → es/components/Chip/variations/_readonly/base_1xublmy.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/es/components/Combobox/ComboboxNew/Combobox.js +5 -2
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_1c4vtoy.css → es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css} +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.css +7 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +7 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +7 -7
- package/es/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/es/components/DatePicker/SingleDate/SingleDate.css +11 -11
- package/es/components/Pagination/Pagination.css +15 -15
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +15 -15
- package/es/components/Range/Range.css +11 -11
- package/es/components/Select/Select.css +15 -15
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.tokens.js +2 -0
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +15 -15
- package/es/components/Select/ui/Target/Target.js +2 -1
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +15 -15
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_1mikp58.css → Textfield.styles_19e9015.css} +1 -1
- package/es/components/Slider/Slider.css +11 -11
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +11 -11
- package/es/components/Table/Table.css +15 -15
- package/es/components/Table/ui/Cell/Cell.css +15 -15
- package/es/components/Table/ui/EditableCell/EditableCell.css +15 -15
- package/es/components/Table/ui/HeadCell/HeadCell.css +15 -15
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +15 -15
- package/es/components/TextField/TextField.js +8 -4
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +2 -0
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/hooks/useKeyNavigation.js +15 -6
- package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +9 -9
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_14q069b.css → TextFieldChip.styles_8puilg.css} +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +11 -11
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +26 -12
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +33 -2
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/{TextFieldChipNew.styles_y9tozi.css → TextFieldChipNew.styles_1hj7e4k.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +11 -11
- package/es/index.css +16 -16
- package/package.json +2 -2
- package/styled-components/cjs/components/Chip/Chip.js +9 -5
- package/styled-components/cjs/components/Chip/Chip.styles.js +7 -6
- package/styled-components/cjs/components/Chip/Chip.tokens.js +1 -0
- package/styled-components/cjs/components/Chip/variations/_disabled/base.js +6 -2
- package/styled-components/cjs/components/Chip/variations/_readonly/base.js +6 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +6 -2
- package/styled-components/cjs/components/Select/Select.js +2 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
- package/styled-components/cjs/components/Select/ui/Target/Target.js +2 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -5
- package/styled-components/cjs/components/TextField/TextField.js +9 -4
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -0
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +11 -4
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -3
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +74 -10
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +28 -5
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +24 -12
- package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +12 -4
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/Select/Select.config.js +10 -4
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +18 -6
- package/styled-components/es/components/Chip/Chip.js +9 -5
- package/styled-components/es/components/Chip/Chip.styles.js +7 -6
- package/styled-components/es/components/Chip/Chip.tokens.js +1 -0
- package/styled-components/es/components/Chip/variations/_disabled/base.js +6 -2
- package/styled-components/es/components/Chip/variations/_readonly/base.js +6 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +4 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +6 -2
- package/styled-components/es/components/Select/Select.js +2 -1
- package/styled-components/es/components/Select/Select.tokens.js +2 -0
- package/styled-components/es/components/Select/ui/Target/Target.js +2 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -5
- package/styled-components/es/components/TextField/TextField.js +9 -4
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -0
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +11 -4
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -0
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -3
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +74 -10
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +28 -5
- package/styled-components/es/examples/components/Chip/Chip.config.js +24 -12
- package/styled-components/es/examples/components/Combobox/Combobox.config.js +12 -4
- package/styled-components/es/examples/components/Select/Select.config.js +10 -4
- package/styled-components/es/examples/components/TextField/TextField.config.js +18 -6
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Chip/Chip.styles.d.ts.map +1 -1
- package/types/components/Chip/Chip.tokens.d.ts +1 -0
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Chip/Chip.types.d.ts +1 -1
- package/types/components/Chip/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/Chip/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +2 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +9 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +2 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +7 -0
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +2 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +3 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +6 -0
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +2 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/hooks/useKeyNavigation.d.ts +11 -2
- package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +2 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts +3 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.config.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +24 -0
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +6 -0
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
|
@@ -86,29 +86,29 @@
|
|
|
86
86
|
|
|
87
87
|
.base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
|
|
88
88
|
|
|
89
|
-
.
|
|
89
|
+
.base_1j4s925_b16ulzzx__083e1d45[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_1j4s925_b16ulzzx__083e1d45[disabled]:hover,.base_1j4s925_b16ulzzx__083e1d45[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45{color:var(--plasma-chip-close-icon-color);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45:hover{color:var(--plasma-chip-close-icon-color);}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.base_1xublmy_b10y1phq__4d939fb6[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly]:hover,.base_1xublmy_b10y1phq__4d939fb6[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6{color:var(--plasma-chip-close-icon-color-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6:hover{color:var(--plasma-chip-close-icon-color-readonly);}
|
|
92
92
|
|
|
93
93
|
.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
|
|
94
94
|
|
|
95
95
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
96
96
|
|
|
97
|
-
.
|
|
98
|
-
.
|
|
99
|
-
.
|
|
100
|
-
.
|
|
101
|
-
.
|
|
97
|
+
.Chip_styles_d9y94l_bol5daj__d88bc02c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
98
|
+
.Chip_styles_d9y94l_sj20on5__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
|
|
99
|
+
.Chip_styles_d9y94l_s1ror4o9__d88bc02c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
100
|
+
.Chip_styles_d9y94l_swddmyi__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
|
|
101
|
+
.Chip_styles_d9y94l_s1pcflhj__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_d9y94l_s1pcflhj__d88bc02c:hover{color:var(--plasma-chip-close-icon-color-hover);}
|
|
102
102
|
|
|
103
|
-
.
|
|
104
|
-
.
|
|
103
|
+
.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
104
|
+
.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
|
|
105
105
|
|
|
106
|
-
.
|
|
107
|
-
.
|
|
106
|
+
.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-close-icon-color-readonly:var(--plasma-textfield__chip-close-icon-color-readonly);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active{color:var(--s11qqqhl-0);background-color:var(--s11qqqhl-1);cursor:var(--s11qqqhl-2);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63{color:var(--s11qqqhl-3);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover{cursor:pointer;color:var(--plasma-textfield__chip-close-icon-color-hover);}
|
|
107
|
+
.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:after{content:',';}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:last-child:after{content:'';}
|
|
108
108
|
|
|
109
109
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
110
110
|
|
|
111
|
-
.Textfield_styles_1mikp58_s1yhwv5r__b997b904{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904 div.Textfield_styles_1mikp58_inputWrapper__b997b904:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904.Textfield_styles_1mikp58_readonly__b997b904{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
|
|
112
|
-
.
|
|
113
|
-
.
|
|
114
|
-
.
|
|
111
|
+
.Textfield_styles_19e9015_s1yhwv5r__ee511ade{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade div.Textfield_styles_19e9015_inputWrapper__ee511ade:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade.Textfield_styles_19e9015_readonly__ee511ade{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
|
|
112
|
+
.Textfield_styles_19e9015_i7x5udn__ee511ade{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_19e9015_i7x5udn__ee511ade .Textfield_styles_19e9015_arrowInverse__ee511ade{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_19e9015_i7x5udn__ee511ade:hover,.Textfield_styles_19e9015_i7x5udn__ee511ade:active{color:var(--i7x5udn-1);}
|
|
113
|
+
.Textfield_styles_19e9015_s2oocb4__ee511ade{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
|
|
114
|
+
.Textfield_styles_19e9015_s1kxyc50__ee511ade{margin:0;padding:0;}
|
|
@@ -76,7 +76,8 @@ var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
76
76
|
chipView: chipView,
|
|
77
77
|
requiredProps: requiredProps,
|
|
78
78
|
hintProps: hintProps,
|
|
79
|
-
chipType: selectProps.chipType
|
|
79
|
+
chipType: selectProps.chipType,
|
|
80
|
+
chipClickArea: selectProps.chipClickArea
|
|
80
81
|
});
|
|
81
82
|
});
|
|
82
83
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n (\n {\n value,\n opened,\n valueToItemMap,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n readOnly,\n renderValue,\n selectProps,\n inputWrapperRef,\n multiselect,\n view,\n helperText,\n treeId,\n activeDescendantItemValue,\n isTargetAmount,\n onChange,\n chipView,\n separator,\n requiredProps,\n hintProps,\n },\n ref,\n ) => {\n const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n if (selectProps.renderTarget) {\n return (\n <div ref={inputWrapperRef as any}>\n {selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n opened,\n )}\n </div>\n );\n }\n\n return selectProps.target === 'button-like' ? (\n <Button\n ref={buttonRef}\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled || readOnly}\n renderValue={renderValue}\n selectProps={selectProps}\n separator={separator}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n />\n ) : (\n <Textfield\n ref={ref as MutableRefObject<HTMLInputElement>}\n inputWrapperRef={inputWrapperRef}\n opened={opened}\n multiselect={multiselect}\n value={value}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n view={view}\n contentLeft={contentLeft}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n disabled={disabled}\n readOnly={readOnly}\n isTargetAmount={isTargetAmount}\n valueToItemMap={valueToItemMap}\n renderValue={renderValue}\n onChange={onChange}\n chipView={chipView}\n requiredProps={requiredProps}\n hintProps={hintProps}\n chipType={selectProps.chipType}\n />\n );\n },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","readOnly","renderValue","selectProps","inputWrapperRef","multiselect","view","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","chipView","separator","requiredProps","hintProps","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","target","Button","Textfield","chipType"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n (\n {\n value,\n opened,\n valueToItemMap,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n readOnly,\n renderValue,\n selectProps,\n inputWrapperRef,\n multiselect,\n view,\n helperText,\n treeId,\n activeDescendantItemValue,\n isTargetAmount,\n onChange,\n chipView,\n separator,\n requiredProps,\n hintProps,\n },\n ref,\n ) => {\n const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n if (selectProps.renderTarget) {\n return (\n <div ref={inputWrapperRef as any}>\n {selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n opened,\n )}\n </div>\n );\n }\n\n return selectProps.target === 'button-like' ? (\n <Button\n ref={buttonRef}\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled || readOnly}\n renderValue={renderValue}\n selectProps={selectProps}\n separator={separator}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n />\n ) : (\n <Textfield\n ref={ref as MutableRefObject<HTMLInputElement>}\n inputWrapperRef={inputWrapperRef}\n opened={opened}\n multiselect={multiselect}\n value={value}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n view={view}\n contentLeft={contentLeft}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n disabled={disabled}\n readOnly={readOnly}\n isTargetAmount={isTargetAmount}\n valueToItemMap={valueToItemMap}\n renderValue={renderValue}\n onChange={onChange}\n chipView={chipView}\n requiredProps={requiredProps}\n hintProps={hintProps}\n chipType={selectProps.chipType}\n chipClickArea={selectProps.chipClickArea}\n />\n );\n },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","readOnly","renderValue","selectProps","inputWrapperRef","multiselect","view","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","chipView","separator","requiredProps","hintProps","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","target","Button","Textfield","chipType","chipClickArea"],"mappings":"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"}
|
|
@@ -53,29 +53,29 @@
|
|
|
53
53
|
|
|
54
54
|
.base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
|
|
55
55
|
|
|
56
|
-
.
|
|
56
|
+
.base_1j4s925_b16ulzzx__083e1d45[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_1j4s925_b16ulzzx__083e1d45[disabled]:hover,.base_1j4s925_b16ulzzx__083e1d45[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45{color:var(--plasma-chip-close-icon-color);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45:hover{color:var(--plasma-chip-close-icon-color);}
|
|
57
57
|
|
|
58
|
-
.
|
|
58
|
+
.base_1xublmy_b10y1phq__4d939fb6[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly]:hover,.base_1xublmy_b10y1phq__4d939fb6[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6{color:var(--plasma-chip-close-icon-color-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6:hover{color:var(--plasma-chip-close-icon-color-readonly);}
|
|
59
59
|
|
|
60
60
|
.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
|
|
61
61
|
|
|
62
62
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
63
63
|
|
|
64
|
-
.
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
64
|
+
.Chip_styles_d9y94l_bol5daj__d88bc02c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
65
|
+
.Chip_styles_d9y94l_sj20on5__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
|
|
66
|
+
.Chip_styles_d9y94l_s1ror4o9__d88bc02c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
67
|
+
.Chip_styles_d9y94l_swddmyi__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
|
|
68
|
+
.Chip_styles_d9y94l_s1pcflhj__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_d9y94l_s1pcflhj__d88bc02c:hover{color:var(--plasma-chip-close-icon-color-hover);}
|
|
69
69
|
|
|
70
|
-
.
|
|
71
|
-
.
|
|
70
|
+
.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
71
|
+
.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
|
|
72
72
|
|
|
73
|
-
.
|
|
74
|
-
.
|
|
73
|
+
.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-close-icon-color-readonly:var(--plasma-textfield__chip-close-icon-color-readonly);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active{color:var(--s11qqqhl-0);background-color:var(--s11qqqhl-1);cursor:var(--s11qqqhl-2);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63{color:var(--s11qqqhl-3);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover{cursor:pointer;color:var(--plasma-textfield__chip-close-icon-color-hover);}
|
|
74
|
+
.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:after{content:',';}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:last-child:after{content:'';}
|
|
75
75
|
|
|
76
76
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
77
77
|
|
|
78
|
-
.Textfield_styles_1mikp58_s1yhwv5r__b997b904{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904 div.Textfield_styles_1mikp58_inputWrapper__b997b904:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904.Textfield_styles_1mikp58_readonly__b997b904{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
|
|
79
|
-
.
|
|
80
|
-
.
|
|
81
|
-
.
|
|
78
|
+
.Textfield_styles_19e9015_s1yhwv5r__ee511ade{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade div.Textfield_styles_19e9015_inputWrapper__ee511ade:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade.Textfield_styles_19e9015_readonly__ee511ade{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
|
|
79
|
+
.Textfield_styles_19e9015_i7x5udn__ee511ade{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_19e9015_i7x5udn__ee511ade .Textfield_styles_19e9015_arrowInverse__ee511ade{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_19e9015_i7x5udn__ee511ade:hover,.Textfield_styles_19e9015_i7x5udn__ee511ade:active{color:var(--i7x5udn-1);}
|
|
80
|
+
.Textfield_styles_19e9015_s2oocb4__ee511ade{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
|
|
81
|
+
.Textfield_styles_19e9015_s1kxyc50__ee511ade{margin:0;padding:0;}
|
|
@@ -30,7 +30,8 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
30
30
|
chipView = _ref.chipView,
|
|
31
31
|
requiredProps = _ref.requiredProps,
|
|
32
32
|
chipType = _ref.chipType,
|
|
33
|
-
hintProps = _ref.hintProps
|
|
33
|
+
hintProps = _ref.hintProps,
|
|
34
|
+
chipClickArea = _ref.chipClickArea;
|
|
34
35
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
|
35
36
|
var getValue = function getValue() {
|
|
36
37
|
var _valueToItemMap$get;
|
|
@@ -126,7 +127,8 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
126
127
|
}, multiselect ? {
|
|
127
128
|
enumerationType: 'chip',
|
|
128
129
|
_chips: getChips(),
|
|
129
|
-
|
|
130
|
+
_onChipCloseClick: handleChipClick,
|
|
131
|
+
_chipClickArea: chipClickArea,
|
|
130
132
|
chipType: chipType,
|
|
131
133
|
chipView: chipView
|
|
132
134
|
} : {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n (\n {\n inputWrapperRef,\n opened,\n multiselect,\n value,\n label,\n labelPlacement,\n keepPlaceholder,\n placeholder,\n onKeyDown,\n size,\n view,\n contentLeft,\n helperText,\n treeId,\n activeDescendantItemValue,\n disabled,\n readOnly,\n isTargetAmount,\n valueToItemMap,\n renderValue,\n onChange,\n chipView,\n requiredProps,\n chipType,\n hintProps,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getValue = () => {\n if (multiselect || Array.isArray(value) || !value) {\n return '';\n }\n\n if (renderValue) {\n return renderValue(valueToItemMap.get(value.toString()) || { value, label: value.toString() });\n }\n\n return valueToItemMap.get(value.toString())?.label || value.toString();\n };\n\n const getChips = (): { value: string | number; label: string; disabled: boolean }[] => {\n if (multiselect && Array.isArray(value)) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [\n {\n value: '_removeAll',\n label: `Выбрано ${value.length}`,\n disabled: value.every((val) => valueToItemMap?.get(val)?.disabled),\n },\n ];\n }\n\n return value.map((value) => {\n const currentLabel = renderValue\n ? renderValue(valueToItemMap.get(value) || { value, label: value.toString() })\n : valueToItemMap.get(value)?.label || value.toString();\n\n return {\n value,\n label: currentLabel,\n disabled: valueToItemMap.get(value)?.disabled || false,\n };\n });\n }\n\n return [];\n };\n\n // Обработчик чипов\n const handleChipClick = (chip: { value: string; label: string; disabled: boolean }) => {\n if (!Array.isArray(value)) return;\n\n if (isTargetAmount) {\n // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы\n onChange(value.filter((val) => valueToItemMap?.get(val)?.disabled));\n } else {\n onChange(\n value.filter((val) => val !== chip.value),\n valueToItemMap.get(chip.value) || null,\n );\n }\n };\n\n const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n };\n\n return (\n <StyledTextField\n ref={ref}\n inputWrapperRef={inputWrapperRef}\n readOnly\n className={readOnly ? classes.readOnly : undefined}\n value={getValue()}\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n label={label}\n keepPlaceholder={keepPlaceholder}\n placeholder={value instanceof Array && value.length ? '' : placeholder}\n contentLeft={contentLeft as React.ReactElement}\n contentRight={\n <IconArrowWrapper disabled={disabled} readOnly={readOnly}>\n <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n </IconArrowWrapper>\n }\n onKeyDown={onKeyDown}\n leftHelper={\n helperText && <StyledLeftHelper onClick={helperTextStopPropagation}>{helperText}</StyledLeftHelper>\n }\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={opened}\n aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n {...(multiselect\n ? {\n enumerationType: 'chip',\n _chips: getChips(),\n _onChipClick: handleChipClick,\n chipType,\n chipView,\n }\n : { enumerationType: 'plain' })}\n _onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n opened={opened}\n // TODO: #1547\n _forceChipManipulationWithReadonly={!readOnly}\n {...requiredProps}\n {...hintProps}\n />\n );\n },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","inputWrapperRef","opened","multiselect","value","label","labelPlacement","keepPlaceholder","placeholder","onKeyDown","size","view","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","readOnly","isTargetAmount","valueToItemMap","renderValue","onChange","chipView","requiredProps","chipType","hintProps","withArrowInverse","classes","arrowInverse","undefined","getValue","_valueToItemMap$get","Array","isArray","get","toString","getChips","length","concat","every","val","_valueToItemMap$get2","map","_valueToItemMap$get3","_valueToItemMap$get4","currentLabel","handleChipClick","chip","filter","_valueToItemMap$get5","helperTextStopPropagation","event","stopPropagation","React","createElement","StyledTextField","_extends","className","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","leftHelper","StyledLeftHelper","onClick","role","getItemId","enumerationType","_chips","_onChipClick","_onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n (\n {\n inputWrapperRef,\n opened,\n multiselect,\n value,\n label,\n labelPlacement,\n keepPlaceholder,\n placeholder,\n onKeyDown,\n size,\n view,\n contentLeft,\n helperText,\n treeId,\n activeDescendantItemValue,\n disabled,\n readOnly,\n isTargetAmount,\n valueToItemMap,\n renderValue,\n onChange,\n chipView,\n requiredProps,\n chipType,\n hintProps,\n chipClickArea,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getValue = () => {\n if (multiselect || Array.isArray(value) || !value) {\n return '';\n }\n\n if (renderValue) {\n return renderValue(valueToItemMap.get(value.toString()) || { value, label: value.toString() });\n }\n\n return valueToItemMap.get(value.toString())?.label || value.toString();\n };\n\n const getChips = (): { value: string | number; label: string; disabled: boolean }[] => {\n if (multiselect && Array.isArray(value)) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [\n {\n value: '_removeAll',\n label: `Выбрано ${value.length}`,\n disabled: value.every((val) => valueToItemMap?.get(val)?.disabled),\n },\n ];\n }\n\n return value.map((value) => {\n const currentLabel = renderValue\n ? renderValue(valueToItemMap.get(value) || { value, label: value.toString() })\n : valueToItemMap.get(value)?.label || value.toString();\n\n return {\n value,\n label: currentLabel,\n disabled: valueToItemMap.get(value)?.disabled || false,\n };\n });\n }\n\n return [];\n };\n\n // Обработчик чипов\n const handleChipClick = (chip: { value: string; label: string; disabled: boolean }) => {\n if (!Array.isArray(value)) return;\n\n if (isTargetAmount) {\n // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы\n onChange(value.filter((val) => valueToItemMap?.get(val)?.disabled));\n } else {\n onChange(\n value.filter((val) => val !== chip.value),\n valueToItemMap.get(chip.value) || null,\n );\n }\n };\n\n const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n };\n\n return (\n <StyledTextField\n ref={ref}\n inputWrapperRef={inputWrapperRef}\n readOnly\n className={readOnly ? classes.readOnly : undefined}\n value={getValue()}\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n label={label}\n keepPlaceholder={keepPlaceholder}\n placeholder={value instanceof Array && value.length ? '' : placeholder}\n contentLeft={contentLeft as React.ReactElement}\n contentRight={\n <IconArrowWrapper disabled={disabled} readOnly={readOnly}>\n <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n </IconArrowWrapper>\n }\n onKeyDown={onKeyDown}\n leftHelper={\n helperText && <StyledLeftHelper onClick={helperTextStopPropagation}>{helperText}</StyledLeftHelper>\n }\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={opened}\n aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n {...(multiselect\n ? {\n enumerationType: 'chip',\n _chips: getChips(),\n _onChipCloseClick: handleChipClick,\n _chipClickArea: chipClickArea,\n chipType,\n chipView,\n }\n : { enumerationType: 'plain' })}\n _onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n opened={opened}\n // TODO: #1547\n _forceChipManipulationWithReadonly={!readOnly}\n {...requiredProps}\n {...hintProps}\n />\n );\n },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","inputWrapperRef","opened","multiselect","value","label","labelPlacement","keepPlaceholder","placeholder","onKeyDown","size","view","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","readOnly","isTargetAmount","valueToItemMap","renderValue","onChange","chipView","requiredProps","chipType","hintProps","chipClickArea","withArrowInverse","classes","arrowInverse","undefined","getValue","_valueToItemMap$get","Array","isArray","get","toString","getChips","length","concat","every","val","_valueToItemMap$get2","map","_valueToItemMap$get3","_valueToItemMap$get4","currentLabel","handleChipClick","chip","filter","_valueToItemMap$get5","helperTextStopPropagation","event","stopPropagation","React","createElement","StyledTextField","_extends","className","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","leftHelper","StyledLeftHelper","onClick","role","getItemId","enumerationType","_chips","_onChipCloseClick","_chipClickArea","_onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Textfield.
|
|
1
|
+
import './Textfield.styles_19e9015.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { tokens } from '../../../../Select.tokens.js';
|
|
4
4
|
import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
|
|
@@ -28,7 +28,7 @@ var _exp25 = function _exp25() {
|
|
|
28
28
|
return opened ? "var(".concat(tokens.textFieldBorderColorFocus, ")") : "var(".concat(tokens.textFieldBorderColor, ")");
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
|
-
var
|
|
31
|
+
var _exp283 = function _exp283() {
|
|
32
32
|
return function (_ref4) {
|
|
33
33
|
var disabled = _ref4.disabled;
|
|
34
34
|
return disabled ? 'none' : "var(".concat(tokens.textFieldBoxShadow, ")");
|
|
@@ -42,24 +42,24 @@ var StyledTextField = /*#__PURE__*/styled(_exp())({
|
|
|
42
42
|
"s1yhwv5r-0": [/*#__PURE__*/_exp17()],
|
|
43
43
|
"s1yhwv5r-1": [/*#__PURE__*/_exp19()],
|
|
44
44
|
"s1yhwv5r-2": [/*#__PURE__*/_exp25()],
|
|
45
|
-
"s1yhwv5r-3": [/*#__PURE__*/
|
|
45
|
+
"s1yhwv5r-3": [/*#__PURE__*/_exp283()]
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
|
-
var
|
|
48
|
+
var _exp316 = function _exp316() {
|
|
49
49
|
return function (_ref5) {
|
|
50
50
|
var disabled = _ref5.disabled,
|
|
51
51
|
readOnly = _ref5.readOnly;
|
|
52
52
|
return disabled || readOnly ? 'inherit' : 'pointer';
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
|
-
var
|
|
55
|
+
var _exp318 = function _exp318() {
|
|
56
56
|
return function (_ref6) {
|
|
57
57
|
var disabled = _ref6.disabled,
|
|
58
58
|
readOnly = _ref6.readOnly;
|
|
59
59
|
return disabled || readOnly ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
|
-
var
|
|
62
|
+
var _exp319 = function _exp319() {
|
|
63
63
|
return function (_ref7) {
|
|
64
64
|
var readOnly = _ref7.readOnly;
|
|
65
65
|
return readOnly ? "var(".concat(tokens.disclosureIconOpacityReadOnly, ")") : '';
|
|
@@ -70,15 +70,15 @@ var IconArrowWrapper = /*#__PURE__*/styled('div')({
|
|
|
70
70
|
"class": "i7x5udn",
|
|
71
71
|
propsAsIs: false,
|
|
72
72
|
vars: {
|
|
73
|
-
"i7x5udn-0": [/*#__PURE__*/
|
|
74
|
-
"i7x5udn-1": [/*#__PURE__*/
|
|
75
|
-
"i7x5udn-2": [/*#__PURE__*/
|
|
73
|
+
"i7x5udn-0": [/*#__PURE__*/_exp316()],
|
|
74
|
+
"i7x5udn-1": [/*#__PURE__*/_exp318()],
|
|
75
|
+
"i7x5udn-2": [/*#__PURE__*/_exp319()]
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
|
-
var
|
|
78
|
+
var _exp320 = function _exp320() {
|
|
79
79
|
return IconDisclosureDownCentered;
|
|
80
80
|
};
|
|
81
|
-
var
|
|
81
|
+
var _exp322 = function _exp322() {
|
|
82
82
|
return function (_ref8) {
|
|
83
83
|
var _ref8$size = _ref8.size,
|
|
84
84
|
size = _ref8$size === void 0 ? 'xs' : _ref8$size;
|
|
@@ -88,12 +88,12 @@ var _exp316 = function _exp316() {
|
|
|
88
88
|
}[size], ")");
|
|
89
89
|
};
|
|
90
90
|
};
|
|
91
|
-
var StyledArrow = /*#__PURE__*/styled(
|
|
91
|
+
var StyledArrow = /*#__PURE__*/styled(_exp320())({
|
|
92
92
|
name: "StyledArrow",
|
|
93
93
|
"class": "s2oocb4",
|
|
94
94
|
propsAsIs: true,
|
|
95
95
|
vars: {
|
|
96
|
-
"s2oocb4-0": [/*#__PURE__*/
|
|
96
|
+
"s2oocb4-0": [/*#__PURE__*/_exp322()]
|
|
97
97
|
}
|
|
98
98
|
});
|
|
99
99
|
var StyledLeftHelper = /*#__PURE__*/styled('span')({
|