@salutejs/plasma-new-hope 0.343.0 → 0.344.0-canary.2378.20101080063.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/_Slot/Slot.js +60 -0
- package/cjs/components/_Slot/Slot.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover.js +176 -0
- package/cjs/components/_beta/Popover/Popover.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover.styles.js +17 -0
- package/cjs/components/_beta/Popover/Popover.styles.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover.styles_6agxog.css +2 -0
- package/cjs/components/_beta/Popover/Popover.tokens.js +22 -0
- package/cjs/components/_beta/Popover/Popover.tokens.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover_1ed9tky.css +2 -0
- package/cjs/components/_beta/Popover/utils/matchPlacements.js +33 -0
- package/cjs/components/_beta/Popover/utils/matchPlacements.js.map +1 -0
- package/cjs/components/_beta/Popover/utils/sizeToIconSize.js +10 -0
- package/cjs/components/_beta/Popover/utils/sizeToIconSize.js.map +1 -0
- package/cjs/index.css +3 -0
- package/cjs/index.js +8 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/mergeHandlers.js +16 -0
- package/cjs/utils/mergeHandlers.js.map +1 -0
- package/emotion/cjs/components/_Slot/Slot.js +137 -0
- package/emotion/cjs/components/_beta/Popover/Popover.js +334 -0
- package/emotion/cjs/components/_beta/Popover/Popover.styles.js +31 -0
- package/emotion/cjs/components/_beta/Popover/Popover.tokens.js +32 -0
- package/emotion/cjs/components/_beta/Popover/Popover.types.js +4 -0
- package/emotion/cjs/components/_beta/Popover/index.js +26 -0
- package/emotion/cjs/components/_beta/Popover/utils/index.js +19 -0
- package/emotion/cjs/components/_beta/Popover/utils/matchPlacements.js +36 -0
- package/emotion/cjs/components/_beta/Popover/utils/sizeToIconSize.js +13 -0
- package/emotion/cjs/components/_beta/index.js +18 -0
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +28 -0
- package/emotion/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +28 -0
- package/emotion/cjs/examples/components/_beta/Popover/Popover.js +39 -0
- package/emotion/cjs/index.js +1 -0
- package/emotion/cjs/utils/index.js +4 -0
- package/emotion/cjs/utils/mergeHandlers.js +19 -0
- package/emotion/es/components/_Slot/Slot.js +86 -0
- package/emotion/es/components/_beta/Popover/Popover.js +270 -0
- package/emotion/es/components/_beta/Popover/Popover.styles.js +8 -0
- package/emotion/es/components/_beta/Popover/Popover.tokens.js +14 -0
- package/emotion/es/components/_beta/Popover/Popover.types.js +1 -0
- package/emotion/es/components/_beta/Popover/index.js +2 -0
- package/emotion/es/components/_beta/Popover/utils/index.js +2 -0
- package/emotion/es/components/_beta/Popover/utils/matchPlacements.js +26 -0
- package/emotion/es/components/_beta/Popover/utils/sizeToIconSize.js +3 -0
- package/emotion/es/components/_beta/index.js +1 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/emotion/es/examples/components/_beta/Popover/Popover.closeInner.config.js +18 -0
- package/emotion/es/examples/components/_beta/Popover/Popover.closeNone.config.js +18 -0
- package/emotion/es/examples/components/_beta/Popover/Popover.js +18 -0
- package/emotion/es/index.js +1 -0
- package/emotion/es/utils/index.js +1 -0
- package/emotion/es/utils/mergeHandlers.js +9 -0
- package/es/components/Accordion/Accordion.js +2 -2
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +11 -11
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Attach/Attach.js +11 -11
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/components/AttachButton/AttachButton.js +4 -4
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +3 -3
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map +1 -1
- package/es/components/Attach/ui/Cell/Cell.js +7 -7
- package/es/components/Attach/ui/Cell/Cell.js.map +1 -1
- package/es/components/Attach/ui/Dropdown/Dropdown.js +4 -4
- package/es/components/Attach/ui/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +2 -2
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js.map +1 -1
- package/es/components/Attach/utils/getFileicon.js +9 -9
- package/es/components/Attach/utils/getFileicon.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +12 -12
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/FloatingPopover.js +4 -4
- package/es/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +3 -3
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js +6 -6
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Avatar/Avatar.js +10 -10
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js +2 -2
- package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/es/components/Badge/Badge.js +5 -5
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +3 -3
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -1
- package/es/components/Breadcrumbs/utils/getShortItems.js +3 -3
- package/es/components/Breadcrumbs/utils/getShortItems.js.map +1 -1
- package/es/components/Button/Button.js +8 -8
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.js +2 -2
- package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/es/components/Calendar/Calendar.js +5 -5
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +10 -10
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +14 -14
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hoc/withRange.js +2 -2
- package/es/components/Calendar/hoc/withRange.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +7 -7
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -13
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +5 -5
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/es/components/Card/Card.js +2 -2
- package/es/components/Card/Card.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.js +9 -9
- package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +6 -6
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +1 -1
- package/es/components/Carousel/CarouselOld/Carousel.js +4 -4
- package/es/components/Carousel/CarouselOld/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js +2 -2
- package/es/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/es/components/Cell/Cell.js +6 -6
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +3 -3
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +2 -2
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +2 -2
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +2 -2
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js +12 -12
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/IconsSvg.js +13 -13
- package/es/components/Checkbox/IconsSvg.js.map +1 -1
- package/es/components/Chip/Chip.js +5 -5
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.js +2 -2
- package/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/es/components/CodeField/CodeField.js +9 -9
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/CodeInput/CodeInput.js +10 -10
- package/es/components/CodeInput/CodeInput.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +18 -18
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -4
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +7 -7
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +9 -9
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +9 -9
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +4 -4
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +9 -9
- package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +20 -20
- package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +6 -6
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.js +8 -8
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.js +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +3 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +10 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/utils/index.js +2 -2
- package/es/components/Combobox/ComboboxOld/utils/index.js.map +1 -1
- package/es/components/Counter/Counter.js +2 -2
- package/es/components/Counter/Counter.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -7
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.js +10 -10
- package/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +3 -3
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js.map +1 -1
- package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js +6 -6
- package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js.map +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.js +2 -2
- package/es/components/DateTimePicker/ui/Input/Input.js.map +1 -1
- package/es/components/DateTimePicker/ui/Popover/Popover.js +2 -2
- package/es/components/DateTimePicker/ui/Popover/Popover.js.map +1 -1
- package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.js +2 -2
- package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.js.map +1 -1
- package/es/components/Divider/Divider.js +2 -2
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Drawer/Drawer.js +6 -6
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +7 -7
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +4 -4
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +3 -3
- package/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +3 -3
- package/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +4 -4
- package/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +3 -3
- package/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +7 -7
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +3 -3
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +4 -4
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/es/components/Dropdown/utils/index.js +4 -4
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Dropzone/Dropzone.js +13 -13
- package/es/components/Dropzone/Dropzone.js.map +1 -1
- package/es/components/Editable/Editable.js +5 -5
- package/es/components/Editable/Editable.js.map +1 -1
- package/es/components/EmptyState/EmptyState.js +3 -3
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/Flow/Flow.js +4 -4
- package/es/components/Flow/Flow.js.map +1 -1
- package/es/components/Grid/Grid.js +2 -2
- package/es/components/Grid/Grid.js.map +1 -1
- package/es/components/Grid/ui/Col/Col.js +2 -2
- package/es/components/Grid/ui/Col/Col.js.map +1 -1
- package/es/components/Grid/ui/Row/Row.js +2 -2
- package/es/components/Grid/ui/Row/Row.js.map +1 -1
- package/es/components/Image/Image.js +4 -4
- package/es/components/Image/Image.js.map +1 -1
- package/es/components/Indicator/Indicator.js +2 -2
- package/es/components/Indicator/Indicator.js.map +1 -1
- package/es/components/InformationWrapper/InformationWrapper.js +7 -7
- package/es/components/InformationWrapper/InformationWrapper.js.map +1 -1
- package/es/components/InformationWrapper/ui/Hint/Hint.js +4 -4
- package/es/components/InformationWrapper/ui/Hint/Hint.js.map +1 -1
- package/es/components/InformationWrapper/ui/Label/Label.js +7 -7
- package/es/components/InformationWrapper/ui/Label/Label.js.map +1 -1
- package/es/components/Link/Link.js +2 -2
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/LinkButton/LinkButton.js +4 -4
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/List/List.js +2 -2
- package/es/components/List/List.js.map +1 -1
- package/es/components/List/ui/ListItem.js +3 -3
- package/es/components/List/ui/ListItem.js.map +1 -1
- package/es/components/Loader/Loader.js +7 -7
- package/es/components/Loader/Loader.js.map +1 -1
- package/es/components/Mask/Mask.js +3 -3
- package/es/components/Mask/Mask.js.map +1 -1
- package/es/components/Modal/Modal.js +8 -8
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/NavigationDrawer/NavigationDrawer.js +6 -6
- package/es/components/NavigationDrawer/NavigationDrawer.js.map +1 -1
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js +8 -8
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map +1 -1
- package/es/components/NavigationDrawer/ui/Section/Section.js +6 -6
- package/es/components/NavigationDrawer/ui/Section/Section.js.map +1 -1
- package/es/components/Note/Note.js +9 -9
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Notification/Notification.js +12 -12
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +6 -6
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.js +3 -3
- package/es/components/Notification/NotificationsProvider.js.map +1 -1
- package/es/components/NumberFormat/NumberFormat.js +2 -2
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/components/NumberInput/NumberInput.js +7 -7
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/NumberInput/ui/ActionButton/ActionButton.js +2 -2
- package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +1 -1
- package/es/components/NumberInput/ui/Input/Input.js +7 -7
- package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/es/components/Overlay/Overlay.js +2 -2
- package/es/components/Overlay/Overlay.js.map +1 -1
- package/es/components/Pagination/Pagination.js +15 -15
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.js +2 -2
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/es/components/PaginationDots/SmartPaginationDots.js +3 -3
- package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -1
- package/es/components/Panel/Panel.js +3 -3
- package/es/components/Panel/Panel.js.map +1 -1
- package/es/components/Panel/ui/PanelContent/PanelContent.js +2 -2
- package/es/components/Panel/ui/PanelContent/PanelContent.js.map +1 -1
- package/es/components/Panel/ui/PanelFooter/PanelFooter.js +2 -2
- package/es/components/Panel/ui/PanelFooter/PanelFooter.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js +5 -5
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/es/components/Popover/Popover.js +9 -9
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js +10 -10
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/PopupContext.js +9 -9
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Popup/PopupRoot.js +3 -3
- package/es/components/Popup/PopupRoot.js.map +1 -1
- package/es/components/Popup/ui/Draggable/Draggable.js +4 -4
- package/es/components/Popup/ui/Draggable/Draggable.js.map +1 -1
- package/es/components/Popup/ui/Resizable/Resizable.js +7 -7
- package/es/components/Popup/ui/Resizable/Resizable.js.map +1 -1
- package/es/components/Portal/Portal.js +2 -2
- package/es/components/Portal/Portal.js.map +1 -1
- package/es/components/Price/Price.js +3 -3
- package/es/components/Price/Price.js.map +1 -1
- package/es/components/Progress/Progress.js +4 -4
- package/es/components/Progress/Progress.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.js +6 -6
- package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/es/components/Radiobox/RadioGroup.js +3 -3
- package/es/components/Radiobox/RadioGroup.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js +8 -8
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Range/Range.js +10 -10
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Rating/Rating.js +6 -6
- package/es/components/Rating/Rating.js.map +1 -1
- package/es/components/Rating/utils/getIcons.js +17 -17
- package/es/components/Rating/utils/getIcons.js.map +1 -1
- package/es/components/SSRProvider/SSRProvider.js +2 -2
- package/es/components/SSRProvider/SSRProvider.js.map +1 -1
- package/es/components/Segment/SegmentProvider/SegmentProvider.js +2 -2
- package/es/components/Segment/SegmentProvider/SegmentProvider.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +10 -10
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js +3 -3
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/es/components/Select/FloatingPopover.js +4 -4
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.js +13 -13
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +7 -7
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js +11 -11
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/SelectAll/SelectAll.js +9 -9
- package/es/components/Select/ui/SelectAll/SelectAll.js.map +1 -1
- package/es/components/Select/ui/SelectNative/SelectNative.js +4 -4
- package/es/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
- package/es/components/Select/ui/Target/Target.js +4 -4
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/TreeList/TreeList.js +9 -9
- package/es/components/Select/ui/TreeList/TreeList.js.map +1 -1
- package/es/components/Select/ui/TreeList/ui/Item/Item.js +21 -21
- package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/VirtualList/VirtualList.js +6 -6
- package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Sheet/Sheet.js +8 -8
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +3 -3
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -2
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/es/components/Skeleton/TextSkeleton/TextSkeleton.js +3 -3
- package/es/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
- package/es/components/Skeleton/hoc/withSkeleton.js +2 -2
- package/es/components/Skeleton/hoc/withSkeleton.js.map +1 -1
- package/es/components/Slider/Slider.js +5 -5
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.js +8 -8
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +3 -3
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/es/components/Slider/components/Single/Single.js +8 -8
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.js +4 -4
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.js +5 -5
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +2 -2
- package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/es/components/Spinner/Spinner.js +4 -4
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Spinner/SpinnerSvg.js +14 -14
- package/es/components/Spinner/SpinnerSvg.js.map +1 -1
- package/es/components/Steps/Steps.js +3 -3
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.js +16 -16
- package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/es/components/Switch/Switch.js +7 -7
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Table/Table.js +12 -12
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.js +3 -3
- package/es/components/Table/ui/Cell/Cell.js.map +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.js +9 -9
- package/es/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.js +8 -8
- package/es/components/Table/ui/HeadCell/HeadCell.js.map +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js +7 -7
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js.map +1 -1
- package/es/components/Tabs/createTabsController.js +3 -3
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +4 -4
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +6 -6
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +9 -9
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +4 -4
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +6 -6
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +9 -9
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/TextArea/TextArea.js +22 -22
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/ui/Hint/Hint.js +4 -4
- package/es/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/TextField.js +28 -28
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.js +4 -4
- package/es/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -4
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +4 -4
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.js +2 -2
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/es/components/TimePicker/TimePicker.js +6 -6
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePickerGrid/TimePickerGrid.js +3 -3
- package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -1
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +5 -5
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -1
- package/es/components/Toast/Toast.js +6 -6
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toast/ToastController.js +4 -4
- package/es/components/Toast/ToastController.js.map +1 -1
- package/es/components/Toast/ToastNew/ToastNew.js +7 -7
- package/es/components/Toast/ToastNew/ToastNew.js.map +1 -1
- package/es/components/Toast/ToastProvider/ToastProvider.js +3 -3
- package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/es/components/Toolbar/Toolbar.js +2 -2
- package/es/components/Toolbar/Toolbar.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js +5 -5
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tour/Tour.js +5 -5
- package/es/components/Tour/Tour.js.map +1 -1
- package/es/components/Tree/Tree.js +9 -9
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Typography/Old/Subtitle/Subtitle.js +2 -2
- package/es/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/es/components/Typography/Old/TypographyOld.js +2 -2
- package/es/components/Typography/Old/TypographyOld.js.map +1 -1
- package/es/components/Typography/Typography.js +2 -2
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js +2 -2
- package/es/components/ViewContainer/ViewContainer.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js +3 -3
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ArrowDown.js +3 -3
- package/es/components/_Icon/Icon.assets/ArrowDown.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ArrowUp.js +3 -3
- package/es/components/_Icon/Icon.assets/ArrowUp.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +6 -6
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js +6 -6
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/BlankOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +4 -4
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +6 -6
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +6 -6
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ChevronDown.js +3 -3
- package/es/components/_Icon/Icon.assets/ChevronDown.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ChevronDownFill.js +3 -3
- package/es/components/_Icon/Icon.assets/ChevronDownFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Close.js +3 -3
- package/es/components/_Icon/Icon.assets/Close.js.map +1 -1
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Cross.js +3 -3
- package/es/components/_Icon/Icon.assets/Cross.js.map +1 -1
- package/es/components/_Icon/Icon.assets/CrossThin.js +3 -3
- package/es/components/_Icon/Icon.assets/CrossThin.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +5 -5
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +5 -5
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Done.js +3 -3
- package/es/components/_Icon/Icon.assets/Done.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DoneCircleOutline.js +4 -4
- package/es/components/_Icon/Icon.assets/DoneCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/EditOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/EditOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/FilterFunnel.js +4 -4
- package/es/components/_Icon/Icon.assets/FilterFunnel.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Folder.js +3 -3
- package/es/components/_Icon/Icon.assets/Folder.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarHalfFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarHalfFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarHalfFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Minus.js +3 -3
- package/es/components/_Icon/Icon.assets/Minus.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Plus.js +3 -3
- package/es/components/_Icon/Icon.assets/Plus.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ResetOutline.js +4 -4
- package/es/components/_Icon/Icon.assets/ResetOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js +4 -4
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js.map +1 -1
- package/es/components/_Icon/Icon.assets/SwapVert.js +4 -4
- package/es/components/_Icon/Icon.assets/SwapVert.js.map +1 -1
- package/es/components/_Icon/IconRoot.js +3 -3
- package/es/components/_Icon/IconRoot.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.16/IconStarFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.16/IconStarFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.16/IconStarHalfFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.16/IconStarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.16/IconStarOutline.js +2 -2
- package/es/components/_Icon/Icons/Icon.16/IconStarOutline.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.24/IconStarFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.24/IconStarFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.24/IconStarHalfFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.24/IconStarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.24/IconStarOutline.js +2 -2
- package/es/components/_Icon/Icons/Icon.24/IconStarOutline.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.36/IconStarFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.36/IconStarFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.36/IconStarHalfFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.36/IconStarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.36/IconStarOutline.js +2 -2
- package/es/components/_Icon/Icons/Icon.36/IconStarOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconArrowBarDown.js +2 -2
- package/es/components/_Icon/Icons/IconArrowBarDown.js.map +1 -1
- package/es/components/_Icon/Icons/IconArrowDown.js +2 -2
- package/es/components/_Icon/Icons/IconArrowDown.js.map +1 -1
- package/es/components/_Icon/Icons/IconArrowUp.js +2 -2
- package/es/components/_Icon/Icons/IconArrowUp.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankDocOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconChevronDown.js +2 -2
- package/es/components/_Icon/Icons/IconChevronDown.js.map +1 -1
- package/es/components/_Icon/Icons/IconChevronDownFill.js +2 -2
- package/es/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
- package/es/components/_Icon/Icons/IconClose.js +2 -2
- package/es/components/_Icon/Icons/IconClose.js.map +1 -1
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js +2 -2
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconCross.js +2 -2
- package/es/components/_Icon/Icons/IconCross.js.map +1 -1
- package/es/components/_Icon/Icons/IconCrossThin.js +2 -2
- package/es/components/_Icon/Icons/IconCrossThin.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureLeft.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureRight.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js.map +1 -1
- package/es/components/_Icon/Icons/IconDone.js +2 -2
- package/es/components/_Icon/Icons/IconDone.js.map +1 -1
- package/es/components/_Icon/Icons/IconDoneCircleOutline.js +2 -2
- package/es/components/_Icon/Icons/IconDoneCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +2 -2
- package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconEditOutline.js +2 -2
- package/es/components/_Icon/Icons/IconEditOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconFilterFunnel.js +2 -2
- package/es/components/_Icon/Icons/IconFilterFunnel.js.map +1 -1
- package/es/components/_Icon/Icons/IconFolder.js +2 -2
- package/es/components/_Icon/Icons/IconFolder.js.map +1 -1
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js +2 -2
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconMinus.js +2 -2
- package/es/components/_Icon/Icons/IconMinus.js.map +1 -1
- package/es/components/_Icon/Icons/IconPlus.js +2 -2
- package/es/components/_Icon/Icons/IconPlus.js.map +1 -1
- package/es/components/_Icon/Icons/IconResetOutline.js +2 -2
- package/es/components/_Icon/Icons/IconResetOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconResizeDiagonal.js +2 -2
- package/es/components/_Icon/Icons/IconResizeDiagonal.js.map +1 -1
- package/es/components/_Icon/Icons/IconSwapVert.js +2 -2
- package/es/components/_Icon/Icons/IconSwapVert.js.map +1 -1
- package/es/components/_Resizable/Resizable.js +7 -7
- package/es/components/_Resizable/Resizable.js.map +1 -1
- package/es/components/_Slot/Slot.js +36 -0
- package/es/components/_Slot/Slot.js.map +1 -0
- package/es/components/_beta/Popover/Popover.js +166 -0
- package/es/components/_beta/Popover/Popover.js.map +1 -0
- package/es/components/_beta/Popover/Popover.styles.js +12 -0
- package/es/components/_beta/Popover/Popover.styles.js.map +1 -0
- package/es/components/_beta/Popover/Popover.styles_6agxog.css +2 -0
- package/es/components/_beta/Popover/Popover.tokens.js +17 -0
- package/es/components/_beta/Popover/Popover.tokens.js.map +1 -0
- package/es/components/_beta/Popover/Popover_1ed9tky.css +2 -0
- package/es/components/_beta/Popover/utils/matchPlacements.js +29 -0
- package/es/components/_beta/Popover/utils/matchPlacements.js.map +1 -0
- package/es/components/_beta/Popover/utils/sizeToIconSize.js +6 -0
- package/es/components/_beta/Popover/utils/sizeToIconSize.js.map +1 -0
- package/es/engines/common.js +3 -3
- package/es/engines/common.js.map +1 -1
- package/es/engines/linaria.js +2 -2
- package/es/engines/linaria.js.map +1 -1
- package/es/index.css +3 -0
- package/es/index.js +3 -0
- package/es/index.js.map +1 -1
- package/es/utils/createConditionalComponent.js +3 -3
- package/es/utils/createConditionalComponent.js.map +1 -1
- package/es/utils/fixedForwardRef.js +2 -2
- package/es/utils/fixedForwardRef.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/mergeHandlers.js +12 -0
- package/es/utils/mergeHandlers.js.map +1 -0
- package/es/utils/react.js +2 -2
- package/es/utils/react.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/_Slot/Slot.js +137 -0
- package/styled-components/cjs/components/_beta/Popover/Popover.js +338 -0
- package/styled-components/cjs/components/_beta/Popover/Popover.styles.js +79 -0
- package/styled-components/cjs/components/_beta/Popover/Popover.tokens.js +32 -0
- package/styled-components/cjs/components/_beta/Popover/Popover.types.js +4 -0
- package/styled-components/cjs/components/_beta/Popover/index.js +26 -0
- package/styled-components/cjs/components/_beta/Popover/utils/index.js +19 -0
- package/styled-components/cjs/components/_beta/Popover/utils/matchPlacements.js +36 -0
- package/styled-components/cjs/components/_beta/Popover/utils/sizeToIconSize.js +13 -0
- package/styled-components/cjs/components/_beta/index.js +18 -0
- package/styled-components/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +57 -0
- package/styled-components/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +48 -0
- package/styled-components/cjs/examples/components/_beta/Popover/Popover.js +39 -0
- package/styled-components/cjs/index.js +1 -0
- package/styled-components/cjs/utils/index.js +4 -0
- package/styled-components/cjs/utils/mergeHandlers.js +19 -0
- package/styled-components/es/components/_Slot/Slot.js +86 -0
- package/styled-components/es/components/_beta/Popover/Popover.js +274 -0
- package/styled-components/es/components/_beta/Popover/Popover.styles.js +21 -0
- package/styled-components/es/components/_beta/Popover/Popover.tokens.js +14 -0
- package/styled-components/es/components/_beta/Popover/Popover.types.js +1 -0
- package/styled-components/es/components/_beta/Popover/index.js +2 -0
- package/styled-components/es/components/_beta/Popover/utils/index.js +2 -0
- package/styled-components/es/components/_beta/Popover/utils/matchPlacements.js +26 -0
- package/styled-components/es/components/_beta/Popover/utils/sizeToIconSize.js +3 -0
- package/styled-components/es/components/_beta/index.js +1 -0
- package/styled-components/es/examples/components/_beta/Popover/Popover.closeInner.config.js +47 -0
- package/styled-components/es/examples/components/_beta/Popover/Popover.closeNone.config.js +38 -0
- package/styled-components/es/examples/components/_beta/Popover/Popover.js +18 -0
- package/styled-components/es/index.js +1 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/mergeHandlers.js +9 -0
- package/types/components/TextField/TextField.types.d.ts +1 -1
- package/types/components/_Slot/Slot.d.ts +3 -0
- package/types/components/_Slot/Slot.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.d.ts +23 -0
- package/types/components/_beta/Popover/Popover.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.styles.d.ts +3 -0
- package/types/components/_beta/Popover/Popover.styles.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.tokens.d.ts +15 -0
- package/types/components/_beta/Popover/Popover.tokens.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.types.d.ts +106 -0
- package/types/components/_beta/Popover/Popover.types.d.ts.map +1 -0
- package/types/components/_beta/Popover/index.d.ts +4 -0
- package/types/components/_beta/Popover/index.d.ts.map +1 -0
- package/types/components/_beta/Popover/utils/index.d.ts +3 -0
- package/types/components/_beta/Popover/utils/index.d.ts.map +1 -0
- package/types/components/_beta/Popover/utils/matchPlacements.d.ts +4 -0
- package/types/components/_beta/Popover/utils/matchPlacements.d.ts.map +1 -0
- package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts +2 -0
- package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts.map +1 -0
- package/types/components/_beta/index.d.ts +2 -0
- package/types/components/_beta/index.d.ts.map +1 -0
- package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts +17 -0
- package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts.map +1 -0
- package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts +17 -0
- package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts.map +1 -0
- package/types/examples/components/_beta/Popover/Popover.d.ts +34 -0
- package/types/examples/components/_beta/Popover/Popover.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/mergeHandlers.d.ts +2 -0
- package/types/utils/mergeHandlers.d.ts.map +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dots.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.tsx"],"sourcesContent":["import React, { memo, useRef, useLayoutEffect } from 'react';\nimport cls from 'classnames';\nimport { useDidMountLayoutEffect } from 'src/hooks';\n\nimport { classes } from '../../Carousel.tokens';\n\nimport { DotsProps } from './Dots.types';\nimport { getActiveIndex, getTargetIndex, getInitialData } from './utils/index';\nimport { Wrapper, DotWrapper, RightAnimationWrapper, LeftAnimationWrapper, TransitionWrapper } from './Dots.styles';\n\nconst SIZE = 16; // размер точки в px\nconst ANIMATION_DURATION = 0.3; // скорость анимации в секундах\n\nexport const Dots: React.FC<DotsProps> = memo(\n ({ index: originalIndex = 0, onChange, centered = false, count = 0, visibleCount: originalVisibleCount = 0 }) => {\n // Трансформируем входные параметры для корректной работы в дальнейшем\n const [index, visibleCount] = getInitialData(originalIndex, count, originalVisibleCount);\n\n // Рефки на DOM-ноды\n const transitionWrapperRef = useRef<HTMLDivElement>(null);\n const dotWrapperRef = useRef<HTMLDivElement>(null);\n const leftAnimationWrapperRef = useRef<HTMLDivElement>(null);\n const rightAnimationWrapperRef = useRef<HTMLDivElement>(null);\n\n // Консистентные переменные\n const isAnimating = useRef(false);\n const prevIndex = useRef(-Infinity);\n const prevActiveIndex = useRef(Infinity);\n\n const isRightDirection = index > prevIndex.current;\n const diffDotsRange = Math.abs(index - prevIndex.current);\n const activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);\n const hiddenDotsLeft = activeIndex < index;\n const hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;\n\n const handleClick = (i: number) => {\n if (isAnimating.current) return;\n\n if (onChange) {\n onChange(index + (i - activeIndex));\n }\n };\n\n const handleTransitionEnd = () => {\n if (\n !dotWrapperRef ||\n !dotWrapperRef.current ||\n !transitionWrapperRef ||\n !transitionWrapperRef.current ||\n !rightAnimationWrapperRef ||\n !rightAnimationWrapperRef.current ||\n !leftAnimationWrapperRef ||\n !leftAnimationWrapperRef.current\n ) {\n return;\n }\n\n dotWrapperRef.current.classList.remove(classes.animating);\n transitionWrapperRef.current.classList.remove(classes.animating);\n\n Array.from(dotWrapperRef.current.children).forEach((child) => {\n child.classList.remove(\n ...[classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking],\n );\n });\n dotWrapperRef.current.children[activeIndex].classList.add(classes.active);\n\n if (centered) {\n transitionWrapperRef.current.style.transform = `translateX(${\n (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n }px)`;\n } else {\n transitionWrapperRef.current.style.transform = 'translateX(0)';\n }\n\n setTimeout(() => {\n if (transitionWrapperRef && transitionWrapperRef.current) {\n isAnimating.current = false;\n }\n });\n\n // Очищаем блоки с анимированными точками\n leftAnimationWrapperRef.current.innerText = '';\n rightAnimationWrapperRef.current.innerText = '';\n\n prevIndex.current = index;\n prevActiveIndex.current = activeIndex;\n isAnimating.current = false;\n };\n\n useLayoutEffect(() => {\n if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {\n return;\n }\n\n // Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру\n if (centered) {\n transitionWrapperRef.current.style.transform = `translateX(${\n (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n }px)`;\n }\n\n prevIndex.current = index;\n prevActiveIndex.current = activeIndex;\n }, []);\n\n useDidMountLayoutEffect(() => {\n if (\n !dotWrapperRef ||\n !dotWrapperRef.current ||\n !transitionWrapperRef ||\n !transitionWrapperRef.current ||\n !leftAnimationWrapperRef ||\n !leftAnimationWrapperRef.current ||\n !rightAnimationWrapperRef ||\n !rightAnimationWrapperRef.current ||\n isAnimating.current\n ) {\n return;\n }\n isAnimating.current = true;\n dotWrapperRef.current.classList.add(classes.animating);\n transitionWrapperRef.current.classList.add(classes.animating);\n\n const targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);\n const dotsToAdd = Math.abs(targetIndex - activeIndex);\n\n if (centered) {\n transitionWrapperRef.current.style.transform = `translateX(${\n (visibleCount * SIZE) / 2 - SIZE / 2 - targetIndex * SIZE\n }px)`;\n } else if (dotsToAdd > 0) {\n transitionWrapperRef.current.style.transform = `translateX(${-SIZE * (targetIndex - activeIndex)}px)`;\n }\n\n // Стираем все активные классы и устанавливаем активный класс на таргет.\n // В конце анимации произойдет переопределение активного класса.\n Array.from(dotWrapperRef.current.children).forEach((child) => {\n child.classList.remove(classes.active);\n });\n dotWrapperRef.current.children[targetIndex]?.classList.add(classes.active);\n\n if (index > prevIndex.current) {\n // Двигаемся вправо\n\n // Если мы добавляем 1 и более точек, то нужно начать\n // приводить размер крайней правой точки (что будет в m размере?)\n // к натуральному размеру\n if (dotsToAdd >= 1) {\n dotWrapperRef.current.children[visibleCount - 1]?.classList.add(classes.temporaryNatural);\n }\n\n // Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки\n // (опять же, что в m size?)\n if (dotsToAdd >= 1) {\n dotWrapperRef.current.children[dotsToAdd]?.classList.add(classes.shrinking);\n }\n\n if (dotsToAdd > 0) {\n for (let i = 0; i < dotsToAdd; i++) {\n const node = document.createElement('div');\n node.textContent = '';\n node.classList.add(classes.dot);\n node.style.opacity = '0';\n\n const delay = i * (ANIMATION_DURATION / dotsToAdd);\n node.style.animationDelay = `${delay}s`;\n\n rightAnimationWrapperRef.current.appendChild(node);\n const duration = ANIMATION_DURATION / dotsToAdd;\n\n requestAnimationFrame(() => {\n node.classList.add(classes.animateIn);\n node.style.animationDuration = `${duration}s`;\n });\n\n const currentDomNode = dotWrapperRef.current.children?.[i] as HTMLElement;\n\n if (!currentDomNode) {\n return;\n }\n\n currentDomNode.classList.add(classes.animateOut);\n currentDomNode.style.animationDelay = `${delay}s`;\n currentDomNode.style.animationDuration = `${duration}s`;\n }\n }\n } else {\n // Двигаемся влево\n\n // Если мы добавляем 1 и более точек, то нужно начать\n // приводить размер крайней левой точки (что будет в m размере?)\n // к натуральному размеру.\n if (dotsToAdd >= 1) {\n dotWrapperRef.current.children[0]?.classList.add(classes.temporaryNatural);\n }\n\n // Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки\n // (опять же, что в m size?)\n if (dotsToAdd >= 1) {\n dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]?.classList.add(classes.shrinking);\n }\n\n if (dotsToAdd > 0) {\n for (let i = dotsToAdd - 1; i >= 0; i--) {\n const node = document.createElement('div');\n node.textContent = '';\n node.classList.add(classes.dot);\n node.style.opacity = '0';\n\n const delay = (dotsToAdd - 1 - i) * (ANIMATION_DURATION / dotsToAdd);\n node.style.animationDelay = `${delay}s`;\n\n leftAnimationWrapperRef.current.prepend(node);\n const duration = ANIMATION_DURATION / dotsToAdd;\n\n requestAnimationFrame(() => {\n node.classList.add(classes.animateIn);\n node.style.animationDuration = `${duration}s`;\n });\n\n const currentDomNode = dotWrapperRef.current.children?.[\n dotWrapperRef.current.children.length - 1 - i\n ] as HTMLElement;\n\n if (!currentDomNode) {\n return;\n }\n\n currentDomNode.classList.add(classes.animateOut);\n currentDomNode.style.animationDelay = `${i * (ANIMATION_DURATION / dotsToAdd)}s`;\n currentDomNode.style.animationDuration = `${duration}s`;\n }\n }\n }\n }, [index]);\n\n return (\n <Wrapper>\n <TransitionWrapper ref={transitionWrapperRef} onTransitionEnd={handleTransitionEnd}>\n <LeftAnimationWrapper ref={leftAnimationWrapperRef} />\n\n <DotWrapper\n ref={dotWrapperRef}\n className={cls(\n hiddenDotsLeft && classes.availableDotsLeft,\n hiddenDotsRight && classes.availableDotsRight,\n )}\n >\n {Array(visibleCount)\n .fill(0)\n .map((_, i) => {\n return (\n <div\n key={i}\n className={cls(classes.dot, i === activeIndex && classes.active)}\n onClick={() => handleClick(i)}\n />\n );\n })}\n </DotWrapper>\n\n <RightAnimationWrapper ref={rightAnimationWrapperRef} />\n </TransitionWrapper>\n </Wrapper>\n );\n },\n);\n"],"names":["SIZE","ANIMATION_DURATION","Dots","memo","_ref","_ref$index","index","originalIndex","onChange","_ref$centered","centered","_ref$count","count","_ref$visibleCount","visibleCount","originalVisibleCount","_getInitialData","getInitialData","_getInitialData2","_slicedToArray","transitionWrapperRef","useRef","dotWrapperRef","leftAnimationWrapperRef","rightAnimationWrapperRef","isAnimating","prevIndex","Infinity","prevActiveIndex","isRightDirection","current","diffDotsRange","Math","abs","activeIndex","getActiveIndex","hiddenDotsLeft","hiddenDotsRight","handleClick","i","handleTransitionEnd","classList","remove","classes","animating","Array","from","children","forEach","child","_child$classList","apply","active","animateOut","temporaryNatural","shrinking","add","style","transform","concat","setTimeout","innerText","useLayoutEffect","useDidMountLayoutEffect","_dotWrapperRef$curren","targetIndex","getTargetIndex","dotsToAdd","_dotWrapperRef$curren2","_dotWrapperRef$curren3","_loop","_dotWrapperRef$curren4","node","document","createElement","textContent","dot","opacity","delay","animationDelay","appendChild","duration","requestAnimationFrame","animateIn","animationDuration","currentDomNode","v","_ret","_dotWrapperRef$curren5","_dotWrapperRef$curren6","_loop2","_dotWrapperRef$curren7","prepend","length","_ret2","React","Wrapper","TransitionWrapper","ref","onTransitionEnd","LeftAnimationWrapper","DotWrapper","className","cls","availableDotsLeft","availableDotsRight","fill","map","_","key","onClick","RightAnimationWrapper"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dots.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.tsx"],"sourcesContent":["import React, { memo, useRef, useLayoutEffect } from 'react';\nimport cls from 'classnames';\nimport { useDidMountLayoutEffect } from 'src/hooks';\n\nimport { classes } from '../../Carousel.tokens';\n\nimport { DotsProps } from './Dots.types';\nimport { getActiveIndex, getTargetIndex, getInitialData } from './utils/index';\nimport { Wrapper, DotWrapper, RightAnimationWrapper, LeftAnimationWrapper, TransitionWrapper } from './Dots.styles';\n\nconst SIZE = 16; // размер точки в px\nconst ANIMATION_DURATION = 0.3; // скорость анимации в секундах\n\nexport const Dots: React.FC<DotsProps> = memo(\n ({ index: originalIndex = 0, onChange, centered = false, count = 0, visibleCount: originalVisibleCount = 0 }) => {\n // Трансформируем входные параметры для корректной работы в дальнейшем\n const [index, visibleCount] = getInitialData(originalIndex, count, originalVisibleCount);\n\n // Рефки на DOM-ноды\n const transitionWrapperRef = useRef<HTMLDivElement>(null);\n const dotWrapperRef = useRef<HTMLDivElement>(null);\n const leftAnimationWrapperRef = useRef<HTMLDivElement>(null);\n const rightAnimationWrapperRef = useRef<HTMLDivElement>(null);\n\n // Консистентные переменные\n const isAnimating = useRef(false);\n const prevIndex = useRef(-Infinity);\n const prevActiveIndex = useRef(Infinity);\n\n const isRightDirection = index > prevIndex.current;\n const diffDotsRange = Math.abs(index - prevIndex.current);\n const activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);\n const hiddenDotsLeft = activeIndex < index;\n const hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;\n\n const handleClick = (i: number) => {\n if (isAnimating.current) return;\n\n if (onChange) {\n onChange(index + (i - activeIndex));\n }\n };\n\n const handleTransitionEnd = () => {\n if (\n !dotWrapperRef ||\n !dotWrapperRef.current ||\n !transitionWrapperRef ||\n !transitionWrapperRef.current ||\n !rightAnimationWrapperRef ||\n !rightAnimationWrapperRef.current ||\n !leftAnimationWrapperRef ||\n !leftAnimationWrapperRef.current\n ) {\n return;\n }\n\n dotWrapperRef.current.classList.remove(classes.animating);\n transitionWrapperRef.current.classList.remove(classes.animating);\n\n Array.from(dotWrapperRef.current.children).forEach((child) => {\n child.classList.remove(\n ...[classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking],\n );\n });\n dotWrapperRef.current.children[activeIndex].classList.add(classes.active);\n\n if (centered) {\n transitionWrapperRef.current.style.transform = `translateX(${\n (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n }px)`;\n } else {\n transitionWrapperRef.current.style.transform = 'translateX(0)';\n }\n\n setTimeout(() => {\n if (transitionWrapperRef && transitionWrapperRef.current) {\n isAnimating.current = false;\n }\n });\n\n // Очищаем блоки с анимированными точками\n leftAnimationWrapperRef.current.innerText = '';\n rightAnimationWrapperRef.current.innerText = '';\n\n prevIndex.current = index;\n prevActiveIndex.current = activeIndex;\n isAnimating.current = false;\n };\n\n useLayoutEffect(() => {\n if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {\n return;\n }\n\n // Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру\n if (centered) {\n transitionWrapperRef.current.style.transform = `translateX(${\n (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n }px)`;\n }\n\n prevIndex.current = index;\n prevActiveIndex.current = activeIndex;\n }, []);\n\n useDidMountLayoutEffect(() => {\n if (\n !dotWrapperRef ||\n !dotWrapperRef.current ||\n !transitionWrapperRef ||\n !transitionWrapperRef.current ||\n !leftAnimationWrapperRef ||\n !leftAnimationWrapperRef.current ||\n !rightAnimationWrapperRef ||\n !rightAnimationWrapperRef.current ||\n isAnimating.current\n ) {\n return;\n }\n isAnimating.current = true;\n dotWrapperRef.current.classList.add(classes.animating);\n transitionWrapperRef.current.classList.add(classes.animating);\n\n const targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);\n const dotsToAdd = Math.abs(targetIndex - activeIndex);\n\n if (centered) {\n transitionWrapperRef.current.style.transform = `translateX(${\n (visibleCount * SIZE) / 2 - SIZE / 2 - targetIndex * SIZE\n }px)`;\n } else if (dotsToAdd > 0) {\n transitionWrapperRef.current.style.transform = `translateX(${-SIZE * (targetIndex - activeIndex)}px)`;\n }\n\n // Стираем все активные классы и устанавливаем активный класс на таргет.\n // В конце анимации произойдет переопределение активного класса.\n Array.from(dotWrapperRef.current.children).forEach((child) => {\n child.classList.remove(classes.active);\n });\n dotWrapperRef.current.children[targetIndex]?.classList.add(classes.active);\n\n if (index > prevIndex.current) {\n // Двигаемся вправо\n\n // Если мы добавляем 1 и более точек, то нужно начать\n // приводить размер крайней правой точки (что будет в m размере?)\n // к натуральному размеру\n if (dotsToAdd >= 1) {\n dotWrapperRef.current.children[visibleCount - 1]?.classList.add(classes.temporaryNatural);\n }\n\n // Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки\n // (опять же, что в m size?)\n if (dotsToAdd >= 1) {\n dotWrapperRef.current.children[dotsToAdd]?.classList.add(classes.shrinking);\n }\n\n if (dotsToAdd > 0) {\n for (let i = 0; i < dotsToAdd; i++) {\n const node = document.createElement('div');\n node.textContent = '';\n node.classList.add(classes.dot);\n node.style.opacity = '0';\n\n const delay = i * (ANIMATION_DURATION / dotsToAdd);\n node.style.animationDelay = `${delay}s`;\n\n rightAnimationWrapperRef.current.appendChild(node);\n const duration = ANIMATION_DURATION / dotsToAdd;\n\n requestAnimationFrame(() => {\n node.classList.add(classes.animateIn);\n node.style.animationDuration = `${duration}s`;\n });\n\n const currentDomNode = dotWrapperRef.current.children?.[i] as HTMLElement;\n\n if (!currentDomNode) {\n return;\n }\n\n currentDomNode.classList.add(classes.animateOut);\n currentDomNode.style.animationDelay = `${delay}s`;\n currentDomNode.style.animationDuration = `${duration}s`;\n }\n }\n } else {\n // Двигаемся влево\n\n // Если мы добавляем 1 и более точек, то нужно начать\n // приводить размер крайней левой точки (что будет в m размере?)\n // к натуральному размеру.\n if (dotsToAdd >= 1) {\n dotWrapperRef.current.children[0]?.classList.add(classes.temporaryNatural);\n }\n\n // Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки\n // (опять же, что в m size?)\n if (dotsToAdd >= 1) {\n dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]?.classList.add(classes.shrinking);\n }\n\n if (dotsToAdd > 0) {\n for (let i = dotsToAdd - 1; i >= 0; i--) {\n const node = document.createElement('div');\n node.textContent = '';\n node.classList.add(classes.dot);\n node.style.opacity = '0';\n\n const delay = (dotsToAdd - 1 - i) * (ANIMATION_DURATION / dotsToAdd);\n node.style.animationDelay = `${delay}s`;\n\n leftAnimationWrapperRef.current.prepend(node);\n const duration = ANIMATION_DURATION / dotsToAdd;\n\n requestAnimationFrame(() => {\n node.classList.add(classes.animateIn);\n node.style.animationDuration = `${duration}s`;\n });\n\n const currentDomNode = dotWrapperRef.current.children?.[\n dotWrapperRef.current.children.length - 1 - i\n ] as HTMLElement;\n\n if (!currentDomNode) {\n return;\n }\n\n currentDomNode.classList.add(classes.animateOut);\n currentDomNode.style.animationDelay = `${i * (ANIMATION_DURATION / dotsToAdd)}s`;\n currentDomNode.style.animationDuration = `${duration}s`;\n }\n }\n }\n }, [index]);\n\n return (\n <Wrapper>\n <TransitionWrapper ref={transitionWrapperRef} onTransitionEnd={handleTransitionEnd}>\n <LeftAnimationWrapper ref={leftAnimationWrapperRef} />\n\n <DotWrapper\n ref={dotWrapperRef}\n className={cls(\n hiddenDotsLeft && classes.availableDotsLeft,\n hiddenDotsRight && classes.availableDotsRight,\n )}\n >\n {Array(visibleCount)\n .fill(0)\n .map((_, i) => {\n return (\n <div\n key={i}\n className={cls(classes.dot, i === activeIndex && classes.active)}\n onClick={() => handleClick(i)}\n />\n );\n })}\n </DotWrapper>\n\n <RightAnimationWrapper ref={rightAnimationWrapperRef} />\n </TransitionWrapper>\n </Wrapper>\n );\n },\n);\n"],"names":["SIZE","ANIMATION_DURATION","Dots","memo","_ref","_ref$index","index","originalIndex","onChange","_ref$centered","centered","_ref$count","count","_ref$visibleCount","visibleCount","originalVisibleCount","_getInitialData","getInitialData","_getInitialData2","_slicedToArray","transitionWrapperRef","useRef","dotWrapperRef","leftAnimationWrapperRef","rightAnimationWrapperRef","isAnimating","prevIndex","Infinity","prevActiveIndex","isRightDirection","current","diffDotsRange","Math","abs","activeIndex","getActiveIndex","hiddenDotsLeft","hiddenDotsRight","handleClick","i","handleTransitionEnd","classList","remove","classes","animating","Array","from","children","forEach","child","_child$classList","apply","active","animateOut","temporaryNatural","shrinking","add","style","transform","concat","setTimeout","innerText","useLayoutEffect","useDidMountLayoutEffect","_dotWrapperRef$curren","targetIndex","getTargetIndex","dotsToAdd","_dotWrapperRef$curren2","_dotWrapperRef$curren3","_loop","_dotWrapperRef$curren4","node","document","createElement","textContent","dot","opacity","delay","animationDelay","appendChild","duration","requestAnimationFrame","animateIn","animationDuration","currentDomNode","v","_ret","_dotWrapperRef$curren5","_dotWrapperRef$curren6","_loop2","_dotWrapperRef$curren7","prepend","length","_ret2","React","Wrapper","TransitionWrapper","ref","onTransitionEnd","LeftAnimationWrapper","DotWrapper","className","cls","availableDotsLeft","availableDotsRight","fill","map","_","key","onClick","RightAnimationWrapper"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import { useForkRef } from '@salutejs/plasma-core';
|
|
4
4
|
import { CarouselWrapper, CarouselTrack, base } from './Carousel.styles.js';
|
|
5
5
|
import { useCarousel } from './useCarousel.js';
|
|
@@ -45,12 +45,12 @@ var carouselRoot = function carouselRoot(Root) {
|
|
|
45
45
|
trackRef = _useCarousel.trackRef;
|
|
46
46
|
var handleRef = useForkRef(scrollRef, ref);
|
|
47
47
|
useDragScroll(scrollRef, isDragScrollDisabled);
|
|
48
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/React__default.createElement(Root, {
|
|
49
49
|
index: index
|
|
50
|
-
}, /*#__PURE__*/
|
|
50
|
+
}, /*#__PURE__*/React__default.createElement(CarouselWrapper, _extends({
|
|
51
51
|
ref: handleRef,
|
|
52
52
|
scrollSnapType: scrollSnapType
|
|
53
|
-
}, rest), /*#__PURE__*/
|
|
53
|
+
}, rest), /*#__PURE__*/React__default.createElement(CarouselTrack, {
|
|
54
54
|
ref: trackRef,
|
|
55
55
|
paddingStart: paddingStart,
|
|
56
56
|
paddingEnd: paddingEnd,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sources":["../../../../src/components/Carousel/CarouselOld/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';\nimport { CarouselProps } from './Carousel.types';\nimport { useCarousel } from './useCarousel';\nimport { useDragScroll } from './useDragScroll';\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselRoot = (Root: RootProps<HTMLDivElement, CarouselProps>) =>\n forwardRef<HTMLDivElement, CarouselProps>(\n (\n {\n index = 0,\n scrollSnapType = 'mandatory',\n scrollAlign,\n detectActive,\n detectThreshold,\n scaleCallback,\n scaleResetCallback,\n onIndexChange,\n paddingStart,\n paddingEnd,\n children,\n ariaLive = 'off',\n isDragScrollDisabled = false,\n ...rest\n },\n ref,\n ) => {\n const axis = 'x';\n\n const { scrollRef, trackRef } = useCarousel({\n index,\n axis,\n scrollAlign,\n detectActive,\n detectThreshold,\n scaleCallback,\n scaleResetCallback,\n onIndexChange,\n });\n\n const handleRef = useForkRef(scrollRef, ref);\n\n useDragScroll(scrollRef, isDragScrollDisabled);\n\n return (\n <Root index={index}>\n {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n {/* @ts-ignore */}\n <CarouselWrapper ref={handleRef} scrollSnapType={scrollSnapType} {...rest}>\n <CarouselTrack\n ref={trackRef as React.MutableRefObject<HTMLDivElement | null>}\n paddingStart={paddingStart}\n paddingEnd={paddingEnd}\n aria-live={ariaLive}\n >\n {children}\n </CarouselTrack>\n </CarouselWrapper>\n </Root>\n );\n },\n );\n\nexport const carouselConfig = {\n name: 'Carousel',\n tag: 'div',\n layout: carouselRoot,\n base,\n variations: {},\n defaults: {},\n};\n"],"names":["carouselRoot","Root","forwardRef","_ref","ref","_ref$index","index","_ref$scrollSnapType","scrollSnapType","scrollAlign","detectActive","detectThreshold","scaleCallback","scaleResetCallback","onIndexChange","paddingStart","paddingEnd","children","_ref$ariaLive","ariaLive","_ref$isDragScrollDisa","isDragScrollDisabled","rest","_objectWithoutProperties","_excluded","axis","_useCarousel","useCarousel","scrollRef","trackRef","handleRef","useForkRef","useDragScroll","React","createElement","CarouselWrapper","_extends","CarouselTrack","carouselConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;AASA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CACN,UAAAC,IAAA,EAiBIC,GAAG,EACF;AAAA,IAAA,IAAAC,UAAA,GAAAF,IAAA,CAhBGG,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA;MAAAE,mBAAA,GAAAJ,IAAA,CACTK,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,mBAAA;MAC5BE,WAAW,GAAAN,IAAA,CAAXM,WAAW;MACXC,YAAY,GAAAP,IAAA,CAAZO,YAAY;MACZC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;MACfC,aAAa,GAAAT,IAAA,CAAbS,aAAa;MACbC,kBAAkB,GAAAV,IAAA,CAAlBU,kBAAkB;MAClBC,aAAa,GAAAX,IAAA,CAAbW,aAAa;MACbC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;MACZC,UAAU,GAAAb,IAAA,CAAVa,UAAU;MACVC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;MAAAC,aAAA,GAAAf,IAAA,CACRgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAjB,IAAA,CAChBkB,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AACzBE,MAAAA,IAAI,GAAAC,wBAAA,CAAApB,IAAA,EAAAqB,SAAA,CAAA,CAAA;IAIX,IAAMC,IAAI,GAAG,GAAG,CAAA;IAEhB,IAAAC,YAAA,GAAgCC,WAAW,CAAC;AACxCrB,QAAAA,KAAK,EAALA,KAAK;AACLmB,QAAAA,IAAI,EAAJA,IAAI;AACJhB,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,YAAY,EAAZA,YAAY;AACZC,QAAAA,eAAe,EAAfA,eAAe;AACfC,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,QAAAA,aAAa,EAAbA,aAAAA;AACJ,OAAC,CAAC;MATMc,SAAS,GAAAF,YAAA,CAATE,SAAS;MAAEC,QAAQ,GAAAH,YAAA,CAARG,QAAQ,CAAA;AAW3B,IAAA,IAAMC,SAAS,GAAGC,UAAU,CAACH,SAAS,EAAExB,GAAG,CAAC,CAAA;AAE5C4B,IAAAA,aAAa,CAACJ,SAAS,EAAEP,oBAAoB,CAAC,CAAA;AAE9C,IAAA,oBACIY,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":["../../../../src/components/Carousel/CarouselOld/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';\nimport { CarouselProps } from './Carousel.types';\nimport { useCarousel } from './useCarousel';\nimport { useDragScroll } from './useDragScroll';\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselRoot = (Root: RootProps<HTMLDivElement, CarouselProps>) =>\n forwardRef<HTMLDivElement, CarouselProps>(\n (\n {\n index = 0,\n scrollSnapType = 'mandatory',\n scrollAlign,\n detectActive,\n detectThreshold,\n scaleCallback,\n scaleResetCallback,\n onIndexChange,\n paddingStart,\n paddingEnd,\n children,\n ariaLive = 'off',\n isDragScrollDisabled = false,\n ...rest\n },\n ref,\n ) => {\n const axis = 'x';\n\n const { scrollRef, trackRef } = useCarousel({\n index,\n axis,\n scrollAlign,\n detectActive,\n detectThreshold,\n scaleCallback,\n scaleResetCallback,\n onIndexChange,\n });\n\n const handleRef = useForkRef(scrollRef, ref);\n\n useDragScroll(scrollRef, isDragScrollDisabled);\n\n return (\n <Root index={index}>\n {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n {/* @ts-ignore */}\n <CarouselWrapper ref={handleRef} scrollSnapType={scrollSnapType} {...rest}>\n <CarouselTrack\n ref={trackRef as React.MutableRefObject<HTMLDivElement | null>}\n paddingStart={paddingStart}\n paddingEnd={paddingEnd}\n aria-live={ariaLive}\n >\n {children}\n </CarouselTrack>\n </CarouselWrapper>\n </Root>\n );\n },\n );\n\nexport const carouselConfig = {\n name: 'Carousel',\n tag: 'div',\n layout: carouselRoot,\n base,\n variations: {},\n defaults: {},\n};\n"],"names":["carouselRoot","Root","forwardRef","_ref","ref","_ref$index","index","_ref$scrollSnapType","scrollSnapType","scrollAlign","detectActive","detectThreshold","scaleCallback","scaleResetCallback","onIndexChange","paddingStart","paddingEnd","children","_ref$ariaLive","ariaLive","_ref$isDragScrollDisa","isDragScrollDisabled","rest","_objectWithoutProperties","_excluded","axis","_useCarousel","useCarousel","scrollRef","trackRef","handleRef","useForkRef","useDragScroll","React","createElement","CarouselWrapper","_extends","CarouselTrack","carouselConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './CarouselItem_eduufx.css';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import
|
|
3
|
+
import React__default from 'react';
|
|
4
4
|
import { styled } from '@linaria/react';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
|
|
@@ -33,7 +33,7 @@ var CarouselItem = function CarouselItem(_ref3) {
|
|
|
33
33
|
scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
|
|
34
34
|
children = _ref3.children,
|
|
35
35
|
rest = _objectWithoutProperties(_ref3, _excluded);
|
|
36
|
-
return /*#__PURE__*/
|
|
36
|
+
return /*#__PURE__*/React__default.createElement(StyledItem, _extends({
|
|
37
37
|
scrollSnapAlign: scrollSnapAlign,
|
|
38
38
|
scrollSnapStop: scrollSnapStop,
|
|
39
39
|
role: "group",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselItem.js","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { SnapAlign, SnapStop, CarouselItemProps } from './Carousel.types';\n\nconst StyledItem = styled.div<{ scrollSnapAlign: SnapAlign; scrollSnapStop: SnapStop }>`\n box-sizing: content-box;\n scroll-snap-align: ${({ scrollSnapAlign }) => scrollSnapAlign || 'none'};\n scroll-snap-stop: ${({ scrollSnapAlign, scrollSnapStop }) => (scrollSnapAlign ? scrollSnapStop : 'normal')};\n`;\n\nexport const CarouselItem: React.FC<CarouselItemProps> = ({\n scrollSnapAlign = 'center',\n scrollSnapStop = 'always',\n children,\n ...rest\n}) => {\n return (\n <StyledItem\n scrollSnapAlign={scrollSnapAlign}\n scrollSnapStop={scrollSnapStop}\n role=\"group\"\n aria-roledescription=\"slide\"\n {...rest}\n >\n {children}\n </StyledItem>\n );\n};\n"],"names":["_exp","_ref","scrollSnapAlign","_exp2","_ref2","scrollSnapStop","StyledItem","styled","name","class","propsAsIs","vars","CarouselItem","_ref3","_ref3$scrollSnapAlign","_ref3$scrollSnapStop","children","rest","React","createElement","_extends","role"],"mappings":";;;;;AAG0E,IAAAA,IAAA,GAFxDA,SAEwDA,IAAAA,GAAA;AAAA,EAAA,OAIjD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,eAAAA,GAAAA,IAAAA,CAAAA,eAAAA,CAAAA;IAAAA,OAAsBA,eAAe,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GANzDA,SAMyDA,KAAAA,GAAA;AAAA,EAAA,OACnD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,eAAe,GAAAE,KAAA,CAAfF,eAAe;MAAEG,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAsBH,eAAe,GAAGG,cAAc,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH9G,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEAX,IAAkD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnDG,KAAsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAC7G,CAAA,CAAA;IAEYS,YAAyC,GAAGA,SAA5CA,YAAyCA,CAAAC,KAAA,EAKhD;AAAA,EAAA,IAAAC,qBAAA,GAAAD,KAAA,CAJFX,eAAe;AAAfA,IAAAA,eAAe,GAAAY,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IAAAC,oBAAA,GAAAF,KAAA,CAC1BR,cAAc;AAAdA,IAAAA,cAAc,GAAAU,oBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,oBAAA;IACzBC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;AACLC,IAAAA,IAAAA,GAAAA,wBAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,EAAA,oBACIC,
|
|
1
|
+
{"version":3,"file":"CarouselItem.js","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { SnapAlign, SnapStop, CarouselItemProps } from './Carousel.types';\n\nconst StyledItem = styled.div<{ scrollSnapAlign: SnapAlign; scrollSnapStop: SnapStop }>`\n box-sizing: content-box;\n scroll-snap-align: ${({ scrollSnapAlign }) => scrollSnapAlign || 'none'};\n scroll-snap-stop: ${({ scrollSnapAlign, scrollSnapStop }) => (scrollSnapAlign ? scrollSnapStop : 'normal')};\n`;\n\nexport const CarouselItem: React.FC<CarouselItemProps> = ({\n scrollSnapAlign = 'center',\n scrollSnapStop = 'always',\n children,\n ...rest\n}) => {\n return (\n <StyledItem\n scrollSnapAlign={scrollSnapAlign}\n scrollSnapStop={scrollSnapStop}\n role=\"group\"\n aria-roledescription=\"slide\"\n {...rest}\n >\n {children}\n </StyledItem>\n );\n};\n"],"names":["_exp","_ref","scrollSnapAlign","_exp2","_ref2","scrollSnapStop","StyledItem","styled","name","class","propsAsIs","vars","CarouselItem","_ref3","_ref3$scrollSnapAlign","_ref3$scrollSnapStop","children","rest","React","createElement","_extends","role"],"mappings":";;;;;AAG0E,IAAAA,IAAA,GAFxDA,SAEwDA,IAAAA,GAAA;AAAA,EAAA,OAIjD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,eAAAA,GAAAA,IAAAA,CAAAA,eAAAA,CAAAA;IAAAA,OAAsBA,eAAe,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GANzDA,SAMyDA,KAAAA,GAAA;AAAA,EAAA,OACnD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,eAAe,GAAAE,KAAA,CAAfF,eAAe;MAAEG,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAsBH,eAAe,GAAGG,cAAc,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH9G,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEAX,IAAkD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnDG,KAAsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAC7G,CAAA,CAAA;IAEYS,YAAyC,GAAGA,SAA5CA,YAAyCA,CAAAC,KAAA,EAKhD;AAAA,EAAA,IAAAC,qBAAA,GAAAD,KAAA,CAJFX,eAAe;AAAfA,IAAAA,eAAe,GAAAY,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IAAAC,oBAAA,GAAAF,KAAA,CAC1BR,cAAc;AAAdA,IAAAA,cAAc,GAAAU,oBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,oBAAA;IACzBC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;AACLC,IAAAA,IAAAA,GAAAA,wBAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACb,UAAU,EAAAc,QAAA,CAAA;AACPlB,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,cAAc,EAAEA,cAAe;AAC/BgB,IAAAA,IAAI,EAAC,OAAO;IACZ,sBAAqB,EAAA,OAAA;GACjBJ,EAAAA,IAAI,CAEPD,EAAAA,QACO,CAAC,CAAA;AAErB;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { forwardRef } from 'react';
|
|
2
2
|
import { cx } from '../../utils/index.js';
|
|
3
3
|
import { CellLeft, CellContentWrapper, CellContent, CellRight, base } from './Cell.styles.js';
|
|
4
4
|
import { classes } from './Cell.tokens.js';
|
|
@@ -30,20 +30,20 @@ var cellRoot = function cellRoot(Root) {
|
|
|
30
30
|
// Импорт старых свойств
|
|
31
31
|
var titleText = title || description;
|
|
32
32
|
var contentLeftDeprecated = contentLeft || content;
|
|
33
|
-
return /*#__PURE__*/
|
|
33
|
+
return /*#__PURE__*/React__default.createElement(Root, {
|
|
34
34
|
ref: outerRootRef,
|
|
35
35
|
size: size,
|
|
36
36
|
view: view,
|
|
37
37
|
className: cx(stretchingClass, classes.cellRoot, className)
|
|
38
|
-
}, contentLeftDeprecated && /*#__PURE__*/
|
|
38
|
+
}, contentLeftDeprecated && /*#__PURE__*/React__default.createElement(CellLeft, {
|
|
39
39
|
align: alignContentLeft
|
|
40
|
-
}, contentLeftDeprecated), /*#__PURE__*/
|
|
40
|
+
}, contentLeftDeprecated), /*#__PURE__*/React__default.createElement(CellContentWrapper, null, /*#__PURE__*/React__default.createElement(CellContent, {
|
|
41
41
|
className: "cell-content"
|
|
42
|
-
}, titleText || subtitle || label ? /*#__PURE__*/
|
|
42
|
+
}, titleText || subtitle || label ? /*#__PURE__*/React__default.createElement(CellTextbox, {
|
|
43
43
|
label: label,
|
|
44
44
|
title: titleText,
|
|
45
45
|
subtitle: subtitle
|
|
46
|
-
}) : children), contentRight && /*#__PURE__*/
|
|
46
|
+
}) : children), contentRight && /*#__PURE__*/React__default.createElement(CellRight, {
|
|
47
47
|
align: alignContentRight
|
|
48
48
|
}, contentRight)));
|
|
49
49
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n forwardRef<HTMLDivElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignContentLeft = 'center',\n alignContentRight = 'center',\n children,\n title,\n subtitle,\n label,\n description,\n content,\n stretching = 'filled',\n className,\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n // Импорт старых свойств\n const titleText = title || description;\n const contentLeftDeprecated = contentLeft || content;\n\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n className={cx(stretchingClass, classes.cellRoot, className)}\n >\n {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n <CellContentWrapper>\n {/* TODO: #1548 */}\n <CellContent className=\"cell-content\">\n {titleText || subtitle || label ? (\n <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n ) : (\n children\n )}\n </CellContent>\n {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","className","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CACN,UAAAC,IAAA,EAiBIC,YAAY,EACX;AAAA,IAAA,IAhBGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,qBAAA,GAAAN,IAAA,CACZO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAAAE,qBAAA,GAAAR,IAAA,CAC3BS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAC5BE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,WAAW,GAAAd,IAAA,CAAXc,WAAW;MACXC,OAAO,GAAAf,IAAA,CAAPe,OAAO;MAAAC,eAAA,GAAAhB,IAAA,CACPiB,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,SAAS,GAAAlB,IAAA,CAATkB,SAAS,CAAA;AAIb,IAAA,IAAMC,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIJ,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;;AAElF;AACA,IAAA,IAAMK,SAAS,GAAGX,KAAK,IAAIG,WAAW,CAAA;AACtC,IAAA,IAAMS,qBAAqB,GAAGnB,WAAW,IAAIW,OAAO,CAAA;AAEpD,IAAA,oBACIS,
|
|
1
|
+
{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n forwardRef<HTMLDivElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignContentLeft = 'center',\n alignContentRight = 'center',\n children,\n title,\n subtitle,\n label,\n description,\n content,\n stretching = 'filled',\n className,\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n // Импорт старых свойств\n const titleText = title || description;\n const contentLeftDeprecated = contentLeft || content;\n\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n className={cx(stretchingClass, classes.cellRoot, className)}\n >\n {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n <CellContentWrapper>\n {/* TODO: #1548 */}\n <CellContent className=\"cell-content\">\n {titleText || subtitle || label ? (\n <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n ) : (\n children\n )}\n </CellContent>\n {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","className","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel.js';
|
|
4
4
|
import { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle.js';
|
|
5
5
|
import { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle.js';
|
|
@@ -17,9 +17,9 @@ var CellTextbox = function CellTextbox(_ref) {
|
|
|
17
17
|
return (
|
|
18
18
|
/*#__PURE__*/
|
|
19
19
|
// TODO: #1548
|
|
20
|
-
|
|
20
|
+
React__default.createElement(CellTextboxStyled, _extends({
|
|
21
21
|
className: cx('cell-textbox', className)
|
|
22
|
-
}, rest), label || title || subtitle ? /*#__PURE__*/
|
|
22
|
+
}, rest), label || title || subtitle ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label && /*#__PURE__*/React__default.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React__default.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React__default.createElement(CellTextboxSubtitle, null, subtitle)) : children)
|
|
23
23
|
);
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\nimport { cx } from '../../../../utils';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n children,\n className,\n ...rest\n}) => {\n return (\n // TODO: #1548\n <CellTextboxStyled className={cx('cell-textbox', className)} {...rest}>\n {label || title || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","className","rest","_objectWithoutProperties","_excluded","React","createElement","CellTextboxStyled","_extends","cx","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;;;;IAUaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAO/E;AAAA,EAAA,IANFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA;AAAA;AACI;AACAC,IAAAA,
|
|
1
|
+
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\nimport { cx } from '../../../../utils';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n children,\n className,\n ...rest\n}) => {\n return (\n // TODO: #1548\n <CellTextboxStyled className={cx('cell-textbox', className)} {...rest}>\n {label || title || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","className","rest","_objectWithoutProperties","_excluded","React","createElement","CellTextboxStyled","_extends","cx","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;;;;IAUaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAO/E;AAAA,EAAA,IANFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA;AAAA;AACI;AACAC,IAAAA,cAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAAC,QAAA,CAAA;AAACP,MAAAA,SAAS,EAAEQ,EAAE,CAAC,cAAc,EAAER,SAAS,CAAA;KAAOC,EAAAA,IAAI,GAChEL,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBM,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAK,QAAA,EAAA,IAAA,EACKb,KAAK,iBAAIQ,cAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAEd,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,KAAK,iBAAIO,cAAA,CAAAC,aAAA,CAACM,gBAAgB,EAAEd,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,QAAQ,iBAAIM,cAAA,CAAAC,aAAA,CAACO,mBAAmB,QAAEd,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAA;AAAC,IAAA;AAE5B;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { StyledTextboxLabel } from './CellTextboxLabel.styles.js';
|
|
4
4
|
|
|
5
5
|
var _excluded = ["children"];
|
|
6
6
|
var CellTextboxLabel = function CellTextboxLabel(_ref) {
|
|
7
7
|
var children = _ref.children,
|
|
8
8
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
9
|
-
return /*#__PURE__*/
|
|
9
|
+
return /*#__PURE__*/React__default.createElement(StyledTextboxLabel, rest, children);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { CellTextboxLabel };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, ...rest }) => {\n return <StyledTextboxLabel {...rest}>{children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxLabel"],"mappings":";;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAAC,IAAA,EAA8B;AAAA,EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC1F,oBAAOC,
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, ...rest }) => {\n return <StyledTextboxLabel {...rest}>{children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxLabel"],"mappings":";;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAAC,IAAA,EAA8B;AAAA,EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC1F,oBAAOC,cAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAKL,IAAI,EAAGD,QAA6B,CAAC,CAAA;AACxE;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles.js';
|
|
4
4
|
|
|
5
5
|
var _excluded = ["children"];
|
|
6
6
|
var CellTextboxSubtitle = function CellTextboxSubtitle(_ref) {
|
|
7
7
|
var children = _ref.children,
|
|
8
8
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
9
|
-
return /*#__PURE__*/
|
|
9
|
+
return /*#__PURE__*/React__default.createElement(StyledTextboxSubtitle, rest, children);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { CellTextboxSubtitle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, ...rest }) => {\n return <StyledTextboxSubtitle {...rest}>{children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxSubtitle"],"mappings":";;;;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAAC,IAAA,EAA8B;AAAA,EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC7F,oBAAOC,
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, ...rest }) => {\n return <StyledTextboxSubtitle {...rest}>{children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxSubtitle"],"mappings":";;;;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAAC,IAAA,EAA8B;AAAA,EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC7F,oBAAOC,cAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAKL,IAAI,EAAGD,QAAgC,CAAC,CAAA;AAC9E;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { cx } from '../../../../utils/index.js';
|
|
4
4
|
import { StyledTextboxTitle } from './CellTextboxTitle.styles.js';
|
|
5
5
|
|
|
@@ -9,7 +9,7 @@ var CellTextboxTitle = function CellTextboxTitle(_ref) {
|
|
|
9
9
|
className = _ref.className,
|
|
10
10
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
11
11
|
// TODO: #1548
|
|
12
|
-
return /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/React__default.createElement(StyledTextboxTitle, _extends({
|
|
13
13
|
className: cx('cell-textbox-title', className)
|
|
14
14
|
}, rest), children);
|
|
15
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { cx } from '../../../../utils';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, className, ...rest }) => {\n // TODO: #1548\n return (\n <StyledTextboxTitle className={cx('cell-textbox-title', className)} {...rest}>\n {children}\n </StyledTextboxTitle>\n );\n};\n"],"names":["CellTextboxTitle","_ref","children","className","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxTitle","_extends","cx"],"mappings":";;;;;;IAMaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACrG;AACA,EAAA,oBACIC,
|
|
1
|
+
{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { cx } from '../../../../utils';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, className, ...rest }) => {\n // TODO: #1548\n return (\n <StyledTextboxTitle className={cx('cell-textbox-title', className)} {...rest}>\n {children}\n </StyledTextboxTitle>\n );\n};\n"],"names":["CellTextboxTitle","_ref","children","className","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxTitle","_extends","cx"],"mappings":";;;;;;IAMaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACrG;AACA,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAAC,QAAA,CAAA;AAACP,IAAAA,SAAS,EAAEQ,EAAE,CAAC,oBAAoB,EAAER,SAAS,CAAA;GAAOC,EAAAA,IAAI,CACvEF,EAAAA,QACe,CAAC,CAAA;AAE7B;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef, useRef, useEffect, useMemo } from 'react';
|
|
3
3
|
import { useForkRef, extractTextFrom } from '@salutejs/plasma-core';
|
|
4
4
|
import { cx } from '../../utils/index.js';
|
|
5
5
|
import { base as base$2 } from './variations/_view/base.js';
|
|
@@ -53,17 +53,17 @@ var checkboxRoot = function checkboxRoot(Root) {
|
|
|
53
53
|
// Временное решение
|
|
54
54
|
var getIcon = function getIcon() {
|
|
55
55
|
if (appearance === 'outline') {
|
|
56
|
-
return _DoneThin || (_DoneThin = /*#__PURE__*/
|
|
56
|
+
return _DoneThin || (_DoneThin = /*#__PURE__*/React__default.createElement(DoneThin, null));
|
|
57
57
|
}
|
|
58
|
-
return _Done || (_Done = /*#__PURE__*/
|
|
58
|
+
return _Done || (_Done = /*#__PURE__*/React__default.createElement(Done, null));
|
|
59
59
|
};
|
|
60
60
|
var getIndeterminate = function getIndeterminate() {
|
|
61
61
|
if (appearance === 'outline') {
|
|
62
|
-
return _IndeterminateThin || (_IndeterminateThin = /*#__PURE__*/
|
|
62
|
+
return _IndeterminateThin || (_IndeterminateThin = /*#__PURE__*/React__default.createElement(IndeterminateThin, null));
|
|
63
63
|
}
|
|
64
|
-
return _Indeterminate || (_Indeterminate = /*#__PURE__*/
|
|
64
|
+
return _Indeterminate || (_Indeterminate = /*#__PURE__*/React__default.createElement(Indeterminate, null));
|
|
65
65
|
};
|
|
66
|
-
return /*#__PURE__*/
|
|
66
|
+
return /*#__PURE__*/React__default.createElement(Root, {
|
|
67
67
|
view: view,
|
|
68
68
|
size: size,
|
|
69
69
|
disabled: disabled,
|
|
@@ -71,7 +71,7 @@ var checkboxRoot = function checkboxRoot(Root) {
|
|
|
71
71
|
style: style,
|
|
72
72
|
className: className,
|
|
73
73
|
tabIndex: -1
|
|
74
|
-
}, /*#__PURE__*/
|
|
74
|
+
}, /*#__PURE__*/React__default.createElement(StyledInput, _extends({}, rest, {
|
|
75
75
|
id: checkboxId,
|
|
76
76
|
ref: forkRef,
|
|
77
77
|
type: "checkbox",
|
|
@@ -79,18 +79,18 @@ var checkboxRoot = function checkboxRoot(Root) {
|
|
|
79
79
|
"aria-label": ariaLabel,
|
|
80
80
|
"aria-describedby": uniqDescriptionId,
|
|
81
81
|
tabIndex: canFocused
|
|
82
|
-
})), /*#__PURE__*/
|
|
82
|
+
})), /*#__PURE__*/React__default.createElement(StyledContentWrapper, {
|
|
83
83
|
htmlFor: checkboxId,
|
|
84
84
|
className: singleLineClass
|
|
85
|
-
}, /*#__PURE__*/
|
|
85
|
+
}, /*#__PURE__*/React__default.createElement(StyledTriggerWrapper, null, /*#__PURE__*/React__default.createElement(StyledTrigger, {
|
|
86
86
|
className: classes.checkboxTrigger
|
|
87
|
-
}, indeterminate ? getIndeterminate() : getIcon())), hasContent && /*#__PURE__*/
|
|
87
|
+
}, indeterminate ? getIndeterminate() : getIcon())), hasContent && /*#__PURE__*/React__default.createElement(StyledContent, {
|
|
88
88
|
className: singleLineClass
|
|
89
|
-
}, label && /*#__PURE__*/
|
|
89
|
+
}, label && /*#__PURE__*/React__default.createElement(StyledLabel, {
|
|
90
90
|
className: singleLineClass,
|
|
91
91
|
id: uniqLabelId,
|
|
92
92
|
"aria-hidden": isLabelAriaHidden
|
|
93
|
-
}, label), description && /*#__PURE__*/
|
|
93
|
+
}, label), description && /*#__PURE__*/React__default.createElement(StyledDescription, {
|
|
94
94
|
className: cx(singleLineClass, onlyDescriptionClass),
|
|
95
95
|
id: uniqDescriptionId
|
|
96
96
|
}, description))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { useForkRef, extractTextFrom } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin, IndeterminateThin } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n appearance,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n // Временное решение\n const getIcon = () => {\n if (appearance === 'outline') {\n return <DoneThin />;\n }\n\n return <Done />;\n };\n\n const getIndeterminate = () => {\n if (appearance === 'outline') {\n return <IndeterminateThin />;\n }\n\n return <Indeterminate />;\n };\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n <StyledTriggerWrapper>\n <StyledTrigger className={classes.checkboxTrigger}>\n {indeterminate ? getIndeterminate() : getIcon()}\n </StyledTrigger>\n </StyledTriggerWrapper>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqDescriptionId}\n >\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","_DoneThin","React","createElement","DoneThin","_Done","Done","getIndeterminate","_IndeterminateThin","IndeterminateThin","_Indeterminate","Indeterminate","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { useForkRef, extractTextFrom } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin, IndeterminateThin } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n appearance,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n // Временное решение\n const getIcon = () => {\n if (appearance === 'outline') {\n return <DoneThin />;\n }\n\n return <Done />;\n };\n\n const getIndeterminate = () => {\n if (appearance === 'outline') {\n return <IndeterminateThin />;\n }\n\n return <Indeterminate />;\n };\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n <StyledTriggerWrapper>\n <StyledTrigger className={classes.checkboxTrigger}>\n {indeterminate ? getIndeterminate() : getIcon()}\n </StyledTrigger>\n </StyledTriggerWrapper>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqDescriptionId}\n >\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","_DoneThin","React","createElement","DoneThin","_Done","Done","getIndeterminate","_IndeterminateThin","IndeterminateThin","_Indeterminate","Indeterminate","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { tokens } from './Checkbox.tokens.js';
|
|
3
3
|
|
|
4
4
|
var Done = function Done() {
|
|
5
|
-
return /*#__PURE__*/
|
|
5
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
6
6
|
style: {
|
|
7
7
|
display: 'inline-flex'
|
|
8
8
|
}
|
|
9
|
-
}, /*#__PURE__*/
|
|
9
|
+
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
10
10
|
width: "100%",
|
|
11
11
|
viewBox: "0 0 18 18",
|
|
12
12
|
fill: "none",
|
|
13
13
|
style: {
|
|
14
14
|
width: "var(".concat(tokens.triggerSize, ")")
|
|
15
15
|
}
|
|
16
|
-
}, /*#__PURE__*/
|
|
16
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
17
17
|
fill: "var(".concat(tokens.iconColor, ")"),
|
|
18
18
|
d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
|
|
19
19
|
})));
|
|
20
20
|
};
|
|
21
21
|
var DoneThin = function DoneThin() {
|
|
22
|
-
return /*#__PURE__*/
|
|
22
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
23
23
|
style: {
|
|
24
24
|
display: 'inline-flex'
|
|
25
25
|
}
|
|
26
|
-
}, /*#__PURE__*/
|
|
26
|
+
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
27
27
|
width: "10",
|
|
28
28
|
height: "8",
|
|
29
29
|
viewBox: "0 0 10 8",
|
|
@@ -31,24 +31,24 @@ var DoneThin = function DoneThin() {
|
|
|
31
31
|
style: {
|
|
32
32
|
width: "var(".concat(tokens.triggerSize, ")")
|
|
33
33
|
}
|
|
34
|
-
}, /*#__PURE__*/
|
|
34
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
35
35
|
d: "M0.5 4L3.5 7L9.5 1",
|
|
36
36
|
stroke: "var(".concat(tokens.iconColor, ")")
|
|
37
37
|
})));
|
|
38
38
|
};
|
|
39
39
|
var Indeterminate = function Indeterminate() {
|
|
40
|
-
return /*#__PURE__*/
|
|
40
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
41
41
|
style: {
|
|
42
42
|
display: 'inline-flex'
|
|
43
43
|
}
|
|
44
|
-
}, /*#__PURE__*/
|
|
44
|
+
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
45
45
|
width: "100%",
|
|
46
46
|
viewBox: "0 0 18 18",
|
|
47
47
|
fill: "none",
|
|
48
48
|
style: {
|
|
49
49
|
width: "var(".concat(tokens.triggerSize, ")")
|
|
50
50
|
}
|
|
51
|
-
}, /*#__PURE__*/
|
|
51
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
52
52
|
strokeLinecap: "round",
|
|
53
53
|
strokeWidth: "2",
|
|
54
54
|
stroke: "var(".concat(tokens.iconColor, ")"),
|
|
@@ -56,18 +56,18 @@ var Indeterminate = function Indeterminate() {
|
|
|
56
56
|
})));
|
|
57
57
|
};
|
|
58
58
|
var IndeterminateThin = function IndeterminateThin() {
|
|
59
|
-
return /*#__PURE__*/
|
|
59
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
60
60
|
style: {
|
|
61
61
|
display: 'inline-flex'
|
|
62
62
|
}
|
|
63
|
-
}, /*#__PURE__*/
|
|
63
|
+
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
64
64
|
width: "100%",
|
|
65
65
|
viewBox: "0 0 18 18",
|
|
66
66
|
fill: "none",
|
|
67
67
|
style: {
|
|
68
68
|
width: "var(".concat(tokens.triggerSize, ")")
|
|
69
69
|
}
|
|
70
|
-
}, /*#__PURE__*/
|
|
70
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
71
71
|
strokeLinecap: "round",
|
|
72
72
|
strokeWidth: "1",
|
|
73
73
|
stroke: "var(".concat(tokens.iconColor, ")"),
|