@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":"Editable.js","sources":["../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n ChangeEvent,\n ClipboardEvent,\n FocusEvent,\n ClipboardEventHandler,\n FocusEventHandler,\n FormEventHandler,\n KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typographyVariants: TypographyVariants) => (\n Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typographyVariants>, 'textComponent'>>,\n) =>\n forwardRef<HTMLInputElement, EditableProps<typeof typographyVariants>>(\n (\n {\n textComponent,\n value,\n icon,\n maxLength,\n spellCheck = 'false',\n placeholder,\n name,\n onChange,\n onBlur,\n onPaste,\n ...props\n },\n outerRef,\n ) => {\n const Component = textComponent;\n\n const [isEditing, setIsEditing] = useState(false);\n\n const inputRef = useRef<HTMLDivElement>(null);\n const innerRef = useForkRef(inputRef, outerRef);\n\n const prevValueRef = useRef(value || '');\n\n const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n e.preventDefault();\n\n const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n if (document.queryCommandSupported('insertText')) {\n document.execCommand('insertText', false, text);\n } else {\n try {\n navigator.clipboard.writeText(text);\n } catch {\n inputRef.current.textContent = text;\n }\n }\n\n if (onPaste) {\n onPaste(e as ClipboardEvent<HTMLInputElement>);\n }\n };\n\n const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n setIsEditing(false);\n\n clearSelection();\n\n // NOTE: Remove <br> tag inserted by Safari\n const editableElement = inputRef.current;\n if (editableElement && editableElement.innerHTML === '<br>') {\n editableElement.innerHTML = '';\n }\n\n if (onBlur) {\n onBlur(e as FocusEvent<HTMLInputElement>);\n }\n };\n\n const handleFocus: FocusEventHandler = () => {\n setIsEditing(true);\n\n inputRef.current && selectText(inputRef.current);\n };\n\n const handleEditClick = () => {\n inputRef.current?.focus();\n };\n\n const handleKeyDown: KeyboardEventHandler = (e) => {\n if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n inputRef.current?.blur();\n }\n };\n\n const handleChange: FormEventHandler = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n const contentLength = inputRef.current.textContent?.length || 0;\n\n if (!maxLength || contentLength <= maxLength) {\n prevValueRef.current = inputRef.current.textContent || '';\n\n onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n } else {\n inputRef.current.textContent = prevValueRef.current;\n }\n };\n\n useEffect(() => {\n if (!inputRef.current || typeof value === 'undefined' || value === inputRef.current.textContent) {\n return;\n }\n\n inputRef.current.textContent = value;\n }, [value, textComponent]);\n\n return (\n <Root {...props}>\n <Component\n ref={innerRef}\n className={classes.editableTextBox}\n role=\"textbox\"\n spellCheck={spellCheck}\n contentEditable\n onPaste={handlePaste}\n onInput={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n aria-label={placeholder}\n />\n {prevValueRef.current?.length === 0 && !isEditing && (\n <Component>\n <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n </Component>\n )}\n <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n <EditButton onClick={handleEditClick} isHidden={isEditing}>\n {icon}\n </EditButton>\n </Root>\n );\n },\n );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n name: 'Editable',\n tag: 'span',\n layout: editableRoot(typographyVariants),\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":["editableRoot","typographyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Editable.js","sources":["../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n ChangeEvent,\n ClipboardEvent,\n FocusEvent,\n ClipboardEventHandler,\n FocusEventHandler,\n FormEventHandler,\n KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typographyVariants: TypographyVariants) => (\n Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typographyVariants>, 'textComponent'>>,\n) =>\n forwardRef<HTMLInputElement, EditableProps<typeof typographyVariants>>(\n (\n {\n textComponent,\n value,\n icon,\n maxLength,\n spellCheck = 'false',\n placeholder,\n name,\n onChange,\n onBlur,\n onPaste,\n ...props\n },\n outerRef,\n ) => {\n const Component = textComponent;\n\n const [isEditing, setIsEditing] = useState(false);\n\n const inputRef = useRef<HTMLDivElement>(null);\n const innerRef = useForkRef(inputRef, outerRef);\n\n const prevValueRef = useRef(value || '');\n\n const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n e.preventDefault();\n\n const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n if (document.queryCommandSupported('insertText')) {\n document.execCommand('insertText', false, text);\n } else {\n try {\n navigator.clipboard.writeText(text);\n } catch {\n inputRef.current.textContent = text;\n }\n }\n\n if (onPaste) {\n onPaste(e as ClipboardEvent<HTMLInputElement>);\n }\n };\n\n const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n setIsEditing(false);\n\n clearSelection();\n\n // NOTE: Remove <br> tag inserted by Safari\n const editableElement = inputRef.current;\n if (editableElement && editableElement.innerHTML === '<br>') {\n editableElement.innerHTML = '';\n }\n\n if (onBlur) {\n onBlur(e as FocusEvent<HTMLInputElement>);\n }\n };\n\n const handleFocus: FocusEventHandler = () => {\n setIsEditing(true);\n\n inputRef.current && selectText(inputRef.current);\n };\n\n const handleEditClick = () => {\n inputRef.current?.focus();\n };\n\n const handleKeyDown: KeyboardEventHandler = (e) => {\n if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n inputRef.current?.blur();\n }\n };\n\n const handleChange: FormEventHandler = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n const contentLength = inputRef.current.textContent?.length || 0;\n\n if (!maxLength || contentLength <= maxLength) {\n prevValueRef.current = inputRef.current.textContent || '';\n\n onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n } else {\n inputRef.current.textContent = prevValueRef.current;\n }\n };\n\n useEffect(() => {\n if (!inputRef.current || typeof value === 'undefined' || value === inputRef.current.textContent) {\n return;\n }\n\n inputRef.current.textContent = value;\n }, [value, textComponent]);\n\n return (\n <Root {...props}>\n <Component\n ref={innerRef}\n className={classes.editableTextBox}\n role=\"textbox\"\n spellCheck={spellCheck}\n contentEditable\n onPaste={handlePaste}\n onInput={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n aria-label={placeholder}\n />\n {prevValueRef.current?.length === 0 && !isEditing && (\n <Component>\n <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n </Component>\n )}\n <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n <EditButton onClick={handleEditClick} isHidden={isEditing}>\n {icon}\n </EditButton>\n </Root>\n );\n },\n );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n name: 'Editable',\n tag: 'span',\n layout: editableRoot(typographyVariants),\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":["editableRoot","typographyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import { IconWrapper, Description, StyledButton, base } from './EmptyState.styles.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -11,9 +11,9 @@ var emptyStateRoot = function emptyStateRoot(Root) {
|
|
|
11
11
|
description = props.description,
|
|
12
12
|
buttonText = props.buttonText,
|
|
13
13
|
buttonAction = props.buttonAction;
|
|
14
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({}, props, {
|
|
15
15
|
ref: ref
|
|
16
|
-
}), icon && /*#__PURE__*/
|
|
16
|
+
}), icon && /*#__PURE__*/React__default.createElement(IconWrapper, null, icon), /*#__PURE__*/React__default.createElement(Description, null, description), buttonText && /*#__PURE__*/React__default.createElement(StyledButton, {
|
|
17
17
|
stretching: "filled",
|
|
18
18
|
onClick: buttonAction
|
|
19
19
|
}, buttonText));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { Props } from './EmptyState.types';\nimport { base, StyledButton, IconWrapper, Description } from './EmptyState.styles';\n\n/**\n * Компонент для альтернативного показа содержимого выпадающего списка.\n */\nexport const emptyStateRoot = (Root: RootProps<HTMLDivElement, Props>) =>\n forwardRef<HTMLDivElement, Props>((props, ref) => {\n const { icon, description, buttonText, buttonAction } = props;\n\n return (\n <Root {...props} ref={ref}>\n {icon && <IconWrapper>{icon}</IconWrapper>}\n\n <Description>{description}</Description>\n\n {buttonText && (\n <StyledButton stretching=\"filled\" onClick={buttonAction}>\n {buttonText}\n </StyledButton>\n )}\n </Root>\n );\n });\n\nexport const emptyStateConfig = {\n name: 'EmptyState',\n tag: 'div',\n layout: emptyStateRoot,\n base,\n defaults: {\n size: 'l',\n },\n variations: {},\n};\n"],"names":["emptyStateRoot","Root","forwardRef","props","ref","icon","description","buttonText","buttonAction","React","createElement","_extends","IconWrapper","Description","StyledButton","stretching","onClick","emptyStateConfig","name","tag","layout","base","defaults","size","variations"],"mappings":";;;;AAOA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsC,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAAwB,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9C,IAAA,IAAQC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;MAAEC,WAAW,GAA+BH,KAAK,CAA/CG,WAAW;MAAEC,UAAU,GAAmBJ,KAAK,CAAlCI,UAAU;MAAEC,YAAY,GAAKL,KAAK,CAAtBK,YAAY,CAAA;IAEnD,oBACIC,
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { Props } from './EmptyState.types';\nimport { base, StyledButton, IconWrapper, Description } from './EmptyState.styles';\n\n/**\n * Компонент для альтернативного показа содержимого выпадающего списка.\n */\nexport const emptyStateRoot = (Root: RootProps<HTMLDivElement, Props>) =>\n forwardRef<HTMLDivElement, Props>((props, ref) => {\n const { icon, description, buttonText, buttonAction } = props;\n\n return (\n <Root {...props} ref={ref}>\n {icon && <IconWrapper>{icon}</IconWrapper>}\n\n <Description>{description}</Description>\n\n {buttonText && (\n <StyledButton stretching=\"filled\" onClick={buttonAction}>\n {buttonText}\n </StyledButton>\n )}\n </Root>\n );\n });\n\nexport const emptyStateConfig = {\n name: 'EmptyState',\n tag: 'div',\n layout: emptyStateRoot,\n base,\n defaults: {\n size: 'l',\n },\n variations: {},\n};\n"],"names":["emptyStateRoot","Root","forwardRef","props","ref","icon","description","buttonText","buttonAction","React","createElement","_extends","IconWrapper","Description","StyledButton","stretching","onClick","emptyStateConfig","name","tag","layout","base","defaults","size","variations"],"mappings":";;;;AAOA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsC,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAAwB,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9C,IAAA,IAAQC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;MAAEC,WAAW,GAA+BH,KAAK,CAA/CG,WAAW;MAAEC,UAAU,GAAmBJ,KAAK,CAAlCI,UAAU;MAAEC,YAAY,GAAKL,KAAK,CAAtBK,YAAY,CAAA;IAEnD,oBACIC,cAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,QAAA,KAAKR,KAAK,EAAA;AAAEC,MAAAA,GAAG,EAAEA,GAAAA;KACjBC,CAAAA,EAAAA,IAAI,iBAAII,cAAA,CAAAC,aAAA,CAACE,WAAW,EAAEP,IAAAA,EAAAA,IAAkB,CAAC,eAE1CI,cAAA,CAAAC,aAAA,CAACG,WAAW,EAAEP,IAAAA,EAAAA,WAAyB,CAAC,EAEvCC,UAAU,iBACPE,cAAA,CAAAC,aAAA,CAACI,YAAY,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,OAAO,EAAER,YAAAA;KACtCD,EAAAA,UACS,CAEhB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMU,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,cAAc;AACtBqB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import cls from 'classnames';
|
|
4
4
|
import chunk from 'lodash.chunk';
|
|
5
5
|
import { Line, base } from './Flow.styles.js';
|
|
@@ -31,11 +31,11 @@ var flowRoot = function flowRoot(Root) {
|
|
|
31
31
|
innerMainAxisGap = '0';
|
|
32
32
|
}
|
|
33
33
|
var hasChunks = Number(itemsPerLine) > 0;
|
|
34
|
-
var chunks = hasChunks ? chunk(
|
|
34
|
+
var chunks = hasChunks ? chunk(React__default.Children.toArray(children), itemsPerLine) : [];
|
|
35
35
|
var gap = isVertical ? "".concat(innerMainAxisGap, " ").concat(innerCrossAxisGap) : "".concat(innerCrossAxisGap, " ").concat(innerMainAxisGap);
|
|
36
36
|
var wrapperGap = isVertical ? "0 ".concat(innerCrossAxisGap) : "".concat(innerCrossAxisGap, " 0");
|
|
37
37
|
var lineGap = isVertical ? "".concat(innerMainAxisGap, " 0") : "0 ".concat(innerMainAxisGap);
|
|
38
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
39
39
|
ref: ref,
|
|
40
40
|
className: cls(className, {
|
|
41
41
|
vertical: isVertical,
|
|
@@ -51,7 +51,7 @@ var flowRoot = function flowRoot(Root) {
|
|
|
51
51
|
"data-arrangement": arrangement,
|
|
52
52
|
"data-alignment": alignment
|
|
53
53
|
}, rest), hasChunks && chunks.map(function (chunkNode) {
|
|
54
|
-
return /*#__PURE__*/
|
|
54
|
+
return /*#__PURE__*/React__default.createElement(Line, {
|
|
55
55
|
className: cls({
|
|
56
56
|
vertical: isVertical,
|
|
57
57
|
grid: needGrid,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\nimport chunk from 'lodash.chunk';\n\nimport { RootProps } from '../../engines';\n\nimport { base, Line } from './Flow.styles';\nimport { FlowProps } from './Flow.types';\n\ntype TempFlowTypes = FlowProps & {\n /**\n * Минимальный размер колонки для эластичной сетки с динамическим количеством растянутых столбцов\n * через `repeat(auto-fill, minmax(${minColWidth}, auto))`\n */\n minColWidth?: string;\n};\n\nexport const flowRoot = (Root: RootProps<HTMLDivElement, TempFlowTypes>) =>\n forwardRef<HTMLDivElement, TempFlowTypes>(\n (\n {\n children,\n className,\n style,\n orientation = 'horizontal',\n arrangement,\n alignment,\n mainAxisGap = '0',\n crossAxisGap = '0',\n minColWidth = 'auto',\n itemsPerLine,\n ...rest\n },\n ref,\n ) => {\n const isVertical = orientation === 'vertical';\n const hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');\n const needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);\n\n let innerMainAxisGap =\n typeof mainAxisGap === 'number' || !Number.isNaN(+mainAxisGap) ? `${mainAxisGap || 0}px` : mainAxisGap;\n const innerCrossAxisGap =\n typeof crossAxisGap === 'number' || !Number.isNaN(+crossAxisGap)\n ? `${crossAxisGap || 0}px`\n : crossAxisGap;\n\n if (arrangement === 'spaceBetween' || arrangement === 'spaceAround') {\n innerMainAxisGap = '0';\n }\n\n const hasChunks = Number(itemsPerLine) > 0;\n const chunks: React.ReactNode[] = hasChunks ? chunk(React.Children.toArray(children), itemsPerLine) : [];\n\n const gap = isVertical\n ? `${innerMainAxisGap} ${innerCrossAxisGap}`\n : `${innerCrossAxisGap} ${innerMainAxisGap}`;\n\n const wrapperGap = isVertical ? `0 ${innerCrossAxisGap}` : `${innerCrossAxisGap} 0`;\n const lineGap = isVertical ? `${innerMainAxisGap} 0` : `0 ${innerMainAxisGap}`;\n\n return (\n <Root\n ref={ref}\n className={cls(className, {\n vertical: isVertical,\n grid: hasMinWidth,\n elastic: hasMinWidth,\n hasChunks,\n })}\n style={\n {\n ...style,\n '--plasma-private-gap': hasChunks ? wrapperGap : gap,\n '--plasma-private-items': String(itemsPerLine),\n '--plasma-private-min-width': String(minColWidth),\n } as CSSProperties & {\n '--plasma-private-gap': string;\n '--plasma-private-items': string;\n '--plasma-private-min-width': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n {...rest}\n >\n {hasChunks &&\n chunks.map((chunkNode) => (\n <Line\n className={cls({\n vertical: isVertical,\n grid: needGrid,\n elastic: hasMinWidth,\n })}\n style={\n {\n '--plasma-private-gap': lineGap,\n } as CSSProperties & {\n '--plasma-private-gap': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n >\n {chunkNode}\n </Line>\n ))}\n {!hasChunks && children}\n </Root>\n );\n },\n );\n\nexport const flowConfig = {\n name: 'Flow',\n tag: 'div',\n layout: flowRoot,\n base,\n defaults: {},\n variations: {},\n};\n"],"names":["flowRoot","Root","forwardRef","_ref","ref","children","className","style","_ref$orientation","orientation","arrangement","alignment","_ref$mainAxisGap","mainAxisGap","_ref$crossAxisGap","crossAxisGap","_ref$minColWidth","minColWidth","itemsPerLine","rest","_objectWithoutProperties","_excluded","isVertical","hasMinWidth","Boolean","needGrid","Number","innerMainAxisGap","isNaN","concat","innerCrossAxisGap","hasChunks","chunks","chunk","React","Children","toArray","gap","wrapperGap","lineGap","createElement","_extends","cls","vertical","grid","elastic","_objectSpread","String","map","chunkNode","Line","flowConfig","name","tag","layout","base","defaults","variations"],"mappings":";;;;;;;IAiBaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CACN,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,IAAA,IAbGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAAC,gBAAA,GAAAL,IAAA,CACLM,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,gBAAA;MAC1BE,WAAW,GAAAP,IAAA,CAAXO,WAAW;MACXC,SAAS,GAAAR,IAAA,CAATQ,SAAS;MAAAC,gBAAA,GAAAT,IAAA,CACTU,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,gBAAA;MAAAE,iBAAA,GAAAX,IAAA,CACjBY,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,iBAAA;MAAAE,gBAAA,GAAAb,IAAA,CAClBc,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,gBAAA;MACpBE,YAAY,GAAAf,IAAA,CAAZe,YAAY;AACTC,MAAAA,IAAI,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,UAAU,GAAGb,WAAW,KAAK,UAAU,CAAA;IAC7C,IAAMc,WAAW,GAAGC,OAAO,CAACP,WAAW,IAAIA,WAAW,KAAK,MAAM,CAAC,CAAA;AAClE,IAAA,IAAMQ,QAAQ,GAAGD,OAAO,CAACE,MAAM,CAACR,YAAY,CAAC,GAAG,CAAC,IAAIK,WAAW,CAAC,CAAA;IAEjE,IAAII,gBAAgB,GAChB,OAAOd,WAAW,KAAK,QAAQ,IAAI,CAACa,MAAM,CAACE,KAAK,CAAC,CAACf,WAAW,CAAC,GAAAgB,EAAAA,CAAAA,MAAA,CAAMhB,WAAW,IAAI,CAAC,EAAA,IAAA,CAAA,GAAOA,WAAW,CAAA;IAC1G,IAAMiB,iBAAiB,GACnB,OAAOf,YAAY,KAAK,QAAQ,IAAI,CAACW,MAAM,CAACE,KAAK,CAAC,CAACb,YAAY,CAAC,GAAAc,EAAAA,CAAAA,MAAA,CACvDd,YAAY,IAAI,CAAC,EAAA,IAAA,CAAA,GACpBA,YAAY,CAAA;AAEtB,IAAA,IAAIL,WAAW,KAAK,cAAc,IAAIA,WAAW,KAAK,aAAa,EAAE;AACjEiB,MAAAA,gBAAgB,GAAG,GAAG,CAAA;AAC1B,KAAA;AAEA,IAAA,IAAMI,SAAS,GAAGL,MAAM,CAACR,YAAY,CAAC,GAAG,CAAC,CAAA;AAC1C,IAAA,IAAMc,MAAyB,GAAGD,SAAS,GAAGE,KAAK,CAACC,
|
|
1
|
+
{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\nimport chunk from 'lodash.chunk';\n\nimport { RootProps } from '../../engines';\n\nimport { base, Line } from './Flow.styles';\nimport { FlowProps } from './Flow.types';\n\ntype TempFlowTypes = FlowProps & {\n /**\n * Минимальный размер колонки для эластичной сетки с динамическим количеством растянутых столбцов\n * через `repeat(auto-fill, minmax(${minColWidth}, auto))`\n */\n minColWidth?: string;\n};\n\nexport const flowRoot = (Root: RootProps<HTMLDivElement, TempFlowTypes>) =>\n forwardRef<HTMLDivElement, TempFlowTypes>(\n (\n {\n children,\n className,\n style,\n orientation = 'horizontal',\n arrangement,\n alignment,\n mainAxisGap = '0',\n crossAxisGap = '0',\n minColWidth = 'auto',\n itemsPerLine,\n ...rest\n },\n ref,\n ) => {\n const isVertical = orientation === 'vertical';\n const hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');\n const needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);\n\n let innerMainAxisGap =\n typeof mainAxisGap === 'number' || !Number.isNaN(+mainAxisGap) ? `${mainAxisGap || 0}px` : mainAxisGap;\n const innerCrossAxisGap =\n typeof crossAxisGap === 'number' || !Number.isNaN(+crossAxisGap)\n ? `${crossAxisGap || 0}px`\n : crossAxisGap;\n\n if (arrangement === 'spaceBetween' || arrangement === 'spaceAround') {\n innerMainAxisGap = '0';\n }\n\n const hasChunks = Number(itemsPerLine) > 0;\n const chunks: React.ReactNode[] = hasChunks ? chunk(React.Children.toArray(children), itemsPerLine) : [];\n\n const gap = isVertical\n ? `${innerMainAxisGap} ${innerCrossAxisGap}`\n : `${innerCrossAxisGap} ${innerMainAxisGap}`;\n\n const wrapperGap = isVertical ? `0 ${innerCrossAxisGap}` : `${innerCrossAxisGap} 0`;\n const lineGap = isVertical ? `${innerMainAxisGap} 0` : `0 ${innerMainAxisGap}`;\n\n return (\n <Root\n ref={ref}\n className={cls(className, {\n vertical: isVertical,\n grid: hasMinWidth,\n elastic: hasMinWidth,\n hasChunks,\n })}\n style={\n {\n ...style,\n '--plasma-private-gap': hasChunks ? wrapperGap : gap,\n '--plasma-private-items': String(itemsPerLine),\n '--plasma-private-min-width': String(minColWidth),\n } as CSSProperties & {\n '--plasma-private-gap': string;\n '--plasma-private-items': string;\n '--plasma-private-min-width': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n {...rest}\n >\n {hasChunks &&\n chunks.map((chunkNode) => (\n <Line\n className={cls({\n vertical: isVertical,\n grid: needGrid,\n elastic: hasMinWidth,\n })}\n style={\n {\n '--plasma-private-gap': lineGap,\n } as CSSProperties & {\n '--plasma-private-gap': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n >\n {chunkNode}\n </Line>\n ))}\n {!hasChunks && children}\n </Root>\n );\n },\n );\n\nexport const flowConfig = {\n name: 'Flow',\n tag: 'div',\n layout: flowRoot,\n base,\n defaults: {},\n variations: {},\n};\n"],"names":["flowRoot","Root","forwardRef","_ref","ref","children","className","style","_ref$orientation","orientation","arrangement","alignment","_ref$mainAxisGap","mainAxisGap","_ref$crossAxisGap","crossAxisGap","_ref$minColWidth","minColWidth","itemsPerLine","rest","_objectWithoutProperties","_excluded","isVertical","hasMinWidth","Boolean","needGrid","Number","innerMainAxisGap","isNaN","concat","innerCrossAxisGap","hasChunks","chunks","chunk","React","Children","toArray","gap","wrapperGap","lineGap","createElement","_extends","cls","vertical","grid","elastic","_objectSpread","String","map","chunkNode","Line","flowConfig","name","tag","layout","base","defaults","variations"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import { cx } from '../../utils/index.js';
|
|
4
4
|
import { base } from './Grid.styles.js';
|
|
5
5
|
import { base as base$1 } from './variations/_view/base.js';
|
|
@@ -19,7 +19,7 @@ var gridRoot = function gridRoot(Root) {
|
|
|
19
19
|
var maxWidthToken = maxWidthValue || maxWidth ? {
|
|
20
20
|
'--plasma_private-grid-max-width': maxWidth || maxWidthValue
|
|
21
21
|
} : {};
|
|
22
|
-
return /*#__PURE__*/
|
|
22
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
23
23
|
ref: ref,
|
|
24
24
|
view: view,
|
|
25
25
|
className: cx(viewClass, className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { GridProps } from './Grid.types';\nimport { base } from './Grid.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getGridViewClass } from './utils';\n\nexport const gridRoot = (Root: RootProps<HTMLDivElement, GridProps>) =>\n forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n const { children, view, className, style, maxWidth, ...rest } = props;\n\n const viewClass = getGridViewClass(view || 'default');\n const maxWidthValue = view === 'legacy' ? '90rem' : null;\n const maxWidthToken =\n maxWidthValue || maxWidth\n ? {\n '--plasma_private-grid-max-width': maxWidth || maxWidthValue,\n }\n : {};\n\n return (\n <Root\n ref={ref}\n view={view}\n className={cx(viewClass, className)}\n style={{\n ...maxWidthToken,\n ...style,\n }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const gridConfig = {\n name: 'Grid',\n tag: 'div',\n layout: gridRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["gridRoot","Root","forwardRef","props","ref","children","view","className","style","maxWidth","rest","_objectWithoutProperties","_excluded","viewClass","getGridViewClass","maxWidthValue","maxWidthToken","React","createElement","_extends","cx","_objectSpread","gridConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;IAUaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,IAAA,IAAQC,QAAQ,GAAgDF,KAAK,CAA7DE,QAAQ;MAAEC,IAAI,GAA0CH,KAAK,CAAnDG,IAAI;MAAEC,SAAS,GAA+BJ,KAAK,CAA7CI,SAAS;MAAEC,KAAK,GAAwBL,KAAK,CAAlCK,KAAK;MAAEC,QAAQ,GAAcN,KAAK,CAA3BM,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAErE,IAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACR,IAAI,IAAI,SAAS,CAAC,CAAA;IACrD,IAAMS,aAAa,GAAGT,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AACxD,IAAA,IAAMU,aAAa,GACfD,aAAa,IAAIN,QAAQ,GACnB;MACI,iCAAiC,EAAEA,QAAQ,IAAIM,aAAAA;KAClD,GACD,EAAE,CAAA;AAEZ,IAAA,oBACIE,
|
|
1
|
+
{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { GridProps } from './Grid.types';\nimport { base } from './Grid.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getGridViewClass } from './utils';\n\nexport const gridRoot = (Root: RootProps<HTMLDivElement, GridProps>) =>\n forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n const { children, view, className, style, maxWidth, ...rest } = props;\n\n const viewClass = getGridViewClass(view || 'default');\n const maxWidthValue = view === 'legacy' ? '90rem' : null;\n const maxWidthToken =\n maxWidthValue || maxWidth\n ? {\n '--plasma_private-grid-max-width': maxWidth || maxWidthValue,\n }\n : {};\n\n return (\n <Root\n ref={ref}\n view={view}\n className={cx(viewClass, className)}\n style={{\n ...maxWidthToken,\n ...style,\n }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const gridConfig = {\n name: 'Grid',\n tag: 'div',\n layout: gridRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["gridRoot","Root","forwardRef","props","ref","children","view","className","style","maxWidth","rest","_objectWithoutProperties","_excluded","viewClass","getGridViewClass","maxWidthValue","maxWidthToken","React","createElement","_extends","cx","_objectSpread","gridConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;IAUaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,IAAA,IAAQC,QAAQ,GAAgDF,KAAK,CAA7DE,QAAQ;MAAEC,IAAI,GAA0CH,KAAK,CAAnDG,IAAI;MAAEC,SAAS,GAA+BJ,KAAK,CAA7CI,SAAS;MAAEC,KAAK,GAAwBL,KAAK,CAAlCK,KAAK;MAAEC,QAAQ,GAAcN,KAAK,CAA3BM,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAErE,IAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACR,IAAI,IAAI,SAAS,CAAC,CAAA;IACrD,IAAMS,aAAa,GAAGT,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AACxD,IAAA,IAAMU,aAAa,GACfD,aAAa,IAAIN,QAAQ,GACnB;MACI,iCAAiC,EAAEA,QAAQ,IAAIM,aAAAA;KAClD,GACD,EAAE,CAAA;AAEZ,IAAA,oBACIE,cAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,QAAA,CAAA;AACDf,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEa,EAAE,CAACP,SAAS,EAAEN,SAAS,CAAE;AACpCC,MAAAA,KAAK,EAAAa,cAAA,CAAAA,cAAA,CACEL,EAAAA,EAAAA,aAAa,GACbR,KAAK,CAAA;KAERE,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMiB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzB,QAAQ;AAChB0B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRrB,IAAAA,IAAI,EAAE;AACFsB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxB,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import { cx } from '../../../../utils/index.js';
|
|
4
4
|
import { getColTokens } from '../../utils/index.js';
|
|
5
5
|
import { classes } from '../../Grid.tokens.js';
|
|
@@ -22,7 +22,7 @@ var Col = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
22
22
|
'--plasma_private-grid-col-default-size': size,
|
|
23
23
|
'--plasma_private-grid-col-default-offset': offset
|
|
24
24
|
};
|
|
25
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/React__default.createElement(StyledCol, _extends({
|
|
26
26
|
ref: ref,
|
|
27
27
|
style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultTokens), getColTokens(rest)), style),
|
|
28
28
|
className: cx(classes.col, className)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Col.js","sources":["../../../../../src/components/Grid/ui/Col/Col.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { getColTokens } from '../../utils';\nimport { classes } from '../../Grid.tokens';\n\nimport type { ColProps } from './Col.types';\nimport { StyledCol } from './Col.styles';\n\n/**\n * Блок для размещения контента внутри себя.\n * По дефолту доступные пропсы для задания позиционирования:\n * smallM, mediumS, mediumM, largeS, largeM\n */\nexport const Col = forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n const { className, style, size, offset, ...rest } = props;\n\n const defaultTokens = {\n '--plasma_private-grid-col-default-size': size,\n '--plasma_private-grid-col-default-offset': offset,\n };\n\n return (\n <StyledCol\n ref={ref}\n style={{\n ...defaultTokens,\n ...getColTokens(rest),\n ...style,\n }}\n className={cx(classes.col, className)}\n {...rest}\n />\n );\n});\n"],"names":["Col","forwardRef","props","ref","className","style","size","offset","rest","_objectWithoutProperties","_excluded","defaultTokens","React","createElement","StyledCol","_extends","_objectSpread","getColTokens","cx","classes","col"],"mappings":";;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACO,IAAMA,GAAG,gBAAGC,UAAU,CAA2B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACpE,EAAA,IAAQC,SAAS,GAAmCF,KAAK,CAAjDE,SAAS;IAAEC,KAAK,GAA4BH,KAAK,CAAtCG,KAAK;IAAEC,IAAI,GAAsBJ,KAAK,CAA/BI,IAAI;IAAEC,MAAM,GAAcL,KAAK,CAAzBK,MAAM;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEzD,EAAA,IAAMC,aAAa,GAAG;AAClB,IAAA,wCAAwC,EAAEL,IAAI;AAC9C,IAAA,0CAA0C,EAAEC,MAAAA;GAC/C,CAAA;AAED,EAAA,oBACIK,
|
|
1
|
+
{"version":3,"file":"Col.js","sources":["../../../../../src/components/Grid/ui/Col/Col.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { getColTokens } from '../../utils';\nimport { classes } from '../../Grid.tokens';\n\nimport type { ColProps } from './Col.types';\nimport { StyledCol } from './Col.styles';\n\n/**\n * Блок для размещения контента внутри себя.\n * По дефолту доступные пропсы для задания позиционирования:\n * smallM, mediumS, mediumM, largeS, largeM\n */\nexport const Col = forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n const { className, style, size, offset, ...rest } = props;\n\n const defaultTokens = {\n '--plasma_private-grid-col-default-size': size,\n '--plasma_private-grid-col-default-offset': offset,\n };\n\n return (\n <StyledCol\n ref={ref}\n style={{\n ...defaultTokens,\n ...getColTokens(rest),\n ...style,\n }}\n className={cx(classes.col, className)}\n {...rest}\n />\n );\n});\n"],"names":["Col","forwardRef","props","ref","className","style","size","offset","rest","_objectWithoutProperties","_excluded","defaultTokens","React","createElement","StyledCol","_extends","_objectSpread","getColTokens","cx","classes","col"],"mappings":";;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACO,IAAMA,GAAG,gBAAGC,UAAU,CAA2B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACpE,EAAA,IAAQC,SAAS,GAAmCF,KAAK,CAAjDE,SAAS;IAAEC,KAAK,GAA4BH,KAAK,CAAtCG,KAAK;IAAEC,IAAI,GAAsBJ,KAAK,CAA/BI,IAAI;IAAEC,MAAM,GAAcL,KAAK,CAAzBK,MAAM;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEzD,EAAA,IAAMC,aAAa,GAAG;AAClB,IAAA,wCAAwC,EAAEL,IAAI;AAC9C,IAAA,0CAA0C,EAAEC,MAAAA;GAC/C,CAAA;AAED,EAAA,oBACIK,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACNZ,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,KAAK,EAAAW,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACEL,aAAa,CAAA,EACbM,YAAY,CAACT,IAAI,CAAC,CAAA,EAClBH,KAAK,CACV;AACFD,IAAAA,SAAS,EAAEc,EAAE,CAACC,OAAO,CAACC,GAAG,EAAEhB,SAAS,CAAA;GAChCI,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,CAAC;;;;"}
|
|
@@ -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 { StyledRow } from './Row.styles.js';
|
|
4
4
|
|
|
5
5
|
var _excluded = ["children"];
|
|
@@ -12,7 +12,7 @@ var _excluded = ["children"];
|
|
|
12
12
|
var Row = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
13
13
|
var children = props.children,
|
|
14
14
|
rest = _objectWithoutProperties(props, _excluded);
|
|
15
|
-
return /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/React__default.createElement(StyledRow, _extends({
|
|
16
16
|
ref: ref
|
|
17
17
|
}, rest), children);
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sources":["../../../../../src/components/Grid/ui/Row/Row.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { StyledRow } from './Row.styles';\n\n/**\n * Блок для размещения колонок (``<Col />``) по горизонтали.\n * Блок нельзя вкладывать сам в себя, но можно чередовать далее по дереву с использованием ``Col``.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const Row = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>((props, ref) => {\n const { children, ...rest } = props;\n\n return (\n <StyledRow ref={ref} {...rest}>\n {children}\n </StyledRow>\n );\n});\n"],"names":["Row","forwardRef","props","ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledRow","_extends"],"mappings":";;;;;;AAKA;AACA;AACA;AACA;AACA;AACO,IAAMA,GAAG,gBAAGC,UAAU,CAAiD,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC1F,EAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEnC,EAAA,oBACIC,
|
|
1
|
+
{"version":3,"file":"Row.js","sources":["../../../../../src/components/Grid/ui/Row/Row.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { StyledRow } from './Row.styles';\n\n/**\n * Блок для размещения колонок (``<Col />``) по горизонтали.\n * Блок нельзя вкладывать сам в себя, но можно чередовать далее по дереву с использованием ``Col``.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const Row = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>((props, ref) => {\n const { children, ...rest } = props;\n\n return (\n <StyledRow ref={ref} {...rest}>\n {children}\n </StyledRow>\n );\n});\n"],"names":["Row","forwardRef","props","ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledRow","_extends"],"mappings":";;;;;;AAKA;AACA;AACA;AACA;AACA;AACO,IAAMA,GAAG,gBAAGC,UAAU,CAAiD,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC1F,EAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEnC,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AAACR,IAAAA,GAAG,EAAEA,GAAAA;GAASE,EAAAA,IAAI,CACxBD,EAAAA,QACM,CAAC,CAAA;AAEpB,CAAC;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import { StyledImg, StyledDivImg, base } from './Image.styles.js';
|
|
4
4
|
import { ratios } from './Image.utils.js';
|
|
5
5
|
|
|
@@ -32,15 +32,15 @@ var imageRoot = function imageRoot(Root) {
|
|
|
32
32
|
var ratioToken = {
|
|
33
33
|
'--plasma_private-image-pading-bottom': ratio ? "".concat(ratios[ratio], "%") : rootCustomRatio
|
|
34
34
|
};
|
|
35
|
-
return /*#__PURE__*/
|
|
35
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
36
36
|
ref: outerRootRef,
|
|
37
37
|
style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, style), widthToken), heightToken), ratioToken)
|
|
38
|
-
}, rest), base === 'img' && /*#__PURE__*/
|
|
38
|
+
}, rest), base === 'img' && /*#__PURE__*/React__default.createElement(StyledImg, {
|
|
39
39
|
src: src,
|
|
40
40
|
srcSet: srcSet,
|
|
41
41
|
sizes: sizes,
|
|
42
42
|
alt: alt
|
|
43
|
-
}), base === 'div' && /*#__PURE__*/
|
|
43
|
+
}), base === 'div' && /*#__PURE__*/React__default.createElement(StyledDivImg, {
|
|
44
44
|
style: {
|
|
45
45
|
backgroundImage: "url(".concat(src, ")")
|
|
46
46
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { StyledDivImg, StyledImg, base as baseCSS } from './Image.styles';\nimport type { ImageProps } from './Image.types';\nimport { ratios } from './Image.utils';\n\n/**\n * Компонент для отображения картинок.\n */\nexport const imageRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, ImageProps>(\n (\n { src, srcSet, sizes, ratio, customRatio, alt, width, height, base = 'img', style, ...rest },\n outerRootRef,\n ) => {\n const widthToken = {\n '--plasma_private-image-width': width || '100%',\n };\n const heightToken = {\n '--plasma_private-image-height': height || '0',\n };\n const rootCustomRatio = customRatio ? `${customRatio}%` : 'unset';\n const ratioToken = {\n '--plasma_private-image-pading-bottom': ratio ? `${ratios[ratio]}%` : rootCustomRatio,\n };\n\n return (\n <Root\n ref={outerRootRef}\n style={{\n ...style,\n ...widthToken,\n ...heightToken,\n ...ratioToken,\n }}\n {...rest}\n >\n {base === 'img' && <StyledImg src={src} srcSet={srcSet} sizes={sizes} alt={alt} />}\n {base === 'div' && (\n <StyledDivImg style={{ backgroundImage: `url(${src})` }} role=\"img\" aria-label={alt} />\n )}\n </Root>\n );\n },\n );\n\nexport const imageConfig = {\n name: 'Image',\n tag: 'div',\n layout: imageRoot,\n base: baseCSS,\n variations: {},\n defaults: {},\n};\n"],"names":["imageRoot","Root","forwardRef","_ref","outerRootRef","src","srcSet","sizes","ratio","customRatio","alt","width","height","_ref$base","base","style","rest","_objectWithoutProperties","_excluded","widthToken","heightToken","rootCustomRatio","concat","ratioToken","ratios","React","createElement","_extends","ref","_objectSpread","StyledImg","StyledDivImg","backgroundImage","role","imageConfig","name","tag","layout","baseCSS","variations","defaults"],"mappings":";;;;;;;AASA;AACA;AACA;IACaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBACrFC,UAAU,CACN,UAAAC,IAAA,EAEIC,YAAY,EACX;AAAA,IAAA,IAFCC,GAAG,GAAAF,IAAA,CAAHE,GAAG;MAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;MAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;MAAEC,GAAG,GAAAP,IAAA,CAAHO,GAAG;MAAEC,KAAK,GAAAR,IAAA,CAALQ,KAAK;MAAEC,MAAM,GAAAT,IAAA,CAANS,MAAM;MAAAC,SAAA,GAAAV,IAAA,CAAEW,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,SAAA;MAAEE,KAAK,GAAAZ,IAAA,CAALY,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAG1F,IAAA,IAAMC,UAAU,GAAG;MACf,8BAA8B,EAAER,KAAK,IAAI,MAAA;KAC5C,CAAA;AACD,IAAA,IAAMS,WAAW,GAAG;MAChB,+BAA+B,EAAER,MAAM,IAAI,GAAA;KAC9C,CAAA;IACD,IAAMS,eAAe,GAAGZ,WAAW,GAAA,EAAA,CAAAa,MAAA,CAAMb,WAAW,SAAM,OAAO,CAAA;AACjE,IAAA,IAAMc,UAAU,GAAG;MACf,sCAAsC,EAAEf,KAAK,GAAAc,EAAAA,CAAAA,MAAA,CAAME,MAAM,CAAChB,KAAK,CAAC,EAAMa,GAAAA,CAAAA,GAAAA,eAAAA;KACzE,CAAA;AAED,IAAA,oBACII,
|
|
1
|
+
{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { StyledDivImg, StyledImg, base as baseCSS } from './Image.styles';\nimport type { ImageProps } from './Image.types';\nimport { ratios } from './Image.utils';\n\n/**\n * Компонент для отображения картинок.\n */\nexport const imageRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, ImageProps>(\n (\n { src, srcSet, sizes, ratio, customRatio, alt, width, height, base = 'img', style, ...rest },\n outerRootRef,\n ) => {\n const widthToken = {\n '--plasma_private-image-width': width || '100%',\n };\n const heightToken = {\n '--plasma_private-image-height': height || '0',\n };\n const rootCustomRatio = customRatio ? `${customRatio}%` : 'unset';\n const ratioToken = {\n '--plasma_private-image-pading-bottom': ratio ? `${ratios[ratio]}%` : rootCustomRatio,\n };\n\n return (\n <Root\n ref={outerRootRef}\n style={{\n ...style,\n ...widthToken,\n ...heightToken,\n ...ratioToken,\n }}\n {...rest}\n >\n {base === 'img' && <StyledImg src={src} srcSet={srcSet} sizes={sizes} alt={alt} />}\n {base === 'div' && (\n <StyledDivImg style={{ backgroundImage: `url(${src})` }} role=\"img\" aria-label={alt} />\n )}\n </Root>\n );\n },\n );\n\nexport const imageConfig = {\n name: 'Image',\n tag: 'div',\n layout: imageRoot,\n base: baseCSS,\n variations: {},\n defaults: {},\n};\n"],"names":["imageRoot","Root","forwardRef","_ref","outerRootRef","src","srcSet","sizes","ratio","customRatio","alt","width","height","_ref$base","base","style","rest","_objectWithoutProperties","_excluded","widthToken","heightToken","rootCustomRatio","concat","ratioToken","ratios","React","createElement","_extends","ref","_objectSpread","StyledImg","StyledDivImg","backgroundImage","role","imageConfig","name","tag","layout","baseCSS","variations","defaults"],"mappings":";;;;;;;AASA;AACA;AACA;IACaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBACrFC,UAAU,CACN,UAAAC,IAAA,EAEIC,YAAY,EACX;AAAA,IAAA,IAFCC,GAAG,GAAAF,IAAA,CAAHE,GAAG;MAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;MAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;MAAEC,GAAG,GAAAP,IAAA,CAAHO,GAAG;MAAEC,KAAK,GAAAR,IAAA,CAALQ,KAAK;MAAEC,MAAM,GAAAT,IAAA,CAANS,MAAM;MAAAC,SAAA,GAAAV,IAAA,CAAEW,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,SAAA;MAAEE,KAAK,GAAAZ,IAAA,CAALY,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAG1F,IAAA,IAAMC,UAAU,GAAG;MACf,8BAA8B,EAAER,KAAK,IAAI,MAAA;KAC5C,CAAA;AACD,IAAA,IAAMS,WAAW,GAAG;MAChB,+BAA+B,EAAER,MAAM,IAAI,GAAA;KAC9C,CAAA;IACD,IAAMS,eAAe,GAAGZ,WAAW,GAAA,EAAA,CAAAa,MAAA,CAAMb,WAAW,SAAM,OAAO,CAAA;AACjE,IAAA,IAAMc,UAAU,GAAG;MACf,sCAAsC,EAAEf,KAAK,GAAAc,EAAAA,CAAAA,MAAA,CAAME,MAAM,CAAChB,KAAK,CAAC,EAAMa,GAAAA,CAAAA,GAAAA,eAAAA;KACzE,CAAA;AAED,IAAA,oBACII,cAAA,CAAAC,aAAA,CAACzB,IAAI,EAAA0B,QAAA,CAAA;AACDC,MAAAA,GAAG,EAAExB,YAAa;AAClBW,MAAAA,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACEd,KAAK,CACLI,EAAAA,UAAU,CACVC,EAAAA,WAAW,GACXG,UAAU,CAAA;KAEbP,EAAAA,IAAI,CAEPF,EAAAA,IAAI,KAAK,KAAK,iBAAIW,cAAA,CAAAC,aAAA,CAACI,SAAS,EAAA;AAACzB,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,MAAM,EAAEA,MAAO;AAACC,MAAAA,KAAK,EAAEA,KAAM;AAACG,MAAAA,GAAG,EAAEA,GAAAA;KAAM,CAAC,EACjFI,IAAI,KAAK,KAAK,iBACXW,cAAA,CAAAC,aAAA,CAACK,YAAY,EAAA;AAAChB,MAAAA,KAAK,EAAE;QAAEiB,eAAe,EAAA,MAAA,CAAAV,MAAA,CAASjB,GAAG,EAAA,GAAA,CAAA;OAAM;AAAC4B,MAAAA,IAAI,EAAC,KAAK;MAAC,YAAYvB,EAAAA,GAAAA;AAAI,KAAE,CAExF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErC,SAAS;AACjBc,EAAAA,IAAI,EAAEwB,IAAO;EACbC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}
|
|
@@ -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 { base } from './Indicator.styles.js';
|
|
4
4
|
import { base as base$2 } from './variations/_view/base.js';
|
|
5
5
|
import { base as base$1 } from './variations/_size/base.js';
|
|
@@ -10,7 +10,7 @@ var indicatorRoot = function indicatorRoot(Root) {
|
|
|
10
10
|
var size = props.size,
|
|
11
11
|
view = props.view,
|
|
12
12
|
rest = _objectWithoutProperties(props, _excluded);
|
|
13
|
-
return /*#__PURE__*/
|
|
13
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
14
14
|
ref: ref,
|
|
15
15
|
size: size,
|
|
16
16
|
view: view
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Indicator.js","sources":["../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './Indicator.styles';\nimport { IndicatorProps } from './Indicator.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const indicatorRoot = (Root: RootProps<HTMLDivElement, IndicatorProps>) => {\n return forwardRef<HTMLDivElement, IndicatorProps>((props, ref) => {\n const { size, view, ...rest } = props;\n\n return <Root ref={ref} size={size} view={view} {...rest} />;\n });\n};\n\nexport const indicatorConfig = {\n name: 'Indicator',\n tag: 'div',\n layout: indicatorRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["indicatorRoot","Root","forwardRef","props","ref","size","view","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","indicatorConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;IASaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAK;AAC9E,EAAA,oBAAOC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9D,IAAA,IAAQC,IAAI,GAAoBF,KAAK,CAA7BE,IAAI;MAAEC,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBAAOC,
|
|
1
|
+
{"version":3,"file":"Indicator.js","sources":["../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './Indicator.styles';\nimport { IndicatorProps } from './Indicator.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const indicatorRoot = (Root: RootProps<HTMLDivElement, IndicatorProps>) => {\n return forwardRef<HTMLDivElement, IndicatorProps>((props, ref) => {\n const { size, view, ...rest } = props;\n\n return <Root ref={ref} size={size} view={view} {...rest} />;\n });\n};\n\nexport const indicatorConfig = {\n name: 'Indicator',\n tag: 'div',\n layout: indicatorRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["indicatorRoot","Root","forwardRef","props","ref","size","view","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","indicatorConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;IASaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAK;AAC9E,EAAA,oBAAOC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9D,IAAA,IAAQC,IAAI,GAAoBF,KAAK,CAA7BE,IAAI;MAAEC,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBAAOC,cAAA,CAAAC,aAAA,CAACV,IAAI,EAAAW,QAAA,CAAA;AAACR,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;KAAUC,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC/D,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAMM,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhB,aAAa;AACrBiB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRb,IAAAA,IAAI,EAAE;AACFc,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDd,IAAAA,IAAI,EAAE;AACFa,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNjB,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import cls from 'classnames';
|
|
4
4
|
import { base as base$2 } from './variations/_view/base.js';
|
|
5
5
|
import { base as base$1 } from './variations/_size/base.js';
|
|
@@ -45,7 +45,7 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
|
|
|
45
45
|
disabled = _ref.disabled,
|
|
46
46
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
47
47
|
var hasHelpers = leftHelper || rightHelper;
|
|
48
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
49
49
|
ref: ref,
|
|
50
50
|
size: size,
|
|
51
51
|
view: view,
|
|
@@ -53,11 +53,11 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
|
|
|
53
53
|
}, hintText && {
|
|
54
54
|
hintView: hintView,
|
|
55
55
|
hintSize: hintSize
|
|
56
|
-
}, rest), /*#__PURE__*/
|
|
56
|
+
}, rest), /*#__PURE__*/React__default.createElement(LabelWrapper, {
|
|
57
57
|
className: cls(_defineProperty({}, classes.withoutLabel, !label)),
|
|
58
58
|
hasLabel: Boolean(label),
|
|
59
59
|
hasCaption: Boolean(titleCaption)
|
|
60
|
-
}, (labelPlacement === 'top' || !label) && /*#__PURE__*/
|
|
60
|
+
}, (labelPlacement === 'top' || !label) && /*#__PURE__*/React__default.createElement(LabelComponent, {
|
|
61
61
|
size: size,
|
|
62
62
|
hasRequiredIndicator: hasRequiredIndicator,
|
|
63
63
|
requiredIndicatorPlacement: requiredIndicatorPlacement,
|
|
@@ -75,9 +75,9 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
|
|
|
75
75
|
hintWidth: hintWidth,
|
|
76
76
|
hintContentLeft: hintContentLeft,
|
|
77
77
|
disabled: disabled
|
|
78
|
-
}), titleCaption && /*#__PURE__*/
|
|
78
|
+
}), titleCaption && /*#__PURE__*/React__default.createElement(TitleCaption, {
|
|
79
79
|
hasLabel: Boolean(label)
|
|
80
|
-
}, titleCaption)), /*#__PURE__*/
|
|
80
|
+
}, titleCaption)), /*#__PURE__*/React__default.createElement(ContentWrapper, null, Boolean(label) && labelPlacement === 'left' && /*#__PURE__*/React__default.createElement(LabelComponent, {
|
|
81
81
|
hasRequiredIndicator: hasRequiredIndicator,
|
|
82
82
|
requiredIndicatorPlacement: requiredIndicatorPlacement,
|
|
83
83
|
optional: optional,
|
|
@@ -93,7 +93,7 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
|
|
|
93
93
|
hintOffset: hintOffset,
|
|
94
94
|
hintWidth: hintWidth,
|
|
95
95
|
hintContentLeft: hintContentLeft
|
|
96
|
-
}), /*#__PURE__*/
|
|
96
|
+
}), /*#__PURE__*/React__default.createElement(ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/React__default.createElement(Helpers, null, leftHelper && /*#__PURE__*/React__default.createElement(LeftHelper, null, leftHelper), rightHelper && /*#__PURE__*/React__default.createElement(RightHelper, null, rightHelper)))));
|
|
97
97
|
});
|
|
98
98
|
};
|
|
99
99
|
var informationWrapperConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationWrapper.js","sources":["../../../src/components/InformationWrapper/InformationWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport { InformationWrapperProps, InformationWrapperRootProps } from './InformationWrapper.types';\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 hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport {\n base,\n ContentChildrenWrapper,\n ContentWrapper,\n Helpers,\n LabelWrapper,\n LeftHelper,\n RightHelper,\n TitleCaption,\n} from './InformationWrapper.styles';\nimport { LabelComponent } from './ui';\nimport { classes } from './InformationWrapper.tokens';\n\nexport const informationWrapperRoot = (Root: RootProps<HTMLDivElement, InformationWrapperRootProps>) => {\n return forwardRef<HTMLDivElement, InformationWrapperProps>(\n (\n {\n size,\n view,\n children,\n label,\n labelHtmlFor,\n labelPlacement = 'top',\n\n hasRequiredIndicator,\n requiredIndicatorPlacement = 'right',\n optional,\n optionalText,\n\n hintText,\n hintTrigger = 'hover',\n hintView = 'default',\n hintSize = 'm',\n hintTargetIcon,\n hintPlacement = 'auto',\n hintHasArrow,\n hintOffset,\n hintWidth,\n hintContentLeft,\n\n titleCaption,\n leftHelper,\n rightHelper,\n\n disabled,\n\n ...rest\n },\n ref,\n ) => {\n const hasHelpers = leftHelper || rightHelper;\n\n return (\n <Root\n ref={ref}\n size={size}\n view={view}\n disabled={disabled}\n {...(hintText && { hintView, hintSize })}\n {...rest}\n >\n <LabelWrapper\n className={cx({ [classes.withoutLabel]: !label })}\n hasLabel={Boolean(label)}\n hasCaption={Boolean(titleCaption)}\n >\n {(labelPlacement === 'top' || !label) && (\n <LabelComponent\n size={size}\n hasRequiredIndicator={hasRequiredIndicator}\n requiredIndicatorPlacement={requiredIndicatorPlacement}\n optional={optional}\n optionalText={optionalText}\n label={label}\n labelHtmlFor={labelHtmlFor}\n titleCaption={titleCaption}\n hintText={hintText}\n hintTrigger={hintTrigger}\n hintTargetIcon={hintTargetIcon}\n hintPlacement={hintPlacement}\n hintHasArrow={hintHasArrow}\n hintOffset={hintOffset}\n hintWidth={hintWidth}\n hintContentLeft={hintContentLeft}\n disabled={disabled}\n />\n )}\n {titleCaption && <TitleCaption hasLabel={Boolean(label)}>{titleCaption}</TitleCaption>}\n </LabelWrapper>\n <ContentWrapper>\n {Boolean(label) && labelPlacement === 'left' && (\n <LabelComponent\n hasRequiredIndicator={hasRequiredIndicator}\n requiredIndicatorPlacement={requiredIndicatorPlacement}\n optional={optional}\n optionalText={optionalText}\n label={label}\n labelHtmlFor={labelHtmlFor}\n titleCaption={titleCaption}\n hintText={hintText}\n hintTrigger={hintTrigger}\n hintTargetIcon={hintTargetIcon}\n hintPlacement={hintPlacement}\n hintHasArrow={hintHasArrow}\n hintOffset={hintOffset}\n hintWidth={hintWidth}\n hintContentLeft={hintContentLeft}\n />\n )}\n <ContentChildrenWrapper>\n {children}\n {hasHelpers && (\n <Helpers>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n {rightHelper && <RightHelper>{rightHelper}</RightHelper>}\n </Helpers>\n )}\n </ContentChildrenWrapper>\n </ContentWrapper>\n </Root>\n );\n },\n );\n};\n\nexport const informationWrapperConfig = {\n name: 'InformationWrapper',\n tag: 'div',\n layout: informationWrapperRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n hintView: {\n css: hintViewCSS,\n },\n hintSize: {\n css: hintSizeCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["informationWrapperRoot","Root","forwardRef","_ref","ref","size","view","children","label","labelHtmlFor","_ref$labelPlacement","labelPlacement","hasRequiredIndicator","_ref$requiredIndicato","requiredIndicatorPlacement","optional","optionalText","hintText","_ref$hintTrigger","hintTrigger","_ref$hintView","hintView","_ref$hintSize","hintSize","hintTargetIcon","_ref$hintPlacement","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","titleCaption","leftHelper","rightHelper","disabled","rest","_objectWithoutProperties","_excluded","hasHelpers","React","createElement","_extends","LabelWrapper","className","cx","_defineProperty","classes","withoutLabel","hasLabel","Boolean","hasCaption","LabelComponent","TitleCaption","ContentWrapper","ContentChildrenWrapper","Helpers","LeftHelper","RightHelper","informationWrapperConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InformationWrapper.js","sources":["../../../src/components/InformationWrapper/InformationWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport { InformationWrapperProps, InformationWrapperRootProps } from './InformationWrapper.types';\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 hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport {\n base,\n ContentChildrenWrapper,\n ContentWrapper,\n Helpers,\n LabelWrapper,\n LeftHelper,\n RightHelper,\n TitleCaption,\n} from './InformationWrapper.styles';\nimport { LabelComponent } from './ui';\nimport { classes } from './InformationWrapper.tokens';\n\nexport const informationWrapperRoot = (Root: RootProps<HTMLDivElement, InformationWrapperRootProps>) => {\n return forwardRef<HTMLDivElement, InformationWrapperProps>(\n (\n {\n size,\n view,\n children,\n label,\n labelHtmlFor,\n labelPlacement = 'top',\n\n hasRequiredIndicator,\n requiredIndicatorPlacement = 'right',\n optional,\n optionalText,\n\n hintText,\n hintTrigger = 'hover',\n hintView = 'default',\n hintSize = 'm',\n hintTargetIcon,\n hintPlacement = 'auto',\n hintHasArrow,\n hintOffset,\n hintWidth,\n hintContentLeft,\n\n titleCaption,\n leftHelper,\n rightHelper,\n\n disabled,\n\n ...rest\n },\n ref,\n ) => {\n const hasHelpers = leftHelper || rightHelper;\n\n return (\n <Root\n ref={ref}\n size={size}\n view={view}\n disabled={disabled}\n {...(hintText && { hintView, hintSize })}\n {...rest}\n >\n <LabelWrapper\n className={cx({ [classes.withoutLabel]: !label })}\n hasLabel={Boolean(label)}\n hasCaption={Boolean(titleCaption)}\n >\n {(labelPlacement === 'top' || !label) && (\n <LabelComponent\n size={size}\n hasRequiredIndicator={hasRequiredIndicator}\n requiredIndicatorPlacement={requiredIndicatorPlacement}\n optional={optional}\n optionalText={optionalText}\n label={label}\n labelHtmlFor={labelHtmlFor}\n titleCaption={titleCaption}\n hintText={hintText}\n hintTrigger={hintTrigger}\n hintTargetIcon={hintTargetIcon}\n hintPlacement={hintPlacement}\n hintHasArrow={hintHasArrow}\n hintOffset={hintOffset}\n hintWidth={hintWidth}\n hintContentLeft={hintContentLeft}\n disabled={disabled}\n />\n )}\n {titleCaption && <TitleCaption hasLabel={Boolean(label)}>{titleCaption}</TitleCaption>}\n </LabelWrapper>\n <ContentWrapper>\n {Boolean(label) && labelPlacement === 'left' && (\n <LabelComponent\n hasRequiredIndicator={hasRequiredIndicator}\n requiredIndicatorPlacement={requiredIndicatorPlacement}\n optional={optional}\n optionalText={optionalText}\n label={label}\n labelHtmlFor={labelHtmlFor}\n titleCaption={titleCaption}\n hintText={hintText}\n hintTrigger={hintTrigger}\n hintTargetIcon={hintTargetIcon}\n hintPlacement={hintPlacement}\n hintHasArrow={hintHasArrow}\n hintOffset={hintOffset}\n hintWidth={hintWidth}\n hintContentLeft={hintContentLeft}\n />\n )}\n <ContentChildrenWrapper>\n {children}\n {hasHelpers && (\n <Helpers>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n {rightHelper && <RightHelper>{rightHelper}</RightHelper>}\n </Helpers>\n )}\n </ContentChildrenWrapper>\n </ContentWrapper>\n </Root>\n );\n },\n );\n};\n\nexport const informationWrapperConfig = {\n name: 'InformationWrapper',\n tag: 'div',\n layout: informationWrapperRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n hintView: {\n css: hintViewCSS,\n },\n hintSize: {\n css: hintSizeCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["informationWrapperRoot","Root","forwardRef","_ref","ref","size","view","children","label","labelHtmlFor","_ref$labelPlacement","labelPlacement","hasRequiredIndicator","_ref$requiredIndicato","requiredIndicatorPlacement","optional","optionalText","hintText","_ref$hintTrigger","hintTrigger","_ref$hintView","hintView","_ref$hintSize","hintSize","hintTargetIcon","_ref$hintPlacement","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","titleCaption","leftHelper","rightHelper","disabled","rest","_objectWithoutProperties","_excluded","hasHelpers","React","createElement","_extends","LabelWrapper","className","cx","_defineProperty","classes","withoutLabel","hasLabel","Boolean","hasCaption","LabelComponent","TitleCaption","ContentWrapper","ContentChildrenWrapper","Helpers","LeftHelper","RightHelper","informationWrapperConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import { Hint, HintTargetWrapper, HintIconWrapper } from '../../InformationWrapper.styles.js';
|
|
4
4
|
import { tokens } from '../../InformationWrapper.tokens.js';
|
|
5
5
|
import { safeUseId } from '../../../../utils/react.js';
|
|
@@ -33,13 +33,13 @@ var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
33
33
|
} : {
|
|
34
34
|
onClick: handleHintClick
|
|
35
35
|
};
|
|
36
|
-
return /*#__PURE__*/
|
|
36
|
+
return /*#__PURE__*/React__default.createElement(Hint, {
|
|
37
37
|
ref: ref,
|
|
38
38
|
text: String(hintText),
|
|
39
39
|
opened: isHintVisible,
|
|
40
|
-
target: /*#__PURE__*/
|
|
40
|
+
target: /*#__PURE__*/React__default.createElement(HintTargetWrapper, null, /*#__PURE__*/React__default.createElement(HintIconWrapper, _extends({
|
|
41
41
|
id: hintId
|
|
42
|
-
}, hintTriggerHandler), hintTargetIcon || /*#__PURE__*/
|
|
42
|
+
}, hintTriggerHandler), hintTargetIcon || /*#__PURE__*/React__default.createElement(IconInfoCircleOutline, {
|
|
43
43
|
size: getInfoIconSize(),
|
|
44
44
|
color: "inherit",
|
|
45
45
|
sizeCustomProperty: tokens.hintCustomIconTargetSize
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hint.js","sources":["../../../../../src/components/InformationWrapper/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../InformationWrapper.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nimport type { HintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, HintProps>(\n (\n {\n hintText,\n isHintVisible,\n hintTrigger,\n hintTargetIcon,\n hintPlacement,\n hintHasArrow,\n hintOffset,\n hintWidth,\n hintContentLeft,\n withoutLabel,\n size,\n handleHintShow,\n handleHintHide,\n handleHintClick,\n },\n ref,\n ) => {\n const hintId = safeUseId();\n\n const getInfoIconSize = () => {\n if (!withoutLabel || size === 'xs') {\n return 'xs';\n }\n\n return 's';\n };\n\n const hintTriggerHandler =\n hintTrigger === 'hover'\n ? {\n onMouseEnter: handleHintShow,\n onMouseLeave: handleHintHide,\n }\n : { onClick: handleHintClick };\n\n return (\n <Hint\n ref={ref}\n text={String(hintText)}\n opened={isHintVisible}\n target={\n <HintTargetWrapper>\n <HintIconWrapper id={hintId} {...hintTriggerHandler}>\n {hintTargetIcon || (\n <IconInfoCircleOutline\n size={getInfoIconSize()}\n color=\"inherit\"\n sizeCustomProperty={tokens.hintCustomIconTargetSize}\n />\n )}\n </HintIconWrapper>\n </HintTargetWrapper>\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintWidth}\n maxWidth={hintWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n />\n );\n },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","withoutLabel","size","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","getInfoIconSize","hintTriggerHandler","onMouseEnter","onMouseLeave","onClick","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","IconInfoCircleOutline","color","sizeCustomProperty","tokens","hintCustomIconTargetSize","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;AASO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAiBIC,GAAG,EACF;AAAA,EAAA,IAhBGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IACJC,cAAc,GAAAb,IAAA,CAAda,cAAc;IACdC,cAAc,GAAAd,IAAA,CAAdc,cAAc;IACdC,eAAe,GAAAf,IAAA,CAAfe,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAS;AAC1B,IAAA,IAAI,CAACP,YAAY,IAAIC,IAAI,KAAK,IAAI,EAAE;AAChC,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,OAAO,GAAG,CAAA;GACb,CAAA;AAED,EAAA,IAAMO,kBAAkB,GACpBf,WAAW,KAAK,OAAO,GACjB;AACIgB,IAAAA,YAAY,EAAEP,cAAc;AAC5BQ,IAAAA,YAAY,EAAEP,cAAAA;AAClB,GAAC,GACD;AAAEQ,IAAAA,OAAO,EAAEP,eAAAA;GAAiB,CAAA;AAEtC,EAAA,oBACIQ,
|
|
1
|
+
{"version":3,"file":"Hint.js","sources":["../../../../../src/components/InformationWrapper/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../InformationWrapper.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nimport type { HintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, HintProps>(\n (\n {\n hintText,\n isHintVisible,\n hintTrigger,\n hintTargetIcon,\n hintPlacement,\n hintHasArrow,\n hintOffset,\n hintWidth,\n hintContentLeft,\n withoutLabel,\n size,\n handleHintShow,\n handleHintHide,\n handleHintClick,\n },\n ref,\n ) => {\n const hintId = safeUseId();\n\n const getInfoIconSize = () => {\n if (!withoutLabel || size === 'xs') {\n return 'xs';\n }\n\n return 's';\n };\n\n const hintTriggerHandler =\n hintTrigger === 'hover'\n ? {\n onMouseEnter: handleHintShow,\n onMouseLeave: handleHintHide,\n }\n : { onClick: handleHintClick };\n\n return (\n <Hint\n ref={ref}\n text={String(hintText)}\n opened={isHintVisible}\n target={\n <HintTargetWrapper>\n <HintIconWrapper id={hintId} {...hintTriggerHandler}>\n {hintTargetIcon || (\n <IconInfoCircleOutline\n size={getInfoIconSize()}\n color=\"inherit\"\n sizeCustomProperty={tokens.hintCustomIconTargetSize}\n />\n )}\n </HintIconWrapper>\n </HintTargetWrapper>\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintWidth}\n maxWidth={hintWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n />\n );\n },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","withoutLabel","size","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","getInfoIconSize","hintTriggerHandler","onMouseEnter","onMouseLeave","onClick","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","IconInfoCircleOutline","color","sizeCustomProperty","tokens","hintCustomIconTargetSize","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;AASO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAiBIC,GAAG,EACF;AAAA,EAAA,IAhBGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IACJC,cAAc,GAAAb,IAAA,CAAda,cAAc;IACdC,cAAc,GAAAd,IAAA,CAAdc,cAAc;IACdC,eAAe,GAAAf,IAAA,CAAfe,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAS;AAC1B,IAAA,IAAI,CAACP,YAAY,IAAIC,IAAI,KAAK,IAAI,EAAE;AAChC,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,OAAO,GAAG,CAAA;GACb,CAAA;AAED,EAAA,IAAMO,kBAAkB,GACpBf,WAAW,KAAK,OAAO,GACjB;AACIgB,IAAAA,YAAY,EAAEP,cAAc;AAC5BQ,IAAAA,YAAY,EAAEP,cAAAA;AAClB,GAAC,GACD;AAAEQ,IAAAA,OAAO,EAAEP,eAAAA;GAAiB,CAAA;AAEtC,EAAA,oBACIQ,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDxB,IAAAA,GAAG,EAAEA,GAAI;AACTyB,IAAAA,IAAI,EAAEC,MAAM,CAACzB,QAAQ,CAAE;AACvB0B,IAAAA,MAAM,EAAEzB,aAAc;AACtB0B,IAAAA,MAAM,eACFN,cAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AAACC,MAAAA,EAAE,EAAEjB,MAAAA;KAAYG,EAAAA,kBAAkB,GAC9Cd,cAAc,iBACXkB,cAAA,CAAAC,aAAA,CAACU,qBAAqB,EAAA;MAClBtB,IAAI,EAAEM,eAAe,EAAG;AACxBiB,MAAAA,KAAK,EAAC,SAAS;MACfC,kBAAkB,EAAEC,MAAM,CAACC,wBAAAA;KAC9B,CAEQ,CACF,CACtB;AACDC,IAAAA,SAAS,EAAEjC,aAAc;AACzBkC,IAAAA,QAAQ,EAAEjC,YAAa;AACvBkC,IAAAA,MAAM,EAAEjC,UAAW;AACnBkC,IAAAA,QAAQ,EAAEjC,SAAU;AACpBkC,IAAAA,QAAQ,EAAElC,SAAU;AACpBmC,IAAAA,WAAW,EAAElC,eAAgB;AAC7BmC,IAAAA,KAAK,EAAE7B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { useState, useRef } from 'react';
|
|
3
3
|
import cls from 'classnames';
|
|
4
4
|
import { IndicatorWrapper, Label, HintWrapper, Indicator, OptionalText } from '../../InformationWrapper.styles.js';
|
|
5
5
|
import { HintComponent } from '../Hint/Hint.js';
|
|
@@ -55,14 +55,14 @@ var LabelComponent = function LabelComponent(_ref) {
|
|
|
55
55
|
setIsHintVisible(true);
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/React__default.createElement(IndicatorWrapper, {
|
|
59
59
|
hasLabel: Boolean(label)
|
|
60
|
-
}, /*#__PURE__*/
|
|
60
|
+
}, /*#__PURE__*/React__default.createElement(Label, {
|
|
61
61
|
htmlFor: labelHtmlFor
|
|
62
|
-
}, label), hintText && /*#__PURE__*/
|
|
62
|
+
}, label), hintText && /*#__PURE__*/React__default.createElement(HintWrapper, {
|
|
63
63
|
className: cls(_defineProperty({}, classes.withoutLabel, !label)),
|
|
64
64
|
hasCaption: Boolean(titleCaption)
|
|
65
|
-
}, /*#__PURE__*/
|
|
65
|
+
}, /*#__PURE__*/React__default.createElement(HintComponent, {
|
|
66
66
|
ref: hintRef,
|
|
67
67
|
size: size,
|
|
68
68
|
hintText: hintText,
|
|
@@ -78,10 +78,10 @@ var LabelComponent = function LabelComponent(_ref) {
|
|
|
78
78
|
handleHintShow: handleHintShow,
|
|
79
79
|
handleHintHide: handleHintHide,
|
|
80
80
|
handleHintClick: handleHintClick
|
|
81
|
-
})), hasRequiredIndicator && /*#__PURE__*/
|
|
81
|
+
})), hasRequiredIndicator && /*#__PURE__*/React__default.createElement(Indicator, {
|
|
82
82
|
className: cls(requiredPlacementClass, _defineProperty({}, classes.withoutLabel, !label)),
|
|
83
83
|
hasCaption: Boolean(titleCaption)
|
|
84
|
-
}), innerOptional && /*#__PURE__*/
|
|
84
|
+
}), innerOptional && /*#__PURE__*/React__default.createElement(OptionalText, null, optionalText));
|
|
85
85
|
};
|
|
86
86
|
|
|
87
87
|
export { LabelComponent };
|