@lidofinance/lido-ui 3.32.0 → 3.34.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/dist/cjs/accordion/Accordion.js +6 -3
- package/dist/cjs/accordion/Accordion.js.map +1 -1
- package/dist/cjs/accordion/AccordionStyles.js +8 -8
- package/dist/cjs/accordion/AccordionStyles.js.map +1 -1
- package/dist/cjs/accordion/useExpanded.js.map +1 -1
- package/dist/cjs/address/Address.js +2 -1
- package/dist/cjs/address/Address.js.map +1 -1
- package/dist/cjs/address/AddressStyles.js.map +1 -1
- package/dist/cjs/address/trimAddress.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadge.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadgeStyles.js.map +1 -1
- package/dist/cjs/block/Block.js.map +1 -1
- package/dist/cjs/block/BlockStyles.js.map +1 -1
- package/dist/cjs/block/types.js.map +1 -1
- package/dist/cjs/box/Box.js.map +1 -1
- package/dist/cjs/button/Button.js.map +1 -1
- package/dist/cjs/button/ButtonIcon.js.map +1 -1
- package/dist/cjs/button/ButtonIconStyles.js.map +1 -1
- package/dist/cjs/button/ButtonStyles.js +42 -46
- package/dist/cjs/button/ButtonStyles.js.map +1 -1
- package/dist/cjs/button/types.js.map +1 -1
- package/dist/cjs/button/useRipple.js +1 -1
- package/dist/cjs/button/useRipple.js.map +1 -1
- package/dist/cjs/chart-line/ChartLine.js +0 -3
- package/dist/cjs/chart-line/ChartLine.js.map +1 -1
- package/dist/cjs/chart-line/ChartLineLabel.js +0 -1
- package/dist/cjs/chart-line/ChartLineLabel.js.map +1 -1
- package/dist/cjs/chart-line/ChartLineStyles.js +16 -28
- package/dist/cjs/chart-line/ChartLineStyles.js.map +1 -1
- package/dist/cjs/chart-line/types.js.map +1 -1
- package/dist/cjs/chart-line/utils/checkViewport.js +1 -0
- package/dist/cjs/chart-line/utils/checkViewport.js.map +1 -1
- package/dist/cjs/chart-line/utils/constants.js.map +1 -1
- package/dist/cjs/chart-line/utils/getContainerSize.js +0 -2
- package/dist/cjs/chart-line/utils/getContainerSize.js.map +1 -1
- package/dist/cjs/chart-line/utils/handlePositioning.js +30 -32
- package/dist/cjs/chart-line/utils/handlePositioning.js.map +1 -1
- package/dist/cjs/chart-line/utils/processData.js +2 -1
- package/dist/cjs/chart-line/utils/processData.js.map +1 -1
- package/dist/cjs/chart-proportion/ChartProportion.js +0 -2
- package/dist/cjs/chart-proportion/ChartProportion.js.map +1 -1
- package/dist/cjs/chart-proportion/ChartProportionStyles.js +0 -5
- package/dist/cjs/chart-proportion/ChartProportionStyles.js.map +1 -1
- package/dist/cjs/chart-proportion/types.js.map +1 -1
- package/dist/cjs/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/checkbox/CheckboxStyles.js.map +1 -1
- package/dist/cjs/chip/Chip.js.map +1 -1
- package/dist/cjs/chip/ChipStyles.js.map +1 -1
- package/dist/cjs/chip/types.js.map +1 -1
- package/dist/cjs/container/Container.js.map +1 -1
- package/dist/cjs/container/ContainerStyles.js.map +1 -1
- package/dist/cjs/container/types.js.map +1 -1
- package/dist/cjs/content-theme/content-theme.js +4 -2
- package/dist/cjs/content-theme/content-theme.js.map +1 -1
- package/dist/cjs/content-theme/styles.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/cookie-theme-toggler.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/styles.js.map +1 -1
- package/dist/cjs/cookies-tooltip/constants.js.map +1 -1
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js +4 -3
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/cjs/cookies-tooltip/styles.js.map +1 -1
- package/dist/cjs/cookies-tooltip/utils.js +2 -7
- package/dist/cjs/cookies-tooltip/utils.js.map +1 -1
- package/dist/cjs/data-table/DataTable.js.map +1 -1
- package/dist/cjs/data-table/DataTableStyles.js.map +1 -1
- package/dist/cjs/divider/Divider.js.map +1 -1
- package/dist/cjs/divider/DividerStyles.js +0 -1
- package/dist/cjs/divider/DividerStyles.js.map +1 -1
- package/dist/cjs/divider/types.js.map +1 -1
- package/dist/cjs/heading/Heading.js.map +1 -1
- package/dist/cjs/heading/HeadingStyles.js +0 -2
- package/dist/cjs/heading/HeadingStyles.js.map +1 -1
- package/dist/cjs/heading/types.js.map +1 -1
- package/dist/cjs/hooks/useBreakpoint.js +0 -2
- package/dist/cjs/hooks/useBreakpoint.js.map +1 -1
- package/dist/cjs/hooks/useEscape.js.map +1 -1
- package/dist/cjs/hooks/useInterceptFocus.js.map +1 -1
- package/dist/cjs/hooks/useIsomorphicLayoutEffect.js +1 -0
- package/dist/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist/cjs/hooks/useLockScroll.js +0 -6
- package/dist/cjs/hooks/useLockScroll.js.map +1 -1
- package/dist/cjs/hooks/useMergeRefs.js.map +1 -1
- package/dist/cjs/hooks/useOutsideClick.js.map +1 -1
- package/dist/cjs/hooks/useSystemTheme.js +0 -2
- package/dist/cjs/hooks/useSystemTheme.js.map +1 -1
- package/dist/cjs/hooks/useWindowSize.js +0 -1
- package/dist/cjs/hooks/useWindowSize.js.map +1 -1
- package/dist/cjs/icons/index.js +1 -0
- package/dist/cjs/icons/index.js.map +1 -1
- package/dist/cjs/identicon/Identicon.js +4 -3
- package/dist/cjs/identicon/Identicon.js.map +1 -1
- package/dist/cjs/identicon/IdenticonBadge.js.map +1 -1
- package/dist/cjs/identicon/IdenticonStyles.js.map +1 -1
- package/dist/cjs/identicon/types.js.map +1 -1
- package/dist/cjs/input/Input.js +0 -1
- package/dist/cjs/input/Input.js.map +1 -1
- package/dist/cjs/input/InputGroup.js.map +1 -1
- package/dist/cjs/input/InputGroupStyles.js.map +1 -1
- package/dist/cjs/input/InputStyles.js +36 -36
- package/dist/cjs/input/InputStyles.js.map +1 -1
- package/dist/cjs/input/LabelStyles.js.map +1 -1
- package/dist/cjs/input/OptionsSlider.js +0 -5
- package/dist/cjs/input/OptionsSlider.js.map +1 -1
- package/dist/cjs/input/SliderInput.js +0 -2
- package/dist/cjs/input/SliderInput.js.map +1 -1
- package/dist/cjs/input/SliderInputStyles.js.map +1 -1
- package/dist/cjs/input/Textarea.js +0 -1
- package/dist/cjs/input/Textarea.js.map +1 -1
- package/dist/cjs/input/types.js.map +1 -1
- package/dist/cjs/lido-logo/LidoLogo.js +2 -1
- package/dist/cjs/lido-logo/LidoLogo.js.map +1 -1
- package/dist/cjs/lido-logo/LidoLogoStyles.js.map +1 -1
- package/dist/cjs/link/Link.js.map +1 -1
- package/dist/cjs/link/LinkStyles.js.map +1 -1
- package/dist/cjs/loaders/InlineLoader.js +0 -2
- package/dist/cjs/loaders/InlineLoader.js.map +1 -1
- package/dist/cjs/loaders/InlineLoaderStyles.js.map +1 -1
- package/dist/cjs/loaders/Loader.js.map +1 -1
- package/dist/cjs/loaders/LoaderStyles.js.map +1 -1
- package/dist/cjs/loaders/types.js.map +1 -1
- package/dist/cjs/main-menu/MainMenu.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuItem.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuItemStyles.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuStyles.js.map +1 -1
- package/dist/cjs/modal/Modal.js +0 -2
- package/dist/cjs/modal/Modal.js.map +1 -1
- package/dist/cjs/modal/ModalButton.js +2 -1
- package/dist/cjs/modal/ModalButton.js.map +1 -1
- package/dist/cjs/modal/ModalButtonStyles.js.map +1 -1
- package/dist/cjs/modal/ModalExtra.js +2 -1
- package/dist/cjs/modal/ModalExtra.js.map +1 -1
- package/dist/cjs/modal/ModalExtraStyles.js.map +1 -1
- package/dist/cjs/modal/ModalOverlay.js +1 -1
- package/dist/cjs/modal/ModalOverlay.js.map +1 -1
- package/dist/cjs/modal/ModalOverlayStyles.js +0 -3
- package/dist/cjs/modal/ModalOverlayStyles.js.map +1 -1
- package/dist/cjs/modal/ModalStyles.js.map +1 -1
- package/dist/cjs/modal/constants.js.map +1 -1
- package/dist/cjs/modal/types.js.map +1 -1
- package/dist/cjs/modal/useModalClose.js.map +1 -1
- package/dist/cjs/modal/useModalFocus.js +0 -3
- package/dist/cjs/modal/useModalFocus.js.map +1 -1
- package/dist/cjs/pagination/Pagination.js +2 -11
- package/dist/cjs/pagination/Pagination.js.map +1 -1
- package/dist/cjs/pagination/PaginationItem.js.map +1 -1
- package/dist/cjs/pagination/PaginationItemStyles.js.map +1 -1
- package/dist/cjs/pagination/getShowingPages.js +2 -29
- package/dist/cjs/pagination/getShowingPages.js.map +1 -1
- package/dist/cjs/pagination/types.js.map +1 -1
- package/dist/cjs/popover/Popover.js.map +1 -1
- package/dist/cjs/popover/PopoverRoot.js +3 -2
- package/dist/cjs/popover/PopoverRoot.js.map +1 -1
- package/dist/cjs/popover/PopoverRootStyles.js +0 -2
- package/dist/cjs/popover/PopoverRootStyles.js.map +1 -1
- package/dist/cjs/popover/PopoverStyles.js +0 -1
- package/dist/cjs/popover/PopoverStyles.js.map +1 -1
- package/dist/cjs/popover/calculatePosition.js +0 -11
- package/dist/cjs/popover/calculatePosition.js.map +1 -1
- package/dist/cjs/popover/constants.js.map +1 -1
- package/dist/cjs/popover/types.js.map +1 -1
- package/dist/cjs/popover/usePopoverPosition.js +2 -1
- package/dist/cjs/popover/usePopoverPosition.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenu.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuItem.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuItemStyles.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuProvider.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuStyles.js.map +1 -1
- package/dist/cjs/popup-menu/constants.js.map +1 -1
- package/dist/cjs/popup-menu/types.js.map +1 -1
- package/dist/cjs/popup-menu/usePopupFocus.js.map +1 -1
- package/dist/cjs/section/Section.js +2 -1
- package/dist/cjs/section/Section.js.map +1 -1
- package/dist/cjs/section/SectionStyles.js.map +1 -1
- package/dist/cjs/select/Option.js.map +1 -1
- package/dist/cjs/select/Select.js.map +1 -1
- package/dist/cjs/select/SelectArrow.js +4 -2
- package/dist/cjs/select/SelectArrow.js.map +1 -1
- package/dist/cjs/select/SelectArrowStyles.js.map +1 -1
- package/dist/cjs/select/SelectIcon.js +2 -1
- package/dist/cjs/select/SelectIcon.js.map +1 -1
- package/dist/cjs/select/SelectIconStyles.js +1 -2
- package/dist/cjs/select/SelectIconStyles.js.map +1 -1
- package/dist/cjs/select/SelectStyles.js.map +1 -1
- package/dist/cjs/select/types.js.map +1 -1
- package/dist/cjs/select/useSelect.js +0 -3
- package/dist/cjs/select/useSelect.js.map +1 -1
- package/dist/cjs/select/useSelectWidth.js.map +1 -1
- package/dist/cjs/service-page/ServicePage.js +2 -1
- package/dist/cjs/service-page/ServicePage.js.map +1 -1
- package/dist/cjs/service-page/ServicePageStyles.js.map +1 -1
- package/dist/cjs/stack/HStack.js.map +1 -1
- package/dist/cjs/stack/Stack.js.map +1 -1
- package/dist/cjs/stack/StackItem.js.map +1 -1
- package/dist/cjs/stack/StackItemStyles.js.map +1 -1
- package/dist/cjs/stack/StackProvider.js.map +1 -1
- package/dist/cjs/stack/StackStyles.js.map +1 -1
- package/dist/cjs/stack/VStack.js.map +1 -1
- package/dist/cjs/stack/types.js.map +1 -1
- package/dist/cjs/styled-system/withStyledSystem.js +3 -2
- package/dist/cjs/styled-system/withStyledSystem.js.map +1 -1
- package/dist/cjs/table/Table.js.map +1 -1
- package/dist/cjs/table/Tbody.js.map +1 -1
- package/dist/cjs/table/Td.js.map +1 -1
- package/dist/cjs/table/Tfoot.js.map +1 -1
- package/dist/cjs/table/Th.js.map +1 -1
- package/dist/cjs/table/Thead.js.map +1 -1
- package/dist/cjs/table/Tr.js.map +1 -1
- package/dist/cjs/table/styles.js +0 -1
- package/dist/cjs/table/styles.js.map +1 -1
- package/dist/cjs/table/types.js.map +1 -1
- package/dist/cjs/text/Text.js.map +1 -1
- package/dist/cjs/text/TextStyles.js +0 -6
- package/dist/cjs/text/TextStyles.js.map +1 -1
- package/dist/cjs/text/types.js.map +1 -1
- package/dist/cjs/theme/base/borders.js.map +1 -1
- package/dist/cjs/theme/base/breakpoints.js.map +1 -1
- package/dist/cjs/theme/base/colors.js.map +1 -1
- package/dist/cjs/theme/base/index.js +2 -1
- package/dist/cjs/theme/base/index.js.map +1 -1
- package/dist/cjs/theme/base/shadows.js.map +1 -1
- package/dist/cjs/theme/base/spacing.js.map +1 -1
- package/dist/cjs/theme/base/transitions.js.map +1 -1
- package/dist/cjs/theme/base/typography.js.map +1 -1
- package/dist/cjs/theme/constants.js.map +1 -1
- package/dist/cjs/theme/cookie-theme-provider.js +34 -30
- package/dist/cjs/theme/cookie-theme-provider.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-fonts.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-colors.js +2 -4
- package/dist/cjs/theme/document-head-contents/element-theme-colors.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-script.js +5 -13
- package/dist/cjs/theme/document-head-contents/element-theme-script.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/index.js.map +1 -1
- package/dist/cjs/theme/hooks.js.map +1 -1
- package/dist/cjs/theme/theme-provider.js +6 -3
- package/dist/cjs/theme/theme-provider.js.map +1 -1
- package/dist/cjs/theme/themes.js +8 -4
- package/dist/cjs/theme/themes.js.map +1 -1
- package/dist/cjs/theme/utils/cookies-migration.js +0 -4
- package/dist/cjs/theme/utils/cookies-migration.js.map +1 -1
- package/dist/cjs/theme/utils/cookies.js +3 -2
- package/dist/cjs/theme/utils/cookies.js.map +1 -1
- package/dist/cjs/theme/utils/generate-css-color-variables.js +0 -4
- package/dist/cjs/theme/utils/generate-css-color-variables.js.map +1 -1
- package/dist/cjs/theme/utils/set-theme-cookie.js +2 -5
- package/dist/cjs/theme/utils/set-theme-cookie.js.map +1 -1
- package/dist/cjs/toast/ToastContainer.js +38 -38
- package/dist/cjs/toast/ToastContainer.js.map +1 -1
- package/dist/cjs/toast/ToastDefault.js +2 -1
- package/dist/cjs/toast/ToastDefault.js.map +1 -1
- package/dist/cjs/toast/ToastError.js +2 -1
- package/dist/cjs/toast/ToastError.js.map +1 -1
- package/dist/cjs/toast/ToastInfo.js +2 -1
- package/dist/cjs/toast/ToastInfo.js.map +1 -1
- package/dist/cjs/toast/ToastPending.js +3 -2
- package/dist/cjs/toast/ToastPending.js.map +1 -1
- package/dist/cjs/toast/ToastPendingStyles.js.map +1 -1
- package/dist/cjs/toast/ToastSuccess.js +2 -1
- package/dist/cjs/toast/ToastSuccess.js.map +1 -1
- package/dist/cjs/toast/toastsDefaultOptions.js +8 -4
- package/dist/cjs/toast/toastsDefaultOptions.js.map +1 -1
- package/dist/cjs/tooltip/Tooltip.js +2 -8
- package/dist/cjs/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/tooltip/TooltipStyles.js.map +1 -1
- package/dist/cjs/transition/withTransition.js +4 -3
- package/dist/cjs/transition/withTransition.js.map +1 -1
- package/dist/cjs/utils/cookies-client-side.js +2 -10
- package/dist/cjs/utils/cookies-client-side.js.map +1 -1
- package/dist/cjs/utils/get-top-level-domain.js.map +1 -1
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/modalRoot.js +0 -3
- package/dist/cjs/utils/modalRoot.js.map +1 -1
- package/dist/cjs/utils/styled-components-wrapper.js +2 -0
- package/dist/cjs/utils/styled-components-wrapper.js.map +1 -1
- package/dist/esm/accordion/Accordion.mjs +6 -3
- package/dist/esm/accordion/Accordion.mjs.map +1 -1
- package/dist/esm/accordion/AccordionStyles.mjs +8 -8
- package/dist/esm/accordion/AccordionStyles.mjs.map +1 -1
- package/dist/esm/accordion/useExpanded.mjs.map +1 -1
- package/dist/esm/address/Address.mjs +2 -1
- package/dist/esm/address/Address.mjs.map +1 -1
- package/dist/esm/address/AddressStyles.mjs.map +1 -1
- package/dist/esm/address/trimAddress.mjs.map +1 -1
- package/dist/esm/addressBadge/AddressBadge.mjs.map +1 -1
- package/dist/esm/addressBadge/AddressBadgeStyles.mjs.map +1 -1
- package/dist/esm/block/Block.mjs.map +1 -1
- package/dist/esm/block/BlockStyles.mjs.map +1 -1
- package/dist/esm/block/types.mjs.map +1 -1
- package/dist/esm/box/Box.mjs.map +1 -1
- package/dist/esm/button/Button.mjs.map +1 -1
- package/dist/esm/button/ButtonIcon.mjs.map +1 -1
- package/dist/esm/button/ButtonIconStyles.mjs.map +1 -1
- package/dist/esm/button/ButtonStyles.mjs +42 -46
- package/dist/esm/button/ButtonStyles.mjs.map +1 -1
- package/dist/esm/button/types.mjs.map +1 -1
- package/dist/esm/button/useRipple.mjs +1 -1
- package/dist/esm/button/useRipple.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLine.mjs +0 -3
- package/dist/esm/chart-line/ChartLine.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLineLabel.mjs +0 -1
- package/dist/esm/chart-line/ChartLineLabel.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLineStyles.mjs +16 -28
- package/dist/esm/chart-line/ChartLineStyles.mjs.map +1 -1
- package/dist/esm/chart-line/types.mjs.map +1 -1
- package/dist/esm/chart-line/utils/checkViewport.mjs +1 -0
- package/dist/esm/chart-line/utils/checkViewport.mjs.map +1 -1
- package/dist/esm/chart-line/utils/constants.mjs.map +1 -1
- package/dist/esm/chart-line/utils/getContainerSize.mjs +0 -2
- package/dist/esm/chart-line/utils/getContainerSize.mjs.map +1 -1
- package/dist/esm/chart-line/utils/handlePositioning.mjs +30 -32
- package/dist/esm/chart-line/utils/handlePositioning.mjs.map +1 -1
- package/dist/esm/chart-line/utils/processData.mjs +2 -1
- package/dist/esm/chart-line/utils/processData.mjs.map +1 -1
- package/dist/esm/chart-proportion/ChartProportion.mjs +0 -2
- package/dist/esm/chart-proportion/ChartProportion.mjs.map +1 -1
- package/dist/esm/chart-proportion/ChartProportionStyles.mjs +0 -5
- package/dist/esm/chart-proportion/ChartProportionStyles.mjs.map +1 -1
- package/dist/esm/chart-proportion/types.mjs.map +1 -1
- package/dist/esm/checkbox/Checkbox.mjs.map +1 -1
- package/dist/esm/checkbox/CheckboxStyles.mjs.map +1 -1
- package/dist/esm/chip/Chip.mjs.map +1 -1
- package/dist/esm/chip/ChipStyles.mjs.map +1 -1
- package/dist/esm/chip/types.mjs.map +1 -1
- package/dist/esm/container/Container.mjs.map +1 -1
- package/dist/esm/container/ContainerStyles.mjs.map +1 -1
- package/dist/esm/container/types.mjs.map +1 -1
- package/dist/esm/content-theme/content-theme.mjs +4 -2
- package/dist/esm/content-theme/content-theme.mjs.map +1 -1
- package/dist/esm/content-theme/styles.mjs.map +1 -1
- package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.mjs.map +1 -1
- package/dist/esm/cookie-theme-toggler/styles.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/constants.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs +4 -3
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/styles.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/utils.mjs +2 -7
- package/dist/esm/cookies-tooltip/utils.mjs.map +1 -1
- package/dist/esm/data-table/DataTable.mjs.map +1 -1
- package/dist/esm/data-table/DataTableStyles.mjs.map +1 -1
- package/dist/esm/divider/Divider.mjs.map +1 -1
- package/dist/esm/divider/DividerStyles.mjs +0 -1
- package/dist/esm/divider/DividerStyles.mjs.map +1 -1
- package/dist/esm/divider/types.mjs.map +1 -1
- package/dist/esm/heading/Heading.mjs.map +1 -1
- package/dist/esm/heading/HeadingStyles.mjs +0 -2
- package/dist/esm/heading/HeadingStyles.mjs.map +1 -1
- package/dist/esm/heading/types.mjs.map +1 -1
- package/dist/esm/hooks/useBreakpoint.mjs +0 -2
- package/dist/esm/hooks/useBreakpoint.mjs.map +1 -1
- package/dist/esm/hooks/useEscape.mjs.map +1 -1
- package/dist/esm/hooks/useInterceptFocus.mjs.map +1 -1
- package/dist/esm/hooks/useIsomorphicLayoutEffect.mjs +1 -0
- package/dist/esm/hooks/useIsomorphicLayoutEffect.mjs.map +1 -1
- package/dist/esm/hooks/useLockScroll.mjs +0 -6
- package/dist/esm/hooks/useLockScroll.mjs.map +1 -1
- package/dist/esm/hooks/useMergeRefs.mjs.map +1 -1
- package/dist/esm/hooks/useOutsideClick.mjs.map +1 -1
- package/dist/esm/hooks/useSystemTheme.mjs +0 -2
- package/dist/esm/hooks/useSystemTheme.mjs.map +1 -1
- package/dist/esm/hooks/useWindowSize.mjs +0 -1
- package/dist/esm/hooks/useWindowSize.mjs.map +1 -1
- package/dist/esm/icons/index.mjs +1 -0
- package/dist/esm/icons/index.mjs.map +1 -1
- package/dist/esm/identicon/Identicon.mjs +4 -3
- package/dist/esm/identicon/Identicon.mjs.map +1 -1
- package/dist/esm/identicon/IdenticonBadge.mjs.map +1 -1
- package/dist/esm/identicon/IdenticonStyles.mjs.map +1 -1
- package/dist/esm/identicon/types.mjs.map +1 -1
- package/dist/esm/input/Input.mjs +0 -1
- package/dist/esm/input/Input.mjs.map +1 -1
- package/dist/esm/input/InputGroup.mjs.map +1 -1
- package/dist/esm/input/InputGroupStyles.mjs.map +1 -1
- package/dist/esm/input/InputStyles.mjs +36 -36
- package/dist/esm/input/InputStyles.mjs.map +1 -1
- package/dist/esm/input/LabelStyles.mjs.map +1 -1
- package/dist/esm/input/OptionsSlider.mjs +0 -5
- package/dist/esm/input/OptionsSlider.mjs.map +1 -1
- package/dist/esm/input/SliderInput.mjs +0 -2
- package/dist/esm/input/SliderInput.mjs.map +1 -1
- package/dist/esm/input/SliderInputStyles.mjs.map +1 -1
- package/dist/esm/input/Textarea.mjs +0 -1
- package/dist/esm/input/Textarea.mjs.map +1 -1
- package/dist/esm/input/types.mjs.map +1 -1
- package/dist/esm/lido-logo/LidoLogo.mjs +2 -1
- package/dist/esm/lido-logo/LidoLogo.mjs.map +1 -1
- package/dist/esm/lido-logo/LidoLogoStyles.mjs.map +1 -1
- package/dist/esm/link/Link.mjs.map +1 -1
- package/dist/esm/link/LinkStyles.mjs.map +1 -1
- package/dist/esm/loaders/InlineLoader.mjs +0 -2
- package/dist/esm/loaders/InlineLoader.mjs.map +1 -1
- package/dist/esm/loaders/InlineLoaderStyles.mjs.map +1 -1
- package/dist/esm/loaders/Loader.mjs.map +1 -1
- package/dist/esm/loaders/LoaderStyles.mjs.map +1 -1
- package/dist/esm/loaders/types.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenu.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuItem.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuItemStyles.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuStyles.mjs.map +1 -1
- package/dist/esm/modal/Modal.mjs +0 -2
- package/dist/esm/modal/Modal.mjs.map +1 -1
- package/dist/esm/modal/ModalButton.mjs +2 -1
- package/dist/esm/modal/ModalButton.mjs.map +1 -1
- package/dist/esm/modal/ModalButtonStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalExtra.mjs +2 -1
- package/dist/esm/modal/ModalExtra.mjs.map +1 -1
- package/dist/esm/modal/ModalExtraStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalOverlay.mjs +1 -1
- package/dist/esm/modal/ModalOverlay.mjs.map +1 -1
- package/dist/esm/modal/ModalOverlayStyles.mjs +0 -3
- package/dist/esm/modal/ModalOverlayStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalStyles.mjs.map +1 -1
- package/dist/esm/modal/constants.mjs.map +1 -1
- package/dist/esm/modal/types.mjs.map +1 -1
- package/dist/esm/modal/useModalClose.mjs.map +1 -1
- package/dist/esm/modal/useModalFocus.mjs +0 -3
- package/dist/esm/modal/useModalFocus.mjs.map +1 -1
- package/dist/esm/pagination/Pagination.mjs +2 -11
- package/dist/esm/pagination/Pagination.mjs.map +1 -1
- package/dist/esm/pagination/PaginationItem.mjs.map +1 -1
- package/dist/esm/pagination/PaginationItemStyles.mjs.map +1 -1
- package/dist/esm/pagination/getShowingPages.mjs +2 -29
- package/dist/esm/pagination/getShowingPages.mjs.map +1 -1
- package/dist/esm/pagination/types.mjs.map +1 -1
- package/dist/esm/popover/Popover.mjs.map +1 -1
- package/dist/esm/popover/PopoverRoot.mjs +3 -2
- package/dist/esm/popover/PopoverRoot.mjs.map +1 -1
- package/dist/esm/popover/PopoverRootStyles.mjs +0 -2
- package/dist/esm/popover/PopoverRootStyles.mjs.map +1 -1
- package/dist/esm/popover/PopoverStyles.mjs +0 -1
- package/dist/esm/popover/PopoverStyles.mjs.map +1 -1
- package/dist/esm/popover/calculatePosition.mjs +0 -11
- package/dist/esm/popover/calculatePosition.mjs.map +1 -1
- package/dist/esm/popover/constants.mjs.map +1 -1
- package/dist/esm/popover/types.mjs.map +1 -1
- package/dist/esm/popover/usePopoverPosition.mjs +2 -1
- package/dist/esm/popover/usePopoverPosition.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenu.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuItem.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuItemStyles.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuProvider.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuStyles.mjs.map +1 -1
- package/dist/esm/popup-menu/constants.mjs.map +1 -1
- package/dist/esm/popup-menu/types.mjs.map +1 -1
- package/dist/esm/popup-menu/usePopupFocus.mjs.map +1 -1
- package/dist/esm/section/Section.mjs +2 -1
- package/dist/esm/section/Section.mjs.map +1 -1
- package/dist/esm/section/SectionStyles.mjs.map +1 -1
- package/dist/esm/select/Option.mjs.map +1 -1
- package/dist/esm/select/Select.mjs.map +1 -1
- package/dist/esm/select/SelectArrow.mjs +4 -2
- package/dist/esm/select/SelectArrow.mjs.map +1 -1
- package/dist/esm/select/SelectArrowStyles.mjs.map +1 -1
- package/dist/esm/select/SelectIcon.mjs +2 -1
- package/dist/esm/select/SelectIcon.mjs.map +1 -1
- package/dist/esm/select/SelectIconStyles.mjs +1 -2
- package/dist/esm/select/SelectIconStyles.mjs.map +1 -1
- package/dist/esm/select/SelectStyles.mjs.map +1 -1
- package/dist/esm/select/types.mjs.map +1 -1
- package/dist/esm/select/useSelect.mjs +0 -3
- package/dist/esm/select/useSelect.mjs.map +1 -1
- package/dist/esm/select/useSelectWidth.mjs.map +1 -1
- package/dist/esm/service-page/ServicePage.mjs +2 -1
- package/dist/esm/service-page/ServicePage.mjs.map +1 -1
- package/dist/esm/service-page/ServicePageStyles.mjs.map +1 -1
- package/dist/esm/stack/HStack.mjs.map +1 -1
- package/dist/esm/stack/Stack.mjs.map +1 -1
- package/dist/esm/stack/StackItem.mjs.map +1 -1
- package/dist/esm/stack/StackItemStyles.mjs.map +1 -1
- package/dist/esm/stack/StackProvider.mjs.map +1 -1
- package/dist/esm/stack/StackStyles.mjs.map +1 -1
- package/dist/esm/stack/VStack.mjs.map +1 -1
- package/dist/esm/stack/types.mjs.map +1 -1
- package/dist/esm/styled-system/withStyledSystem.mjs +3 -2
- package/dist/esm/styled-system/withStyledSystem.mjs.map +1 -1
- package/dist/esm/table/Table.mjs.map +1 -1
- package/dist/esm/table/Tbody.mjs.map +1 -1
- package/dist/esm/table/Td.mjs.map +1 -1
- package/dist/esm/table/Tfoot.mjs.map +1 -1
- package/dist/esm/table/Th.mjs.map +1 -1
- package/dist/esm/table/Thead.mjs.map +1 -1
- package/dist/esm/table/Tr.mjs.map +1 -1
- package/dist/esm/table/styles.mjs +0 -1
- package/dist/esm/table/styles.mjs.map +1 -1
- package/dist/esm/table/types.mjs.map +1 -1
- package/dist/esm/text/Text.mjs.map +1 -1
- package/dist/esm/text/TextStyles.mjs +0 -6
- package/dist/esm/text/TextStyles.mjs.map +1 -1
- package/dist/esm/text/types.mjs.map +1 -1
- package/dist/esm/theme/base/borders.mjs.map +1 -1
- package/dist/esm/theme/base/breakpoints.mjs.map +1 -1
- package/dist/esm/theme/base/colors.mjs.map +1 -1
- package/dist/esm/theme/base/index.mjs +2 -1
- package/dist/esm/theme/base/index.mjs.map +1 -1
- package/dist/esm/theme/base/shadows.mjs.map +1 -1
- package/dist/esm/theme/base/spacing.mjs.map +1 -1
- package/dist/esm/theme/base/transitions.mjs.map +1 -1
- package/dist/esm/theme/base/typography.mjs.map +1 -1
- package/dist/esm/theme/constants.mjs.map +1 -1
- package/dist/esm/theme/cookie-theme-provider.mjs +34 -30
- package/dist/esm/theme/cookie-theme-provider.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-fonts.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-colors.mjs +2 -4
- package/dist/esm/theme/document-head-contents/element-theme-colors.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-script.mjs +5 -13
- package/dist/esm/theme/document-head-contents/element-theme-script.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/index.mjs.map +1 -1
- package/dist/esm/theme/hooks.mjs.map +1 -1
- package/dist/esm/theme/theme-provider.mjs +6 -3
- package/dist/esm/theme/theme-provider.mjs.map +1 -1
- package/dist/esm/theme/themes.mjs +8 -4
- package/dist/esm/theme/themes.mjs.map +1 -1
- package/dist/esm/theme/utils/cookies-migration.mjs +0 -4
- package/dist/esm/theme/utils/cookies-migration.mjs.map +1 -1
- package/dist/esm/theme/utils/cookies.mjs +3 -2
- package/dist/esm/theme/utils/cookies.mjs.map +1 -1
- package/dist/esm/theme/utils/generate-css-color-variables.mjs +0 -4
- package/dist/esm/theme/utils/generate-css-color-variables.mjs.map +1 -1
- package/dist/esm/theme/utils/set-theme-cookie.mjs +2 -5
- package/dist/esm/theme/utils/set-theme-cookie.mjs.map +1 -1
- package/dist/esm/toast/ToastContainer.mjs +38 -38
- package/dist/esm/toast/ToastContainer.mjs.map +1 -1
- package/dist/esm/toast/ToastDefault.mjs +2 -1
- package/dist/esm/toast/ToastDefault.mjs.map +1 -1
- package/dist/esm/toast/ToastError.mjs +2 -1
- package/dist/esm/toast/ToastError.mjs.map +1 -1
- package/dist/esm/toast/ToastInfo.mjs +2 -1
- package/dist/esm/toast/ToastInfo.mjs.map +1 -1
- package/dist/esm/toast/ToastPending.mjs +3 -2
- package/dist/esm/toast/ToastPending.mjs.map +1 -1
- package/dist/esm/toast/ToastPendingStyles.mjs.map +1 -1
- package/dist/esm/toast/ToastSuccess.mjs +2 -1
- package/dist/esm/toast/ToastSuccess.mjs.map +1 -1
- package/dist/esm/toast/toastsDefaultOptions.mjs +8 -4
- package/dist/esm/toast/toastsDefaultOptions.mjs.map +1 -1
- package/dist/esm/tooltip/Tooltip.mjs +2 -8
- package/dist/esm/tooltip/Tooltip.mjs.map +1 -1
- package/dist/esm/tooltip/TooltipStyles.mjs.map +1 -1
- package/dist/esm/transition/withTransition.mjs +4 -3
- package/dist/esm/transition/withTransition.mjs.map +1 -1
- package/dist/esm/utils/cookies-client-side.mjs +2 -10
- package/dist/esm/utils/cookies-client-side.mjs.map +1 -1
- package/dist/esm/utils/get-top-level-domain.mjs.map +1 -1
- package/dist/esm/utils/index.mjs +1 -0
- package/dist/esm/utils/index.mjs.map +1 -1
- package/dist/esm/utils/modalRoot.mjs +0 -3
- package/dist/esm/utils/modalRoot.mjs.map +1 -1
- package/dist/esm/utils/styled-components-wrapper.mjs +2 -0
- package/dist/esm/utils/styled-components-wrapper.mjs.map +1 -1
- package/dist/types/accordion/AccordionStyles.d.ts +1 -1
- package/dist/types/checkbox/CheckboxStyles.d.ts +1 -1
- package/dist/types/checkbox/CheckboxStyles.d.ts.map +1 -1
- package/dist/types/cookie-theme-toggler/styles.d.ts +2 -2
- package/dist/types/cookie-theme-toggler/styles.d.ts.map +1 -1
- package/dist/types/data-table/DataTableStyles.d.ts +1 -1
- package/dist/types/data-table/DataTableStyles.d.ts.map +1 -1
- package/dist/types/icons/index.d.ts +83 -83
- package/dist/types/icons/index.d.ts.map +1 -1
- package/dist/types/input/Input.d.ts +1 -1
- package/dist/types/input/OptionsSlider.d.ts +1 -2
- package/dist/types/input/OptionsSlider.d.ts.map +1 -1
- package/dist/types/input/SliderInput.d.ts +1 -2
- package/dist/types/input/SliderInput.d.ts.map +1 -1
- package/dist/types/modal/ModalOverlay.d.ts +2 -2
- package/dist/types/modal/ModalOverlay.d.ts.map +1 -1
- package/dist/types/modal/ModalStyles.d.ts +2 -2
- package/dist/types/popover/PopoverRoot.d.ts +2 -2
- package/dist/types/popover/PopoverRoot.d.ts.map +1 -1
- package/dist/types/popover/PopoverStyles.d.ts +2 -2
- package/dist/types/popover/PopoverStyles.d.ts.map +1 -1
- package/dist/types/popover/usePopoverPosition.d.ts +1 -1
- package/dist/types/popover/usePopoverPosition.d.ts.map +1 -1
- package/dist/types/select/SelectArrowStyles.d.ts +1 -1
- package/dist/types/select/SelectArrowStyles.d.ts.map +1 -1
- package/dist/types/select/SelectIconStyles.d.ts.map +1 -1
- package/dist/types/select/SelectStyles.d.ts +1 -1
- package/dist/types/stack/Stack.d.ts +2 -2
- package/dist/types/table/Td.d.ts +1 -1
- package/dist/types/table/Th.d.ts +1 -1
- package/dist/types/table/styles.d.ts +2 -2
- package/dist/types/table/styles.d.ts.map +1 -1
- package/dist/types/theme/document-head-contents/element-theme-colors.d.ts +1 -2
- package/dist/types/theme/document-head-contents/element-theme-colors.d.ts.map +1 -1
- package/dist/types/theme/document-head-contents/element-theme-script.d.ts +1 -2
- package/dist/types/theme/document-head-contents/element-theme-script.d.ts.map +1 -1
- package/package.json +15 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastContainer.js","sources":["../../../packages/toast/ToastContainer.tsx"],"sourcesContent":["import { ToastContainer as SourceToastContainer } from 'react-toastify'\nimport styled from '../utils/styled-components-wrapper.js'\n\nexport const ToastContainer = styled(SourceToastContainer).attrs({\n draggable: false,\n})`\n /* Animations */\n @keyframes Toastify__trackProgress {\n 0% {\n transform: scaleX(1);\n }\n to {\n transform: scaleX(0);\n }\n }\n\n @keyframes Toastify__bounceInRight {\n 0%,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0);\n }\n 75% {\n transform: translate3d(10px, 0, 0);\n }\n 90% {\n transform: translate3d(-5px, 0, 0);\n }\n to {\n transform: none;\n }\n }\n\n @keyframes Toastify__bounceOutRight {\n 20% {\n opacity: 1;\n transform: translate3d(-20px, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(2000px, 0, 0);\n }\n }\n\n @keyframes Toastify__bounceInLeft {\n 0%,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0);\n }\n 75% {\n transform: translate3d(-10px, 0, 0);\n }\n 90% {\n transform: translate3d(5px, 0, 0);\n }\n to {\n transform: none;\n }\n }\n\n @keyframes Toastify__bounceOutLeft {\n 20% {\n opacity: 1;\n transform: translate3d(20px, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-2000px, 0, 0);\n }\n }\n\n @keyframes Toastify__bounceInUp {\n 0%,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(0, 3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n 75% {\n transform: translate3d(0, 10px, 0);\n }\n 90% {\n transform: translate3d(0, -5px, 0);\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__bounceOutUp {\n 20% {\n transform: translate3d(0, -10px, 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, 20px, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0);\n }\n }\n\n @keyframes Toastify__bounceInDown {\n 0%,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0);\n }\n 75% {\n transform: translate3d(0, -10px, 0);\n }\n 90% {\n transform: translate3d(0, 5px, 0);\n }\n to {\n transform: none;\n }\n }\n\n @keyframes Toastify__bounceOutDown {\n 20% {\n transform: translate3d(0, 10px, 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0);\n }\n }\n\n @keyframes Toastify__slideInRight {\n 0% {\n transform: translate3d(110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__slideInLeft {\n 0% {\n transform: translate3d(-110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__slideInUp {\n 0% {\n transform: translate3d(0, 110%, 0);\n visibility: visible;\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__slideInDown {\n 0% {\n transform: translate3d(0, -110%, 0);\n visibility: visible;\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__slideOutRight {\n 0% {\n transform: translateZ(0);\n }\n to {\n visibility: hidden;\n transform: translate3d(110%, 0, 0);\n }\n }\n\n @keyframes Toastify__slideOutLeft {\n 0% {\n transform: translateZ(0);\n }\n to {\n visibility: hidden;\n transform: translate3d(-110%, 0, 0);\n }\n }\n\n @keyframes Toastify__slideOutDown {\n 0% {\n transform: translateZ(0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, 500px, 0);\n }\n }\n\n @keyframes Toastify__slideOutUp {\n 0% {\n transform: translateZ(0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, -500px, 0);\n }\n }\n\n @keyframes Toastify__flipIn {\n 0% {\n transform: perspective(400px) rotateX(90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotateX(-20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotateX(10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotateX(-5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n\n @keyframes Toastify__flipOut {\n 0% {\n transform: perspective(400px);\n }\n 30% {\n transform: perspective(400px) rotateX(-20deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px) rotateX(90deg);\n opacity: 0;\n }\n }\n /* /Animations */\n\n & {\n width: auto;\n max-width: calc(100vw - ${({ theme }) => 2 * theme.spaceMap.lg}px);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n @media screen and (max-width: 480px) {\n max-width: calc(100vw - ${({ theme }) => 2 * theme.spaceMap.sm}px);\n }\n\n &.Toastify__toast-container {\n z-index: 9999;\n transform: translateZ(9999px);\n position: fixed;\n padding: 4px;\n box-sizing: border-box;\n color: #fff;\n\n /* Positions */\n &--top-left {\n top: ${({ theme }) => theme.spaceMap.lg}px;\n left: ${({ theme }) => theme.spaceMap.lg}px;\n\n @media screen and (max-width: 480px) {\n top: ${({ theme }) => theme.spaceMap.sm}px;\n left: ${({ theme }) => theme.spaceMap.sm}px;\n }\n }\n &--top-center {\n top: ${({ theme }) => theme.spaceMap.lg}px;\n left: 50%;\n transform: translateX(-50%);\n\n @media screen and (max-width: 480px) {\n top: ${({ theme }) => theme.spaceMap.sm}px;\n left: 45%;\n transform: translateX(-40%);\n }\n }\n &--top-right {\n top: ${({ theme }) => theme.spaceMap.lg}px;\n right: ${({ theme }) => theme.spaceMap.lg}px;\n left: auto;\n\n @media screen and (max-width: 480px) {\n top: ${({ theme }) => theme.spaceMap.sm}px;\n right: ${({ theme }) => theme.spaceMap.sm}px;\n transform: none;\n }\n }\n &--bottom-left {\n bottom: ${({ theme }) => theme.spaceMap.lg}px;\n left: ${({ theme }) => theme.spaceMap.lg}px;\n\n @media screen and (max-width: 480px) {\n bottom: ${({ theme }) => theme.spaceMap.sm}px;\n left: ${({ theme }) => theme.spaceMap.sm}px;\n }\n }\n &--bottom-center {\n bottom: ${({ theme }) => theme.spaceMap.lg}px;\n transform: translateX(-50%);\n left: 50%;\n\n @media screen and (max-width: 480px) {\n bottom: ${({ theme }) => theme.spaceMap.sm}px;\n left: 45%;\n transform: translateX(-40%);\n }\n }\n &--bottom-right {\n bottom: ${({ theme }) => theme.spaceMap.lg}px;\n right: ${({ theme }) => theme.spaceMap.lg}px;\n left: auto;\n\n @media screen and (max-width: 480px) {\n bottom: ${({ theme }) => theme.spaceMap.sm}px;\n right: ${({ theme }) => theme.spaceMap.sm}px;\n transform: none;\n }\n }\n /* /Positions */\n }\n }\n\n .Toastify {\n &__toast {\n position: relative;\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n overflow: hidden;\n direction: ltr;\n max-width: 360px;\n max-height: 800px;\n min-height: 0;\n\n border-radius: ${({ theme }) => theme.borderRadiusesMap.md}px;\n box-shadow: ${({ theme }) => theme.boxShadows.xs}\n var(--lido-color-shadowLight);\n margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n padding: ${({ theme }) => theme.spaceMap.sm}px\n ${({ theme }) => theme.spaceMap.md}px;\n background-color: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.3em;\n font-family: inherit;\n cursor: default;\n\n &-body {\n margin: auto 0;\n flex: 1 1 auto;\n padding: 6px;\n }\n\n a,\n a:hover {\n color: currentColor;\n text-decoration: underline;\n }\n }\n\n &--animate {\n animation-fill-mode: both;\n animation-duration: 0.7s;\n }\n\n &__progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n z-index: 9999;\n opacity: 0.7;\n background: rgba(255, 255, 255, 0.25);\n transform-origin: left;\n\n &--animated {\n animation: Toastify__trackProgress linear 1 forwards;\n }\n\n &--controlled {\n transition: transform 0.2s;\n }\n\n &--rtl {\n right: 0;\n left: auto;\n transform-origin: right;\n }\n }\n\n &__toast--rtl {\n direction: rtl;\n }\n\n /* Variants */\n //&__toast--dark {\n // background: #121212;\n // color: #fff;\n //}\n //&__toast--default {\n // background: #fff;\n // color: #aaa;\n //}\n &__toast--info {\n background-color: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n }\n &__toast--error {\n background-color: var(--lido-color-error);\n color: var(--lido-color-errorContrast);\n }\n &__toast--warning {\n background-color: var(--lido-color-warning);\n color: var(--lido-color-warningContrast);\n }\n &__toast--success {\n background-color: var(--lido-color-success);\n color: var(--lido-color-successContrast);\n }\n /* /Variants */\n\n /* For animations */\n &__flip-enter {\n animation-name: Toastify__flipIn;\n }\n\n &__flip-exit {\n animation-name: Toastify__flipOut;\n }\n\n &__bounce-enter--bottom-left,\n &__bounce-enter--top-left {\n animation-name: Toastify__bounceInLeft;\n }\n\n &__bounce-enter--bottom-right,\n &__bounce-enter--top-right {\n animation-name: Toastify__bounceInRight;\n }\n\n &__bounce-enter--top-center {\n animation-name: Toastify__bounceInDown;\n }\n\n &__bounce-enter--bottom-center {\n animation-name: Toastify__bounceInUp;\n }\n\n &__bounce-exit--bottom-left,\n &__bounce-exit--top-left {\n animation-name: Toastify__bounceOutLeft;\n }\n\n &__bounce-exit--bottom-right,\n &__bounce-exit--top-right {\n animation-name: Toastify__bounceOutRight;\n }\n\n &__bounce-exit--top-center {\n animation-name: Toastify__bounceOutUp;\n }\n\n &__bounce-exit--bottom-center {\n animation-name: Toastify__bounceOutDown;\n }\n /* /For animations */\n }\n`\n"],"names":["ToastContainer","styled","SourceToastContainer","attrs","draggable","theme","spaceMap","lg","sm","borderRadiusesMap","md","boxShadows","xs","fontSizesMap"],"mappings":";;;;;;;AAGO,MAAMA,cAAc,GAAGC,+BAAM,CAACC,4BAAD,CAAN,CAA6BC,KAA7B,CAAmC;AAC/DC,EAAAA,SAAS,EAAE,KAAA;AADoD,CAAnC,CAE3B,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC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CAAiC,CAAA;AACrD,iBAAmB,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeE,EAA9B,CAAA;AAAA,CAAiC,CAAA;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAuB,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACI,iBAAN,CAAwBC,EAAvC,CAAA;AAAA,CAA0C,CAAA;AACjE,kBAAoB,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACM,UAAN,CAAiBC,EAAhC,CAAA;AAAA,CAAmC,CAAA;AACvD;AACA,cAAgB,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeM,EAA9B,CAAA;AAAA,CAAiC,CAAA;AACjD,eAAiB,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeE,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAClD,QAAU,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeI,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAC3C;AACA;AACA,iBAAmB,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACQ,YAAN,CAAmBD,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
|
|
1
|
+
{"version":3,"file":"ToastContainer.js","sources":["../../../packages/toast/ToastContainer.tsx"],"sourcesContent":["import { ToastContainer as SourceToastContainer } from 'react-toastify'\nimport styled from '../utils/styled-components-wrapper.js'\n\nexport const ToastContainer = styled(SourceToastContainer).attrs({\n draggable: false,\n})`\n /* Animations */\n @keyframes Toastify__trackProgress {\n 0% {\n transform: scaleX(1);\n }\n to {\n transform: scaleX(0);\n }\n }\n\n @keyframes Toastify__bounceInRight {\n 0%,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0);\n }\n 75% {\n transform: translate3d(10px, 0, 0);\n }\n 90% {\n transform: translate3d(-5px, 0, 0);\n }\n to {\n transform: none;\n }\n }\n\n @keyframes Toastify__bounceOutRight {\n 20% {\n opacity: 1;\n transform: translate3d(-20px, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(2000px, 0, 0);\n }\n }\n\n @keyframes Toastify__bounceInLeft {\n 0%,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0);\n }\n 75% {\n transform: translate3d(-10px, 0, 0);\n }\n 90% {\n transform: translate3d(5px, 0, 0);\n }\n to {\n transform: none;\n }\n }\n\n @keyframes Toastify__bounceOutLeft {\n 20% {\n opacity: 1;\n transform: translate3d(20px, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-2000px, 0, 0);\n }\n }\n\n @keyframes Toastify__bounceInUp {\n 0%,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(0, 3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n 75% {\n transform: translate3d(0, 10px, 0);\n }\n 90% {\n transform: translate3d(0, -5px, 0);\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__bounceOutUp {\n 20% {\n transform: translate3d(0, -10px, 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, 20px, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0);\n }\n }\n\n @keyframes Toastify__bounceInDown {\n 0%,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0);\n }\n 75% {\n transform: translate3d(0, -10px, 0);\n }\n 90% {\n transform: translate3d(0, 5px, 0);\n }\n to {\n transform: none;\n }\n }\n\n @keyframes Toastify__bounceOutDown {\n 20% {\n transform: translate3d(0, 10px, 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0);\n }\n }\n\n @keyframes Toastify__slideInRight {\n 0% {\n transform: translate3d(110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__slideInLeft {\n 0% {\n transform: translate3d(-110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__slideInUp {\n 0% {\n transform: translate3d(0, 110%, 0);\n visibility: visible;\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__slideInDown {\n 0% {\n transform: translate3d(0, -110%, 0);\n visibility: visible;\n }\n to {\n transform: translateZ(0);\n }\n }\n\n @keyframes Toastify__slideOutRight {\n 0% {\n transform: translateZ(0);\n }\n to {\n visibility: hidden;\n transform: translate3d(110%, 0, 0);\n }\n }\n\n @keyframes Toastify__slideOutLeft {\n 0% {\n transform: translateZ(0);\n }\n to {\n visibility: hidden;\n transform: translate3d(-110%, 0, 0);\n }\n }\n\n @keyframes Toastify__slideOutDown {\n 0% {\n transform: translateZ(0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, 500px, 0);\n }\n }\n\n @keyframes Toastify__slideOutUp {\n 0% {\n transform: translateZ(0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, -500px, 0);\n }\n }\n\n @keyframes Toastify__flipIn {\n 0% {\n transform: perspective(400px) rotateX(90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotateX(-20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotateX(10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotateX(-5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n\n @keyframes Toastify__flipOut {\n 0% {\n transform: perspective(400px);\n }\n 30% {\n transform: perspective(400px) rotateX(-20deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px) rotateX(90deg);\n opacity: 0;\n }\n }\n /* /Animations */\n\n & {\n width: auto;\n max-width: calc(100vw - ${({ theme }) => 2 * theme.spaceMap.lg}px);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n @media screen and (max-width: 480px) {\n max-width: calc(100vw - ${({ theme }) => 2 * theme.spaceMap.sm}px);\n }\n\n &.Toastify__toast-container {\n z-index: 9999;\n transform: translateZ(9999px);\n position: fixed;\n padding: 4px;\n box-sizing: border-box;\n color: #fff;\n\n /* Positions */\n &--top-left {\n top: ${({ theme }) => theme.spaceMap.lg}px;\n left: ${({ theme }) => theme.spaceMap.lg}px;\n\n @media screen and (max-width: 480px) {\n top: ${({ theme }) => theme.spaceMap.sm}px;\n left: ${({ theme }) => theme.spaceMap.sm}px;\n }\n }\n &--top-center {\n top: ${({ theme }) => theme.spaceMap.lg}px;\n left: 50%;\n transform: translateX(-50%);\n\n @media screen and (max-width: 480px) {\n top: ${({ theme }) => theme.spaceMap.sm}px;\n left: 45%;\n transform: translateX(-40%);\n }\n }\n &--top-right {\n top: ${({ theme }) => theme.spaceMap.lg}px;\n right: ${({ theme }) => theme.spaceMap.lg}px;\n left: auto;\n\n @media screen and (max-width: 480px) {\n top: ${({ theme }) => theme.spaceMap.sm}px;\n right: ${({ theme }) => theme.spaceMap.sm}px;\n transform: none;\n }\n }\n &--bottom-left {\n bottom: ${({ theme }) => theme.spaceMap.lg}px;\n left: ${({ theme }) => theme.spaceMap.lg}px;\n\n @media screen and (max-width: 480px) {\n bottom: ${({ theme }) => theme.spaceMap.sm}px;\n left: ${({ theme }) => theme.spaceMap.sm}px;\n }\n }\n &--bottom-center {\n bottom: ${({ theme }) => theme.spaceMap.lg}px;\n transform: translateX(-50%);\n left: 50%;\n\n @media screen and (max-width: 480px) {\n bottom: ${({ theme }) => theme.spaceMap.sm}px;\n left: 45%;\n transform: translateX(-40%);\n }\n }\n &--bottom-right {\n bottom: ${({ theme }) => theme.spaceMap.lg}px;\n right: ${({ theme }) => theme.spaceMap.lg}px;\n left: auto;\n\n @media screen and (max-width: 480px) {\n bottom: ${({ theme }) => theme.spaceMap.sm}px;\n right: ${({ theme }) => theme.spaceMap.sm}px;\n transform: none;\n }\n }\n /* /Positions */\n }\n }\n\n .Toastify {\n &__toast {\n position: relative;\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n overflow: hidden;\n direction: ltr;\n max-width: 360px;\n max-height: 800px;\n min-height: 0;\n\n border-radius: ${({ theme }) => theme.borderRadiusesMap.md}px;\n box-shadow: ${({ theme }) => theme.boxShadows.xs}\n var(--lido-color-shadowLight);\n margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n padding: ${({ theme }) => theme.spaceMap.sm}px\n ${({ theme }) => theme.spaceMap.md}px;\n background-color: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.3em;\n font-family: inherit;\n cursor: default;\n\n &-body {\n margin: auto 0;\n flex: 1 1 auto;\n padding: 6px;\n }\n\n a,\n a:hover {\n color: currentColor;\n text-decoration: underline;\n }\n }\n\n &--animate {\n animation-fill-mode: both;\n animation-duration: 0.7s;\n }\n\n &__progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n z-index: 9999;\n opacity: 0.7;\n background: rgba(255, 255, 255, 0.25);\n transform-origin: left;\n\n &--animated {\n animation: Toastify__trackProgress linear 1 forwards;\n }\n\n &--controlled {\n transition: transform 0.2s;\n }\n\n &--rtl {\n right: 0;\n left: auto;\n transform-origin: right;\n }\n }\n\n &__toast--rtl {\n direction: rtl;\n }\n\n /* Variants */\n //&__toast--dark {\n // background: #121212;\n // color: #fff;\n //}\n //&__toast--default {\n // background: #fff;\n // color: #aaa;\n //}\n &__toast--info {\n background-color: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n }\n &__toast--error {\n background-color: var(--lido-color-error);\n color: var(--lido-color-errorContrast);\n }\n &__toast--warning {\n background-color: var(--lido-color-warning);\n color: var(--lido-color-warningContrast);\n }\n &__toast--success {\n background-color: var(--lido-color-success);\n color: var(--lido-color-successContrast);\n }\n /* /Variants */\n\n /* For animations */\n &__flip-enter {\n animation-name: Toastify__flipIn;\n }\n\n &__flip-exit {\n animation-name: Toastify__flipOut;\n }\n\n &__bounce-enter--bottom-left,\n &__bounce-enter--top-left {\n animation-name: Toastify__bounceInLeft;\n }\n\n &__bounce-enter--bottom-right,\n &__bounce-enter--top-right {\n animation-name: Toastify__bounceInRight;\n }\n\n &__bounce-enter--top-center {\n animation-name: Toastify__bounceInDown;\n }\n\n &__bounce-enter--bottom-center {\n animation-name: Toastify__bounceInUp;\n }\n\n &__bounce-exit--bottom-left,\n &__bounce-exit--top-left {\n animation-name: Toastify__bounceOutLeft;\n }\n\n &__bounce-exit--bottom-right,\n &__bounce-exit--top-right {\n animation-name: Toastify__bounceOutRight;\n }\n\n &__bounce-exit--top-center {\n animation-name: Toastify__bounceOutUp;\n }\n\n &__bounce-exit--bottom-center {\n animation-name: Toastify__bounceOutDown;\n }\n /* /For animations */\n }\n`\n"],"names":["ToastContainer","styled","SourceToastContainer","attrs","draggable","_ref","theme","spaceMap","lg","_ref2","sm","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","_ref0","_ref1","_ref10","_ref11","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","_ref18","_ref19","_ref20","_ref21","borderRadiusesMap","md","_ref22","boxShadows","xs","_ref23","_ref24","_ref25","_ref26","fontSizesMap"],"mappings":";;;;;;;AAGO,MAAMA,cAAc,GAAGC,+BAAM,CAACC,4BAAoB,CAAC,CAACC,KAAK,CAAC;AAC/DC,EAAAA,SAAS,EAAE,KAAA;AACb,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC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AAA;AAAM,GAAC,GAAAkC,MAAA,CAAA;AAAA,EAAA,OAAKlC,KAAK,CAACmC,YAAY,CAACL,EAAE,CAAA;AAAA,CAAA,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
|
|
@@ -6,7 +6,8 @@ const reactToastify = require('react-toastify');
|
|
|
6
6
|
const toastsDefaultOptions = require('./toastsDefaultOptions.js');
|
|
7
7
|
|
|
8
8
|
function ToastDefault(content, options) {
|
|
9
|
-
return reactToastify.toast(content, {
|
|
9
|
+
return reactToastify.toast(content, {
|
|
10
|
+
...toastsDefaultOptions.TOASTS_DEFAULT_OPTIONS,
|
|
10
11
|
...(options || {})
|
|
11
12
|
});
|
|
12
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastDefault.js","sources":["../../../packages/toast/ToastDefault.tsx"],"sourcesContent":["import { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_DEFAULT_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastDefault(content: ToastContent, options?: ToastOptions) {\n return toast(content, { ...TOASTS_DEFAULT_OPTIONS, ...(options || {}) })\n}\n"],"names":["ToastDefault","content","options","toast","TOASTS_DEFAULT_OPTIONS"],"mappings":";;;;;;;AAGO,SAASA,
|
|
1
|
+
{"version":3,"file":"ToastDefault.js","sources":["../../../packages/toast/ToastDefault.tsx"],"sourcesContent":["import { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_DEFAULT_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastDefault(content: ToastContent, options?: ToastOptions) {\n return toast(content, { ...TOASTS_DEFAULT_OPTIONS, ...(options || {}) })\n}\n"],"names":["ToastDefault","content","options","toast","TOASTS_DEFAULT_OPTIONS"],"mappings":";;;;;;;AAGO,SAASA,YAAYA,CAACC,OAAqB,EAAEC,OAAsB,EAAE;EAC1E,OAAOC,mBAAK,CAACF,OAAO,EAAE;AAAE,IAAA,GAAGG,2CAAsB;IAAE,IAAIF,OAAO,IAAI,EAAE,CAAA;AAAE,GAAC,CAAC,CAAA;AAC1E;;;;"}
|
|
@@ -6,7 +6,8 @@ const reactToastify = require('react-toastify');
|
|
|
6
6
|
const toastsDefaultOptions = require('./toastsDefaultOptions.js');
|
|
7
7
|
|
|
8
8
|
function ToastError(content, options) {
|
|
9
|
-
return reactToastify.toast.error(content, {
|
|
9
|
+
return reactToastify.toast.error(content, {
|
|
10
|
+
...toastsDefaultOptions.TOASTS_ERROR_OPTIONS,
|
|
10
11
|
...(options || {})
|
|
11
12
|
});
|
|
12
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastError.js","sources":["../../../packages/toast/ToastError.tsx"],"sourcesContent":["import { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_ERROR_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastError(content: ToastContent, options?: ToastOptions) {\n return toast.error(content, { ...TOASTS_ERROR_OPTIONS, ...(options || {}) })\n}\n"],"names":["ToastError","content","options","toast","error","TOASTS_ERROR_OPTIONS"],"mappings":";;;;;;;AAGO,SAASA,
|
|
1
|
+
{"version":3,"file":"ToastError.js","sources":["../../../packages/toast/ToastError.tsx"],"sourcesContent":["import { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_ERROR_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastError(content: ToastContent, options?: ToastOptions) {\n return toast.error(content, { ...TOASTS_ERROR_OPTIONS, ...(options || {}) })\n}\n"],"names":["ToastError","content","options","toast","error","TOASTS_ERROR_OPTIONS"],"mappings":";;;;;;;AAGO,SAASA,UAAUA,CAACC,OAAqB,EAAEC,OAAsB,EAAE;AACxE,EAAA,OAAOC,mBAAK,CAACC,KAAK,CAACH,OAAO,EAAE;AAAE,IAAA,GAAGI,yCAAoB;IAAE,IAAIH,OAAO,IAAI,EAAE,CAAA;AAAE,GAAC,CAAC,CAAA;AAC9E;;;;"}
|
|
@@ -6,7 +6,8 @@ const reactToastify = require('react-toastify');
|
|
|
6
6
|
const toastsDefaultOptions = require('./toastsDefaultOptions.js');
|
|
7
7
|
|
|
8
8
|
function ToastInfo(content, options) {
|
|
9
|
-
return reactToastify.toast.info(content, {
|
|
9
|
+
return reactToastify.toast.info(content, {
|
|
10
|
+
...toastsDefaultOptions.TOASTS_INFO_OPTIONS,
|
|
10
11
|
...(options || {})
|
|
11
12
|
});
|
|
12
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastInfo.js","sources":["../../../packages/toast/ToastInfo.tsx"],"sourcesContent":["import { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_INFO_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastInfo(content: ToastContent, options?: ToastOptions) {\n return toast.info(content, { ...TOASTS_INFO_OPTIONS, ...(options || {}) })\n}\n"],"names":["ToastInfo","content","options","toast","info","TOASTS_INFO_OPTIONS"],"mappings":";;;;;;;AAGO,SAASA,
|
|
1
|
+
{"version":3,"file":"ToastInfo.js","sources":["../../../packages/toast/ToastInfo.tsx"],"sourcesContent":["import { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_INFO_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastInfo(content: ToastContent, options?: ToastOptions) {\n return toast.info(content, { ...TOASTS_INFO_OPTIONS, ...(options || {}) })\n}\n"],"names":["ToastInfo","content","options","toast","info","TOASTS_INFO_OPTIONS"],"mappings":";;;;;;;AAGO,SAASA,SAASA,CAACC,OAAqB,EAAEC,OAAsB,EAAE;AACvE,EAAA,OAAOC,mBAAK,CAACC,IAAI,CAACH,OAAO,EAAE;AAAE,IAAA,GAAGI,wCAAmB;IAAE,IAAIH,OAAO,IAAI,EAAE,CAAA;AAAE,GAAC,CAAC,CAAA;AAC5E;;;;"}
|
|
@@ -8,11 +8,12 @@ const toastsDefaultOptions = require('./toastsDefaultOptions.js');
|
|
|
8
8
|
const jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
10
|
function ToastPending(content, options) {
|
|
11
|
-
return reactToastify.toast(
|
|
11
|
+
return reactToastify.toast(/*#__PURE__*/jsxRuntime.jsxs(ToastPendingStyles.ToastPendingStyle, {
|
|
12
12
|
children: [/*#__PURE__*/jsxRuntime.jsx(ToastPendingStyles.ToastPendingLoaderStyle, {}), /*#__PURE__*/jsxRuntime.jsx(ToastPendingStyles.ToastPendingTextStyle, {
|
|
13
13
|
children: content
|
|
14
14
|
})]
|
|
15
|
-
}), {
|
|
15
|
+
}), {
|
|
16
|
+
...toastsDefaultOptions.TOASTS_PENDING_OPTIONS,
|
|
16
17
|
...(options || {})
|
|
17
18
|
});
|
|
18
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastPending.js","sources":["../../../packages/toast/ToastPending.tsx"],"sourcesContent":["import { toast, ToastOptions } from 'react-toastify'\nimport {\n ToastPendingLoaderStyle,\n ToastPendingStyle,\n ToastPendingTextStyle,\n} from './ToastPendingStyles.js'\nimport { TOASTS_PENDING_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastPending(content: JSX.Element, options?: ToastOptions) {\n return toast(\n <ToastPendingStyle>\n <ToastPendingLoaderStyle />\n {/* eslint-disable-next-line */}\n <ToastPendingTextStyle>{content as any}</ToastPendingTextStyle>\n </ToastPendingStyle>,\n { ...TOASTS_PENDING_OPTIONS, ...(options || {}) },\n )\n}\n"],"names":["ToastPending","content","options","toast","_jsxs","ToastPendingStyle","_jsx","ToastPendingLoaderStyle","ToastPendingTextStyle","TOASTS_PENDING_OPTIONS"],"mappings":";;;;;;;;;AAQO,SAASA,
|
|
1
|
+
{"version":3,"file":"ToastPending.js","sources":["../../../packages/toast/ToastPending.tsx"],"sourcesContent":["import { toast, ToastOptions } from 'react-toastify'\nimport {\n ToastPendingLoaderStyle,\n ToastPendingStyle,\n ToastPendingTextStyle,\n} from './ToastPendingStyles.js'\nimport { TOASTS_PENDING_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastPending(content: JSX.Element, options?: ToastOptions) {\n return toast(\n <ToastPendingStyle>\n <ToastPendingLoaderStyle />\n {/* eslint-disable-next-line */}\n <ToastPendingTextStyle>{content as any}</ToastPendingTextStyle>\n </ToastPendingStyle>,\n { ...TOASTS_PENDING_OPTIONS, ...(options || {}) },\n )\n}\n"],"names":["ToastPending","content","options","toast","_jsxs","ToastPendingStyle","children","_jsx","ToastPendingLoaderStyle","ToastPendingTextStyle","TOASTS_PENDING_OPTIONS"],"mappings":";;;;;;;;;AAQO,SAASA,YAAYA,CAACC,OAAoB,EAAEC,OAAsB,EAAE;AACzE,EAAA,OAAOC,mBAAK,cACVC,eAAA,CAACC,oCAAiB,EAAA;IAAAC,QAAA,EAAA,cAChBC,cAAA,CAACC,0CAAuB,IAAE,CAAC,eAE3BD,cAAA,CAACE,wCAAqB,EAAA;AAAAH,MAAAA,QAAA,EAAEL,OAAAA;AAAO,KAA+B,CAAC,CAAA;AAAA,GAC9C,CAAC,EACpB;AAAE,IAAA,GAAGS,2CAAsB;IAAE,IAAIR,OAAO,IAAI,EAAE,CAAA;AAAE,GAClD,CAAC,CAAA;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastPendingStyles.js","sources":["../../../packages/toast/ToastPendingStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Loader } from '../loaders/index.js'\n\nexport const ToastPendingStyle = styled.div`\n display: flex;\n align-items: center;\n`\n\nexport const ToastPendingTextStyle = styled.div``\n\nexport const ToastPendingLoaderStyle = styled(Loader)`\n margin: ${({ theme }) => -theme.spaceMap.xs}px;\n margin-right: ${({ theme }) => theme.spaceMap.md}px;\n\n svg {\n color: var(--lido-color-accentContrast);\n }\n`\n"],"names":["ToastPendingStyle","styled","div","ToastPendingTextStyle","ToastPendingLoaderStyle","Loader","theme","spaceMap","xs","md"],"mappings":";;;;;;;;AAGaA,MAAAA,iBAAiB,GAAGC,+BAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"ToastPendingStyles.js","sources":["../../../packages/toast/ToastPendingStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Loader } from '../loaders/index.js'\n\nexport const ToastPendingStyle = styled.div`\n display: flex;\n align-items: center;\n`\n\nexport const ToastPendingTextStyle = styled.div``\n\nexport const ToastPendingLoaderStyle = styled(Loader)`\n margin: ${({ theme }) => -theme.spaceMap.xs}px;\n margin-right: ${({ theme }) => theme.spaceMap.md}px;\n\n svg {\n color: var(--lido-color-accentContrast);\n }\n`\n"],"names":["ToastPendingStyle","styled","div","ToastPendingTextStyle","ToastPendingLoaderStyle","Loader","_ref","theme","spaceMap","xs","_ref2","md"],"mappings":";;;;;;;;AAGaA,MAAAA,iBAAiB,GAAGC,+BAAM,CAACC,GAAG,CAAA;AAC3C;AACA;AACA,EAAC;MAEYC,qBAAqB,GAAGF,+BAAM,CAACC,GAAG,CAAE,EAAA;MAEpCE,uBAAuB,GAAGH,+BAAM,CAACI,aAAM,CAAC,CAAA;AACrD,UAAA,EAAYC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAK,CAACC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC7C,gBAAA,EAAkBC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACC,QAAQ,CAACG,EAAE,CAAA;AAAA,CAAA,CAAA;AAClD;AACA;AACA;AACA;AACA;;;;;;"}
|
|
@@ -6,7 +6,8 @@ const reactToastify = require('react-toastify');
|
|
|
6
6
|
const toastsDefaultOptions = require('./toastsDefaultOptions.js');
|
|
7
7
|
|
|
8
8
|
function ToastSuccess(content, options) {
|
|
9
|
-
return reactToastify.toast.success(content, {
|
|
9
|
+
return reactToastify.toast.success(content, {
|
|
10
|
+
...toastsDefaultOptions.TOASTS_SUCCESS_OPTIONS,
|
|
10
11
|
...(options || {})
|
|
11
12
|
});
|
|
12
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastSuccess.js","sources":["../../../packages/toast/ToastSuccess.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_SUCCESS_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastSuccess(\n content: ToastContent,\n options?: ToastOptions,\n): ReactText {\n return toast.success(content, {\n ...TOASTS_SUCCESS_OPTIONS,\n ...(options || {}),\n })\n}\n"],"names":["ToastSuccess","content","options","toast","success","TOASTS_SUCCESS_OPTIONS"],"mappings":";;;;;;;AAIO,SAASA,
|
|
1
|
+
{"version":3,"file":"ToastSuccess.js","sources":["../../../packages/toast/ToastSuccess.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_SUCCESS_OPTIONS } from './toastsDefaultOptions.js'\n\nexport function ToastSuccess(\n content: ToastContent,\n options?: ToastOptions,\n): ReactText {\n return toast.success(content, {\n ...TOASTS_SUCCESS_OPTIONS,\n ...(options || {}),\n })\n}\n"],"names":["ToastSuccess","content","options","toast","success","TOASTS_SUCCESS_OPTIONS"],"mappings":";;;;;;;AAIO,SAASA,YAAYA,CAC1BC,OAAqB,EACrBC,OAAsB,EACX;AACX,EAAA,OAAOC,mBAAK,CAACC,OAAO,CAACH,OAAO,EAAE;AAC5B,IAAA,GAAGI,2CAAsB;IACzB,IAAIH,OAAO,IAAI,EAAE,CAAA;AACnB,GAAC,CAAC,CAAA;AACJ;;;;"}
|
|
@@ -14,15 +14,19 @@ const TOASTS_DEFAULT_OPTIONS = {
|
|
|
14
14
|
autoClose: 6000,
|
|
15
15
|
delay: 0
|
|
16
16
|
};
|
|
17
|
-
const TOASTS_ERROR_OPTIONS = {
|
|
17
|
+
const TOASTS_ERROR_OPTIONS = {
|
|
18
|
+
...TOASTS_DEFAULT_OPTIONS,
|
|
18
19
|
closeOnClick: true
|
|
19
20
|
};
|
|
20
|
-
const TOASTS_SUCCESS_OPTIONS = {
|
|
21
|
+
const TOASTS_SUCCESS_OPTIONS = {
|
|
22
|
+
...TOASTS_DEFAULT_OPTIONS
|
|
21
23
|
};
|
|
22
|
-
const TOASTS_INFO_OPTIONS = {
|
|
24
|
+
const TOASTS_INFO_OPTIONS = {
|
|
25
|
+
...TOASTS_DEFAULT_OPTIONS,
|
|
23
26
|
closeOnClick: true
|
|
24
27
|
};
|
|
25
|
-
const TOASTS_PENDING_OPTIONS = {
|
|
28
|
+
const TOASTS_PENDING_OPTIONS = {
|
|
29
|
+
...TOASTS_DEFAULT_OPTIONS,
|
|
26
30
|
autoClose: false
|
|
27
31
|
};
|
|
28
32
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toastsDefaultOptions.js","sources":["../../../packages/toast/toastsDefaultOptions.ts"],"sourcesContent":["import { toast, ToastOptions } from 'react-toastify'\n\nexport const TOASTS_DEFAULT_OPTIONS: ToastOptions = {\n position: toast.POSITION.BOTTOM_LEFT,\n closeButton: false,\n hideProgressBar: false,\n pauseOnHover: true,\n pauseOnFocusLoss: true,\n closeOnClick: false,\n autoClose: 6000,\n delay: 0,\n}\n\nexport const TOASTS_ERROR_OPTIONS: ToastOptions = {\n ...TOASTS_DEFAULT_OPTIONS,\n closeOnClick: true,\n}\n\nexport const TOASTS_SUCCESS_OPTIONS: ToastOptions = {\n ...TOASTS_DEFAULT_OPTIONS,\n}\n\nexport const TOASTS_INFO_OPTIONS: ToastOptions = {\n ...TOASTS_DEFAULT_OPTIONS,\n closeOnClick: true,\n}\n\nexport const TOASTS_PENDING_OPTIONS: ToastOptions = {\n ...TOASTS_DEFAULT_OPTIONS,\n autoClose: false,\n}\n"],"names":["TOASTS_DEFAULT_OPTIONS","position","toast","POSITION","BOTTOM_LEFT","closeButton","hideProgressBar","pauseOnHover","pauseOnFocusLoss","closeOnClick","autoClose","delay","TOASTS_ERROR_OPTIONS","TOASTS_SUCCESS_OPTIONS","TOASTS_INFO_OPTIONS","TOASTS_PENDING_OPTIONS"],"mappings":";;;;;;AAEO,MAAMA,sBAAoC,GAAG;AAClDC,EAAAA,QAAQ,EAAEC,mBAAK,CAACC,
|
|
1
|
+
{"version":3,"file":"toastsDefaultOptions.js","sources":["../../../packages/toast/toastsDefaultOptions.ts"],"sourcesContent":["import { toast, ToastOptions } from 'react-toastify'\n\nexport const TOASTS_DEFAULT_OPTIONS: ToastOptions = {\n position: toast.POSITION.BOTTOM_LEFT,\n closeButton: false,\n hideProgressBar: false,\n pauseOnHover: true,\n pauseOnFocusLoss: true,\n closeOnClick: false,\n autoClose: 6000,\n delay: 0,\n}\n\nexport const TOASTS_ERROR_OPTIONS: ToastOptions = {\n ...TOASTS_DEFAULT_OPTIONS,\n closeOnClick: true,\n}\n\nexport const TOASTS_SUCCESS_OPTIONS: ToastOptions = {\n ...TOASTS_DEFAULT_OPTIONS,\n}\n\nexport const TOASTS_INFO_OPTIONS: ToastOptions = {\n ...TOASTS_DEFAULT_OPTIONS,\n closeOnClick: true,\n}\n\nexport const TOASTS_PENDING_OPTIONS: ToastOptions = {\n ...TOASTS_DEFAULT_OPTIONS,\n autoClose: false,\n}\n"],"names":["TOASTS_DEFAULT_OPTIONS","position","toast","POSITION","BOTTOM_LEFT","closeButton","hideProgressBar","pauseOnHover","pauseOnFocusLoss","closeOnClick","autoClose","delay","TOASTS_ERROR_OPTIONS","TOASTS_SUCCESS_OPTIONS","TOASTS_INFO_OPTIONS","TOASTS_PENDING_OPTIONS"],"mappings":";;;;;;AAEO,MAAMA,sBAAoC,GAAG;AAClDC,EAAAA,QAAQ,EAAEC,mBAAK,CAACC,QAAQ,CAACC,WAAW;AACpCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,eAAe,EAAE,KAAK;AACtBC,EAAAA,YAAY,EAAE,IAAI;AAClBC,EAAAA,gBAAgB,EAAE,IAAI;AACtBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,SAAS,EAAE,IAAI;AACfC,EAAAA,KAAK,EAAE,CAAA;AACT,EAAC;AAEM,MAAMC,oBAAkC,GAAG;AAChD,EAAA,GAAGZ,sBAAsB;AACzBS,EAAAA,YAAY,EAAE,IAAA;AAChB,EAAC;AAEM,MAAMI,sBAAoC,GAAG;EAClD,GAAGb,sBAAAA;AACL,EAAC;AAEM,MAAMc,mBAAiC,GAAG;AAC/C,EAAA,GAAGd,sBAAsB;AACzBS,EAAAA,YAAY,EAAE,IAAA;AAChB,EAAC;AAEM,MAAMM,sBAAoC,GAAG;AAClD,EAAA,GAAGf,sBAAsB;AACzBU,EAAAA,SAAS,EAAE,KAAA;AACb;;;;;;;;"}
|
|
@@ -30,38 +30,32 @@ const Tooltip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
30
30
|
if (!reactIs.isElement(child)) throw new Error('Child must be a React element');
|
|
31
31
|
const anchorRef = React.useRef(null);
|
|
32
32
|
const mergedRef = useMergeRefs.useMergeRefs([child.ref, anchorRef]);
|
|
33
|
-
|
|
34
33
|
const handleMouseEnter = () => {
|
|
35
34
|
if (keepTimeoutRef.current) {
|
|
36
35
|
clearTimeout(keepTimeoutRef.current);
|
|
37
36
|
keepTimeoutRef.current = null;
|
|
38
37
|
}
|
|
39
|
-
|
|
40
38
|
setState(true);
|
|
41
39
|
};
|
|
42
|
-
|
|
43
40
|
const handleMouseLeave = () => {
|
|
44
41
|
keepTimeoutRef.current = setTimeout(() => {
|
|
45
42
|
setState(false);
|
|
46
43
|
keepTimeoutRef.current = null;
|
|
47
44
|
}, BODY_PERSISTENT_TIMEOUT);
|
|
48
45
|
};
|
|
49
|
-
|
|
50
46
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
51
47
|
children: [/*#__PURE__*/React.cloneElement(child, {
|
|
52
48
|
ref: mergedRef,
|
|
53
|
-
|
|
54
49
|
onMouseEnter(event) {
|
|
55
50
|
handleMouseEnter();
|
|
56
51
|
child.props.onMouseEnter?.(event);
|
|
57
52
|
},
|
|
58
|
-
|
|
59
53
|
onMouseLeave(event) {
|
|
60
54
|
handleMouseLeave();
|
|
61
55
|
child.props.onMouseLeave?.(event);
|
|
62
56
|
}
|
|
63
|
-
|
|
64
|
-
|
|
57
|
+
}), /*#__PURE__*/jsxRuntime.jsx(TooltipStyles.TooltipPopoverStyle, {
|
|
58
|
+
...rest,
|
|
65
59
|
open: state,
|
|
66
60
|
backdrop: false,
|
|
67
61
|
anchorRef: anchorRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../packages/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n ForwardedRef,\n forwardRef,\n Children,\n useRef,\n cloneElement,\n useState,\n MouseEvent,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { TooltipPopoverStyle } from './TooltipStyles.js'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { TooltipProps } from './types.js'\n\nconst BODY_PERSISTENT_TIMEOUT = 150\n\nexport const Tooltip = forwardRef(\n (\n { title, children, ...rest }: TooltipProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const [state, setState] = useState(false)\n const keepTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n const child = Children.only(children)\n if (!isElement(child)) throw new Error('Child must be a React element')\n\n const anchorRef = useRef<HTMLElement>(null)\n const mergedRef = useMergeRefs([child.ref, anchorRef])\n\n const handleMouseEnter = () => {\n if (keepTimeoutRef.current) {\n clearTimeout(keepTimeoutRef.current)\n keepTimeoutRef.current = null\n }\n setState(true)\n }\n\n const handleMouseLeave = () => {\n keepTimeoutRef.current = setTimeout(() => {\n setState(false)\n keepTimeoutRef.current = null\n }, BODY_PERSISTENT_TIMEOUT)\n }\n\n return (\n <>\n {cloneElement(child, {\n ref: mergedRef,\n onMouseEnter(event: MouseEvent<HTMLElement>) {\n handleMouseEnter()\n child.props.onMouseEnter?.(event)\n },\n onMouseLeave(event: MouseEvent<HTMLElement>) {\n handleMouseLeave()\n child.props.onMouseLeave?.(event)\n },\n })}\n <TooltipPopoverStyle\n {...rest}\n open={state}\n backdrop={false}\n anchorRef={anchorRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={ref}\n >\n {title}\n </TooltipPopoverStyle>\n </>\n )\n },\n)\nTooltip.displayName = 'Tooltip'\n"],"names":["BODY_PERSISTENT_TIMEOUT","Tooltip","forwardRef","ref","title","children","rest","state","setState","useState","keepTimeoutRef","useRef","child","Children","only","isElement","Error","anchorRef","mergedRef","useMergeRefs","handleMouseEnter","current","clearTimeout","handleMouseLeave","setTimeout","_jsxs","_Fragment","cloneElement","onMouseEnter","event","props","onMouseLeave","_jsx","TooltipPopoverStyle","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAcA,MAAMA,uBAAuB,GAAG,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../packages/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n ForwardedRef,\n forwardRef,\n Children,\n useRef,\n cloneElement,\n useState,\n MouseEvent,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { TooltipPopoverStyle } from './TooltipStyles.js'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { TooltipProps } from './types.js'\n\nconst BODY_PERSISTENT_TIMEOUT = 150\n\nexport const Tooltip = forwardRef(\n (\n { title, children, ...rest }: TooltipProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const [state, setState] = useState(false)\n const keepTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n const child = Children.only(children)\n if (!isElement(child)) throw new Error('Child must be a React element')\n\n const anchorRef = useRef<HTMLElement>(null)\n const mergedRef = useMergeRefs([child.ref, anchorRef])\n\n const handleMouseEnter = () => {\n if (keepTimeoutRef.current) {\n clearTimeout(keepTimeoutRef.current)\n keepTimeoutRef.current = null\n }\n setState(true)\n }\n\n const handleMouseLeave = () => {\n keepTimeoutRef.current = setTimeout(() => {\n setState(false)\n keepTimeoutRef.current = null\n }, BODY_PERSISTENT_TIMEOUT)\n }\n\n return (\n <>\n {cloneElement(child, {\n ref: mergedRef,\n onMouseEnter(event: MouseEvent<HTMLElement>) {\n handleMouseEnter()\n child.props.onMouseEnter?.(event)\n },\n onMouseLeave(event: MouseEvent<HTMLElement>) {\n handleMouseLeave()\n child.props.onMouseLeave?.(event)\n },\n })}\n <TooltipPopoverStyle\n {...rest}\n open={state}\n backdrop={false}\n anchorRef={anchorRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={ref}\n >\n {title}\n </TooltipPopoverStyle>\n </>\n )\n },\n)\nTooltip.displayName = 'Tooltip'\n"],"names":["BODY_PERSISTENT_TIMEOUT","Tooltip","forwardRef","_ref","ref","title","children","rest","state","setState","useState","keepTimeoutRef","useRef","child","Children","only","isElement","Error","anchorRef","mergedRef","useMergeRefs","handleMouseEnter","current","clearTimeout","handleMouseLeave","setTimeout","_jsxs","_Fragment","cloneElement","onMouseEnter","event","props","onMouseLeave","_jsx","TooltipPopoverStyle","open","backdrop","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAcA,MAAMA,uBAAuB,GAAG,GAAG,CAAA;AAE5B,MAAMC,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAJ,IAAA,CAAA;EAG1C,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AACzC,EAAA,MAAMC,cAAc,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAA;AAE1D,EAAA,MAAMC,KAAK,GAAGC,cAAQ,CAACC,IAAI,CAACT,QAAQ,CAAC,CAAA;EACrC,IAAI,CAACU,iBAAS,CAACH,KAAK,CAAC,EAAE,MAAM,IAAII,KAAK,CAAC,+BAA+B,CAAC,CAAA;AAEvE,EAAA,MAAMC,SAAS,GAAGN,YAAM,CAAc,IAAI,CAAC,CAAA;EAC3C,MAAMO,SAAS,GAAGC,yBAAY,CAAC,CAACP,KAAK,CAACT,GAAG,EAAEc,SAAS,CAAC,CAAC,CAAA;EAEtD,MAAMG,gBAAgB,GAAGA,MAAM;IAC7B,IAAIV,cAAc,CAACW,OAAO,EAAE;AAC1BC,MAAAA,YAAY,CAACZ,cAAc,CAACW,OAAO,CAAC,CAAA;MACpCX,cAAc,CAACW,OAAO,GAAG,IAAI,CAAA;AAC/B,KAAA;IACAb,QAAQ,CAAC,IAAI,CAAC,CAAA;GACf,CAAA;EAED,MAAMe,gBAAgB,GAAGA,MAAM;AAC7Bb,IAAAA,cAAc,CAACW,OAAO,GAAGG,UAAU,CAAC,MAAM;MACxChB,QAAQ,CAAC,KAAK,CAAC,CAAA;MACfE,cAAc,CAACW,OAAO,GAAG,IAAI,CAAA;KAC9B,EAAEtB,uBAAuB,CAAC,CAAA;GAC5B,CAAA;EAED,oBACE0B,eAAA,CAAAC,mBAAA,EAAA;AAAArB,IAAAA,QAAA,EACGsB,cAAAA,kBAAY,CAACf,KAAK,EAAE;AACnBT,MAAAA,GAAG,EAAEe,SAAS;MACdU,YAAYA,CAACC,KAA8B,EAAE;AAC3CT,QAAAA,gBAAgB,EAAE,CAAA;AAClBR,QAAAA,KAAK,CAACkB,KAAK,CAACF,YAAY,GAAGC,KAAK,CAAC,CAAA;OAClC;MACDE,YAAYA,CAACF,KAA8B,EAAE;AAC3CN,QAAAA,gBAAgB,EAAE,CAAA;AAClBX,QAAAA,KAAK,CAACkB,KAAK,CAACC,YAAY,GAAGF,KAAK,CAAC,CAAA;AACnC,OAAA;AACF,KAAC,CAAC,eACFG,cAAA,CAACC,iCAAmB,EAAA;AAAA,MAAA,GACd3B,IAAI;AACR4B,MAAAA,IAAI,EAAE3B,KAAM;AACZ4B,MAAAA,QAAQ,EAAE,KAAM;AAChBlB,MAAAA,SAAS,EAAEA,SAAU;AACrBW,MAAAA,YAAY,EAAER,gBAAiB;AAC/BW,MAAAA,YAAY,EAAER,gBAAiB;AAC/BpB,MAAAA,GAAG,EAAEA,GAAI;AAAAE,MAAAA,QAAA,EAERD,KAAAA;AAAK,KACa,CAAC,CAAA;AAAA,GACtB,CAAC,CAAA;AAEP,CACF,EAAC;AACDJ,OAAO,CAACoC,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipStyles.js","sources":["../../../packages/tooltip/TooltipStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Popover } from '../popover/index.js'\n\nexport const TooltipPopoverStyle = styled(Popover)`\n && {\n padding: 12px;\n background: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n line-height: 1.8em;\n font-weight: 400;\n max-width: 256px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.md}px;\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n }\n`\n"],"names":["TooltipPopoverStyle","styled","Popover","theme","fontSizesMap","xxxs","borderRadiusesMap","md","boxShadows","sm"],"mappings":";;;;;;;MAGaA,mBAAmB,GAAGC,+BAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"TooltipStyles.js","sources":["../../../packages/tooltip/TooltipStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Popover } from '../popover/index.js'\n\nexport const TooltipPopoverStyle = styled(Popover)`\n && {\n padding: 12px;\n background: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n line-height: 1.8em;\n font-weight: 400;\n max-width: 256px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.md}px;\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n }\n`\n"],"names":["TooltipPopoverStyle","styled","Popover","_ref","theme","fontSizesMap","xxxs","_ref2","borderRadiusesMap","md","_ref3","boxShadows","sm"],"mappings":";;;;;;;MAGaA,mBAAmB,GAAGC,+BAAM,CAACC,eAAO,CAAC,CAAA;AAClD;AACA;AACA;AACA;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AACvD;AACA;AACA;AACA,mBAAA,EAAqBC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC9D,gBAAA,EAAkBC,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACO,UAAU,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;AACA;;;;"}
|
|
@@ -53,16 +53,17 @@ function withTransition(Component) {
|
|
|
53
53
|
onExited
|
|
54
54
|
};
|
|
55
55
|
const ref = useMergeRefs.useMergeRefs([externalRef]);
|
|
56
|
-
return /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition, {
|
|
56
|
+
return /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition, {
|
|
57
|
+
...transitionProps,
|
|
57
58
|
nodeRef: ref,
|
|
58
|
-
children: status => /*#__PURE__*/jsxRuntime.jsx(Component, {
|
|
59
|
+
children: status => /*#__PURE__*/jsxRuntime.jsx(Component, {
|
|
60
|
+
...rest,
|
|
59
61
|
duration: timeout,
|
|
60
62
|
transitionStatus: status,
|
|
61
63
|
ref: ref
|
|
62
64
|
})
|
|
63
65
|
});
|
|
64
66
|
}
|
|
65
|
-
|
|
66
67
|
return /*#__PURE__*/React.forwardRef(Wrapped);
|
|
67
68
|
}
|
|
68
69
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withTransition.js","sources":["../../../packages/transition/withTransition.tsx"],"sourcesContent":["import {\n ComponentType,\n ForwardedRef,\n forwardRef,\n ForwardRefExoticComponent,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport { Transition } from 'react-transition-group'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { DEFAULT_DURATION } from './constants.js'\nimport { TransitionWrapperProps, TransitionInnerProps } from './types.js'\n\ntype WrappedProps<T> = Omit<T, keyof TransitionInnerProps> &\n TransitionWrapperProps\n\nexport function withTransition<\n P extends TransitionInnerProps,\n E extends HTMLElement,\n>(\n Component: ComponentType<P>,\n): ForwardRefExoticComponent<\n PropsWithoutRef<WrappedProps<P>> & RefAttributes<E>\n> {\n function Wrapped(\n {\n in: state = false,\n timeout = DEFAULT_DURATION,\n mountOnEnter = true,\n unmountOnExit = true,\n appear = true,\n enter = true,\n exit = true,\n addEndListener,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n ...rest\n }: WrappedProps<P>,\n externalRef: ForwardedRef<E>,\n ) {\n const transitionProps = {\n in: state,\n timeout,\n mountOnEnter,\n unmountOnExit,\n appear,\n enter,\n exit,\n addEndListener,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n }\n\n const ref = useMergeRefs([externalRef])\n\n return (\n <Transition {...transitionProps} nodeRef={ref}>\n {(status) => (\n <Component\n {...(rest as P)}\n duration={timeout}\n transitionStatus={status}\n ref={ref}\n />\n )}\n </Transition>\n )\n }\n\n return forwardRef(Wrapped)\n}\n"],"names":["withTransition","Component","Wrapped","externalRef","in","state","timeout","DEFAULT_DURATION","mountOnEnter","unmountOnExit","appear","enter","exit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","rest","transitionProps","ref","useMergeRefs","_jsx","Transition","status","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBO,SAASA,
|
|
1
|
+
{"version":3,"file":"withTransition.js","sources":["../../../packages/transition/withTransition.tsx"],"sourcesContent":["import {\n ComponentType,\n ForwardedRef,\n forwardRef,\n ForwardRefExoticComponent,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport { Transition } from 'react-transition-group'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { DEFAULT_DURATION } from './constants.js'\nimport { TransitionWrapperProps, TransitionInnerProps } from './types.js'\n\ntype WrappedProps<T> = Omit<T, keyof TransitionInnerProps> &\n TransitionWrapperProps\n\nexport function withTransition<\n P extends TransitionInnerProps,\n E extends HTMLElement,\n>(\n Component: ComponentType<P>,\n): ForwardRefExoticComponent<\n PropsWithoutRef<WrappedProps<P>> & RefAttributes<E>\n> {\n function Wrapped(\n {\n in: state = false,\n timeout = DEFAULT_DURATION,\n mountOnEnter = true,\n unmountOnExit = true,\n appear = true,\n enter = true,\n exit = true,\n addEndListener,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n ...rest\n }: WrappedProps<P>,\n externalRef: ForwardedRef<E>,\n ) {\n const transitionProps = {\n in: state,\n timeout,\n mountOnEnter,\n unmountOnExit,\n appear,\n enter,\n exit,\n addEndListener,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n }\n\n const ref = useMergeRefs([externalRef])\n\n return (\n <Transition {...transitionProps} nodeRef={ref}>\n {(status) => (\n <Component\n {...(rest as P)}\n duration={timeout}\n transitionStatus={status}\n ref={ref}\n />\n )}\n </Transition>\n )\n }\n\n return forwardRef(Wrapped)\n}\n"],"names":["withTransition","Component","Wrapped","_ref","externalRef","in","state","timeout","DEFAULT_DURATION","mountOnEnter","unmountOnExit","appear","enter","exit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","rest","transitionProps","ref","useMergeRefs","_jsx","Transition","nodeRef","children","status","duration","transitionStatus","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBO,SAASA,cAAcA,CAI5BC,SAA2B,EAG3B;AACA,EAAA,SAASC,OAAOA,CAAAC,IAAA,EAkBdC,WAA4B,EAC5B;IAAA,IAlBA;MACEC,EAAE,EAAEC,KAAK,GAAG,KAAK;AACjBC,MAAAA,OAAO,GAAGC,0BAAgB;AAC1BC,MAAAA,YAAY,GAAG,IAAI;AACnBC,MAAAA,aAAa,GAAG,IAAI;AACpBC,MAAAA,MAAM,GAAG,IAAI;AACbC,MAAAA,KAAK,GAAG,IAAI;AACZC,MAAAA,IAAI,GAAG,IAAI;MACXC,cAAc;MACdC,OAAO;MACPC,UAAU;MACVC,SAAS;MACTC,MAAM;MACNC,SAAS;MACTC,QAAQ;MACR,GAAGC,IAAAA;AACY,KAAC,GAAAlB,IAAA,CAAA;AAGlB,IAAA,MAAMmB,eAAe,GAAG;AACtBjB,MAAAA,EAAE,EAAEC,KAAK;MACTC,OAAO;MACPE,YAAY;MACZC,aAAa;MACbC,MAAM;MACNC,KAAK;MACLC,IAAI;MACJC,cAAc;MACdC,OAAO;MACPC,UAAU;MACVC,SAAS;MACTC,MAAM;MACNC,SAAS;AACTC,MAAAA,QAAAA;KACD,CAAA;AAED,IAAA,MAAMG,GAAG,GAAGC,yBAAY,CAAC,CAACpB,WAAW,CAAC,CAAC,CAAA;IAEvC,oBACEqB,cAAA,CAACC,+BAAU,EAAA;AAAA,MAAA,GAAKJ,eAAe;AAAEK,MAAAA,OAAO,EAAEJ,GAAI;AAAAK,MAAAA,QAAA,EAC1CC,MAAM,iBACNJ,cAAA,CAACxB,SAAS,EAAA;AAAA,QAAA,GACHoB,IAAI;AACTS,QAAAA,QAAQ,EAAEvB,OAAQ;AAClBwB,QAAAA,gBAAgB,EAAEF,MAAO;AACzBN,QAAAA,GAAG,EAAEA,GAAAA;OACN,CAAA;AACF,KACS,CAAC,CAAA;AAEjB,GAAA;EAEA,oBAAOS,gBAAU,CAAC9B,OAAO,CAAC,CAAA;AAC5B;;;;"}
|
|
@@ -6,7 +6,6 @@ const uaParserJs = require('ua-parser-js');
|
|
|
6
6
|
const getTopLevelDomain = require('./get-top-level-domain.js');
|
|
7
7
|
|
|
8
8
|
const parser = new uaParserJs.UAParser();
|
|
9
|
-
|
|
10
9
|
const setSecureCookie = cookie => {
|
|
11
10
|
// 1. we want this cookie to be available on HTTP websites too.
|
|
12
11
|
// 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,
|
|
@@ -20,39 +19,32 @@ const setSecureCookie = cookie => {
|
|
|
20
19
|
} else {
|
|
21
20
|
document.cookie = `${cookie}Secure;`;
|
|
22
21
|
}
|
|
23
|
-
};
|
|
24
|
-
|
|
22
|
+
};
|
|
25
23
|
|
|
24
|
+
// :)
|
|
26
25
|
const prepareForCookingCookie = function (key, value) {
|
|
27
26
|
let expire = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 365;
|
|
28
27
|
return `${key}=${value};expires=${expire};path=/;samesite=None;`;
|
|
29
28
|
};
|
|
30
|
-
|
|
31
29
|
const setCrossDomainCookieClientSide = function (key, value) {
|
|
32
30
|
let expire = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 365;
|
|
33
|
-
|
|
34
31
|
if (typeof window === 'undefined') {
|
|
35
32
|
return;
|
|
36
33
|
}
|
|
37
|
-
|
|
38
34
|
setSecureCookie(`${prepareForCookingCookie(key, value, expire)}domain=${getTopLevelDomain.getTopLevelDomain()};`);
|
|
39
35
|
};
|
|
40
36
|
const setDomainCookieClientSide = function (key, value) {
|
|
41
37
|
let expire = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 365;
|
|
42
|
-
|
|
43
38
|
if (typeof window === 'undefined') {
|
|
44
39
|
return;
|
|
45
40
|
}
|
|
46
|
-
|
|
47
41
|
setSecureCookie(prepareForCookingCookie(key, value, expire));
|
|
48
42
|
};
|
|
49
43
|
const getCrossDomainCookieClientSide = key => {
|
|
50
44
|
const defaultValue = null;
|
|
51
|
-
|
|
52
45
|
if (typeof window === 'undefined') {
|
|
53
46
|
return defaultValue;
|
|
54
47
|
}
|
|
55
|
-
|
|
56
48
|
const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`);
|
|
57
49
|
return document.cookie.match(cookieMatcher)?.[2] ?? defaultValue;
|
|
58
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cookies-client-side.js","sources":["../../../packages/utils/cookies-client-side.ts"],"sourcesContent":["import { UAParser } from 'ua-parser-js'\nimport { getTopLevelDomain } from './get-top-level-domain.js'\n\nconst parser = new UAParser()\n\nconst setSecureCookie = (cookie: string) => {\n // 1. we want this cookie to be available on HTTP websites too.\n // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,\n // and Safari when cookies are set with Secure, so we're forcing cookie into both\n if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {\n if (window.location.protocol !== 'https:') {\n document.cookie = cookie\n } else {\n document.cookie = `${cookie}Secure;`\n }\n } else {\n document.cookie = `${cookie}Secure;`\n }\n}\n\n// :)\nconst prepareForCookingCookie = (\n key: string,\n value: string,\n expire = 365,\n): string => {\n return `${key}=${value};expires=${expire};path=/;samesite=None;`\n}\n\nexport const setCrossDomainCookieClientSide = (\n key: string,\n value: string,\n expire = 365,\n): void => {\n if (typeof window === 'undefined') {\n return\n }\n\n setSecureCookie(\n `${prepareForCookingCookie(\n key,\n value,\n expire,\n )}domain=${getTopLevelDomain()};`,\n )\n}\n\nexport const setDomainCookieClientSide = (\n key: string,\n value: string,\n expire = 365,\n): void => {\n if (typeof window === 'undefined') {\n return\n }\n\n setSecureCookie(prepareForCookingCookie(key, value, expire))\n}\n\nexport const getCrossDomainCookieClientSide = (key: string): string | null => {\n const defaultValue = null\n\n if (typeof window === 'undefined') {\n return defaultValue\n }\n\n const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n return (document.cookie.match(cookieMatcher)?.[2] as string) ?? defaultValue\n}\n\nexport const getDomainCookieClientSide = (key: string): string | null => {\n return getCrossDomainCookieClientSide(key)\n}\n\nexport const removeCookiesClientSide = (key: string): void => {\n document.cookie = `${key}= ; expires = Thu, 01 Jan 1970 00:00:00 GMT`\n}\n"],"names":["parser","UAParser","setSecureCookie","cookie","getBrowser","name","toLowerCase","window","location","protocol","document","prepareForCookingCookie","key","value","expire","setCrossDomainCookieClientSide","getTopLevelDomain","setDomainCookieClientSide","getCrossDomainCookieClientSide","defaultValue","cookieMatcher","RegExp","match","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":";;;;;;;AAGA,MAAMA,MAAM,GAAG,IAAIC,
|
|
1
|
+
{"version":3,"file":"cookies-client-side.js","sources":["../../../packages/utils/cookies-client-side.ts"],"sourcesContent":["import { UAParser } from 'ua-parser-js'\nimport { getTopLevelDomain } from './get-top-level-domain.js'\n\nconst parser = new UAParser()\n\nconst setSecureCookie = (cookie: string) => {\n // 1. we want this cookie to be available on HTTP websites too.\n // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,\n // and Safari when cookies are set with Secure, so we're forcing cookie into both\n if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {\n if (window.location.protocol !== 'https:') {\n document.cookie = cookie\n } else {\n document.cookie = `${cookie}Secure;`\n }\n } else {\n document.cookie = `${cookie}Secure;`\n }\n}\n\n// :)\nconst prepareForCookingCookie = (\n key: string,\n value: string,\n expire = 365,\n): string => {\n return `${key}=${value};expires=${expire};path=/;samesite=None;`\n}\n\nexport const setCrossDomainCookieClientSide = (\n key: string,\n value: string,\n expire = 365,\n): void => {\n if (typeof window === 'undefined') {\n return\n }\n\n setSecureCookie(\n `${prepareForCookingCookie(\n key,\n value,\n expire,\n )}domain=${getTopLevelDomain()};`,\n )\n}\n\nexport const setDomainCookieClientSide = (\n key: string,\n value: string,\n expire = 365,\n): void => {\n if (typeof window === 'undefined') {\n return\n }\n\n setSecureCookie(prepareForCookingCookie(key, value, expire))\n}\n\nexport const getCrossDomainCookieClientSide = (key: string): string | null => {\n const defaultValue = null\n\n if (typeof window === 'undefined') {\n return defaultValue\n }\n\n const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n return (document.cookie.match(cookieMatcher)?.[2] as string) ?? defaultValue\n}\n\nexport const getDomainCookieClientSide = (key: string): string | null => {\n return getCrossDomainCookieClientSide(key)\n}\n\nexport const removeCookiesClientSide = (key: string): void => {\n document.cookie = `${key}= ; expires = Thu, 01 Jan 1970 00:00:00 GMT`\n}\n"],"names":["parser","UAParser","setSecureCookie","cookie","getBrowser","name","toLowerCase","window","location","protocol","document","prepareForCookingCookie","key","value","expire","arguments","length","undefined","setCrossDomainCookieClientSide","getTopLevelDomain","setDomainCookieClientSide","getCrossDomainCookieClientSide","defaultValue","cookieMatcher","RegExp","match","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-top-level-domain.js","sources":["../../../packages/utils/get-top-level-domain.ts"],"sourcesContent":["export const getTopLevelDomain =\n typeof window === 'undefined'\n ? () => 'localhost'\n : () => {\n if (document.location.host.indexOf('localhost') === 0) {\n return 'localhost'\n } else {\n // Get host with dot in first position\n return `.${location.hostname.split('.').slice(-2).join('.')}`\n }\n }\n"],"names":["getTopLevelDomain","window","document","location","host","indexOf","hostname","split","slice","join"],"mappings":";;;;AAAO,MAAMA,iBAAiB,GAC5B,OAAOC,
|
|
1
|
+
{"version":3,"file":"get-top-level-domain.js","sources":["../../../packages/utils/get-top-level-domain.ts"],"sourcesContent":["export const getTopLevelDomain =\n typeof window === 'undefined'\n ? () => 'localhost'\n : () => {\n if (document.location.host.indexOf('localhost') === 0) {\n return 'localhost'\n } else {\n // Get host with dot in first position\n return `.${location.hostname.split('.').slice(-2).join('.')}`\n }\n }\n"],"names":["getTopLevelDomain","window","document","location","host","indexOf","hostname","split","slice","join"],"mappings":";;;;AAAO,MAAMA,iBAAiB,GAC5B,OAAOC,MAAM,KAAK,WAAW,GACzB,MAAM,WAAW,GACjB,MAAM;AACJ,EAAA,IAAIC,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;AACrD,IAAA,OAAO,WAAW,CAAA;AACpB,GAAC,MAAM;AACL;IACA,OAAO,CAAA,CAAA,EAAIF,QAAQ,CAACG,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA,CAAA;AAC/D,GAAA;AACF;;;;"}
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
5
5
|
const modalRoot = require('./modalRoot.js');
|
|
6
6
|
const cookiesClientSide = require('./cookies-client-side.js');
|
|
7
7
|
|
|
8
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
8
9
|
const VOID_FN = () => {};
|
|
9
10
|
|
|
10
11
|
exports.modalRoot = modalRoot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../packages/utils/index.ts"],"sourcesContent":["export * from './types.js'\nexport { default as modalRoot } from './modalRoot.js'\nexport * from './get-top-level-domain.js'\nexport * from './cookies-client-side.js'\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const VOID_FN = () => {}\n"],"names":["VOID_FN"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../packages/utils/index.ts"],"sourcesContent":["export * from './types.js'\nexport { default as modalRoot } from './modalRoot.js'\nexport * from './get-top-level-domain.js'\nexport * from './cookies-client-side.js'\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const VOID_FN = () => {}\n"],"names":["VOID_FN"],"mappings":";;;;;;;AAKA;MACaA,OAAO,GAAGA,MAAM;;;;;;;;;;"}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const ROOT_ID = 'lido-ui-modal-root';
|
|
4
|
-
|
|
5
4
|
const ModalRoot = (() => {
|
|
6
5
|
try {
|
|
7
6
|
let modalRoot = document.getElementById(ROOT_ID);
|
|
8
|
-
|
|
9
7
|
if (!modalRoot) {
|
|
10
8
|
modalRoot = document.createElement('div');
|
|
11
9
|
modalRoot.id = ROOT_ID;
|
|
12
10
|
document.body.append(modalRoot);
|
|
13
11
|
}
|
|
14
|
-
|
|
15
12
|
return modalRoot;
|
|
16
13
|
} catch (error) {
|
|
17
14
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalRoot.js","sources":["../../../packages/utils/modalRoot.ts"],"sourcesContent":["const ROOT_ID = 'lido-ui-modal-root'\n\nconst ModalRoot = ((): HTMLElement | null => {\n try {\n let modalRoot = document.getElementById(ROOT_ID)\n\n if (!modalRoot) {\n modalRoot = document.createElement('div')\n modalRoot.id = ROOT_ID\n document.body.append(modalRoot)\n }\n\n return modalRoot\n } catch (error) {\n return null\n }\n})()\n\nexport default ModalRoot\n"],"names":["ROOT_ID","ModalRoot","modalRoot","document","getElementById","createElement","id","body","append","error"],"mappings":";;AAAA,MAAMA,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"modalRoot.js","sources":["../../../packages/utils/modalRoot.ts"],"sourcesContent":["const ROOT_ID = 'lido-ui-modal-root'\n\nconst ModalRoot = ((): HTMLElement | null => {\n try {\n let modalRoot = document.getElementById(ROOT_ID)\n\n if (!modalRoot) {\n modalRoot = document.createElement('div')\n modalRoot.id = ROOT_ID\n document.body.append(modalRoot)\n }\n\n return modalRoot\n } catch (error) {\n return null\n }\n})()\n\nexport default ModalRoot\n"],"names":["ROOT_ID","ModalRoot","modalRoot","document","getElementById","createElement","id","body","append","error"],"mappings":";;AAAA,MAAMA,OAAO,GAAG,oBAAoB,CAAA;AAE9BC,MAAAA,SAAS,GAAG,CAAC,MAA0B;EAC3C,IAAI;AACF,IAAA,IAAIC,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAACJ,OAAO,CAAC,CAAA;IAEhD,IAAI,CAACE,SAAS,EAAE;AACdA,MAAAA,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC,CAAA;MACzCH,SAAS,CAACI,EAAE,GAAGN,OAAO,CAAA;AACtBG,MAAAA,QAAQ,CAACI,IAAI,CAACC,MAAM,CAACN,SAAS,CAAC,CAAA;AACjC,KAAA;AAEA,IAAA,OAAOA,SAAS,CAAA;GACjB,CAAC,OAAOO,KAAK,EAAE;AACd,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AACF,CAAC;;;;"}
|
|
@@ -11,6 +11,8 @@ const _styled = require('styled-components');
|
|
|
11
11
|
// but there was a decision to use this wrapper instead during this update:
|
|
12
12
|
// https://github.com/lidofinance/ui/pull/460
|
|
13
13
|
|
|
14
|
+
|
|
15
|
+
// @ts-expect-error Property 'default' does not exist on type 'StyledInterface'.
|
|
14
16
|
const styled = _styled.default || _styled;
|
|
15
17
|
|
|
16
18
|
exports.default = styled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled-components-wrapper.js","sources":["../../../packages/utils/styled-components-wrapper.ts"],"sourcesContent":["// Styled Components v5 has issues with ESM modules:\n// https://github.com/styled-components/styled-components/issues/115\n// https://github.com/rollup/rollup/issues/4438\n// It can be solved by using Styled Components v6,\n// but there was a decision to use this wrapper instead during this update:\n// https://github.com/lidofinance/ui/pull/460\n\nimport _styled, { StyledInterface } from 'styled-components'\n\n// @ts-expect-error Property 'default' does not exist on type 'StyledInterface'.\nconst styled: StyledInterface = _styled.default || _styled\n\nexport * from 'styled-components'\nexport default styled\n"],"names":["styled","_styled","default"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":"styled-components-wrapper.js","sources":["../../../packages/utils/styled-components-wrapper.ts"],"sourcesContent":["// Styled Components v5 has issues with ESM modules:\n// https://github.com/styled-components/styled-components/issues/115\n// https://github.com/rollup/rollup/issues/4438\n// It can be solved by using Styled Components v6,\n// but there was a decision to use this wrapper instead during this update:\n// https://github.com/lidofinance/ui/pull/460\n\nimport _styled, { StyledInterface } from 'styled-components'\n\n// @ts-expect-error Property 'default' does not exist on type 'StyledInterface'.\nconst styled: StyledInterface = _styled.default || _styled\n\nexport * from 'styled-components'\nexport default styled\n"],"names":["styled","_styled","default"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA;AACA,MAAMA,MAAuB,GAAGC,OAAO,CAACC,OAAO,IAAID;;;;;;;;;;"}
|
|
@@ -21,15 +21,18 @@ const Accordion = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
21
21
|
onExpand,
|
|
22
22
|
onCollapse
|
|
23
23
|
});
|
|
24
|
-
return /*#__PURE__*/jsxs(AccordionStyle, {
|
|
24
|
+
return /*#__PURE__*/jsxs(AccordionStyle, {
|
|
25
|
+
...rest,
|
|
25
26
|
ref: ref,
|
|
26
|
-
children: [/*#__PURE__*/jsxs(AccordionSummaryStyle, {
|
|
27
|
+
children: [/*#__PURE__*/jsxs(AccordionSummaryStyle, {
|
|
28
|
+
...toggleProps,
|
|
27
29
|
children: [/*#__PURE__*/jsx(AccordionTitleStyle, {
|
|
28
30
|
children: summary
|
|
29
31
|
}), /*#__PURE__*/jsx(AccordionArrowStyle, {
|
|
30
32
|
$expanded: isExpanded
|
|
31
33
|
})]
|
|
32
|
-
}), /*#__PURE__*/jsx("div", {
|
|
34
|
+
}), /*#__PURE__*/jsx("div", {
|
|
35
|
+
...collapseProps,
|
|
33
36
|
children: /*#__PURE__*/jsx(AccordionContentStyle, {
|
|
34
37
|
children: children
|
|
35
38
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.mjs","sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types.js'\nimport {\n AccordionStyle,\n AccordionSummaryStyle,\n AccordionTitleStyle,\n AccordionArrowStyle,\n AccordionContentStyle,\n} from './AccordionStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const Accordion = forwardRef(\n (\n {\n defaultExpanded,\n summary,\n children,\n onExpand,\n onCollapse,\n ...rest\n }: AccordionProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const { toggleProps, collapseProps, isExpanded } = useExpanded({\n defaultExpanded,\n onExpand,\n onCollapse,\n })\n\n return (\n <AccordionStyle {...rest} ref={ref}>\n <AccordionSummaryStyle {...toggleProps}>\n <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n <AccordionArrowStyle $expanded={isExpanded} />\n </AccordionSummaryStyle>\n <div {...collapseProps}>\n <AccordionContentStyle>{children}</AccordionContentStyle>\n </div>\n </AccordionStyle>\n )\n },\n)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","ref","defaultExpanded","summary","children","onExpand","onCollapse","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","_jsx","displayName"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Accordion.mjs","sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types.js'\nimport {\n AccordionStyle,\n AccordionSummaryStyle,\n AccordionTitleStyle,\n AccordionArrowStyle,\n AccordionContentStyle,\n} from './AccordionStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const Accordion = forwardRef(\n (\n {\n defaultExpanded,\n summary,\n children,\n onExpand,\n onCollapse,\n ...rest\n }: AccordionProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const { toggleProps, collapseProps, isExpanded } = useExpanded({\n defaultExpanded,\n onExpand,\n onCollapse,\n })\n\n return (\n <AccordionStyle {...rest} ref={ref}>\n <AccordionSummaryStyle {...toggleProps}>\n <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n <AccordionArrowStyle $expanded={isExpanded} />\n </AccordionSummaryStyle>\n <div {...collapseProps}>\n <AccordionContentStyle>{children}</AccordionContentStyle>\n </div>\n </AccordionStyle>\n )\n },\n)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","_ref","ref","defaultExpanded","summary","children","onExpand","onCollapse","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","AccordionStyle","AccordionSummaryStyle","_jsx","AccordionTitleStyle","AccordionArrowStyle","$expanded","AccordionContentStyle","displayName"],"mappings":";;;;;AAWO,MAAMA,SAAS,gBAAGC,UAAU,CACjC,CAAAC,IAAA,EASEC,GAAkC,KAC/B;EAAA,IATH;IACEC,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACW,GAAC,GAAAP,IAAA,CAAA;EAGjB,MAAM;IAAEQ,WAAW;IAAEC,aAAa;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,WAAW,CAAC;IAC7DT,eAAe;IACfG,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,CAAC,CAAA;EAEF,oBACEM,IAAA,CAACC,cAAc,EAAA;AAAA,IAAA,GAAKN,IAAI;AAAEN,IAAAA,GAAG,EAAEA,GAAI;IAAAG,QAAA,EAAA,cACjCQ,IAAA,CAACE,qBAAqB,EAAA;AAAA,MAAA,GAAKN,WAAW;MAAAJ,QAAA,EAAA,cACpCW,GAAA,CAACC,mBAAmB,EAAA;AAAAZ,QAAAA,QAAA,EAAED,OAAAA;AAAO,OAAsB,CAAC,eACpDY,GAAA,CAACE,mBAAmB,EAAA;AAACC,QAAAA,SAAS,EAAER,UAAAA;AAAW,OAAE,CAAC,CAAA;KACzB,CAAC,eACxBK,GAAA,CAAA,KAAA,EAAA;AAAA,MAAA,GAASN,aAAa;MAAAL,QAAA,eACpBW,GAAA,CAACI,qBAAqB,EAAA;AAAAf,QAAAA,QAAA,EAAEA,QAAAA;OAAgC,CAAA;AAAC,KACtD,CAAC,CAAA;AAAA,GACQ,CAAC,CAAA;AAErB,CACF,EAAC;AACDN,SAAS,CAACsB,WAAW,GAAG,WAAW;;;;"}
|