@salutejs/plasma-new-hope 0.371.0-next-insol.0 → 0.372.0-dev.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/README.md +1 -1
- package/dist/css/cjs/components/Autocomplete/Autocomplete.css +6 -8
- package/dist/css/cjs/components/Chip/Chip.css +6 -8
- package/dist/css/cjs/components/Chip/Chip.js +7 -2
- package/dist/css/cjs/components/Chip/Chip.styles.js +3 -3
- package/dist/css/cjs/components/Chip/{Chip.styles_5ddffv.css → Chip.styles_84xst3.css} +1 -1
- package/dist/css/cjs/components/Chip/Chip.tokens.js +6 -0
- package/dist/css/cjs/components/Chip/variations/_pilled/base.js +5 -1
- package/dist/css/cjs/components/Chip/variations/_pilled/base_x642ct.css +1 -0
- package/dist/css/cjs/components/Chip/variations/_size/base.js +1 -1
- package/dist/css/{es/components/Chip/variations/_size/base_etiijp.css → cjs/components/Chip/variations/_size/base_po1u2n.css} +1 -1
- package/dist/css/cjs/components/ChipGroup/ChipGroup.css +3 -1
- package/dist/css/cjs/components/ChipGroup/ChipGroup.js +12 -3
- package/dist/css/cjs/components/ChipGroup/ChipGroup.tokens.js +5 -0
- package/dist/css/cjs/components/ChipGroup/variations/_shape/base.js +8 -0
- package/dist/css/cjs/components/ChipGroup/variations/_shape/base_1groizw.css +1 -0
- package/dist/css/cjs/components/ChipGroup/variations/_view/base.js +1 -1
- package/dist/css/cjs/components/ChipGroup/variations/_view/base_1fen8ky.css +1 -0
- package/dist/css/cjs/components/Combobox/Combobox.css +10 -12
- package/dist/css/cjs/components/Combobox/ui/Inner/Inner.css +4 -4
- package/dist/css/cjs/components/Combobox/ui/TreeList/TreeList.css +4 -4
- package/dist/css/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -10
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.styles_1i5wedt.css +2 -0
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -8
- package/dist/css/cjs/components/DatePicker/SingleDate/SingleDate.css +6 -8
- package/dist/css/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -2
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +6 -8
- package/dist/css/cjs/components/DateTimePicker/ui/Input/Input.css +6 -8
- package/dist/css/cjs/components/EmptyState/EmptyState.css +4 -4
- package/dist/css/cjs/components/EmptyState/EmptyState.styles.js +1 -1
- package/dist/css/cjs/components/EmptyState/{EmptyState.styles_1fa3fyl.css → EmptyState.styles_1oc51cy.css} +1 -1
- package/dist/css/cjs/components/Note/Note.css +1 -1
- package/dist/css/cjs/components/Note/variations/_size/base.js +1 -1
- package/dist/css/cjs/components/Note/variations/_size/base_jxdci3.css +1 -0
- package/dist/css/cjs/components/NumberInput/NumberInput.css +5 -5
- package/dist/css/cjs/components/NumberInput/ui/Input/Input.css +5 -5
- package/dist/css/cjs/components/NumberInput/ui/Input/Input.js +2 -2
- package/dist/css/cjs/components/NumberInput/ui/Input/Input.styles.js +1 -1
- package/dist/css/cjs/components/NumberInput/ui/Input/{Input.styles_18qhvs7.css → Input.styles_gsos32.css} +1 -1
- package/dist/css/cjs/components/NumberInput/utils/index.js +6 -0
- package/dist/css/cjs/components/Pagination/Pagination.css +10 -12
- package/dist/css/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -12
- package/dist/css/cjs/components/Range/Range.css +6 -8
- package/dist/css/cjs/components/Select/Select.css +10 -12
- package/dist/css/cjs/components/Select/ui/Inner/Inner.css +4 -4
- package/dist/css/cjs/components/Select/ui/Target/Target.css +6 -8
- package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +6 -8
- package/dist/css/cjs/components/Select/ui/TreeList/TreeList.css +4 -4
- package/dist/css/cjs/components/Slider/Slider.css +22 -20
- package/dist/css/cjs/components/Slider/Slider.tokens.js +5 -0
- package/dist/css/cjs/components/Slider/components/Double/Double.css +6 -8
- package/dist/css/cjs/components/Slider/components/Single/Single.css +16 -12
- package/dist/css/cjs/components/Slider/components/Single/Single.js +73 -15
- package/dist/css/cjs/components/Slider/components/Single/Single.styles.js +155 -78
- package/dist/css/cjs/components/Slider/components/Single/Single.styles_lq73e.css +16 -0
- package/dist/css/cjs/components/Slider/utils/getTickStyle.js +7 -6
- package/dist/css/cjs/components/Slider/utils/getTrackSegments.js +75 -0
- package/dist/css/cjs/components/Table/Table.css +10 -12
- package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -12
- package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -12
- package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -12
- package/dist/css/cjs/components/Tabs/tokens.js +2 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +3 -3
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +3 -3
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/{base_1x57kj2.css → base_7a7qyl.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +3 -3
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/{base_14sa7mf.css → base_ncl068.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +14 -16
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/{base_1gsnd93.css → base_opo0sz.css} +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.styles.js +1 -1
- package/dist/css/cjs/components/TextArea/{TextArea.styles_m56ch5.css → TextArea.styles_wi4f4b.css} +1 -1
- package/dist/css/cjs/components/TextArea/ui/Hint/Hint.css +22 -22
- package/dist/css/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +6 -8
- package/dist/css/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +6 -8
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.css +6 -8
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.css +6 -8
- package/dist/css/cjs/components/TimePicker/FloatingPopover.css +6 -8
- package/dist/css/cjs/components/TimePicker/TimePicker.css +6 -8
- package/dist/css/cjs/components/TimePicker/TimePicker.js +3 -3
- package/dist/css/cjs/components/Tour/Tour.css +4 -3
- package/dist/css/cjs/components/_ai/UserMessage/UserMessage.css +23 -23
- package/dist/css/cjs/components/_beta/Popover/Popover.js +29 -9
- package/dist/css/cjs/components/_beta/Popover/Popover.styles.js +44 -1
- package/dist/css/cjs/components/_beta/Popover/Popover.styles_18vjw12.css +4 -0
- package/dist/css/cjs/components/_beta/Popover/Popover.tokens.js +5 -1
- package/dist/css/cjs/components/_beta/Popover/utils/useTailStyle.js +45 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js +29 -9
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles.js +44 -1
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles_12prdda.css +4 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.tokens.js +5 -1
- package/dist/css/cjs/index.css +71 -65
- package/dist/css/cjs/index.js +1 -0
- package/dist/css/es/components/Autocomplete/Autocomplete.css +6 -8
- package/dist/css/es/components/Chip/Chip.css +6 -8
- package/dist/css/es/components/Chip/Chip.js +9 -4
- package/dist/css/es/components/Chip/Chip.styles.js +3 -3
- package/dist/css/es/components/Chip/{Chip.styles_5ddffv.css → Chip.styles_84xst3.css} +1 -1
- package/dist/css/es/components/Chip/Chip.tokens.js +6 -1
- package/dist/css/es/components/Chip/variations/_pilled/base.js +5 -1
- package/dist/css/es/components/Chip/variations/_pilled/base_x642ct.css +1 -0
- package/dist/css/es/components/Chip/variations/_size/base.js +1 -1
- package/dist/css/{cjs/components/Chip/variations/_size/base_etiijp.css → es/components/Chip/variations/_size/base_po1u2n.css} +1 -1
- package/dist/css/es/components/ChipGroup/ChipGroup.css +3 -1
- package/dist/css/es/components/ChipGroup/ChipGroup.js +12 -3
- package/dist/css/es/components/ChipGroup/ChipGroup.tokens.js +5 -0
- package/dist/css/es/components/ChipGroup/variations/_shape/base.js +4 -0
- package/dist/css/es/components/ChipGroup/variations/_shape/base_1groizw.css +1 -0
- package/dist/css/es/components/ChipGroup/variations/_view/base.js +1 -1
- package/dist/css/es/components/ChipGroup/variations/_view/base_1fen8ky.css +1 -0
- package/dist/css/es/components/Combobox/Combobox.css +10 -12
- package/dist/css/es/components/Combobox/ui/Inner/Inner.css +4 -4
- package/dist/css/es/components/Combobox/ui/TreeList/TreeList.css +4 -4
- package/dist/css/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.css +8 -10
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.styles_1i5wedt.css +2 -0
- package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -8
- package/dist/css/es/components/DatePicker/SingleDate/SingleDate.css +6 -8
- package/dist/css/es/components/DatePicker/SingleDate/SingleDate.js +3 -2
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +6 -8
- package/dist/css/es/components/DateTimePicker/ui/Input/Input.css +6 -8
- package/dist/css/es/components/EmptyState/EmptyState.css +4 -4
- package/dist/css/es/components/EmptyState/EmptyState.styles.js +1 -1
- package/dist/css/es/components/EmptyState/{EmptyState.styles_1fa3fyl.css → EmptyState.styles_1oc51cy.css} +1 -1
- package/dist/css/es/components/Note/Note.css +1 -1
- package/dist/css/es/components/Note/variations/_size/base.js +1 -1
- package/dist/css/es/components/Note/variations/_size/base_jxdci3.css +1 -0
- package/dist/css/es/components/NumberInput/NumberInput.css +5 -5
- package/dist/css/es/components/NumberInput/ui/Input/Input.css +5 -5
- package/dist/css/es/components/NumberInput/ui/Input/Input.js +3 -3
- package/dist/css/es/components/NumberInput/ui/Input/Input.styles.js +1 -1
- package/dist/css/es/components/NumberInput/ui/Input/{Input.styles_18qhvs7.css → Input.styles_gsos32.css} +1 -1
- package/dist/css/es/components/NumberInput/utils/index.js +6 -1
- package/dist/css/es/components/Pagination/Pagination.css +10 -12
- package/dist/css/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -12
- package/dist/css/es/components/Range/Range.css +6 -8
- package/dist/css/es/components/Select/Select.css +10 -12
- package/dist/css/es/components/Select/ui/Inner/Inner.css +4 -4
- package/dist/css/es/components/Select/ui/Target/Target.css +6 -8
- package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.css +6 -8
- package/dist/css/es/components/Select/ui/TreeList/TreeList.css +4 -4
- package/dist/css/es/components/Slider/Slider.css +22 -20
- package/dist/css/es/components/Slider/Slider.tokens.js +5 -0
- package/dist/css/es/components/Slider/components/Double/Double.css +6 -8
- package/dist/css/es/components/Slider/components/Single/Single.css +16 -12
- package/dist/css/es/components/Slider/components/Single/Single.js +77 -19
- package/dist/css/es/components/Slider/components/Single/Single.styles.js +152 -79
- package/dist/css/es/components/Slider/components/Single/Single.styles_lq73e.css +16 -0
- package/dist/css/es/components/Slider/utils/getTickStyle.js +7 -6
- package/dist/css/es/components/Slider/utils/getTrackSegments.js +71 -0
- package/dist/css/es/components/Table/Table.css +10 -12
- package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +10 -12
- package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +10 -12
- package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -12
- package/dist/css/es/components/Tabs/tokens.js +2 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +3 -3
- package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
- package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +3 -4
- package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/{base_1x57kj2.css → base_7a7qyl.css} +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +3 -3
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/{base_14sa7mf.css → base_ncl068.css} +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +7 -10
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/{base_1gsnd93.css → base_opo0sz.css} +1 -1
- package/dist/css/es/components/TextArea/TextArea.styles.js +1 -1
- package/dist/css/es/components/TextArea/{TextArea.styles_m56ch5.css → TextArea.styles_wi4f4b.css} +1 -1
- package/dist/css/es/components/TextArea/ui/Hint/Hint.css +22 -22
- package/dist/css/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +6 -8
- package/dist/css/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +6 -8
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.css +6 -8
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.css +6 -8
- package/dist/css/es/components/TimePicker/FloatingPopover.css +6 -8
- package/dist/css/es/components/TimePicker/TimePicker.css +6 -8
- package/dist/css/es/components/TimePicker/TimePicker.js +3 -3
- package/dist/css/es/components/Tour/Tour.css +4 -3
- package/dist/css/es/components/_ai/UserMessage/UserMessage.css +23 -23
- package/dist/css/es/components/_beta/Popover/Popover.js +32 -12
- package/dist/css/es/components/_beta/Popover/Popover.styles.js +44 -2
- package/dist/css/es/components/_beta/Popover/Popover.styles_18vjw12.css +4 -0
- package/dist/css/es/components/_beta/Popover/Popover.tokens.js +5 -1
- package/dist/css/es/components/_beta/Popover/utils/useTailStyle.js +41 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip.js +33 -13
- package/dist/css/es/components/_beta/Tooltip/Tooltip.styles.js +44 -2
- package/dist/css/es/components/_beta/Tooltip/Tooltip.styles_12prdda.css +4 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip.tokens.js +5 -1
- package/dist/css/es/index.css +71 -65
- package/dist/css/es/index.js +1 -1
- package/dist/emotion/cjs/components/Chip/Chip.js +7 -1
- package/dist/emotion/cjs/components/Chip/Chip.styles.js +5 -5
- package/dist/emotion/cjs/components/Chip/Chip.tokens.js +8 -0
- package/dist/emotion/cjs/components/Chip/index.js +3 -0
- package/dist/emotion/cjs/components/Chip/variations/_focused/base.js +2 -2
- package/dist/emotion/cjs/components/Chip/variations/_pilled/base.js +1 -2
- package/dist/emotion/cjs/components/Chip/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/ChipGroup/ChipGroup.js +10 -3
- package/dist/emotion/cjs/components/ChipGroup/ChipGroup.tokens.js +13 -0
- package/dist/emotion/cjs/components/ChipGroup/variations/_shape/base.js +35 -0
- package/dist/emotion/cjs/components/ChipGroup/variations/_view/base.js +1 -1
- package/dist/emotion/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/dist/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
- package/dist/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -2
- package/dist/emotion/cjs/components/EmptyState/EmptyState.styles.js +4 -4
- package/dist/emotion/cjs/components/Note/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/NumberInput/ui/Input/Input.js +2 -2
- package/dist/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +9 -9
- package/dist/emotion/cjs/components/NumberInput/utils/index.js +4 -0
- package/dist/emotion/cjs/components/Slider/Slider.tokens.js +5 -0
- package/dist/emotion/cjs/components/Slider/components/Single/Single.js +57 -13
- package/dist/emotion/cjs/components/Slider/components/Single/Single.styles.js +87 -23
- package/dist/emotion/cjs/components/Slider/utils/getTickStyle.js +5 -6
- package/dist/emotion/cjs/components/Slider/utils/getTrackSegments.js +71 -0
- package/dist/emotion/cjs/components/Tabs/tokens.js +2 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +9 -3
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +17 -8
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/dist/emotion/cjs/components/TextArea/TextArea.styles.js +25 -25
- package/dist/emotion/cjs/components/TimePicker/TimePicker.js +3 -3
- package/dist/emotion/cjs/components/_beta/Popover/Popover.js +20 -9
- package/dist/emotion/cjs/components/_beta/Popover/Popover.styles.js +17 -3
- package/dist/emotion/cjs/components/_beta/Popover/Popover.tokens.js +5 -1
- package/dist/emotion/cjs/components/_beta/Popover/utils/index.js +1 -0
- package/dist/emotion/cjs/components/_beta/Popover/utils/useTailStyle.js +37 -0
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.js +20 -9
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.styles.js +17 -3
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.tokens.js +5 -1
- package/dist/emotion/es/components/Chip/Chip.js +8 -2
- package/dist/emotion/es/components/Chip/Chip.styles.js +6 -6
- package/dist/emotion/es/components/Chip/Chip.tokens.js +5 -0
- package/dist/emotion/es/components/Chip/index.js +1 -1
- package/dist/emotion/es/components/Chip/variations/_focused/base.js +3 -3
- package/dist/emotion/es/components/Chip/variations/_pilled/base.js +4 -2
- package/dist/emotion/es/components/Chip/variations/_size/base.js +1 -1
- package/dist/emotion/es/components/ChipGroup/ChipGroup.js +10 -3
- package/dist/emotion/es/components/ChipGroup/ChipGroup.tokens.js +10 -0
- package/dist/emotion/es/components/ChipGroup/variations/_shape/base.js +25 -0
- package/dist/emotion/es/components/ChipGroup/variations/_view/base.js +1 -1
- package/dist/emotion/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/dist/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
- package/dist/emotion/es/components/DatePicker/SingleDate/SingleDate.js +3 -2
- package/dist/emotion/es/components/EmptyState/EmptyState.styles.js +4 -4
- package/dist/emotion/es/components/Note/variations/_size/base.js +1 -1
- package/dist/emotion/es/components/NumberInput/ui/Input/Input.js +3 -3
- package/dist/emotion/es/components/NumberInput/ui/Input/Input.styles.js +9 -9
- package/dist/emotion/es/components/NumberInput/utils/index.js +4 -0
- package/dist/emotion/es/components/Slider/Slider.tokens.js +5 -0
- package/dist/emotion/es/components/Slider/components/Single/Single.js +60 -16
- package/dist/emotion/es/components/Slider/components/Single/Single.styles.js +75 -23
- package/dist/emotion/es/components/Slider/utils/getTickStyle.js +5 -6
- package/dist/emotion/es/components/Slider/utils/getTrackSegments.js +61 -0
- package/dist/emotion/es/components/Tabs/tokens.js +2 -1
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +4 -3
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +1 -1
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +13 -9
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/dist/emotion/es/components/TextArea/TextArea.styles.js +25 -25
- package/dist/emotion/es/components/TimePicker/TimePicker.js +3 -3
- package/dist/emotion/es/components/_beta/Popover/Popover.js +24 -13
- package/dist/emotion/es/components/_beta/Popover/Popover.styles.js +14 -3
- package/dist/emotion/es/components/_beta/Popover/Popover.tokens.js +5 -1
- package/dist/emotion/es/components/_beta/Popover/utils/index.js +1 -0
- package/dist/emotion/es/components/_beta/Popover/utils/useTailStyle.js +32 -0
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.js +25 -14
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.styles.js +14 -3
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.tokens.js +5 -1
- package/dist/styled-components/cjs/components/Chip/Chip.js +7 -1
- package/dist/styled-components/cjs/components/Chip/Chip.styles.js +9 -6
- package/dist/styled-components/cjs/components/Chip/Chip.tokens.js +8 -0
- package/dist/styled-components/cjs/components/Chip/index.js +3 -0
- package/dist/styled-components/cjs/components/Chip/variations/_focused/base.js +4 -3
- package/dist/styled-components/cjs/components/Chip/variations/_pilled/base.js +2 -5
- package/dist/styled-components/cjs/components/Chip/variations/_size/base.js +1 -2
- package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.js +10 -3
- package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.tokens.js +13 -0
- package/dist/styled-components/cjs/components/ChipGroup/variations/_shape/base.js +65 -0
- package/dist/styled-components/cjs/components/ChipGroup/variations/_view/base.js +2 -2
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/dist/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -2
- package/dist/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -2
- package/dist/styled-components/cjs/components/EmptyState/EmptyState.styles.js +6 -5
- package/dist/styled-components/cjs/components/Note/variations/_size/base.js +1 -1
- package/dist/styled-components/cjs/components/NumberInput/ui/Input/Input.js +2 -2
- package/dist/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +9 -9
- package/dist/styled-components/cjs/components/NumberInput/utils/index.js +4 -0
- package/dist/styled-components/cjs/components/Slider/Slider.tokens.js +5 -0
- package/dist/styled-components/cjs/components/Slider/components/Single/Single.js +57 -13
- package/dist/styled-components/cjs/components/Slider/components/Single/Single.styles.js +114 -28
- package/dist/styled-components/cjs/components/Slider/utils/getTickStyle.js +5 -6
- package/dist/styled-components/cjs/components/Slider/utils/getTrackSegments.js +71 -0
- package/dist/styled-components/cjs/components/Tabs/tokens.js +2 -1
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +9 -3
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +4 -2
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -2
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +17 -8
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +2 -1
- package/dist/styled-components/cjs/components/TextArea/TextArea.styles.js +25 -25
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.js +3 -3
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.js +20 -9
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.styles.js +32 -4
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.tokens.js +5 -1
- package/dist/styled-components/cjs/components/_beta/Popover/utils/index.js +1 -0
- package/dist/styled-components/cjs/components/_beta/Popover/utils/useTailStyle.js +37 -0
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.js +20 -9
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.styles.js +32 -4
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.tokens.js +5 -1
- package/dist/styled-components/es/components/Chip/Chip.js +8 -2
- package/dist/styled-components/es/components/Chip/Chip.styles.js +10 -7
- package/dist/styled-components/es/components/Chip/Chip.tokens.js +5 -0
- package/dist/styled-components/es/components/Chip/index.js +1 -1
- package/dist/styled-components/es/components/Chip/variations/_focused/base.js +5 -4
- package/dist/styled-components/es/components/Chip/variations/_pilled/base.js +6 -6
- package/dist/styled-components/es/components/Chip/variations/_size/base.js +1 -2
- package/dist/styled-components/es/components/ChipGroup/ChipGroup.js +10 -3
- package/dist/styled-components/es/components/ChipGroup/ChipGroup.tokens.js +10 -0
- package/dist/styled-components/es/components/ChipGroup/variations/_shape/base.js +55 -0
- package/dist/styled-components/es/components/ChipGroup/variations/_view/base.js +2 -2
- package/dist/styled-components/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/dist/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +4 -2
- package/dist/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +3 -2
- package/dist/styled-components/es/components/EmptyState/EmptyState.styles.js +6 -5
- package/dist/styled-components/es/components/Note/variations/_size/base.js +1 -1
- package/dist/styled-components/es/components/NumberInput/ui/Input/Input.js +3 -3
- package/dist/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +9 -9
- package/dist/styled-components/es/components/NumberInput/utils/index.js +4 -0
- package/dist/styled-components/es/components/Slider/Slider.tokens.js +5 -0
- package/dist/styled-components/es/components/Slider/components/Single/Single.js +60 -16
- package/dist/styled-components/es/components/Slider/components/Single/Single.styles.js +102 -28
- package/dist/styled-components/es/components/Slider/utils/getTickStyle.js +5 -6
- package/dist/styled-components/es/components/Slider/utils/getTrackSegments.js +61 -0
- package/dist/styled-components/es/components/Tabs/tokens.js +2 -1
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +4 -2
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -2
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +13 -9
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +2 -1
- package/dist/styled-components/es/components/TextArea/TextArea.styles.js +25 -25
- package/dist/styled-components/es/components/TimePicker/TimePicker.js +3 -3
- package/dist/styled-components/es/components/_beta/Popover/Popover.js +24 -13
- package/dist/styled-components/es/components/_beta/Popover/Popover.styles.js +29 -4
- package/dist/styled-components/es/components/_beta/Popover/Popover.tokens.js +5 -1
- package/dist/styled-components/es/components/_beta/Popover/utils/index.js +1 -0
- package/dist/styled-components/es/components/_beta/Popover/utils/useTailStyle.js +32 -0
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.js +25 -14
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.styles.js +29 -4
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.tokens.js +5 -1
- package/package.json +5 -5
- 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 +5 -0
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Chip/Chip.types.d.ts +6 -2
- package/types/components/Chip/Chip.types.d.ts.map +1 -1
- package/types/components/Chip/index.d.ts +1 -1
- package/types/components/Chip/index.d.ts.map +1 -1
- package/types/components/Chip/variations/_pilled/base.d.ts.map +1 -1
- package/types/components/Chip/variations/_size/base.d.ts.map +1 -1
- package/types/components/ChipGroup/ChipGroup.d.ts +4 -0
- package/types/components/ChipGroup/ChipGroup.d.ts.map +1 -1
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts +10 -0
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts.map +1 -1
- package/types/components/ChipGroup/ChipGroup.types.d.ts +8 -4
- package/types/components/ChipGroup/ChipGroup.types.d.ts.map +1 -1
- package/types/components/ChipGroup/variations/_shape/base.d.ts +2 -0
- package/types/components/ChipGroup/variations/_shape/base.d.ts.map +1 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts +1 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/Note/variations/_size/base.d.ts.map +1 -1
- package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
- package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/NumberInput/utils/index.d.ts +5 -0
- package/types/components/NumberInput/utils/index.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +5 -0
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +11 -2
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +33 -6
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/utils/getSingleSliderLayout.d.ts +2 -1
- package/types/components/Slider/utils/getSingleSliderLayout.d.ts.map +1 -1
- package/types/components/Slider/utils/getTickStyle.d.ts +2 -1
- package/types/components/Slider/utils/getTickStyle.d.ts.map +1 -1
- package/types/components/Slider/utils/getTrackSegments.d.ts +15 -0
- package/types/components/Slider/utils/getTrackSegments.d.ts.map +1 -0
- package/types/components/Tabs/Tabs.types.d.ts +7 -0
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +1 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.d.ts +2 -2
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/_beta/Popover/Popover.d.ts.map +1 -1
- package/types/components/_beta/Popover/Popover.styles.d.ts +3 -0
- package/types/components/_beta/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/_beta/Popover/Popover.tokens.d.ts +4 -0
- package/types/components/_beta/Popover/Popover.tokens.d.ts.map +1 -1
- package/types/components/_beta/Popover/utils/index.d.ts +1 -0
- package/types/components/_beta/Popover/utils/index.d.ts.map +1 -1
- package/types/components/_beta/Popover/utils/useTailStyle.d.ts +15 -0
- package/types/components/_beta/Popover/utils/useTailStyle.d.ts.map +1 -0
- package/types/components/_beta/Tooltip/Tooltip.d.ts.map +1 -1
- package/types/components/_beta/Tooltip/Tooltip.styles.d.ts +3 -0
- package/types/components/_beta/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/types/components/_beta/Tooltip/Tooltip.tokens.d.ts +4 -0
- package/types/components/_beta/Tooltip/Tooltip.tokens.d.ts.map +1 -1
- package/types/examples/components/ChipGroup/ChipGroup.config.d.ts +4 -0
- package/types/examples/components/ChipGroup/ChipGroup.config.d.ts.map +1 -1
- package/types/examples/components/ChipGroup/ChipGroup.d.ts +4 -0
- package/types/examples/components/ChipGroup/ChipGroup.d.ts.map +1 -1
- package/types/examples/components/CodeField/CodeField.config.d.ts +1 -0
- package/types/examples/components/CodeField/CodeField.config.d.ts.map +1 -1
- package/types/examples/components/CodeField/CodeField.d.ts +1 -0
- package/types/examples/components/CodeField/CodeField.d.ts.map +1 -1
- package/types/examples/components/Slider/Slider.config.d.ts +1 -0
- package/types/examples/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/components/Slider/Slider.d.ts +8 -4
- package/types/examples/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/components/Tabs/Tabs.config.d.ts +2 -0
- package/types/examples/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/components/TimePicker/TimePicker.d.ts +9 -9
- package/types/examples/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts.map +1 -1
- package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts.map +1 -1
- package/types/examples/components/_beta/Tooltip/Tooltip.config.d.ts.map +1 -1
- package/dist/css/cjs/components/Chip/variations/_pilled/base_y5wil1.css +0 -1
- package/dist/css/cjs/components/ChipGroup/variations/_view/base_1jq84mu.css +0 -1
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.styles_q0x5wt.css +0 -2
- package/dist/css/cjs/components/Note/variations/_size/base_qz1es6.css +0 -1
- package/dist/css/cjs/components/Slider/components/Single/Single.styles_am7gtf.css +0 -12
- package/dist/css/cjs/components/_beta/Popover/Popover.styles_1llhmdh.css +0 -3
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles_tei92k.css +0 -3
- package/dist/css/es/components/Chip/variations/_pilled/base_y5wil1.css +0 -1
- package/dist/css/es/components/ChipGroup/variations/_view/base_1jq84mu.css +0 -1
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.styles_q0x5wt.css +0 -2
- package/dist/css/es/components/Note/variations/_size/base_qz1es6.css +0 -1
- package/dist/css/es/components/Slider/components/Single/Single.styles_am7gtf.css +0 -12
- package/dist/css/es/components/_beta/Popover/Popover.styles_1llhmdh.css +0 -3
- package/dist/css/es/components/_beta/Tooltip/Tooltip.styles_tei92k.css +0 -3
package/README.md
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
.base_2t2krm_b6qchnw__b6b4ebf0{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_2t2krm_b6qchnw__b6b4ebf0:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_2t2krm_b6qchnw__b6b4ebf0:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
|
|
54
54
|
|
|
55
|
-
.
|
|
55
|
+
.base_po1u2n_b18hgqpt__614c2fa9{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);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
|
|
56
56
|
|
|
57
57
|
.base_1gt3aph_bv8vtjf__a84c773c[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_1gt3aph_bv8vtjf__a84c773c[disabled]:hover,.base_1gt3aph_bv8vtjf__a84c773c[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1gt3aph_bv8vtjf__a84c773c[disabled] .base_1gt3aph_s113u5eb__a84c773c{color:var(--plasma-chip-close-icon-color);}.base_1gt3aph_bv8vtjf__a84c773c[disabled] .base_1gt3aph_s113u5eb__a84c773c:hover{color:var(--plasma-chip-close-icon-color);}
|
|
58
58
|
|
|
@@ -60,13 +60,11 @@
|
|
|
60
60
|
|
|
61
61
|
.base_u6jug0_b1bflrev__d1fcebcf{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.063rem);position:relative;}.base_u6jug0_b1bflrev__d1fcebcf:focus{outline:none;}.base_u6jug0_b1bflrev__d1fcebcf::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-chip-border-radius);outline:var(--plasma_private-chip-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_u6jug0_b1bflrev__d1fcebcf.base_u6jug0_focusVisible__d1fcebcf:focus::before,.base_u6jug0_b1bflrev__d1fcebcf[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}
|
|
62
62
|
|
|
63
|
-
.
|
|
64
|
-
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.Chip_styles_5ddffv_s17lpiye__8bb6a82d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--s17lpiye-0);}
|
|
69
|
-
.Chip_styles_5ddffv_s113u5eb__8bb6a82d{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_5ddffv_s113u5eb__8bb6a82d:hover{color:var(--plasma-chip-close-icon-color-hover);}
|
|
63
|
+
.Chip_styles_84xst3_bv1mcr9__e2503549{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);--plasma_private-chip-br:var(--plasma_computed-chip-br);border-radius:var(--plasma_private-chip-br);}
|
|
64
|
+
.Chip_styles_84xst3_s1qhkc7l__e2503549{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);}
|
|
65
|
+
.Chip_styles_84xst3_s1b39ayc__e2503549{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
66
|
+
.Chip_styles_84xst3_s17lpiye__e2503549{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--s17lpiye-0);}
|
|
67
|
+
.Chip_styles_84xst3_s113u5eb__e2503549{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_84xst3_s113u5eb__e2503549:hover{color:var(--plasma-chip-close-icon-color-hover);}
|
|
70
68
|
|
|
71
69
|
.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1{--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_1brz1l3_s1tnnwau__95d289e1::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-textfield__chip-border-radius);outline:0.0625rem solid transparent;outline-offset:-0.0625rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1.TextFieldChip_styles_1brz1l3_focusVisible__95d289e1:focus::before,.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1[data-focus-visible-added]::before{outline-color:var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1 .TextFieldChip_styles_1brz1l3_s113u5eb__95d289e1{display:var(--plasma-textfield__chip-close-icon-display,flex);}
|
|
72
70
|
.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1{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_1brz1l3_tn9uqve__95d289e1::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-textfield__chip-border-radius);outline:0.0625rem solid transparent;outline-offset:-0.0625rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1.TextFieldChip_styles_1brz1l3_focusVisible__95d289e1:focus::before,.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1[data-focus-visible-added]::before{outline-color:var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1:after{content:',';}.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1:last-child:after{content:'';}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.base_2t2krm_b6qchnw__b6b4ebf0{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_2t2krm_b6qchnw__b6b4ebf0:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_2t2krm_b6qchnw__b6b4ebf0:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.base_po1u2n_b18hgqpt__614c2fa9{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);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
|
|
6
6
|
|
|
7
7
|
.base_1gt3aph_bv8vtjf__a84c773c[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_1gt3aph_bv8vtjf__a84c773c[disabled]:hover,.base_1gt3aph_bv8vtjf__a84c773c[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1gt3aph_bv8vtjf__a84c773c[disabled] .base_1gt3aph_s113u5eb__a84c773c{color:var(--plasma-chip-close-icon-color);}.base_1gt3aph_bv8vtjf__a84c773c[disabled] .base_1gt3aph_s113u5eb__a84c773c:hover{color:var(--plasma-chip-close-icon-color);}
|
|
8
8
|
|
|
@@ -10,10 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
.base_u6jug0_b1bflrev__d1fcebcf{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.063rem);position:relative;}.base_u6jug0_b1bflrev__d1fcebcf:focus{outline:none;}.base_u6jug0_b1bflrev__d1fcebcf::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-chip-border-radius);outline:var(--plasma_private-chip-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_u6jug0_b1bflrev__d1fcebcf.base_u6jug0_focusVisible__d1fcebcf:focus::before,.base_u6jug0_b1bflrev__d1fcebcf[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.Chip_styles_5ddffv_s17lpiye__8bb6a82d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--s17lpiye-0);}
|
|
19
|
-
.Chip_styles_5ddffv_s113u5eb__8bb6a82d{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_5ddffv_s113u5eb__8bb6a82d:hover{color:var(--plasma-chip-close-icon-color-hover);}
|
|
13
|
+
.Chip_styles_84xst3_bv1mcr9__e2503549{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);--plasma_private-chip-br:var(--plasma_computed-chip-br);border-radius:var(--plasma_private-chip-br);}
|
|
14
|
+
.Chip_styles_84xst3_s1qhkc7l__e2503549{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);}
|
|
15
|
+
.Chip_styles_84xst3_s1b39ayc__e2503549{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
16
|
+
.Chip_styles_84xst3_s17lpiye__e2503549{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--s17lpiye-0);}
|
|
17
|
+
.Chip_styles_84xst3_s113u5eb__e2503549{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_84xst3_s113u5eb__e2503549:hover{color:var(--plasma-chip-close-icon-color-hover);}
|
|
@@ -6,6 +6,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var constants = require('../../utils/constants.js');
|
|
8
8
|
var cls = require('classnames');
|
|
9
|
+
var roundness = require('../../utils/roundness.js');
|
|
9
10
|
var IconClose = require('../_Icon/Icons/IconClose.js');
|
|
10
11
|
var base = require('./variations/_view/base.js');
|
|
11
12
|
var base$1 = require('./variations/_size/base.js');
|
|
@@ -21,7 +22,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
21
22
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
22
23
|
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
23
24
|
|
|
24
|
-
var _excluded = ["children", "text", "contentLeft", "contentRight", "contentClearButton", "hasClear", "size", "className", "onClear", "onClick", "onClickClose", "pilled", "readOnly", "disabled", "_forceChipManipulationWithReadonly", "chipClickArea"];
|
|
25
|
+
var _excluded = ["children", "text", "contentLeft", "contentRight", "contentClearButton", "hasClear", "size", "className", "onClear", "onClick", "onClickClose", "pilled", "pin", "readOnly", "disabled", "style", "_forceChipManipulationWithReadonly", "chipClickArea"];
|
|
25
26
|
var chipRoot = function chipRoot(Root) {
|
|
26
27
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
27
28
|
var children = props.children,
|
|
@@ -38,14 +39,17 @@ var chipRoot = function chipRoot(Root) {
|
|
|
38
39
|
onClickClose = props.onClickClose,
|
|
39
40
|
_props$pilled = props.pilled,
|
|
40
41
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
|
42
|
+
pin = props.pin,
|
|
41
43
|
_props$readOnly = props.readOnly,
|
|
42
44
|
readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
|
|
43
45
|
_props$disabled = props.disabled,
|
|
44
46
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
47
|
+
style = props.style,
|
|
45
48
|
_forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly,
|
|
46
49
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
|
47
50
|
var txt = !text && typeof children === 'string' ? children : text;
|
|
48
51
|
var pilledClass = pilled ? Chip_tokens.classes.pilled : undefined;
|
|
52
|
+
var chipBorderRadius = pin ? roundness.convertRoundnessMatrix(pin, "var(".concat(Chip_tokens.tokens.borderRadius, ")"), "var(".concat(Chip_tokens.tokens.pilledBorderRadius, ")")) : "var(".concat(pilled ? Chip_tokens.tokens.pilledBorderRadius : Chip_tokens.tokens.borderRadius, ")");
|
|
49
53
|
var handleClick = function handleClick(event) {
|
|
50
54
|
// TODO: #1547
|
|
51
55
|
// eslint-disable-next-line no-underscore-dangle
|
|
@@ -72,7 +76,8 @@ var chipRoot = function chipRoot(Root) {
|
|
|
72
76
|
onClick: handleClick,
|
|
73
77
|
disabled: disabled,
|
|
74
78
|
readOnly: !disabled && readOnly && !_forceChipManipulationWithReadonly,
|
|
75
|
-
size: size
|
|
79
|
+
size: size,
|
|
80
|
+
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, _rollupPluginBabelHelpers.defineProperty({}, Chip_tokens.privateTokens.computedBorderRadius, chipBorderRadius))
|
|
76
81
|
}, rest), contentLeft && /*#__PURE__*/React__default.default.createElement(Chip_styles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(Chip_styles.StyledContentMain, {
|
|
77
82
|
className: constants.GRADIENT_TEXT_CLASS
|
|
78
83
|
}, txt) : children, contentRight && /*#__PURE__*/React__default.default.createElement(Chip_styles.StyledContentRight, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Chip.
|
|
1
|
+
require('./Chip.styles_84xst3.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -17,7 +17,7 @@ var StyledContentMain = /*#__PURE__*/react.styled('div')({
|
|
|
17
17
|
"class": "s1b39ayc",
|
|
18
18
|
propsAsIs: false
|
|
19
19
|
});
|
|
20
|
-
var
|
|
20
|
+
var _exp0 = function _exp0() {
|
|
21
21
|
return function (hasClear) {
|
|
22
22
|
return hasClear ? '0' : "var(".concat(Chip_tokens.tokens.rightContentMarginRight, ")");
|
|
23
23
|
};
|
|
@@ -27,7 +27,7 @@ var StyledContentRight = /*#__PURE__*/react.styled('div')({
|
|
|
27
27
|
"class": "s17lpiye",
|
|
28
28
|
propsAsIs: false,
|
|
29
29
|
vars: {
|
|
30
|
-
"s17lpiye-0": [/*#__PURE__*/
|
|
30
|
+
"s17lpiye-0": [/*#__PURE__*/_exp0()]
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
var StyledContentClear = /*#__PURE__*/react.styled('div')({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.bv1mcr9{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);}
|
|
1
|
+
.bv1mcr9{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);--plasma_private-chip-br:var(--plasma_computed-chip-br);border-radius:var(--plasma_private-chip-br);}
|
|
2
2
|
.s1qhkc7l{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);}
|
|
3
3
|
.s1b39ayc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
4
4
|
.s17lpiye{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--s17lpiye-0);}
|
|
@@ -6,6 +6,11 @@ var classes = {
|
|
|
6
6
|
pilled: 'chip-pilled',
|
|
7
7
|
chipItem: 'chip-item'
|
|
8
8
|
};
|
|
9
|
+
var privateTokens = {
|
|
10
|
+
computedBorderRadius: '--plasma_computed-chip-br',
|
|
11
|
+
privateBorderRadius: '--plasma_private-chip-br',
|
|
12
|
+
privateOutlineSize: '--plasma_private-chip-outline-size'
|
|
13
|
+
};
|
|
9
14
|
var tokens = {
|
|
10
15
|
background: '--plasma-chip-background',
|
|
11
16
|
color: '--plasma-chip-color',
|
|
@@ -46,4 +51,5 @@ var tokens = {
|
|
|
46
51
|
};
|
|
47
52
|
|
|
48
53
|
exports.classes = classes;
|
|
54
|
+
exports.privateTokens = privateTokens;
|
|
49
55
|
exports.tokens = tokens;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
require('./
|
|
1
|
+
require('./base_x642ct.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
|
+
/*
|
|
7
|
+
border-radius для pilled вычисляется в Chip.tsx (см. chipBorderRadius)
|
|
8
|
+
совместно со свойством pin и применяется через --plasma_computed-chip-br
|
|
9
|
+
*/
|
|
6
10
|
var base = "b1plmjp8";
|
|
7
11
|
|
|
8
12
|
exports.base = base;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b18hgqpt{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);
|
|
1
|
+
.b18hgqpt{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);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
.ChipGroup_styles_1buqudz_bp18v9p__f51002d7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.ChipGroup_styles_1buqudz_bp18v9p__f51002d7.ChipGroup_styles_1buqudz_chipGroupWrap__f51002d7{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
|
|
2
2
|
|
|
3
|
-
.
|
|
3
|
+
.base_1fen8ky_b1n0mgsw__5b61cef6.base_1fen8ky_chipGroupOverrideStyles__5b61cef6 .base_1fen8ky_chipItem__5b61cef6{--plasma-chip-background:var(--plasma-chip-group-items-background);--plasma-chip-color:var(--plasma-chip-group-items-color);--plasma-chip-group-items-focus-color:var(--surface-accent);--plasma-chip-background-hover:var(--plasma-chip-group-items-background-hover);--plasma-chip-color-hover:var(--plasma-chip-group-items-color-hover);--plasma-chip-background-active:var(--plasma-chip-group-items-background-active);--plasma-chip-color-active:var(--plasma-chip-group-items-color-active);--plasma-chip-focus-color:var(--plasma-chip-group-items-focus-color);--plasma-chip-outline-size:var(--plasma-chip-group-items-outline-size);--plasma-chip-close-icon-color:var(--plasma-chip-group-items-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-chip-group-items-close-icon-color-hover);--plasma-chip-close-icon-color-active:var(--plasma-chip-group-items-close-icon-color-active);}
|
|
4
4
|
|
|
5
5
|
.base_179rwcq_b6xhtg3__f1ee3f18.base_179rwcq_chipGroupOverrideStyles__f1ee3f18 .base_179rwcq_chipItem__f1ee3f18{--plasma-chip-height:var(--plasma-chip-group-item-height);--plasma-chip-width:var(--plasma-chip-group-item-width);--plasma-chip-border-radius:var(--plasma-chip-group-items-border-radius);--plasma-chip-padding:var(--plasma-chip-group-item-padding);--plasma-chip-close-icon-size:var(--plasma-chip-group-item-close-icon-size);--plasma-chip-font-family:var(--plasma-chip-group-item-font-family);--plasma-chip-font-size:var(--plasma-chip-group-item-font-size);--plasma-chip-font-style:var(--plasma-chip-group-item-font-style);--plasma-chip-font-weight:var(--plasma-chip-group-item-font-weight);--plasma-chip-letter-spacing:var(--plasma-chip-group-item-letter-spacing);--plasma-chip-lineheight:var(--plasma-chip-group-item-line-height);--plasma-chip-left-content-margin-left:var(--plasma-chip-group-item-left-content-margin-left);--plasma-chip-left-content-margin-right:var(--plasma-chip-group-item-left-content-margin-right);--plasma-chip-right-content-margin-left:var(--plasma-chip-group-item-right-content-margin-left);--plasma-chip-right-content-margin-right:var(--plasma-chip-group-item-right-content-margin-right);--plasma-chip-clear-content-margin-left:var(--plasma-chip-group-item-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-chip-group-item-clear-content-margin-right);}
|
|
6
6
|
|
|
7
7
|
.base_13j25ot_b1s0pfcy__99da263a{gap:var(--plasma-chip-group-items-gap);}
|
|
8
|
+
|
|
9
|
+
.base_1groizw_b1luzxyu__a8d2f3f9.base_1groizw_chipGroupShapeDefault__a8d2f3f9{--plasma_private-chip-radius-inner:var(--plasma-chip-group-item-default-radius);}.base_1groizw_b1luzxyu__a8d2f3f9.base_1groizw_chipGroupShapeSegmented__a8d2f3f9{--plasma_private-chip-radius-inner:var(--plasma-chip-group-item-segmented-radius);}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9{border-radius:var(--plasma_private-chip-radius-inner);position:relative;}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-chip-radius-inner);outline:calc(0.032rem + var(--plasma_private-chip-outline-size)) solid transparent;outline-offset:var(--plasma_private-chip-outline-size);-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9.base_1groizw_focusVisible__a8d2f3f9:focus::before,.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:first-child:last-child{border-radius:var(--plasma-chip-group-side-item-radius);position:relative;}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:first-child:last-child::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-chip-group-side-item-radius);outline:calc(0.032rem + var(--plasma_private-chip-outline-size)) solid transparent;outline-offset:var(--plasma_private-chip-outline-size);-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:first-child:last-child.base_1groizw_focusVisible__a8d2f3f9:focus::before,.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:first-child:last-child[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:first-child{--plasma_private-chip-left-side-radius:var(--plasma-chip-group-side-item-radius) var(--plasma_private-chip-radius-inner) var(--plasma_private-chip-radius-inner) var(--plasma-chip-group-side-item-radius);border-radius:var(--plasma_private-chip-left-side-radius);position:relative;}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:first-child::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-chip-left-side-radius);outline:calc(0.032rem + var(--plasma_private-chip-outline-size)) solid transparent;outline-offset:var(--plasma_private-chip-outline-size);-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:first-child.base_1groizw_focusVisible__a8d2f3f9:focus::before,.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:first-child[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:last-child{--plasma_private-chip-right-side-radius:var(--plasma_private-chip-radius-inner) var(--plasma-chip-group-side-item-radius) var(--plasma-chip-group-side-item-radius) var(--plasma_private-chip-radius-inner);border-radius:var(--plasma_private-chip-right-side-radius);position:relative;}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:last-child::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-chip-right-side-radius);outline:calc(0.032rem + var(--plasma_private-chip-outline-size)) solid transparent;outline-offset:var(--plasma_private-chip-outline-size);-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:last-child.base_1groizw_focusVisible__a8d2f3f9:focus::before,.base_1groizw_b1luzxyu__a8d2f3f9 .base_1groizw_chipItem__a8d2f3f9:last-child[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}
|
|
@@ -9,13 +9,14 @@ var ChipGroup_styles = require('./ChipGroup.styles.js');
|
|
|
9
9
|
var base = require('./variations/_view/base.js');
|
|
10
10
|
var base$1 = require('./variations/_size/base.js');
|
|
11
11
|
var base$2 = require('./variations/_gap/base.js');
|
|
12
|
+
var base$3 = require('./variations/_shape/base.js');
|
|
12
13
|
var ChipGroup_tokens = require('./ChipGroup.tokens.js');
|
|
13
14
|
|
|
14
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
16
|
|
|
16
17
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
17
18
|
|
|
18
|
-
var _excluded = ["children", "view", "size", "className", "isWrapped", "gap", "isCommonChipStyles"];
|
|
19
|
+
var _excluded = ["children", "view", "size", "className", "isWrapped", "gap", "shape", "isCommonChipStyles"];
|
|
19
20
|
var chipGroupRoot = function chipGroupRoot(Root) {
|
|
20
21
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
21
22
|
var children = props.children,
|
|
@@ -25,17 +26,21 @@ var chipGroupRoot = function chipGroupRoot(Root) {
|
|
|
25
26
|
isWrapped = props.isWrapped,
|
|
26
27
|
_props$gap = props.gap,
|
|
27
28
|
gap = _props$gap === void 0 ? 'dense' : _props$gap,
|
|
29
|
+
_props$shape = props.shape,
|
|
30
|
+
shape = _props$shape === void 0 ? 'default' : _props$shape,
|
|
28
31
|
_props$isCommonChipSt = props.isCommonChipStyles,
|
|
29
32
|
isCommonChipStyles = _props$isCommonChipSt === void 0 ? true : _props$isCommonChipSt,
|
|
30
33
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
|
31
34
|
var overrideStylesClass = isCommonChipStyles ? ChipGroup_tokens.classes.chipGroupOverrideStyles : undefined;
|
|
32
35
|
var wrappedClass = isWrapped ? ChipGroup_tokens.classes.wrap : undefined;
|
|
36
|
+
var shapeClass = ChipGroup_tokens.classes[shape];
|
|
33
37
|
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
|
34
38
|
ref: ref,
|
|
35
39
|
view: view,
|
|
36
40
|
size: size,
|
|
37
41
|
gap: gap,
|
|
38
|
-
|
|
42
|
+
shape: shape,
|
|
43
|
+
className: index.cx(overrideStylesClass, wrappedClass, shapeClass, className)
|
|
39
44
|
}, rest), children);
|
|
40
45
|
});
|
|
41
46
|
};
|
|
@@ -53,12 +58,16 @@ var chipGroupConfig = {
|
|
|
53
58
|
},
|
|
54
59
|
gap: {
|
|
55
60
|
css: base$2.base
|
|
61
|
+
},
|
|
62
|
+
shape: {
|
|
63
|
+
css: base$3.base
|
|
56
64
|
}
|
|
57
65
|
},
|
|
58
66
|
defaults: {
|
|
59
67
|
view: 'primary',
|
|
60
68
|
size: 'm',
|
|
61
|
-
gap: 'dense'
|
|
69
|
+
gap: 'dense',
|
|
70
|
+
shape: 'default'
|
|
62
71
|
}
|
|
63
72
|
};
|
|
64
73
|
|
|
@@ -6,6 +6,8 @@ var classes = {
|
|
|
6
6
|
chipGroupOverrideStyles: 'chip-group-override-styles',
|
|
7
7
|
dense: 'chip-group-gap-dense',
|
|
8
8
|
wide: 'chip-group-gap-wide',
|
|
9
|
+
segmented: 'chip-group-shape-segmented',
|
|
10
|
+
"default": 'chip-group-shape-default',
|
|
9
11
|
wrap: 'chip-group-wrap'
|
|
10
12
|
};
|
|
11
13
|
var tokens = {
|
|
@@ -22,6 +24,9 @@ var tokens = {
|
|
|
22
24
|
chipCloseIconColorActive: '--plasma-chip-group-items-close-icon-color-active',
|
|
23
25
|
chipGroupItemsGap: '--plasma-chip-group-items-gap',
|
|
24
26
|
chipBorderRadius: '--plasma-chip-group-items-border-radius',
|
|
27
|
+
chipSegmentedRadius: '--plasma-chip-group-item-segmented-radius',
|
|
28
|
+
chipDefaultRadius: '--plasma-chip-group-item-default-radius',
|
|
29
|
+
chipSideRadius: '--plasma-chip-group-side-item-radius',
|
|
25
30
|
chipHeight: '--plasma-chip-group-item-height',
|
|
26
31
|
chipWidth: '--plasma-chip-group-item-width',
|
|
27
32
|
chipPadding: '--plasma-chip-group-item-padding',
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b1luzxyu.chip-group-shape-default{--plasma_private-chip-radius-inner:var(--plasma-chip-group-item-default-radius);}.b1luzxyu.chip-group-shape-segmented{--plasma_private-chip-radius-inner:var(--plasma-chip-group-item-segmented-radius);}.b1luzxyu .chip-item{border-radius:var(--plasma_private-chip-radius-inner);position:relative;}.b1luzxyu .chip-item::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-chip-radius-inner);outline:calc(0.032rem + var(--plasma_private-chip-outline-size)) solid transparent;outline-offset:var(--plasma_private-chip-outline-size);-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.b1luzxyu .chip-item.focus-visible:focus::before,.b1luzxyu .chip-item[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}.b1luzxyu .chip-item:first-child:last-child{border-radius:var(--plasma-chip-group-side-item-radius);position:relative;}.b1luzxyu .chip-item:first-child:last-child::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-chip-group-side-item-radius);outline:calc(0.032rem + var(--plasma_private-chip-outline-size)) solid transparent;outline-offset:var(--plasma_private-chip-outline-size);-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.b1luzxyu .chip-item:first-child:last-child.focus-visible:focus::before,.b1luzxyu .chip-item:first-child:last-child[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}.b1luzxyu .chip-item:first-child{--plasma_private-chip-left-side-radius:var(--plasma-chip-group-side-item-radius) var(--plasma_private-chip-radius-inner) var(--plasma_private-chip-radius-inner) var(--plasma-chip-group-side-item-radius);border-radius:var(--plasma_private-chip-left-side-radius);position:relative;}.b1luzxyu .chip-item:first-child::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-chip-left-side-radius);outline:calc(0.032rem + var(--plasma_private-chip-outline-size)) solid transparent;outline-offset:var(--plasma_private-chip-outline-size);-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.b1luzxyu .chip-item:first-child.focus-visible:focus::before,.b1luzxyu .chip-item:first-child[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}.b1luzxyu .chip-item:last-child{--plasma_private-chip-right-side-radius:var(--plasma_private-chip-radius-inner) var(--plasma-chip-group-side-item-radius) var(--plasma-chip-group-side-item-radius) var(--plasma_private-chip-radius-inner);border-radius:var(--plasma_private-chip-right-side-radius);position:relative;}.b1luzxyu .chip-item:last-child::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-chip-right-side-radius);outline:calc(0.032rem + var(--plasma_private-chip-outline-size)) solid transparent;outline-offset:var(--plasma_private-chip-outline-size);-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.b1luzxyu .chip-item:last-child.focus-visible:focus::before,.b1luzxyu .chip-item:last-child[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b1n0mgsw.chip-group-override-styles .chip-item{--plasma-chip-background:var(--plasma-chip-group-items-background);--plasma-chip-color:var(--plasma-chip-group-items-color);--plasma-chip-group-items-focus-color:var(--surface-accent);--plasma-chip-background-hover:var(--plasma-chip-group-items-background-hover);--plasma-chip-color-hover:var(--plasma-chip-group-items-color-hover);--plasma-chip-background-active:var(--plasma-chip-group-items-background-active);--plasma-chip-color-active:var(--plasma-chip-group-items-color-active);--plasma-chip-focus-color:var(--plasma-chip-group-items-focus-color);--plasma-chip-outline-size:var(--plasma-chip-group-items-outline-size);--plasma-chip-close-icon-color:var(--plasma-chip-group-items-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-chip-group-items-close-icon-color-hover);--plasma-chip-close-icon-color-active:var(--plasma-chip-group-items-close-icon-color-active);}
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
.base_2t2krm_b6qchnw__b6b4ebf0{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_2t2krm_b6qchnw__b6b4ebf0:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_2t2krm_b6qchnw__b6b4ebf0:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
|
|
54
54
|
|
|
55
|
-
.
|
|
55
|
+
.base_po1u2n_b18hgqpt__614c2fa9{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);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
|
|
56
56
|
|
|
57
57
|
.base_1gt3aph_bv8vtjf__a84c773c[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_1gt3aph_bv8vtjf__a84c773c[disabled]:hover,.base_1gt3aph_bv8vtjf__a84c773c[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1gt3aph_bv8vtjf__a84c773c[disabled] .base_1gt3aph_s113u5eb__a84c773c{color:var(--plasma-chip-close-icon-color);}.base_1gt3aph_bv8vtjf__a84c773c[disabled] .base_1gt3aph_s113u5eb__a84c773c:hover{color:var(--plasma-chip-close-icon-color);}
|
|
58
58
|
|
|
@@ -60,13 +60,11 @@
|
|
|
60
60
|
|
|
61
61
|
.base_u6jug0_b1bflrev__d1fcebcf{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.063rem);position:relative;}.base_u6jug0_b1bflrev__d1fcebcf:focus{outline:none;}.base_u6jug0_b1bflrev__d1fcebcf::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-chip-border-radius);outline:var(--plasma_private-chip-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_u6jug0_b1bflrev__d1fcebcf.base_u6jug0_focusVisible__d1fcebcf:focus::before,.base_u6jug0_b1bflrev__d1fcebcf[data-focus-visible-added]::before{outline-color:var(--plasma-chip-focus-color);}
|
|
62
62
|
|
|
63
|
-
.
|
|
64
|
-
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.Chip_styles_5ddffv_s17lpiye__8bb6a82d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--s17lpiye-0);}
|
|
69
|
-
.Chip_styles_5ddffv_s113u5eb__8bb6a82d{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_5ddffv_s113u5eb__8bb6a82d:hover{color:var(--plasma-chip-close-icon-color-hover);}
|
|
63
|
+
.Chip_styles_84xst3_bv1mcr9__e2503549{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);--plasma_private-chip-br:var(--plasma_computed-chip-br);border-radius:var(--plasma_private-chip-br);}
|
|
64
|
+
.Chip_styles_84xst3_s1qhkc7l__e2503549{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);}
|
|
65
|
+
.Chip_styles_84xst3_s1b39ayc__e2503549{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
66
|
+
.Chip_styles_84xst3_s17lpiye__e2503549{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--s17lpiye-0);}
|
|
67
|
+
.Chip_styles_84xst3_s113u5eb__e2503549{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_84xst3_s113u5eb__e2503549:hover{color:var(--plasma-chip-close-icon-color-hover);}
|
|
70
68
|
|
|
71
69
|
.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1{--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_1brz1l3_s1tnnwau__95d289e1::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-textfield__chip-border-radius);outline:0.0625rem solid transparent;outline-offset:-0.0625rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1.TextFieldChip_styles_1brz1l3_focusVisible__95d289e1:focus::before,.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1[data-focus-visible-added]::before{outline-color:var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}.TextFieldChip_styles_1brz1l3_s1tnnwau__95d289e1 .TextFieldChip_styles_1brz1l3_s113u5eb__95d289e1{display:var(--plasma-textfield__chip-close-icon-display,flex);}
|
|
72
70
|
.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1{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_1brz1l3_tn9uqve__95d289e1::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-textfield__chip-border-radius);outline:0.0625rem solid transparent;outline-offset:-0.0625rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1.TextFieldChip_styles_1brz1l3_focusVisible__95d289e1:focus::before,.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1[data-focus-visible-added]::before{outline-color:var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1:after{content:',';}.TextFieldChip_styles_1brz1l3_tn9uqve__95d289e1:last-child:after{content:'';}
|
|
@@ -169,10 +167,10 @@
|
|
|
169
167
|
.Button_styles_inigzo_s1hdeihd__34d2ee66{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1hdeihd-0);}
|
|
170
168
|
.Button_styles_inigzo_b1j5igjb__34d2ee66{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_inigzo_b1j5igjb__34d2ee66{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_inigzo_b1j5igjb__34d2ee66.Button_styles_inigzo_b1j5igjb__34d2ee66.Button_styles_inigzo_buttonSquare__34d2ee66{width:var(--plasma-button-height);padding:0;}
|
|
171
169
|
|
|
172
|
-
.
|
|
173
|
-
.
|
|
174
|
-
.
|
|
175
|
-
.
|
|
170
|
+
.EmptyState_styles_1oc51cy_b1b8y6al__f459e209{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
|
|
171
|
+
.EmptyState_styles_1oc51cy_sulr4iu__f459e209{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:var(--plasma-emptystate-font-weight);--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
|
|
172
|
+
.EmptyState_styles_1oc51cy_i1p5igep__f459e209{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
|
|
173
|
+
.EmptyState_styles_1oc51cy_d1cfjetk__f459e209{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}
|
|
176
174
|
|
|
177
175
|
.IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
|
|
178
176
|
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
.Button_styles_inigzo_s1hdeihd__34d2ee66{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1hdeihd-0);}
|
|
26
26
|
.Button_styles_inigzo_b1j5igjb__34d2ee66{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_inigzo_b1j5igjb__34d2ee66{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_inigzo_b1j5igjb__34d2ee66.Button_styles_inigzo_b1j5igjb__34d2ee66.Button_styles_inigzo_buttonSquare__34d2ee66{width:var(--plasma-button-height);padding:0;}
|
|
27
27
|
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
28
|
+
.EmptyState_styles_1oc51cy_b1b8y6al__f459e209{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
|
|
29
|
+
.EmptyState_styles_1oc51cy_sulr4iu__f459e209{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:var(--plasma-emptystate-font-weight);--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
|
|
30
|
+
.EmptyState_styles_1oc51cy_i1p5igep__f459e209{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
|
|
31
|
+
.EmptyState_styles_1oc51cy_d1cfjetk__f459e209{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}
|
|
32
32
|
|
|
33
33
|
.IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
|
|
34
34
|
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
.Button_styles_inigzo_s1hdeihd__34d2ee66{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1hdeihd-0);}
|
|
26
26
|
.Button_styles_inigzo_b1j5igjb__34d2ee66{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_inigzo_b1j5igjb__34d2ee66{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_inigzo_b1j5igjb__34d2ee66.Button_styles_inigzo_b1j5igjb__34d2ee66.Button_styles_inigzo_buttonSquare__34d2ee66{width:var(--plasma-button-height);padding:0;}
|
|
27
27
|
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
28
|
+
.EmptyState_styles_1oc51cy_b1b8y6al__f459e209{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
|
|
29
|
+
.EmptyState_styles_1oc51cy_sulr4iu__f459e209{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:var(--plasma-emptystate-font-weight);--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
|
|
30
|
+
.EmptyState_styles_1oc51cy_i1p5igep__f459e209{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
|
|
31
|
+
.EmptyState_styles_1oc51cy_d1cfjetk__f459e209{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}
|
|
32
32
|
|
|
33
33
|
.IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
|
|
34
34
|
|
|
@@ -123,6 +123,7 @@ var tokens = {
|
|
|
123
123
|
titleCaptionLineHeight: '--plasma-date-picker-title-caption-line-height',
|
|
124
124
|
/** Токены контейнера календаря */
|
|
125
125
|
popoverShadow: '--plasma-date-picker-popover-shadow',
|
|
126
|
+
rangeShadow: '--plasma-date-picker-range-shadow',
|
|
126
127
|
popoverGap: '--plasma-date-picker-popover-gap',
|
|
127
128
|
popoverBorderRadius: '--plasma-date-picker-popover-border-radius',
|
|
128
129
|
popoverPadding: '--plasma-date-picker-popover-padding',
|