@lidofinance/lido-ui 3.11.0 → 3.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/cjs/accordion/AccordionStyles.js +1 -1
- package/dist/cjs/accordion/AccordionStyles.js.map +1 -1
- package/dist/cjs/accordion/types.js.map +1 -1
- package/dist/cjs/address/types.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadge.js +3 -2
- package/dist/cjs/addressBadge/AddressBadge.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadgeStyles.js +1 -1
- package/dist/cjs/addressBadge/AddressBadgeStyles.js.map +1 -1
- package/dist/cjs/addressBadge/types.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 +1 -1
- package/dist/cjs/box/Box.js.map +1 -1
- package/dist/cjs/button/ButtonStyles.js +1 -1
- package/dist/cjs/button/ButtonStyles.js.map +1 -1
- package/dist/cjs/button/types.js.map +1 -1
- package/dist/cjs/checkbox/Checkbox.js +2 -2
- package/dist/cjs/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/checkbox/CheckboxStyles.js +1 -1
- package/dist/cjs/checkbox/CheckboxStyles.js.map +1 -1
- package/dist/cjs/checkbox/types.js.map +1 -1
- package/dist/cjs/chip/types.js.map +1 -1
- package/dist/cjs/container/types.js.map +1 -1
- package/dist/cjs/content-theme/content-theme.js +6 -3
- package/dist/cjs/content-theme/content-theme.js.map +1 -1
- package/dist/cjs/content-theme/types.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/cookie-theme-toggler.js +1 -1
- package/dist/cjs/cookie-theme-toggler/cookie-theme-toggler.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/styles.js +2 -2
- package/dist/cjs/cookie-theme-toggler/styles.js.map +1 -1
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js +2 -2
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/cjs/cookies-tooltip/utils.js +1 -1
- package/dist/cjs/cookies-tooltip/utils.js.map +1 -1
- package/dist/cjs/data-table/DataTable.js +2 -2
- package/dist/cjs/data-table/DataTable.js.map +1 -1
- package/dist/cjs/data-table/DataTableStyles.js +1 -1
- package/dist/cjs/data-table/DataTableStyles.js.map +1 -1
- package/dist/cjs/data-table/types.js.map +1 -1
- package/dist/cjs/divider/DividerStyles.js.map +1 -1
- package/dist/cjs/divider/types.js.map +1 -1
- package/dist/cjs/heading/HeadingStyles.js.map +1 -1
- package/dist/cjs/heading/types.js.map +1 -1
- package/dist/cjs/hooks/useBreakpoint.js.map +1 -1
- package/dist/cjs/hooks/useSystemTheme.js +1 -1
- package/dist/cjs/hooks/useSystemTheme.js.map +1 -1
- package/dist/cjs/identicon/IdenticonBadge.js +1 -1
- package/dist/cjs/identicon/IdenticonBadge.js.map +1 -1
- package/dist/cjs/identicon/types.js.map +1 -1
- package/dist/cjs/index.js +39 -39
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/input/OptionsSlider.js +3 -2
- package/dist/cjs/input/OptionsSlider.js.map +1 -1
- package/dist/cjs/input/SliderInput.js +4 -2
- package/dist/cjs/input/SliderInput.js.map +1 -1
- package/dist/cjs/input/SliderInputStyles.js +1 -3
- package/dist/cjs/input/SliderInputStyles.js.map +1 -1
- package/dist/cjs/input/types.js.map +1 -1
- package/dist/cjs/lido-logo/types.js.map +1 -1
- package/dist/cjs/link/types.js.map +1 -1
- package/dist/cjs/loaders/types.js.map +1 -1
- package/dist/cjs/main-menu/MainMenu.js +2 -2
- package/dist/cjs/main-menu/MainMenu.js.map +1 -1
- package/dist/cjs/main-menu/types.js.map +1 -1
- package/dist/cjs/modal/ModalButtonStyles.js +1 -1
- package/dist/cjs/modal/ModalButtonStyles.js.map +1 -1
- package/dist/cjs/modal/ModalOverlay.js +3 -3
- package/dist/cjs/modal/ModalOverlay.js.map +1 -1
- package/dist/cjs/modal/ModalOverlayStyles.js.map +1 -1
- package/dist/cjs/modal/ModalStyles.js +2 -2
- package/dist/cjs/modal/ModalStyles.js.map +1 -1
- package/dist/cjs/modal/types.js.map +1 -1
- package/dist/cjs/modal/useModalFocus.js +1 -1
- package/dist/cjs/modal/useModalFocus.js.map +1 -1
- package/dist/cjs/pagination/Pagination.js +4 -3
- package/dist/cjs/pagination/Pagination.js.map +1 -1
- package/dist/cjs/pagination/PaginationItemStyles.js.map +1 -1
- package/dist/cjs/pagination/types.js.map +1 -1
- package/dist/cjs/popover/PopoverRoot.js +3 -3
- package/dist/cjs/popover/PopoverRoot.js.map +1 -1
- package/dist/cjs/popover/PopoverRootStyles.js.map +1 -1
- package/dist/cjs/popover/PopoverStyles.js.map +1 -1
- package/dist/cjs/popover/types.js.map +1 -1
- package/dist/cjs/popover/usePopoverPosition.js +1 -1
- package/dist/cjs/popover/usePopoverPosition.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenu.js +1 -1
- package/dist/cjs/popup-menu/PopupMenu.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuStyles.js +1 -1
- package/dist/cjs/popup-menu/PopupMenuStyles.js.map +1 -1
- package/dist/cjs/popup-menu/types.js.map +1 -1
- package/dist/cjs/popup-menu/usePopupFocus.js +1 -1
- package/dist/cjs/popup-menu/usePopupFocus.js.map +1 -1
- package/dist/cjs/section/types.js.map +1 -1
- package/dist/cjs/select/Option.js +1 -1
- package/dist/cjs/select/Option.js.map +1 -1
- package/dist/cjs/select/Select.js +2 -2
- package/dist/cjs/select/Select.js.map +1 -1
- package/dist/cjs/select/SelectArrowStyles.js +1 -1
- package/dist/cjs/select/SelectArrowStyles.js.map +1 -1
- package/dist/cjs/select/SelectStyles.js +1 -1
- package/dist/cjs/select/SelectStyles.js.map +1 -1
- package/dist/cjs/select/types.js.map +1 -1
- package/dist/cjs/service-page/ServicePage.js +2 -2
- package/dist/cjs/service-page/ServicePage.js.map +1 -1
- package/dist/cjs/service-page/types.js.map +1 -1
- package/dist/cjs/stack/StackItemStyles.js.map +1 -1
- package/dist/cjs/stack/StackStyles.js.map +1 -1
- package/dist/cjs/stack/types.js.map +1 -1
- package/dist/cjs/table/styles.js +1 -1
- package/dist/cjs/table/styles.js.map +1 -1
- package/dist/cjs/table/types.js.map +1 -1
- package/dist/cjs/text/TextStyles.js.map +1 -1
- package/dist/cjs/text/types.js.map +1 -1
- package/dist/cjs/theme/cookie-theme-provider.js +1 -1
- package/dist/cjs/theme/cookie-theme-provider.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-colors.js +1 -1
- 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 +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-script.js.map +1 -1
- package/dist/cjs/theme/index.js +1 -1
- package/dist/cjs/theme/index.js.map +1 -1
- package/dist/cjs/theme/theme-provider.js +1 -1
- package/dist/cjs/theme/theme-provider.js.map +1 -1
- package/dist/cjs/theme/themes.js +1 -1
- package/dist/cjs/theme/themes.js.map +1 -1
- package/dist/cjs/theme/utils/cookies-migration.js +1 -1
- package/dist/cjs/theme/utils/cookies-migration.js.map +1 -1
- package/dist/cjs/theme/utils/cookies.js.map +1 -1
- package/dist/cjs/theme/utils/set-theme-cookie.js +1 -1
- package/dist/cjs/theme/utils/set-theme-cookie.js.map +1 -1
- package/dist/cjs/toast/ToastPendingStyles.js +1 -1
- package/dist/cjs/toast/ToastPendingStyles.js.map +1 -1
- package/dist/cjs/tooltip/Tooltip.js +1 -1
- package/dist/cjs/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/tooltip/TooltipStyles.js +1 -1
- package/dist/cjs/tooltip/TooltipStyles.js.map +1 -1
- package/dist/cjs/tooltip/types.js.map +1 -1
- package/dist/cjs/transition/withTransition.js +1 -1
- package/dist/cjs/transition/withTransition.js.map +1 -1
- package/dist/esm/accordion/Accordion.js +3 -3
- package/dist/esm/accordion/AccordionStyles.js +2 -2
- package/dist/esm/accordion/AccordionStyles.js.map +1 -1
- package/dist/esm/accordion/types.js.map +1 -1
- package/dist/esm/accordion/useExpanded.js +2 -2
- package/dist/esm/address/Address.js +3 -3
- package/dist/esm/address/AddressStyles.js +1 -1
- package/dist/esm/address/types.js.map +1 -1
- package/dist/esm/addressBadge/AddressBadge.js +5 -4
- package/dist/esm/addressBadge/AddressBadge.js.map +1 -1
- package/dist/esm/addressBadge/AddressBadgeStyles.js +2 -2
- package/dist/esm/addressBadge/AddressBadgeStyles.js.map +1 -1
- package/dist/esm/addressBadge/types.js.map +1 -1
- package/dist/esm/block/Block.js +2 -2
- package/dist/esm/block/BlockStyles.js +1 -1
- package/dist/esm/block/BlockStyles.js.map +1 -1
- package/dist/esm/block/types.js.map +1 -1
- package/dist/esm/box/Box.js +2 -2
- package/dist/esm/box/Box.js.map +1 -1
- package/dist/esm/button/Button.js +3 -3
- package/dist/esm/button/ButtonIcon.js +3 -3
- package/dist/esm/button/ButtonIconStyles.js +1 -1
- package/dist/esm/button/ButtonStyles.js +2 -2
- package/dist/esm/button/ButtonStyles.js.map +1 -1
- package/dist/esm/button/types.js.map +1 -1
- package/dist/esm/button/useRipple.js +2 -2
- package/dist/esm/checkbox/Checkbox.js +4 -4
- package/dist/esm/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/checkbox/CheckboxStyles.js +2 -2
- package/dist/esm/checkbox/CheckboxStyles.js.map +1 -1
- package/dist/esm/checkbox/types.js.map +1 -1
- package/dist/esm/chip/Chip.js +2 -2
- package/dist/esm/chip/ChipStyles.js +1 -1
- package/dist/esm/chip/types.js.map +1 -1
- package/dist/esm/container/Container.js +2 -2
- package/dist/esm/container/ContainerStyles.js +1 -1
- package/dist/esm/container/types.js.map +1 -1
- package/dist/esm/content-theme/content-theme.js +7 -4
- package/dist/esm/content-theme/content-theme.js.map +1 -1
- package/dist/esm/content-theme/styles.js +1 -1
- package/dist/esm/content-theme/types.js.map +1 -1
- package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.js +2 -2
- package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.js.map +1 -1
- package/dist/esm/cookie-theme-toggler/styles.js +3 -3
- package/dist/esm/cookie-theme-toggler/styles.js.map +1 -1
- package/dist/esm/cookies-tooltip/cookies-tooltip.js +7 -7
- package/dist/esm/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/esm/cookies-tooltip/index.js +1 -1
- package/dist/esm/cookies-tooltip/styles.js +1 -1
- package/dist/esm/cookies-tooltip/utils.js +2 -2
- package/dist/esm/cookies-tooltip/utils.js.map +1 -1
- package/dist/esm/data-table/DataTable.js +4 -4
- package/dist/esm/data-table/DataTable.js.map +1 -1
- package/dist/esm/data-table/DataTableStyles.js +2 -2
- package/dist/esm/data-table/DataTableStyles.js.map +1 -1
- package/dist/esm/data-table/types.js.map +1 -1
- package/dist/esm/divider/Divider.js +2 -2
- package/dist/esm/divider/DividerStyles.js +1 -1
- package/dist/esm/divider/DividerStyles.js.map +1 -1
- package/dist/esm/divider/types.js.map +1 -1
- package/dist/esm/heading/Heading.js +2 -2
- package/dist/esm/heading/HeadingStyles.js +1 -1
- package/dist/esm/heading/HeadingStyles.js.map +1 -1
- package/dist/esm/heading/types.js.map +1 -1
- package/dist/esm/hooks/useBreakpoint.js +2 -2
- package/dist/esm/hooks/useBreakpoint.js.map +1 -1
- package/dist/esm/hooks/useEscape.js +1 -1
- package/dist/esm/hooks/useInterceptFocus.js +1 -1
- package/dist/esm/hooks/useIsomorphicLayoutEffect.js +1 -1
- package/dist/esm/hooks/useLockScroll.js +1 -1
- package/dist/esm/hooks/useMergeRefs.js +1 -1
- package/dist/esm/hooks/useOutsideClick.js +1 -1
- package/dist/esm/hooks/useSystemTheme.js +2 -2
- package/dist/esm/hooks/useSystemTheme.js.map +1 -1
- package/dist/esm/hooks/useWindowSize.js +1 -1
- package/dist/esm/icons/index.js +1 -1
- package/dist/esm/identicon/Identicon.js +3 -3
- package/dist/esm/identicon/IdenticonBadge.js +4 -4
- package/dist/esm/identicon/IdenticonBadge.js.map +1 -1
- package/dist/esm/identicon/IdenticonStyles.js +1 -1
- package/dist/esm/identicon/types.js.map +1 -1
- package/dist/esm/input/Input.js +3 -3
- package/dist/esm/input/InputGroup.js +3 -3
- package/dist/esm/input/InputGroupStyles.js +2 -2
- package/dist/esm/input/InputStyles.js +2 -2
- package/dist/esm/input/LabelStyles.js +1 -1
- package/dist/esm/input/OptionsSlider.js +4 -3
- package/dist/esm/input/OptionsSlider.js.map +1 -1
- package/dist/esm/input/SliderInput.js +5 -3
- package/dist/esm/input/SliderInput.js.map +1 -1
- package/dist/esm/input/SliderInputStyles.js +2 -4
- package/dist/esm/input/SliderInputStyles.js.map +1 -1
- package/dist/esm/input/Textarea.js +3 -3
- package/dist/esm/input/types.js.map +1 -1
- package/dist/esm/lido-logo/LidoLogo.js +2 -2
- package/dist/esm/lido-logo/LidoLogoStyles.js +1 -1
- package/dist/esm/lido-logo/types.js.map +1 -1
- package/dist/esm/link/Link.js +2 -2
- package/dist/esm/link/LinkStyles.js +1 -1
- package/dist/esm/link/types.js.map +1 -1
- package/dist/esm/loaders/InlineLoader.js +2 -2
- package/dist/esm/loaders/InlineLoaderStyles.js +1 -1
- package/dist/esm/loaders/Loader.js +3 -3
- package/dist/esm/loaders/LoaderStyles.js +1 -1
- package/dist/esm/loaders/types.js.map +1 -1
- package/dist/esm/main-menu/MainMenu.js +4 -4
- package/dist/esm/main-menu/MainMenu.js.map +1 -1
- package/dist/esm/main-menu/MainMenuItem.js +2 -2
- package/dist/esm/main-menu/MainMenuItemStyles.js +1 -1
- package/dist/esm/main-menu/MainMenuStyles.js +1 -1
- package/dist/esm/main-menu/types.js.map +1 -1
- package/dist/esm/modal/Modal.js +3 -3
- package/dist/esm/modal/ModalButton.js +2 -2
- package/dist/esm/modal/ModalButtonStyles.js +2 -2
- package/dist/esm/modal/ModalButtonStyles.js.map +1 -1
- package/dist/esm/modal/ModalExtra.js +2 -2
- package/dist/esm/modal/ModalExtraStyles.js +1 -1
- package/dist/esm/modal/ModalOverlay.js +8 -8
- package/dist/esm/modal/ModalOverlay.js.map +1 -1
- package/dist/esm/modal/ModalOverlayStyles.js +1 -1
- package/dist/esm/modal/ModalOverlayStyles.js.map +1 -1
- package/dist/esm/modal/ModalStyles.js +3 -3
- package/dist/esm/modal/ModalStyles.js.map +1 -1
- package/dist/esm/modal/types.js.map +1 -1
- package/dist/esm/modal/useModalClose.js +1 -1
- package/dist/esm/modal/useModalFocus.js +3 -3
- package/dist/esm/modal/useModalFocus.js.map +1 -1
- package/dist/esm/pagination/Pagination.js +9 -8
- package/dist/esm/pagination/Pagination.js.map +1 -1
- package/dist/esm/pagination/PaginationItem.js +2 -2
- package/dist/esm/pagination/PaginationItemStyles.js +2 -2
- package/dist/esm/pagination/PaginationItemStyles.js.map +1 -1
- package/dist/esm/pagination/types.js.map +1 -1
- package/dist/esm/popover/Popover.js +3 -3
- package/dist/esm/popover/PopoverRoot.js +8 -8
- package/dist/esm/popover/PopoverRoot.js.map +1 -1
- package/dist/esm/popover/PopoverRootStyles.js +1 -1
- package/dist/esm/popover/PopoverRootStyles.js.map +1 -1
- package/dist/esm/popover/PopoverStyles.js +2 -2
- package/dist/esm/popover/PopoverStyles.js.map +1 -1
- package/dist/esm/popover/types.js.map +1 -1
- package/dist/esm/popover/usePopoverPosition.js +4 -4
- package/dist/esm/popover/usePopoverPosition.js.map +1 -1
- package/dist/esm/popup-menu/PopupMenu.js +5 -5
- package/dist/esm/popup-menu/PopupMenu.js.map +1 -1
- package/dist/esm/popup-menu/PopupMenuItem.js +3 -3
- package/dist/esm/popup-menu/PopupMenuItemStyles.js +1 -1
- package/dist/esm/popup-menu/PopupMenuProvider.js +1 -1
- package/dist/esm/popup-menu/PopupMenuStyles.js +3 -3
- package/dist/esm/popup-menu/PopupMenuStyles.js.map +1 -1
- package/dist/esm/popup-menu/types.js.map +1 -1
- package/dist/esm/popup-menu/usePopupFocus.js +3 -3
- package/dist/esm/popup-menu/usePopupFocus.js.map +1 -1
- package/dist/esm/section/Section.js +2 -2
- package/dist/esm/section/SectionStyles.js +1 -1
- package/dist/esm/section/types.js.map +1 -1
- package/dist/esm/select/Option.js +2 -2
- package/dist/esm/select/Option.js.map +1 -1
- package/dist/esm/select/Select.js +7 -7
- package/dist/esm/select/Select.js.map +1 -1
- package/dist/esm/select/SelectArrow.js +1 -1
- package/dist/esm/select/SelectArrowStyles.js +2 -2
- package/dist/esm/select/SelectArrowStyles.js.map +1 -1
- package/dist/esm/select/SelectIcon.js +2 -2
- package/dist/esm/select/SelectIconStyles.js +2 -2
- package/dist/esm/select/SelectStyles.js +2 -2
- package/dist/esm/select/SelectStyles.js.map +1 -1
- package/dist/esm/select/types.js.map +1 -1
- package/dist/esm/select/useSelect.js +2 -2
- package/dist/esm/select/useSelectWidth.js +1 -1
- package/dist/esm/service-page/ServicePage.js +4 -4
- package/dist/esm/service-page/ServicePage.js.map +1 -1
- package/dist/esm/service-page/ServicePageStyles.js +1 -1
- package/dist/esm/service-page/types.js.map +1 -1
- package/dist/esm/stack/HStack.js +2 -2
- package/dist/esm/stack/Stack.js +3 -3
- package/dist/esm/stack/StackItem.js +3 -3
- package/dist/esm/stack/StackItemStyles.js +1 -1
- package/dist/esm/stack/StackItemStyles.js.map +1 -1
- package/dist/esm/stack/StackProvider.js +1 -1
- package/dist/esm/stack/StackStyles.js +1 -1
- package/dist/esm/stack/StackStyles.js.map +1 -1
- package/dist/esm/stack/VStack.js +2 -2
- package/dist/esm/stack/types.js.map +1 -1
- package/dist/esm/styled-system/index.js +1 -1
- package/dist/esm/styled-system/withStyledSystem.js +3 -3
- package/dist/esm/table/Table.js +2 -2
- package/dist/esm/table/Tbody.js +2 -2
- package/dist/esm/table/Td.js +2 -2
- package/dist/esm/table/Tfoot.js +2 -2
- package/dist/esm/table/Th.js +2 -2
- package/dist/esm/table/Thead.js +2 -2
- package/dist/esm/table/Tr.js +2 -2
- package/dist/esm/table/styles.js +2 -2
- package/dist/esm/table/styles.js.map +1 -1
- package/dist/esm/table/types.js.map +1 -1
- package/dist/esm/text/Text.js +2 -2
- package/dist/esm/text/TextStyles.js +1 -1
- package/dist/esm/text/TextStyles.js.map +1 -1
- package/dist/esm/text/types.js.map +1 -1
- package/dist/esm/theme/base/index.js +7 -7
- package/dist/esm/theme/cookie-theme-provider.js +7 -7
- package/dist/esm/theme/cookie-theme-provider.js.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-colors.js +4 -4
- package/dist/esm/theme/document-head-contents/element-theme-colors.js.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-script.js +3 -3
- package/dist/esm/theme/document-head-contents/element-theme-script.js.map +1 -1
- package/dist/esm/theme/document-head-contents/index.js +4 -4
- package/dist/esm/theme/hooks.js +2 -2
- package/dist/esm/theme/index.js +1 -1
- package/dist/esm/theme/theme-provider.js +4 -4
- package/dist/esm/theme/theme-provider.js.map +1 -1
- package/dist/esm/theme/themes.js +2 -2
- package/dist/esm/theme/themes.js.map +1 -1
- package/dist/esm/theme/utils/cookies-migration.js +3 -3
- package/dist/esm/theme/utils/cookies-migration.js.map +1 -1
- package/dist/esm/theme/utils/cookies.js +1 -1
- package/dist/esm/theme/utils/cookies.js.map +1 -1
- package/dist/esm/theme/utils/set-theme-cookie.js +3 -3
- package/dist/esm/theme/utils/set-theme-cookie.js.map +1 -1
- package/dist/esm/toast/ToastContainer.js +2 -2
- package/dist/esm/toast/ToastDefault.js +2 -2
- package/dist/esm/toast/ToastError.js +2 -2
- package/dist/esm/toast/ToastInfo.js +2 -2
- package/dist/esm/toast/ToastPending.js +3 -3
- package/dist/esm/toast/ToastPendingStyles.js +2 -2
- package/dist/esm/toast/ToastPendingStyles.js.map +1 -1
- package/dist/esm/toast/ToastSuccess.js +2 -2
- package/dist/esm/toast/index.js +1 -1
- package/dist/esm/toast/toastsDefaultOptions.js +1 -1
- package/dist/esm/toast/types.js +1 -1
- package/dist/esm/tooltip/Tooltip.js +4 -4
- package/dist/esm/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/tooltip/TooltipStyles.js +2 -2
- package/dist/esm/tooltip/TooltipStyles.js.map +1 -1
- package/dist/esm/tooltip/types.js.map +1 -1
- package/dist/esm/transition/withTransition.js +4 -4
- package/dist/esm/transition/withTransition.js.map +1 -1
- package/dist/esm/utils/cookies-client-side.js +2 -2
- package/dist/esm/utils/index.js +1 -1
- package/dist/types/accordion/types.d.ts +2 -2
- package/dist/types/accordion/types.d.ts.map +1 -1
- package/dist/types/address/types.d.ts +1 -1
- package/dist/types/address/types.d.ts.map +1 -1
- package/dist/types/addressBadge/AddressBadge.d.ts +2 -5
- package/dist/types/addressBadge/AddressBadge.d.ts.map +1 -1
- package/dist/types/addressBadge/types.d.ts +3 -3
- package/dist/types/addressBadge/types.d.ts.map +1 -1
- package/dist/types/block/BlockStyles.d.ts +1 -1
- package/dist/types/block/BlockStyles.d.ts.map +1 -1
- package/dist/types/block/types.d.ts +2 -2
- package/dist/types/block/types.d.ts.map +1 -1
- package/dist/types/box/Box.d.ts +1 -1
- package/dist/types/box/Box.d.ts.map +1 -1
- package/dist/types/button/ButtonStyles.d.ts +1 -1
- package/dist/types/button/ButtonStyles.d.ts.map +1 -1
- package/dist/types/button/types.d.ts +2 -2
- package/dist/types/button/types.d.ts.map +1 -1
- package/dist/types/checkbox/types.d.ts +2 -2
- package/dist/types/checkbox/types.d.ts.map +1 -1
- package/dist/types/chip/types.d.ts +2 -2
- package/dist/types/chip/types.d.ts.map +1 -1
- package/dist/types/container/types.d.ts +2 -2
- package/dist/types/container/types.d.ts.map +1 -1
- package/dist/types/content-theme/content-theme.d.ts.map +1 -1
- package/dist/types/content-theme/types.d.ts +1 -1
- package/dist/types/content-theme/types.d.ts.map +1 -1
- package/dist/types/cookie-theme-toggler/cookie-theme-toggler.d.ts +1 -1
- package/dist/types/cookie-theme-toggler/cookie-theme-toggler.d.ts.map +1 -1
- package/dist/types/data-table/types.d.ts +2 -2
- package/dist/types/data-table/types.d.ts.map +1 -1
- package/dist/types/divider/DividerStyles.d.ts +1 -1
- package/dist/types/divider/DividerStyles.d.ts.map +1 -1
- package/dist/types/divider/types.d.ts +2 -2
- package/dist/types/divider/types.d.ts.map +1 -1
- package/dist/types/heading/HeadingStyles.d.ts +1 -1
- package/dist/types/heading/HeadingStyles.d.ts.map +1 -1
- package/dist/types/heading/types.d.ts +1 -1
- package/dist/types/heading/types.d.ts.map +1 -1
- package/dist/types/hooks/useBreakpoint.d.ts +1 -1
- package/dist/types/hooks/useBreakpoint.d.ts.map +1 -1
- package/dist/types/hooks/useSystemTheme.d.ts +1 -1
- package/dist/types/hooks/useSystemTheme.d.ts.map +1 -1
- package/dist/types/identicon/types.d.ts +2 -2
- package/dist/types/identicon/types.d.ts.map +1 -1
- package/dist/types/input/OptionsSlider.d.ts +1 -1
- package/dist/types/input/OptionsSlider.d.ts.map +1 -1
- package/dist/types/input/SliderInput.d.ts +1 -1
- package/dist/types/input/SliderInput.d.ts.map +1 -1
- package/dist/types/input/SliderInputStyles.d.ts +1 -3
- package/dist/types/input/SliderInputStyles.d.ts.map +1 -1
- package/dist/types/input/types.d.ts +3 -3
- package/dist/types/input/types.d.ts.map +1 -1
- package/dist/types/lido-logo/types.d.ts +2 -2
- package/dist/types/lido-logo/types.d.ts.map +1 -1
- package/dist/types/link/types.d.ts +2 -2
- package/dist/types/link/types.d.ts.map +1 -1
- package/dist/types/loaders/types.d.ts +2 -2
- package/dist/types/loaders/types.d.ts.map +1 -1
- package/dist/types/main-menu/types.d.ts +1 -1
- package/dist/types/main-menu/types.d.ts.map +1 -1
- package/dist/types/modal/ModalOverlay.d.ts +1 -1
- package/dist/types/modal/ModalOverlay.d.ts.map +1 -1
- package/dist/types/modal/ModalOverlayStyles.d.ts +1 -1
- package/dist/types/modal/ModalOverlayStyles.d.ts.map +1 -1
- package/dist/types/modal/types.d.ts +3 -3
- package/dist/types/modal/types.d.ts.map +1 -1
- package/dist/types/pagination/Pagination.d.ts.map +1 -1
- package/dist/types/pagination/PaginationItemStyles.d.ts +1 -1
- package/dist/types/pagination/PaginationItemStyles.d.ts.map +1 -1
- package/dist/types/pagination/types.d.ts +1 -1
- package/dist/types/pagination/types.d.ts.map +1 -1
- package/dist/types/popover/PopoverRoot.d.ts +1 -1
- package/dist/types/popover/PopoverRoot.d.ts.map +1 -1
- package/dist/types/popover/PopoverRootStyles.d.ts +1 -1
- package/dist/types/popover/PopoverRootStyles.d.ts.map +1 -1
- package/dist/types/popover/PopoverStyles.d.ts +1 -1
- package/dist/types/popover/PopoverStyles.d.ts.map +1 -1
- package/dist/types/popover/types.d.ts +3 -3
- package/dist/types/popover/types.d.ts.map +1 -1
- package/dist/types/popup-menu/PopupMenuStyles.d.ts +1 -1
- package/dist/types/popup-menu/PopupMenuStyles.d.ts.map +1 -1
- package/dist/types/popup-menu/types.d.ts +3 -3
- package/dist/types/popup-menu/types.d.ts.map +1 -1
- package/dist/types/section/types.d.ts +1 -1
- package/dist/types/section/types.d.ts.map +1 -1
- package/dist/types/select/Option.d.ts +1 -1
- package/dist/types/select/SelectStyles.d.ts +1 -1
- package/dist/types/select/types.d.ts +3 -3
- package/dist/types/select/types.d.ts.map +1 -1
- package/dist/types/service-page/types.d.ts +1 -1
- package/dist/types/service-page/types.d.ts.map +1 -1
- package/dist/types/stack/StackItemStyles.d.ts +1 -1
- package/dist/types/stack/StackItemStyles.d.ts.map +1 -1
- package/dist/types/stack/StackStyles.d.ts +1 -1
- package/dist/types/stack/StackStyles.d.ts.map +1 -1
- package/dist/types/stack/types.d.ts +2 -2
- package/dist/types/stack/types.d.ts.map +1 -1
- package/dist/types/table/types.d.ts +2 -2
- package/dist/types/table/types.d.ts.map +1 -1
- package/dist/types/text/TextStyles.d.ts +1 -1
- package/dist/types/text/TextStyles.d.ts.map +1 -1
- package/dist/types/text/types.d.ts +1 -1
- package/dist/types/text/types.d.ts.map +1 -1
- package/dist/types/theme/utils/cookies-migration.d.ts.map +1 -1
- package/dist/types/theme/utils/cookies.d.ts +1 -1
- package/dist/types/theme/utils/cookies.d.ts.map +1 -1
- package/dist/types/tooltip/TooltipStyles.d.ts +1 -1
- package/dist/types/tooltip/TooltipStyles.d.ts.map +1 -1
- package/dist/types/tooltip/types.d.ts +2 -2
- package/dist/types/tooltip/types.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -19,7 +19,7 @@ yarn add @lidofinance/lido-ui
|
|
|
19
19
|
Then, import Lido theme provider and wrap your components in `_app.js`:
|
|
20
20
|
|
|
21
21
|
```js
|
|
22
|
-
import { ThemeProvider } from '
|
|
22
|
+
import { ThemeProvider } from '../lido-ui'
|
|
23
23
|
|
|
24
24
|
function App({ Component }) {
|
|
25
25
|
return (
|
|
@@ -35,7 +35,7 @@ function App({ Component }) {
|
|
|
35
35
|
Simply import any components and use in your project:
|
|
36
36
|
|
|
37
37
|
```js
|
|
38
|
-
import { Button } from '
|
|
38
|
+
import { Button } from '../lido-ui'
|
|
39
39
|
```
|
|
40
40
|
|
|
41
41
|
## Developing
|
|
@@ -17,7 +17,7 @@ _export(exports, {
|
|
|
17
17
|
});
|
|
18
18
|
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
19
19
|
const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
|
|
20
|
-
const _icons = require("../icons
|
|
20
|
+
const _icons = require("../icons");
|
|
21
21
|
const AccordionStyle = _styledComponents.default.div`
|
|
22
22
|
margin: 0 0 ${(param)=>{
|
|
23
23
|
let { theme } = param;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ArrowBottom } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ArrowBottom } from '../icons'\n\nexport const AccordionStyle = styled.div`\n margin: 0 0 ${({ theme }) => theme.spaceMap.sm}px 0;\n background: var(--lido-color-foreground);\n border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n`\n\nexport const AccordionSummaryStyle = styled.div`\n padding: ${({ theme }) => theme.spaceMap.lg}px\n ${({ theme }) => theme.spaceMap.xxl}px;\n cursor: pointer;\n display: flex;\n align-items: center;\n outline: none;\n min-height: 40px;\n box-sizing: content-box;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n }\n`\n\nexport const AccordionTitleStyle = styled.div`\n color: var(--lido-color-text);\n flex-grow: 1;\n font-weight: 800;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.6em;\n`\n\nexport const AccordionArrowStyle = styled(ArrowBottom)<{ $expanded: boolean }>`\n flex-shrink: 0;\n transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n transition: transform ${({ theme }) => theme.duration.norm} ease;\n margin: -2px;\n margin-left: ${({ theme }) => theme.spaceMap.md}px;\n fill: var(--lido-color-textSecondary);\n`\n\nexport const AccordionContentStyle = styled.div`\n color: var(--lido-color-textSecondary);\n padding: ${({ theme }) => theme.spaceMap.xxl}px;\n padding-top: 0;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n padding-top: 0;\n }\n\n p,\n ul,\n ol {\n margin: 0 0 1.6em;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n ul,\n /* stylelint-disable-next-line no-descending-specificity */\n ol {\n padding: 0 0 0 1.5em;\n }\n`\n"],"names":["AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","styled","div","theme","spaceMap","sm","borderRadiusesMap","xl","lg","xxl","mediaQueries","md","fontSizesMap","xs","ArrowBottom","props","$expanded","duration","norm","xxs"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAMdC,qBAAqB,MAArBA,qBAAqB;IAerBC,mBAAmB,MAAnBA,mBAAmB;IAQnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,qBAAqB,MAArBA,qBAAqB;;;uEAzCf,mBAAmB;uBACV,UAAU;AAE/B,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC;cAC3B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;iBAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;AAC7D,CAAC;AAEM,MAAMV,qBAAqB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;WACrC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;IAC1C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;;;;;;EAQtC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMV,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;aAIjC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;AAEpD,CAAC;AAEM,MAAMd,mBAAmB,GAAGE,IAAAA,iBAAM,QAAA,EAACa,MAAW,YAAA,CAAC,AAAwB,CAAC;;oBAE3D,EAAE,CAACC,KAAK,GAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAC,AAAC,CAAC;wBACrC,EAAE,SAAeb;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACc,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;eAE9C,EAAE,SAAef;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,EAAE;AAAD,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMX,qBAAqB,GAAGC,iBAAM,QAAA,CAACC,GAAG,CAAC;;WAErC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;aAGlC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACO,GAAG;AAAD,CAAC,CAAC;;;EAGnD,EAAE,SAAehB;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;AAoBhD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/accordion/types.ts"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/accordion/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ReactNode } from 'react'\nexport type { Theme } from '../theme'\n\nexport type AccordionProps = LidoComponentProps<\n 'div',\n {\n defaultExpanded?: boolean\n summary: ReactNode\n }\n>\n"],"names":[],"mappings":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/address/types.ts"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/address/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\n\nexport type AddressProps = LidoComponentProps<\n 'div',\n {\n address: string\n symbols?: number\n }\n>\n"],"names":[],"mappings":"AAAA"}
|
|
@@ -8,14 +8,15 @@ Object.defineProperty(exports, "AddressBadge", {
|
|
|
8
8
|
});
|
|
9
9
|
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
const _react = require("react");
|
|
11
|
-
const _hooks = require("../hooks
|
|
11
|
+
const _hooks = require("../hooks");
|
|
12
12
|
const _addressBadgeStyles = require("./AddressBadgeStyles");
|
|
13
13
|
const AddressBadge = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
|
|
14
|
-
let { address , symbolsMobile =3 , symbolsDesktop =6
|
|
14
|
+
let { address , symbolsMobile =3 , symbolsDesktop =6 , ...rest } = param;
|
|
15
15
|
const isMobile = (0, _hooks.useBreakpoint)('md');
|
|
16
16
|
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_addressBadgeStyles.AddressBadgeStyle, {
|
|
17
17
|
symbols: isMobile ? symbolsMobile : symbolsDesktop,
|
|
18
18
|
address: address !== null && address !== void 0 ? address : '',
|
|
19
|
+
...rest,
|
|
19
20
|
ref: ref
|
|
20
21
|
});
|
|
21
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nexport const AddressBadge = forwardRef(\n (\n {\n address,\n symbolsMobile = 3,\n symbolsDesktop = 6,\n ...rest\n }: AddressBadgeProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const isMobile = useBreakpoint('md')\n\n return (\n <AddressBadgeStyle\n symbols={isMobile ? symbolsMobile : symbolsDesktop}\n address={address ?? ''}\n {...rest}\n ref={ref}\n />\n )\n },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["AddressBadge","forwardRef","ref","address","symbolsMobile","symbolsDesktop","rest","isMobile","useBreakpoint","AddressBadgeStyle","symbols","displayName"],"mappings":"AAAA;;;;+BAKaA,cAAY;;aAAZA,YAAY;;;uBALgB,OAAO;uBAClB,UAAU;oCACN,sBAAsB;AAGjD,MAAMA,YAAY,iBAAGC,IAAAA,MAAU,WAAA,EACpC,QAOEC,GAAkC,GAC/B;QAPH,EACEC,OAAO,CAAA,EACPC,aAAa,EAAG,CAAC,CAAA,EACjBC,cAAc,EAAG,CAAC,CAAA,EAClB,GAAGC,IAAI,EACW;IAGpB,MAAMC,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,qBAACC,mBAAiB,kBAAA;QAChBC,OAAO,EAAEH,QAAQ,GAAGH,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACrB,GAAGG,IAAI;QACRJ,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC,CACF;AACDF,YAAY,CAACW,WAAW,GAAG,cAAc"}
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "AddressBadgeStyle", {
|
|
|
7
7
|
get: ()=>AddressBadgeStyle
|
|
8
8
|
});
|
|
9
9
|
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
10
|
-
const _identicon = require("../identicon
|
|
10
|
+
const _identicon = require("../identicon");
|
|
11
11
|
const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
|
|
12
12
|
const AddressBadgeStyle = (0, _styledComponents.default)(_identicon.IdenticonBadge)`
|
|
13
13
|
max-width: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '../identicon'\nimport styled from 'styled-components'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n max-width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n\n & > * {\n flex-shrink: 0;\n }\n\n & > :first-child {\n flex-shrink: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":"AAAA;;;;+BAGaA,mBAAiB;;aAAjBA,iBAAiB;;;2BAHC,cAAc;uEAC1B,mBAAmB;AAE/B,MAAMA,iBAAiB,GAAGC,IAAAA,iBAAM,QAAA,EAACC,UAAc,eAAA,CAAC,CAAC;;;;;;;;;;;;;;AAcxD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { IdenticonBadgeProps } from '../identicon'\n\nexport type AddressBadgeProps = Omit<\n IdenticonBadgeProps,\n 'address' | 'symbol' | 'as' | 'forwardedAs'\n> & {\n address?: string\n symbolsMobile?: number\n symbolsDesktop?: number\n}\n"],"names":[],"mappings":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '../theme'\nimport { BlockVariants, BlockColors } from './types'\n\ntype InjectedProps = {\n $variant: BlockVariants\n $color: BlockColors\n $paddingLess: boolean\n theme: Theme\n}\n\nconst colors = {\n foreground: css`\n background: var(--lido-color-foreground);\n color: var(--lido-color-textSecondary);\n `,\n background: css`\n background: var(--lido-color-background);\n color: var(--lido-color-textSecondary);\n `,\n accent: css`\n background: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n `,\n}\n\nconst variants = {\n flat: css`\n box-shadow: none;\n `,\n shadow: css`\n box-shadow: ${({ theme }) => theme.boxShadows.lg}\n var(--lido-colors-shadowLight);\n `,\n}\n\nconst paddings = css`\n padding: ${({ theme }) => theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n }\n`\n\nexport const BlockStyle = styled.div<InjectedProps>`\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n margin: 0;\n\n ${({ $paddingLess }) => !$paddingLess && paddings}\n\n ${({ $variant }) => variants[$variant]}\n ${({ $color }) => colors[$color]}\n`\n"],"names":["BlockStyle","colors","foreground","css","background","accent","variants","flat","shadow","theme","boxShadows","lg","paddings","spaceMap","xxl","mediaQueries","md","styled","div","fontSizesMap","xxs","borderRadiusesMap","xl","$paddingLess","$variant","$color"],"mappings":"AAAA;;;;+BA4CaA,YAAU;;aAAVA,UAAU;;;wEA5CK,mBAAmB;AAW/C,MAAMC,MAAM,GAAG;IACbC,UAAU,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDC,UAAU,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDE,MAAM,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGZ,CAAC;CACF;AAED,MAAMG,QAAQ,GAAG;IACfC,IAAI,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEV,CAAC;IACDK,MAAM,EAAEL,IAAAA,iBAAG,IAAA,CAAA,CAAC;gBACE,EAAE,SAAeM;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;CACF;AAED,MAAMC,QAAQ,GAAGT,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACV,EAAE,SAAeM;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;;EAE7C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACM,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACF,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMX,UAAU,GAAGiB,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;aAEvC,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACU,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;iBAEpC,EAAE,SAAeX;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACY,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;EAG3D,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAK,CAACA,YAAY,IAAIX,QAAQ;AAAD,CAAC,CAAC;;EAElD,EAAE,SAAkBN;QAAjB,EAAEkB,QAAQ,CAAA,EAAE;WAAKlB,QAAQ,CAACkB,QAAQ,CAAC;AAAD,CAAC,CAAC;EACvC,EAAE,SAAgBvB;QAAf,EAAEwB,MAAM,CAAA,EAAE;WAAKxB,MAAM,CAACwB,MAAM,CAAC;AAAD,CAAC,CAAC;AACnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nexport type { Theme } from '../theme'\n\nexport enum BlockVariant {\n flat,\n shadow,\n}\nexport type BlockVariants = keyof typeof BlockVariant\n\nexport enum BlockColor {\n foreground,\n background,\n accent,\n}\nexport type BlockColors = keyof typeof BlockColor\n\nexport type BlockProps = LidoComponentProps<\n 'div',\n {\n color?: BlockColors\n variant?: BlockVariants\n paddingLess?: boolean\n }\n>\n"],"names":["BlockVariant","flat","shadow","BlockColor","foreground","background","accent"],"mappings":"AAAA;;;;;;;;;;;;;;IAGO,YAGN;UAHWA,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,YAAY,CAAZA,YAAY,CAEtBE,QAAM,IAANA,CAAM,IAANA,QAAM;GAFIF,YAAY,KAAZA,YAAY;IAMjB,UAIN;UAJWG,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBC,YAAU,IAAVA,CAAU,IAAVA,YAAU;IADAD,UAAU,CAAVA,UAAU,CAEpBE,YAAU,IAAVA,CAAU,IAAVA,YAAU;IAFAF,UAAU,CAAVA,UAAU,CAGpBG,QAAM,IAANA,CAAM,IAANA,QAAM;GAHIH,UAAU,KAAVA,UAAU"}
|
package/dist/cjs/box/Box.js
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "Box", {
|
|
|
8
8
|
});
|
|
9
9
|
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
10
10
|
const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
|
|
11
|
-
const _styledSystem = require("../styled-system
|
|
11
|
+
const _styledSystem = require("../styled-system");
|
|
12
12
|
const Box = (0, _styledSystem.withStyledSystem)(_styledComponents.default.div``);
|
|
13
13
|
|
|
14
14
|
//# sourceMappingURL=Box.js.map
|
package/dist/cjs/box/Box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { withStyledSystem } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { withStyledSystem } from '../styled-system'\n\nexport const Box = withStyledSystem(styled.div``)\n"],"names":["Box","withStyledSystem","styled","div"],"mappings":"AAAA;;;;+BAGaA,KAAG;;aAAHA,GAAG;;;uEAHG,mBAAmB;8BACL,kBAAkB;AAE5C,MAAMA,GAAG,GAAGC,IAAAA,aAAgB,iBAAA,EAACC,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC,CAAC"}
|
|
@@ -17,7 +17,7 @@ _export(exports, {
|
|
|
17
17
|
});
|
|
18
18
|
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
19
19
|
const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
|
|
20
|
-
const _loaders = require("../loaders
|
|
20
|
+
const _loaders = require("../loaders");
|
|
21
21
|
const sizes = {
|
|
22
22
|
xxs: (0, _styledComponents.css)`
|
|
23
23
|
line-height: 1em;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { Loader } from '@lidofinance/loaders'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["ButtonStyle","ripple","ButtonRippleStyle","ButtonContentStyle","ButtonLoaderStyle","sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","styled","button","$fullwidth","$loading","$size","$variant","keyframes","span","$hidden","Loader"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Theme } from '../theme'\nimport { Loader } from '../loaders'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["ButtonStyle","ripple","ButtonRippleStyle","ButtonContentStyle","ButtonLoaderStyle","sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","styled","button","$fullwidth","$loading","$size","$variant","keyframes","span","$hidden","Loader"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/button/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/button/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nexport type { Theme } from '../theme'\n\nexport enum ButtonSize {\n xxs,\n xs,\n sm,\n md,\n lg,\n}\nexport type ButtonSizes = keyof typeof ButtonSize\n\nexport enum ButtonVariant {\n filled,\n outlined,\n text,\n ghost,\n translucent,\n}\nexport type ButtonVariants = keyof typeof ButtonVariant\n\nexport enum ButtonColor {\n primary,\n secondary,\n warning,\n error,\n success,\n}\nexport type ButtonColors = keyof typeof ButtonColor\n\nexport type ButtonProps = LidoComponentProps<\n 'button',\n {\n size?: ButtonSizes\n variant?: ButtonVariants\n color?: ButtonColors\n fullwidth?: boolean\n square?: boolean\n loading?: boolean\n active?: boolean\n as?: never\n }\n>\n\nexport type ButtonIconProps = {\n icon: JSX.Element\n} & ButtonProps\n"],"names":["ButtonSize","xxs","xs","sm","md","lg","ButtonVariant","filled","outlined","text","ghost","translucent","ButtonColor","primary","secondary","warning","error","success"],"mappings":"AAAA;;;;;;;;;;;;;;;IAGO,UAMN;UANWA,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBC,KAAG,IAAHA,CAAG,IAAHA,KAAG;IADOD,UAAU,CAAVA,UAAU,CAEpBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,UAAU,CAAVA,UAAU,CAGpBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,UAAU,CAAVA,UAAU,CAIpBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,UAAU,CAAVA,UAAU,CAKpBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;GALQL,UAAU,KAAVA,UAAU;IASf,aAMN;UANWM,aAAa;IAAbA,aAAa,CAAbA,aAAa,CACvBC,QAAM,IAANA,CAAM,IAANA,QAAM;IADID,aAAa,CAAbA,aAAa,CAEvBE,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAFEF,aAAa,CAAbA,aAAa,CAGvBG,MAAI,IAAJA,CAAI,IAAJA,MAAI;IAHMH,aAAa,CAAbA,aAAa,CAIvBI,OAAK,IAALA,CAAK,IAALA,OAAK;IAJKJ,aAAa,CAAbA,aAAa,CAKvBK,aAAW,IAAXA,CAAW,IAAXA,aAAW;GALDL,aAAa,KAAbA,aAAa;IASlB,WAMN;UANWM,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,WAAW,CAAXA,WAAW,CAErBE,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCF,WAAW,CAAXA,WAAW,CAGrBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,WAAW,CAAXA,WAAW,CAIrBI,OAAK,IAALA,CAAK,IAALA,OAAK;IAJKJ,WAAW,CAAXA,WAAW,CAKrBK,SAAO,IAAPA,CAAO,IAAPA,SAAO;GALGL,WAAW,KAAXA,WAAW"}
|
|
@@ -9,8 +9,8 @@ Object.defineProperty(exports, "Checkbox", {
|
|
|
9
9
|
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
const _react = require("react");
|
|
11
11
|
const _checkboxStyles = require("./CheckboxStyles");
|
|
12
|
-
const _text = require("../text
|
|
13
|
-
const _box = require("../box
|
|
12
|
+
const _text = require("../text");
|
|
13
|
+
const _box = require("../box");
|
|
14
14
|
const Checkbox = /*#__PURE__*/ (0, _react.forwardRef)((param, inputRef)=>{
|
|
15
15
|
let { className , style , wrapperRef , disabled , children , label , ...rest } = param;
|
|
16
16
|
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_checkboxStyles.CheckboxWrapperStyle, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types'\nimport {\n CheckboxWrapperStyle,\n CheckboxInputStyle,\n CheckboxIconStyle,\n} from './CheckboxStyles'\nimport { Text } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types'\nimport {\n CheckboxWrapperStyle,\n CheckboxInputStyle,\n CheckboxIconStyle,\n} from './CheckboxStyles'\nimport { Text } from '../text'\nimport { Box } from '../box'\n\nexport const Checkbox = forwardRef(\n (\n {\n className,\n style,\n wrapperRef,\n disabled,\n children,\n label,\n ...rest\n }: CheckboxProps,\n inputRef?: ForwardedRef<HTMLInputElement>,\n ) => {\n return (\n <CheckboxWrapperStyle\n className={className}\n style={style}\n ref={wrapperRef}\n >\n <CheckboxInputStyle\n type='checkbox'\n disabled={disabled}\n ref={inputRef}\n {...rest}\n />\n <CheckboxIconStyle />\n {label && (\n <Box ml={8}>\n <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n {label}\n </Text>\n </Box>\n )}\n </CheckboxWrapperStyle>\n )\n },\n)\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","inputRef","className","style","wrapperRef","disabled","children","label","rest","CheckboxWrapperStyle","ref","CheckboxInputStyle","type","CheckboxIconStyle","Box","ml","Text","size","color","displayName"],"mappings":"AAAA;;;;+BAUaA,UAAQ;;aAARA,QAAQ;;;uBAVoB,OAAO;gCAMzC,kBAAkB;sBACJ,SAAS;qBACV,QAAQ;AAErB,MAAMA,QAAQ,iBAAGC,IAAAA,MAAU,WAAA,EAChC,QAUEC,QAAyC,GACtC;QAVH,EACEC,SAAS,CAAA,EACTC,KAAK,CAAA,EACLC,UAAU,CAAA,EACVC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,KAAK,CAAA,EACL,GAAGC,IAAI,EACO;IAGhB,qBACE,sBAACC,eAAoB,qBAAA;QACnBP,SAAS,EAAEA,SAAS;QACpBC,KAAK,EAAEA,KAAK;QACZO,GAAG,EAAEN,UAAU;;0BAEf,qBAACO,eAAkB,mBAAA;gBACjBC,IAAI,EAAC,UAAU;gBACfP,QAAQ,EAAEA,QAAQ;gBAClBK,GAAG,EAAET,QAAQ;gBACZ,GAAGO,IAAI;cACR;0BACF,qBAACK,eAAiB,kBAAA,KAAG;YACpBN,KAAK,kBACJ,qBAACO,IAAG,IAAA;gBAACC,EAAE,EAAE,CAAC;0BACR,cAAA,qBAACC,KAAI,KAAA;oBAACC,IAAI,EAAC,KAAK;oBAACC,KAAK,EAAEb,QAAQ,GAAG,WAAW,GAAG,SAAS;8BACvDE,KAAK;kBACD;cACH,AACP;;MACoB,CACxB;AACH,CAAC,CACF;AACDR,QAAQ,CAACoB,WAAW,GAAG,UAAU"}
|
|
@@ -15,7 +15,7 @@ _export(exports, {
|
|
|
15
15
|
});
|
|
16
16
|
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
17
17
|
const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
|
|
18
|
-
const _icons = require("../icons
|
|
18
|
+
const _icons = require("../icons");
|
|
19
19
|
const CheckboxWrapperStyle = _styledComponents.default.label`
|
|
20
20
|
flex-shrink: 0;
|
|
21
21
|
display: inline-flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Check } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Check } from '../icons'\n\nexport const CheckboxWrapperStyle = styled.label`\n flex-shrink: 0;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n line-height: 0;\n align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n height: 24px;\n width: 24px;\n border-radius: 4px;\n transition:\n box-shadow 0.1s ease,\n background-color 0.1s ease;\n fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n width: 1px;\n height: 1px;\n position: absolute;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n &:not(:disabled) ~ * {\n cursor: pointer;\n }\n\n label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n }\n\n & + ${CheckboxIconStyle} {\n background-color: var(--lido-color-controlBg);\n box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n path {\n opacity: 0;\n }\n }\n\n &:checked + ${CheckboxIconStyle} {\n background-color: var(--lido-color-primary);\n box-shadow: none;\n\n path {\n opacity: 1;\n }\n }\n\n &:disabled + ${CheckboxIconStyle} {\n opacity: 0.5;\n cursor: default;\n }\n\n &:focus-visible + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n }\n\n &:focus-visible:checked + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n }\n`\n"],"names":["CheckboxWrapperStyle","CheckboxIconStyle","CheckboxInputStyle","styled","label","Check","input"],"mappings":"AAAA;;;;;;;;;;;IAGaA,oBAAoB,MAApBA,oBAAoB;IASpBC,iBAAiB,MAAjBA,iBAAiB;IAUjBC,kBAAkB,MAAlBA,kBAAkB;;;uEAtBZ,mBAAmB;uBAChB,UAAU;AAEzB,MAAMF,oBAAoB,GAAGG,iBAAM,QAAA,CAACC,KAAK,CAAC;;;;;;;AAOjD,CAAC;AAEM,MAAMH,iBAAiB,GAAGE,IAAAA,iBAAM,QAAA,EAACE,MAAK,MAAA,CAAC,CAAC;;;;;;;;AAQ/C,CAAC;AAEM,MAAMH,kBAAkB,GAAGC,iBAAM,QAAA,CAACG,KAAK,CAAC;;;;;;;;;;;+CAWA,EAAEL,iBAAiB,CAAC;;;;MAI7D,EAAEA,iBAAiB,CAAC;;;;;;;;;cASZ,EAAEA,iBAAiB,CAAC;;;;;;;;;eASnB,EAAEA,iBAAiB,CAAC;;;;;oBAKf,EAAEA,iBAAiB,CAAC;;;;4BAIZ,EAAEA,iBAAiB,CAAC;;;AAGhD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/checkbox/types.ts"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/checkbox/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ReactNode, RefObject } from 'react'\nexport type { Theme } from '../theme'\n\nexport type CheckboxProps = LidoComponentProps<\n 'input',\n {\n wrapperRef?: RefObject<HTMLLabelElement>\n children?: never\n label?: ReactNode\n }\n>\n"],"names":[],"mappings":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/chip/types.ts"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/chip/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { RefObject } from 'react'\nexport type { Theme } from '../theme'\n\nexport enum ChipVariant {\n positive,\n negative,\n warning,\n gray,\n}\n\nexport type ChipVariants = keyof typeof ChipVariant\n\nexport type ChipProps = LidoComponentProps<\n 'div',\n {\n wrapperRef?: RefObject<HTMLLabelElement>\n variant?: ChipVariants\n }\n>\n"],"names":["ChipVariant","positive","negative","warning","gray"],"mappings":"AAAA;;;;;;;;IAIO,WAKN;UALWA,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IADED,WAAW,CAAXA,WAAW,CAErBE,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAFEF,WAAW,CAAXA,WAAW,CAGrBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,WAAW,CAAXA,WAAW,CAIrBI,MAAI,IAAJA,CAAI,IAAJA,MAAI;GAJMJ,WAAW,KAAXA,WAAW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/container/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/container/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nexport type { Theme } from '../theme'\n\nexport enum ContainerSize {\n full,\n content,\n tight,\n}\nexport type ContainerSizes = keyof typeof ContainerSize\n\nexport type ContainerProps = LidoComponentProps<\n 'div',\n {\n size?: ContainerSizes\n }\n>\n"],"names":["ContainerSize","full","content","tight"],"mappings":"AAAA;;;;;;;;IAGO,aAIN;UAJWA,aAAa;IAAbA,aAAa,CAAbA,aAAa,CACvBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,aAAa,CAAbA,aAAa,CAEvBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAFGF,aAAa,CAAbA,aAAa,CAGvBG,OAAK,IAALA,CAAK,IAALA,OAAK;GAHKH,aAAa,KAAbA,aAAa"}
|
|
@@ -8,14 +8,17 @@ Object.defineProperty(exports, "ContentTheme", {
|
|
|
8
8
|
});
|
|
9
9
|
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
const _styles = require("./styles");
|
|
11
|
-
const ContentTheme = (
|
|
11
|
+
const ContentTheme = (param)=>{
|
|
12
|
+
let { darkContent , lightContent , ...rest } = param;
|
|
12
13
|
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
13
14
|
children: [
|
|
14
15
|
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_styles.ContentThemeOnlyDark, {
|
|
15
|
-
|
|
16
|
+
...rest,
|
|
17
|
+
children: darkContent
|
|
16
18
|
}),
|
|
17
19
|
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_styles.ContentThemeOnlyLight, {
|
|
18
|
-
|
|
20
|
+
...rest,
|
|
21
|
+
children: lightContent
|
|
19
22
|
})
|
|
20
23
|
]
|
|
21
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = (\n
|
|
1
|
+
{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = ({\n darkContent,\n lightContent,\n ...rest\n}: ContentThemeProps) => {\n return (\n <>\n <ContentThemeOnlyDark {...rest}>{darkContent}</ContentThemeOnlyDark>\n <ContentThemeOnlyLight {...rest}>{lightContent}</ContentThemeOnlyLight>\n </>\n )\n}\n"],"names":["ContentTheme","darkContent","lightContent","rest","ContentThemeOnlyDark","ContentThemeOnlyLight"],"mappings":"AAAA;;;;+BAIaA,cAAY;;aAAZA,YAAY;;;wBAHmC,UAAU;AAG/D,MAAMA,YAAY,GAA0B,SAI1B;QAJ2B,EAClDC,WAAW,CAAA,EACXC,YAAY,CAAA,EACZ,GAAGC,IAAI,EACW;IAClB,qBACE;;0BACE,qBAACC,OAAoB,qBAAA;gBAAE,GAAGD,IAAI;0BAAGF,WAAW;cAAwB;0BACpE,qBAACI,OAAqB,sBAAA;gBAAE,GAAGF,IAAI;0BAAGD,YAAY;cAAyB;;MACtE,CACJ;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/content-theme/types.ts"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/content-theme/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ReactElement } from 'react'\n\nexport type ContentThemeProps = LidoComponentProps<\n 'div',\n {\n darkContent: ReactElement\n lightContent: ReactElement\n }\n>\n"],"names":[],"mappings":"AAAA"}
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "ThemeToggler", {
|
|
|
8
8
|
});
|
|
9
9
|
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
const _styles = require("./styles");
|
|
11
|
-
const _theme = require("../theme
|
|
11
|
+
const _theme = require("../theme");
|
|
12
12
|
const ThemeToggler = (props)=>{
|
|
13
13
|
const { toggleTheme } = (0, _theme.useThemeToggle)();
|
|
14
14
|
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_styles.CookieThemeTogglerStyle, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/cookie-theme-toggler/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n CookieThemeTogglerStyle,\n CookieThemeTogglerDarkIcon,\n CookieThemeTogglerLightIcon,\n} from './styles'\nimport { useThemeToggle } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/cookie-theme-toggler/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n CookieThemeTogglerStyle,\n CookieThemeTogglerDarkIcon,\n CookieThemeTogglerLightIcon,\n} from './styles'\nimport { useThemeToggle } from '../theme'\nimport { ButtonProps } from '../button'\n\nexport type ThemeTogglerProps = Omit<ButtonProps, 'color' | 'onClick'>\n\nexport const ThemeToggler: FC = (props: ButtonProps) => {\n const { toggleTheme } = useThemeToggle()\n\n return (\n <CookieThemeTogglerStyle color='secondary' onClick={toggleTheme} {...props}>\n <CookieThemeTogglerLightIcon />\n <CookieThemeTogglerDarkIcon />\n </CookieThemeTogglerStyle>\n )\n}\n"],"names":["ThemeToggler","props","toggleTheme","useThemeToggle","CookieThemeTogglerStyle","color","onClick","CookieThemeTogglerLightIcon","CookieThemeTogglerDarkIcon"],"mappings":"AAAA;;;;+BAWaA,cAAY;;aAAZA,YAAY;;;wBANlB,UAAU;uBACc,UAAU;AAKlC,MAAMA,YAAY,GAAO,CAACC,KAAkB,GAAK;IACtD,MAAM,EAAEC,WAAW,CAAA,EAAE,GAAGC,IAAAA,MAAc,eAAA,GAAE;IAExC,qBACE,sBAACC,OAAuB,wBAAA;QAACC,KAAK,EAAC,WAAW;QAACC,OAAO,EAAEJ,WAAW;QAAG,GAAGD,KAAK;;0BACxE,qBAACM,OAA2B,4BAAA,KAAG;0BAC/B,qBAACC,OAA0B,2BAAA,KAAG;;MACN,CAC3B;AACH,CAAC"}
|
|
@@ -15,8 +15,8 @@ _export(exports, {
|
|
|
15
15
|
});
|
|
16
16
|
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
17
17
|
const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
|
|
18
|
-
const _button = require("../button
|
|
19
|
-
const _icons = require("../icons
|
|
18
|
+
const _button = require("../button");
|
|
19
|
+
const _icons = require("../icons");
|
|
20
20
|
const CookieThemeTogglerStyle = (0, _styledComponents.default)(_button.Button).attrs({
|
|
21
21
|
variant: 'text',
|
|
22
22
|
size: 'xs'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '../button'\nimport { Dark, Light } from '../icons'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n variant: 'text',\n size: 'xs',\n})`\n display: inline-grid;\n grid-template-areas: 'a';\n min-width: 0;\n margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n line-height: 0;\n font-size: 0;\n padding: 0;\n\n width: 44px;\n height: 44px;\n // button element contains span as children container, we want to bypass it.\n // by aiming explicit \"span:first-child\" we're verifying that this is what we are aiming for\n // witout breaking our SVGs\n & > span:first-child {\n display: contents;\n }\n`\n\nexport const CookieThemeTogglerLightIcon = styled(Light)`\n grid-area: a;\n align-self: center;\n justify-self: center;\n visibility: var(--lido-color-darkModeVisibility);\n`\n\nexport const CookieThemeTogglerDarkIcon = styled(Dark)`\n grid-area: a;\n align-self: center;\n justify-self: center;\n visibility: var(--lido-color-lightModeVisibility);\n`\n"],"names":["CookieThemeTogglerStyle","CookieThemeTogglerLightIcon","CookieThemeTogglerDarkIcon","styled","Button","attrs","variant","size","theme","spaceMap","sm","Light","Dark"],"mappings":"AAAA;;;;;;;;;;;IAIaA,uBAAuB,MAAvBA,uBAAuB;IAsBvBC,2BAA2B,MAA3BA,2BAA2B;IAO3BC,0BAA0B,MAA1BA,0BAA0B;;;uEAjCpB,mBAAmB;wBACf,WAAW;uBACN,UAAU;AAE/B,MAAMF,uBAAuB,GAAGG,IAAAA,iBAAM,QAAA,EAACC,OAAM,OAAA,CAAC,CAACC,KAAK,CAAC;IAC1DC,OAAO,EAAE,MAAM;IACfC,IAAI,EAAE,IAAI;CACX,CAAC,CAAC;;;;eAIY,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;;;;;;;;;AAalD,CAAC;AAEM,MAAMT,2BAA2B,GAAGE,IAAAA,iBAAM,QAAA,EAACQ,MAAK,MAAA,CAAC,CAAC;;;;;AAKzD,CAAC;AAEM,MAAMT,0BAA0B,GAAGC,IAAAA,iBAAM,QAAA,EAACS,MAAI,KAAA,CAAC,CAAC;;;;;AAKvD,CAAC"}
|
|
@@ -8,9 +8,9 @@ Object.defineProperty(exports, "CookiesTooltip", {
|
|
|
8
8
|
});
|
|
9
9
|
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
const _react = require("react");
|
|
11
|
-
const _icons = require("../icons
|
|
11
|
+
const _icons = require("../icons");
|
|
12
12
|
const _contentTheme = require("../content-theme");
|
|
13
|
-
const _utils = require("../utils
|
|
13
|
+
const _utils = require("../utils");
|
|
14
14
|
const _styles = require("./styles");
|
|
15
15
|
const _utils1 = require("./utils");
|
|
16
16
|
const _constants = require("./constants");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import { FC, useEffect, useState, useCallback } from 'react'\nimport { Cookie, CookieInverse } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import { FC, useEffect, useState, useCallback } from 'react'\nimport { Cookie, CookieInverse } from '../icons'\nimport { ContentTheme } from '../content-theme'\nimport { getCrossDomainCookieClientSide } from '../utils'\nimport {\n Wrap,\n Box,\n CookieIconWrap,\n Text,\n ButtonsWrap,\n AllowButton,\n DeclineButton,\n Link,\n} from './styles'\nimport { allowCookies, declineCookies } from './utils'\nimport { COOKIE_ALLOWED_KEY } from './constants'\n\nexport const CookiesTooltip: FC = () => {\n const [isVisible, setVisibility] = useState(false)\n\n const checkCookieAllowedEarlier = useCallback(() => {\n // Check if user allowed/declined in other tab or third level domain\n if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n setVisibility(false)\n\n window.removeEventListener('focus', checkCookieAllowedEarlier)\n }\n }, [])\n\n useEffect(() => {\n // Check cookie after page loaded\n if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n return\n }\n\n setVisibility(true)\n\n // This code runs after returned to this browser tab (window) from other\n window.addEventListener('focus', checkCookieAllowedEarlier)\n }, [checkCookieAllowedEarlier])\n\n if (!isVisible) return <></>\n\n return (\n <Wrap>\n <Box>\n <CookieIconWrap>\n <ContentTheme\n darkContent={<CookieInverse />}\n lightContent={<Cookie />}\n />\n </CookieIconWrap>\n <Text>\n We use cookies to collect anonymous site visitation data\n to improve performance of our website. For more\n info, read our \n <Link href='https://lido.fi/privacy-notice'>Privacy Notice</Link>\n </Text>\n <ButtonsWrap>\n <AllowButton\n onClick={() => {\n allowCookies()\n setVisibility(false)\n }}\n >\n Allow\n </AllowButton>\n <DeclineButton\n onClick={() => {\n declineCookies()\n setVisibility(false)\n }}\n >\n Decline\n </DeclineButton>\n </ButtonsWrap>\n </Box>\n </Wrap>\n )\n}\n"],"names":["CookiesTooltip","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","Wrap","Box","CookieIconWrap","ContentTheme","darkContent","CookieInverse","lightContent","Cookie","Text","Link","href","ButtonsWrap","AllowButton","onClick","allowCookies","DeclineButton","declineCookies"],"mappings":"AAAA;;;;+BAiBaA,gBAAc;;aAAdA,cAAc;;;uBAjB0B,OAAO;uBACtB,UAAU;8BACnB,kBAAkB;uBACA,UAAU;wBAUlD,UAAU;wBAC4B,SAAS;2BACnB,aAAa;AAEzC,MAAMA,cAAc,GAAO,IAAM;IACtC,MAAM,CAACC,SAAS,EAAEC,aAAa,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAC,KAAK,CAAC;IAElD,MAAMC,yBAAyB,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;QAClD,oEAAoE;QACpE,IAAIC,IAAAA,MAA8B,+BAAA,EAACC,UAAkB,mBAAA,CAAC,EAAE;YACtDL,aAAa,CAAC,KAAK,CAAC;YAEpBM,MAAM,CAACC,mBAAmB,CAAC,OAAO,EAAEL,yBAAyB,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;IAENM,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,iCAAiC;QACjC,IAAIJ,IAAAA,MAA8B,+BAAA,EAACC,UAAkB,mBAAA,CAAC,EAAE;YACtD,OAAM;QACR,CAAC;QAEDL,aAAa,CAAC,IAAI,CAAC;QAEnB,wEAAwE;QACxEM,MAAM,CAACG,gBAAgB,CAAC,OAAO,EAAEP,yBAAyB,CAAC;IAC7D,CAAC,EAAE;QAACA,yBAAyB;KAAC,CAAC;IAE/B,IAAI,CAACH,SAAS,EAAE,qBAAO,8CAAK,CAAA;IAE5B,qBACE,qBAACW,OAAI,KAAA;kBACH,cAAA,sBAACC,OAAG,IAAA;;8BACF,qBAACC,OAAc,eAAA;8BACb,cAAA,qBAACC,aAAY,aAAA;wBACXC,WAAW,gBAAE,qBAACC,MAAa,cAAA,KAAG;wBAC9BC,YAAY,gBAAE,qBAACC,MAAM,OAAA,KAAG;sBACxB;kBACa;8BACjB,sBAACC,OAAI,KAAA;;wBAAC,yIAIJ;sCAAA,qBAACC,OAAI,KAAA;4BAACC,IAAI,EAAC,gCAAgC;sCAAC,gBAAc;0BAAO;;kBAC5D;8BACP,sBAACC,OAAW,YAAA;;sCACV,qBAACC,OAAW,YAAA;4BACVC,OAAO,EAAE,IAAM;gCACbC,IAAAA,OAAY,aAAA,GAAE;gCACdxB,aAAa,CAAC,KAAK,CAAC;4BACtB,CAAC;sCACF,OAED;0BAAc;sCACd,qBAACyB,OAAa,cAAA;4BACZF,OAAO,EAAE,IAAM;gCACbG,IAAAA,OAAc,eAAA,GAAE;gCAChB1B,aAAa,CAAC,KAAK,CAAC;4BACtB,CAAC;sCACF,SAED;0BAAgB;;kBACJ;;UACV;MACD,CACR;AACH,CAAC"}
|
|
@@ -13,7 +13,7 @@ _export(exports, {
|
|
|
13
13
|
declineCookies: ()=>declineCookies,
|
|
14
14
|
migrationAllowCookieToCrossDomainCookieClientSide: ()=>migrationAllowCookieToCrossDomainCookieClientSide
|
|
15
15
|
});
|
|
16
|
-
const _utils = require("../utils
|
|
16
|
+
const _utils = require("../utils");
|
|
17
17
|
const _constants = require("./constants");
|
|
18
18
|
const allowCookies = ()=>{
|
|
19
19
|
(0, _utils.setCrossDomainCookieClientSide)(_constants.COOKIE_ALLOWED_KEY, _constants.COOKIE_VALUE_YES);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n setCrossDomainCookieClientSide,\n getDomainCookieClientSide,\n removeCookiesClientSide,\n} from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n setCrossDomainCookieClientSide,\n getDomainCookieClientSide,\n removeCookiesClientSide,\n} from '../utils'\nimport {\n COOKIE_ALLOWED_KEY,\n COOKIE_VALUE_NO,\n COOKIE_VALUE_YES,\n} from './constants'\n\nexport const allowCookies = (): void => {\n setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n}\n\nexport const declineCookies = (): void => {\n setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n keyOldCookie: string,\n) => {\n const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n if (!old_cookie_value) {\n return\n }\n\n removeCookiesClientSide(keyOldCookie)\n\n if (old_cookie_value === COOKIE_VALUE_YES) {\n allowCookies()\n } else if (old_cookie_value === COOKIE_VALUE_NO) {\n declineCookies()\n }\n // else noop\n}\n"],"names":["allowCookies","declineCookies","migrationAllowCookieToCrossDomainCookieClientSide","setCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO","keyOldCookie","old_cookie_value","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":"AAAA;;;;;;;;;;;IAWaA,YAAY,MAAZA,YAAY;IAIZC,cAAc,MAAdA,cAAc;IAIdC,iDAAiD,MAAjDA,iDAAiD;;uBAfvD,UAAU;2BAKV,aAAa;AAEb,MAAMF,YAAY,GAAG,IAAY;IACtCG,IAAAA,MAA8B,+BAAA,EAACC,UAAkB,mBAAA,EAAEC,UAAgB,iBAAA,CAAC;AACtE,CAAC;AAEM,MAAMJ,cAAc,GAAG,IAAY;IACxCE,IAAAA,MAA8B,+BAAA,EAACC,UAAkB,mBAAA,EAAEE,UAAe,gBAAA,CAAC;AACrE,CAAC;AAEM,MAAMJ,iDAAiD,GAAG,CAC/DK,YAAoB,GACjB;IACH,MAAMC,gBAAgB,GAAGC,IAAAA,MAAyB,0BAAA,EAACF,YAAY,CAAC;IAEhE,IAAI,CAACC,gBAAgB,EAAE;QACrB,OAAM;IACR,CAAC;IAEDE,IAAAA,MAAuB,wBAAA,EAACH,YAAY,CAAC;IAErC,IAAIC,gBAAgB,KAAKH,UAAgB,iBAAA,EAAE;QACzCL,YAAY,EAAE;IAChB,OAAO,IAAIQ,gBAAgB,KAAKF,UAAe,gBAAA,EAAE;QAC/CL,cAAc,EAAE;IAClB,CAAC;AACD,YAAY;AACd,CAAC"}
|
|
@@ -14,8 +14,8 @@ _export(exports, {
|
|
|
14
14
|
});
|
|
15
15
|
const _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
const _react = require("react");
|
|
17
|
-
const _loaders = require("../loaders
|
|
18
|
-
const _tooltip = require("../tooltip
|
|
17
|
+
const _loaders = require("../loaders");
|
|
18
|
+
const _tooltip = require("../tooltip");
|
|
19
19
|
const _dataTableStyles = require("./DataTableStyles");
|
|
20
20
|
const DataTableRow = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
|
|
21
21
|
let { title , loading =false , highlight =false , help , children , ...rest } = param;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '../loaders'\nimport { Tooltip } from '../tooltip'\nimport {\n DataTableStyle,\n DataTableRowStyle,\n DataTableTitleStyle,\n DataTableValueStyle,\n DataTableQuestionStyle,\n} from './DataTableStyles'\nimport { DataTableProps, DataTableRowProps } from './types'\n\nexport const DataTableRow = forwardRef(\n (\n {\n title,\n loading = false,\n highlight = false,\n help,\n children,\n ...rest\n }: DataTableRowProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const hasHelper = !!help\n\n return (\n <DataTableRowStyle ref={ref} {...rest}>\n <DataTableTitleStyle>\n {title}\n {hasHelper && (\n <Tooltip placement='bottomLeft' title={help}>\n <DataTableQuestionStyle />\n </Tooltip>\n )}\n </DataTableTitleStyle>\n <DataTableValueStyle $highlight={highlight}>\n {loading ? <InlineLoader color='text' /> : children}\n </DataTableValueStyle>\n </DataTableRowStyle>\n )\n },\n)\nDataTableRow.displayName = 'DataTableRow'\n\nexport const DataTable = forwardRef(\n (props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) => {\n return <DataTableStyle ref={ref} {...props} />\n },\n)\nDataTable.displayName = 'DataTable'\n"],"names":["DataTableRow","DataTable","forwardRef","ref","title","loading","highlight","help","children","rest","hasHelper","DataTableRowStyle","DataTableTitleStyle","Tooltip","placement","DataTableQuestionStyle","DataTableValueStyle","$highlight","InlineLoader","color","displayName","props","DataTableStyle"],"mappings":"AAAA;;;;;;;;;;;IAYaA,YAAY,MAAZA,YAAY;IAiCZC,SAAS,MAATA,SAAS;;;uBA7CmB,OAAO;yBACnB,YAAY;yBACjB,YAAY;iCAO7B,mBAAmB;AAGnB,MAAMD,YAAY,iBAAGE,IAAAA,MAAU,WAAA,EACpC,QASEC,GAAkC,GAC/B;QATH,EACEC,KAAK,CAAA,EACLC,OAAO,EAAG,KAAK,CAAA,EACfC,SAAS,EAAG,KAAK,CAAA,EACjBC,IAAI,CAAA,EACJC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACW;IAGpB,MAAMC,SAAS,GAAG,CAAC,CAACH,IAAI;IAExB,qBACE,sBAACI,gBAAiB,kBAAA;QAACR,GAAG,EAAEA,GAAG;QAAG,GAAGM,IAAI;;0BACnC,sBAACG,gBAAmB,oBAAA;;oBACjBR,KAAK;oBACLM,SAAS,kBACR,qBAACG,QAAO,QAAA;wBAACC,SAAS,EAAC,YAAY;wBAACV,KAAK,EAAEG,IAAI;kCACzC,cAAA,qBAACQ,gBAAsB,uBAAA,KAAG;sBAClB,AACX;;cACmB;0BACtB,qBAACC,gBAAmB,oBAAA;gBAACC,UAAU,EAAEX,SAAS;0BACvCD,OAAO,iBAAG,qBAACa,QAAY,aAAA;oBAACC,KAAK,EAAC,MAAM;kBAAG,GAAGX,QAAQ;cAC/B;;MACJ,CACrB;AACH,CAAC,CACF;AACDR,YAAY,CAACoB,WAAW,GAAG,cAAc;AAElC,MAAMnB,SAAS,iBAAGC,IAAAA,MAAU,WAAA,EACjC,CAACmB,KAAqB,EAAElB,GAAkC,GAAK;IAC7D,qBAAO,qBAACmB,gBAAc,eAAA;QAACnB,GAAG,EAAEA,GAAG;QAAG,GAAGkB,KAAK;MAAI,CAAA;AAChD,CAAC,CACF;AACDpB,SAAS,CAACmB,WAAW,GAAG,WAAW"}
|
|
@@ -16,7 +16,7 @@ _export(exports, {
|
|
|
16
16
|
DataTableQuestionStyle: ()=>DataTableQuestionStyle
|
|
17
17
|
});
|
|
18
18
|
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
19
|
-
const _icons = require("../icons
|
|
19
|
+
const _icons = require("../icons");
|
|
20
20
|
const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
|
|
21
21
|
const DataTableStyle = _styledComponents.default.div``;
|
|
22
22
|
const DataTableRowStyle = _styledComponents.default.div`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import { Question } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import { Question } from '../icons'\nimport styled from 'styled-components'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n display: flex;\n margin: ${({ theme }) => theme.spaceMap.md}px 0;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n`\n\nexport const DataTableTitleStyle = styled.div`\n color: var(--lido-color-textSecondary);\n flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n color: var(\n --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n );\n text-align: right;\n margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n margin: -6px 0 -5px;\n vertical-align: middle;\n`\n"],"names":["DataTableStyle","DataTableRowStyle","DataTableTitleStyle","DataTableValueStyle","DataTableQuestionStyle","styled","div","theme","spaceMap","md","fontSizesMap","xxs","$highlight","xxl","Question"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAEdC,iBAAiB,MAAjBA,iBAAiB;IAgBjBC,mBAAmB,MAAnBA,mBAAmB;IAKnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,sBAAsB,MAAtBA,sBAAsB;;;uBAnCV,UAAU;uEAChB,mBAAmB;AAE/B,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC;AAEnC,MAAML,iBAAiB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;;UAElC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;aAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;;;;;;;;;AAUrD,CAAC;AAEM,MAAMT,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;AAG9C,CAAC;AAEM,MAAMH,mBAAmB,GAAGE,iBAAM,QAAA,CAACC,GAAG,AAAyB,CAAC;;iBAEtD,EAAE,SAAoB;QAAnB,EAAEM,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AAAA,CAAC,CAAC;;;eAG1D,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;AAEnD,CAAC;AAEM,MAAMT,sBAAsB,GAAGC,IAAAA,iBAAM,QAAA,EAACS,MAAQ,SAAA,CAAC,CAAC;;;AAGvD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/data-table/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/data-table/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ReactNode } from 'react'\nexport type { Theme } from '../theme'\n\nexport type DataTableProps = LidoComponentProps<'div'>\n\nexport type DataTableRowProps = LidoComponentProps<\n 'div',\n {\n title: ReactNode\n help?: ReactNode\n loading?: boolean\n highlight?: boolean\n }\n>\n"],"names":[],"mappings":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '../theme'\nimport { DividerIndents, DividerTypes } from './types'\n\ntype InjectedProps = {\n $type: DividerTypes\n $indents?: DividerIndents\n theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n horizontal: css<InjectedProps>`\n border-top: 1px solid currentcolor;\n width: 100%;\n height: 0;\n margin: ${getIndents} 0;\n `,\n vertical: css<InjectedProps>`\n border-left: 1px solid currentcolor;\n align-self: stretch;\n width: 0;\n margin: 0 ${getIndents};\n `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n box-sizing: border-box;\n list-style: none;\n opacity: 0.1;\n margin: 0;\n padding: 0;\n flex-shrink: 0;\n flex-grow: 0;\n\n ${(props) => types[props.$type]}\n`\n"],"names":["DividerStyle","getIndents","$indents","theme","spaceMap","types","horizontal","css","vertical","styled","div","props","$type"],"mappings":"AAAA;;;;+BA6BaA,cAAY;;aAAZA,YAAY;;;wEA7BG,mBAAmB;AAU/C,MAAMC,UAAU,GAAG,SAAwC;QAAvC,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAiB;IACpD,OAAOD,QAAQ,GAAG,CAAC,EAAEC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAA;AACzD,CAAC;AAED,MAAMG,KAAK,GAAG;IACZC,UAAU,EAAEC,IAAAA,iBAAG,IAAA,CAAe,CAAC;;;;YAIrB,EAAEN,UAAU,CAAC;EACvB,CAAC;IACDO,QAAQ,EAAED,IAAAA,iBAAG,IAAA,CAAe,CAAC;;;;cAIjB,EAAEN,UAAU,CAAC;EACzB,CAAC;CACF;AAEM,MAAMD,YAAY,GAAGS,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;;;;;;;;EASpD,EAAE,CAACC,KAAK,GAAKN,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,CAAC;AAClC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/divider/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '
|
|
1
|
+
{"version":3,"sources":["../../../packages/divider/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nexport type { Theme } from '../theme'\n\nexport enum DividerType {\n vertical,\n horizontal,\n}\nexport type DividerTypes = keyof typeof DividerType\n\nexport enum DividerIndent {\n xs,\n sm,\n md,\n lg,\n xl,\n}\nexport type DividerIndents = keyof typeof DividerIndent\n\nexport type DividerProps = LidoComponentProps<\n 'div',\n {\n type?: DividerTypes\n indents?: DividerIndents\n children?: never\n }\n>\n"],"names":["DividerType","vertical","horizontal","DividerIndent","xs","sm","md","lg","xl"],"mappings":"AAAA;;;;;;;;;;;;;;IAGO,WAGN;UAHWA,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IADED,WAAW,CAAXA,WAAW,CAErBE,YAAU,IAAVA,CAAU,IAAVA,YAAU;GAFAF,WAAW,KAAXA,WAAW;IAMhB,aAMN;UANWG,aAAa;IAAbA,aAAa,CAAbA,aAAa,CACvBC,IAAE,IAAFA,CAAE,IAAFA,IAAE;IADQD,aAAa,CAAbA,aAAa,CAEvBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,aAAa,CAAbA,aAAa,CAGvBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,aAAa,CAAbA,aAAa,CAIvBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,aAAa,CAAbA,aAAa,CAKvBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;GALQL,aAAa,KAAbA,aAAa"}
|