@lidofinance/lido-ui 3.9.0 → 3.10.1
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 +30 -11
- package/dist/cjs/accordion/Accordion.js.map +1 -1
- package/dist/cjs/accordion/types.js +0 -2
- package/dist/cjs/accordion/types.js.map +1 -1
- package/dist/cjs/accordion/useExpanded.js.map +1 -1
- package/dist/cjs/address/Address.js +16 -8
- package/dist/cjs/address/Address.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadge.js +5 -5
- package/dist/cjs/addressBadge/AddressBadge.js.map +1 -1
- package/dist/cjs/block/Block.js +8 -8
- package/dist/cjs/block/Block.js.map +1 -1
- package/dist/cjs/button/Button.js +21 -13
- package/dist/cjs/button/Button.js.map +1 -1
- package/dist/cjs/button/ButtonIcon.js +20 -12
- package/dist/cjs/button/ButtonIcon.js.map +1 -1
- package/dist/cjs/button/useRipple.js +5 -6
- package/dist/cjs/button/useRipple.js.map +1 -1
- package/dist/cjs/checkbox/Checkbox.js +26 -22
- package/dist/cjs/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/checkbox/types.js +0 -2
- package/dist/cjs/checkbox/types.js.map +1 -1
- package/dist/cjs/chip/Chip.js +10 -10
- package/dist/cjs/chip/Chip.js.map +1 -1
- package/dist/cjs/chip/types.js +0 -2
- package/dist/cjs/chip/types.js.map +1 -1
- package/dist/cjs/container/Container.js +8 -8
- package/dist/cjs/container/Container.js.map +1 -1
- package/dist/cjs/content-theme/content-theme.js +11 -3
- package/dist/cjs/content-theme/content-theme.js.map +1 -1
- package/dist/cjs/content-theme/types.js +0 -2
- package/dist/cjs/content-theme/types.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/cookie-theme-toggler.js +8 -5
- package/dist/cjs/cookie-theme-toggler/cookie-theme-toggler.js.map +1 -1
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js +42 -19
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/cjs/data-table/DataTable.js +30 -18
- package/dist/cjs/data-table/DataTable.js.map +1 -1
- package/dist/cjs/data-table/types.js +0 -2
- package/dist/cjs/data-table/types.js.map +1 -1
- package/dist/cjs/divider/Divider.js +8 -8
- package/dist/cjs/divider/Divider.js.map +1 -1
- package/dist/cjs/heading/Heading.js +26 -23
- package/dist/cjs/heading/Heading.js.map +1 -1
- package/dist/cjs/hooks/useMergeRefs.js +0 -2
- package/dist/cjs/hooks/useMergeRefs.js.map +1 -1
- package/dist/cjs/hooks/useOutsideClick.js +1 -2
- package/dist/cjs/hooks/useOutsideClick.js.map +1 -1
- package/dist/cjs/icons/index.js +8747 -6483
- package/dist/cjs/icons/index.js.map +1 -1
- package/dist/cjs/identicon/Identicon.js +14 -14
- package/dist/cjs/identicon/Identicon.js.map +1 -1
- package/dist/cjs/identicon/IdenticonBadge.js +23 -19
- package/dist/cjs/identicon/IdenticonBadge.js.map +1 -1
- package/dist/cjs/identicon/types.js +0 -2
- package/dist/cjs/identicon/types.js.map +1 -1
- package/dist/cjs/input/Input.js +59 -38
- package/dist/cjs/input/Input.js.map +1 -1
- package/dist/cjs/input/InputGroup.js +22 -14
- package/dist/cjs/input/InputGroup.js.map +1 -1
- package/dist/cjs/input/OptionsSlider.js +2 -2
- package/dist/cjs/input/OptionsSlider.js.map +1 -1
- package/dist/cjs/input/SliderInput.js +41 -24
- package/dist/cjs/input/SliderInput.js.map +1 -1
- package/dist/cjs/input/Textarea.js +50 -37
- package/dist/cjs/input/Textarea.js.map +1 -1
- package/dist/cjs/input/types.js +0 -2
- package/dist/cjs/input/types.js.map +1 -1
- package/dist/cjs/lido-logo/LidoLogo.js +27 -21
- package/dist/cjs/lido-logo/LidoLogo.js.map +1 -1
- package/dist/cjs/link/Link.js +6 -6
- package/dist/cjs/link/Link.js.map +1 -1
- package/dist/cjs/loaders/InlineLoader.js +13 -11
- package/dist/cjs/loaders/InlineLoader.js.map +1 -1
- package/dist/cjs/loaders/Loader.js +28 -24
- package/dist/cjs/loaders/Loader.js.map +1 -1
- package/dist/cjs/main-menu/MainMenu.js +9 -8
- package/dist/cjs/main-menu/MainMenu.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuItem.js +14 -8
- package/dist/cjs/main-menu/MainMenuItem.js.map +1 -1
- package/dist/cjs/modal/Modal.js +52 -27
- package/dist/cjs/modal/Modal.js.map +1 -1
- package/dist/cjs/modal/ModalButton.js +17 -9
- package/dist/cjs/modal/ModalButton.js.map +1 -1
- package/dist/cjs/modal/ModalExtra.js +5 -5
- package/dist/cjs/modal/ModalExtra.js.map +1 -1
- package/dist/cjs/modal/ModalOverlay.js +18 -15
- package/dist/cjs/modal/ModalOverlay.js.map +1 -1
- package/dist/cjs/modal/ModalStyles.js +3 -4
- package/dist/cjs/modal/ModalStyles.js.map +1 -1
- package/dist/cjs/modal/types.js +0 -2
- package/dist/cjs/modal/types.js.map +1 -1
- package/dist/cjs/modal/useModalClose.js +1 -2
- package/dist/cjs/modal/useModalClose.js.map +1 -1
- package/dist/cjs/modal/useModalFocus.js +1 -2
- package/dist/cjs/modal/useModalFocus.js.map +1 -1
- package/dist/cjs/pagination/Pagination.js +28 -23
- package/dist/cjs/pagination/Pagination.js.map +1 -1
- package/dist/cjs/pagination/PaginationItem.js +8 -8
- package/dist/cjs/pagination/PaginationItem.js.map +1 -1
- package/dist/cjs/pagination/types.js +0 -2
- package/dist/cjs/pagination/types.js.map +1 -1
- package/dist/cjs/popover/Popover.js +8 -9
- package/dist/cjs/popover/Popover.js.map +1 -1
- package/dist/cjs/popover/PopoverRoot.js +20 -16
- package/dist/cjs/popover/PopoverRoot.js.map +1 -1
- package/dist/cjs/popover/PopoverStyles.js +2 -2
- package/dist/cjs/popover/PopoverStyles.js.map +1 -1
- package/dist/cjs/popover/types.js +0 -2
- package/dist/cjs/popover/types.js.map +1 -1
- package/dist/cjs/popover/usePopoverPosition.js +4 -5
- package/dist/cjs/popover/usePopoverPosition.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenu.js +17 -13
- package/dist/cjs/popup-menu/PopupMenu.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuItem.js +21 -12
- package/dist/cjs/popup-menu/PopupMenuItem.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuProvider.js +8 -8
- package/dist/cjs/popup-menu/PopupMenuProvider.js.map +1 -1
- package/dist/cjs/popup-menu/types.js +0 -2
- package/dist/cjs/popup-menu/types.js.map +1 -1
- package/dist/cjs/popup-menu/usePopupFocus.js +3 -4
- package/dist/cjs/popup-menu/usePopupFocus.js.map +1 -1
- package/dist/cjs/section/Section.js +21 -8
- package/dist/cjs/section/Section.js.map +1 -1
- package/dist/cjs/section/types.js +0 -2
- package/dist/cjs/section/types.js.map +1 -1
- package/dist/cjs/select/Option.js +8 -8
- package/dist/cjs/select/Option.js.map +1 -1
- package/dist/cjs/select/Select.js +43 -31
- package/dist/cjs/select/Select.js.map +1 -1
- package/dist/cjs/select/SelectArrow.js +9 -7
- package/dist/cjs/select/SelectArrow.js.map +1 -1
- package/dist/cjs/select/SelectIcon.js +10 -8
- package/dist/cjs/select/SelectIcon.js.map +1 -1
- package/dist/cjs/select/types.js +0 -2
- package/dist/cjs/select/types.js.map +1 -1
- package/dist/cjs/select/useSelect.js +5 -6
- package/dist/cjs/select/useSelect.js.map +1 -1
- package/dist/cjs/select/useSelectWidth.js +1 -2
- package/dist/cjs/select/useSelectWidth.js.map +1 -1
- package/dist/cjs/service-page/ServicePage.js +19 -10
- package/dist/cjs/service-page/ServicePage.js.map +1 -1
- package/dist/cjs/service-page/types.js +0 -2
- package/dist/cjs/service-page/types.js.map +1 -1
- package/dist/cjs/stack/HStack.js +8 -8
- package/dist/cjs/stack/HStack.js.map +1 -1
- package/dist/cjs/stack/Stack.js +12 -10
- package/dist/cjs/stack/Stack.js.map +1 -1
- package/dist/cjs/stack/StackItem.js +8 -8
- package/dist/cjs/stack/StackItem.js.map +1 -1
- package/dist/cjs/stack/StackProvider.js +8 -8
- package/dist/cjs/stack/StackProvider.js.map +1 -1
- package/dist/cjs/stack/VStack.js +8 -8
- package/dist/cjs/stack/VStack.js.map +1 -1
- package/dist/cjs/styled-system/withStyledSystem.js +0 -1
- package/dist/cjs/styled-system/withStyledSystem.js.map +1 -1
- package/dist/cjs/table/Table.js +6 -6
- package/dist/cjs/table/Table.js.map +1 -1
- package/dist/cjs/table/Tbody.js +6 -6
- package/dist/cjs/table/Tbody.js.map +1 -1
- package/dist/cjs/table/Td.js +11 -8
- package/dist/cjs/table/Td.js.map +1 -1
- package/dist/cjs/table/Tfoot.js +6 -6
- package/dist/cjs/table/Tfoot.js.map +1 -1
- package/dist/cjs/table/Th.js +15 -8
- package/dist/cjs/table/Th.js.map +1 -1
- package/dist/cjs/table/Thead.js +8 -8
- package/dist/cjs/table/Thead.js.map +1 -1
- package/dist/cjs/table/Tr.js +8 -8
- package/dist/cjs/table/Tr.js.map +1 -1
- package/dist/cjs/text/Text.js +8 -8
- package/dist/cjs/text/Text.js.map +1 -1
- package/dist/cjs/text/TextStyles.js +4 -4
- package/dist/cjs/text/TextStyles.js.map +1 -1
- package/dist/cjs/theme/cookie-theme-provider.js +20 -14
- package/dist/cjs/theme/cookie-theme-provider.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-fonts.js +4 -3
- package/dist/cjs/theme/document-head-contents/element-fonts.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-colors.js +4 -7
- 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 +2 -3
- package/dist/cjs/theme/document-head-contents/element-theme-script.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/index.js +8 -3
- package/dist/cjs/theme/document-head-contents/index.js.map +1 -1
- package/dist/cjs/theme/theme-provider.js +15 -10
- package/dist/cjs/theme/theme-provider.js.map +1 -1
- package/dist/cjs/toast/ToastPending.js +9 -3
- package/dist/cjs/toast/ToastPending.js.map +1 -1
- package/dist/cjs/tooltip/Tooltip.js +31 -25
- package/dist/cjs/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/tooltip/types.js +0 -2
- package/dist/cjs/tooltip/types.js.map +1 -1
- package/dist/cjs/transition/withTransition.js +14 -12
- package/dist/cjs/transition/withTransition.js.map +1 -1
- package/dist/esm/accordion/Accordion.js +30 -10
- package/dist/esm/accordion/Accordion.js.map +1 -1
- package/dist/esm/accordion/types.js +1 -1
- package/dist/esm/accordion/types.js.map +1 -1
- package/dist/esm/accordion/useExpanded.js.map +1 -1
- package/dist/esm/address/Address.js +16 -7
- package/dist/esm/address/Address.js.map +1 -1
- package/dist/esm/addressBadge/AddressBadge.js +5 -4
- package/dist/esm/addressBadge/AddressBadge.js.map +1 -1
- package/dist/esm/block/Block.js +8 -7
- package/dist/esm/block/Block.js.map +1 -1
- package/dist/esm/button/Button.js +21 -12
- package/dist/esm/button/Button.js.map +1 -1
- package/dist/esm/button/ButtonIcon.js +20 -11
- package/dist/esm/button/ButtonIcon.js.map +1 -1
- package/dist/esm/button/useRipple.js +5 -5
- package/dist/esm/button/useRipple.js.map +1 -1
- package/dist/esm/checkbox/Checkbox.js +26 -21
- package/dist/esm/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/checkbox/types.js +1 -1
- package/dist/esm/checkbox/types.js.map +1 -1
- package/dist/esm/chip/Chip.js +10 -9
- package/dist/esm/chip/Chip.js.map +1 -1
- package/dist/esm/chip/types.js +0 -1
- package/dist/esm/chip/types.js.map +1 -1
- package/dist/esm/container/Container.js +8 -7
- package/dist/esm/container/Container.js.map +1 -1
- package/dist/esm/content-theme/content-theme.js +11 -2
- package/dist/esm/content-theme/content-theme.js.map +1 -1
- package/dist/esm/content-theme/types.js +1 -1
- package/dist/esm/content-theme/types.js.map +1 -1
- package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.js +8 -4
- package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.js.map +1 -1
- package/dist/esm/cookies-tooltip/cookies-tooltip.js +42 -18
- package/dist/esm/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/esm/data-table/DataTable.js +30 -17
- package/dist/esm/data-table/DataTable.js.map +1 -1
- package/dist/esm/data-table/types.js +1 -1
- package/dist/esm/data-table/types.js.map +1 -1
- package/dist/esm/divider/Divider.js +8 -7
- package/dist/esm/divider/Divider.js.map +1 -1
- package/dist/esm/heading/Heading.js +26 -22
- package/dist/esm/heading/Heading.js.map +1 -1
- package/dist/esm/hooks/useMergeRefs.js +0 -1
- package/dist/esm/hooks/useMergeRefs.js.map +1 -1
- package/dist/esm/hooks/useOutsideClick.js +1 -1
- package/dist/esm/hooks/useOutsideClick.js.map +1 -1
- package/dist/esm/icons/index.js +8747 -6483
- package/dist/esm/icons/index.js.map +1 -1
- package/dist/esm/identicon/Identicon.js +14 -14
- package/dist/esm/identicon/Identicon.js.map +1 -1
- package/dist/esm/identicon/IdenticonBadge.js +23 -18
- package/dist/esm/identicon/IdenticonBadge.js.map +1 -1
- package/dist/esm/identicon/types.js +0 -1
- package/dist/esm/identicon/types.js.map +1 -1
- package/dist/esm/input/Input.js +59 -37
- package/dist/esm/input/Input.js.map +1 -1
- package/dist/esm/input/InputGroup.js +22 -13
- package/dist/esm/input/InputGroup.js.map +1 -1
- package/dist/esm/input/OptionsSlider.js +2 -2
- package/dist/esm/input/OptionsSlider.js.map +1 -1
- package/dist/esm/input/SliderInput.js +41 -23
- package/dist/esm/input/SliderInput.js.map +1 -1
- package/dist/esm/input/Textarea.js +50 -36
- package/dist/esm/input/Textarea.js.map +1 -1
- package/dist/esm/input/types.js +0 -1
- package/dist/esm/input/types.js.map +1 -1
- package/dist/esm/lido-logo/LidoLogo.js +27 -20
- package/dist/esm/lido-logo/LidoLogo.js.map +1 -1
- package/dist/esm/link/Link.js +6 -5
- package/dist/esm/link/Link.js.map +1 -1
- package/dist/esm/loaders/InlineLoader.js +13 -10
- package/dist/esm/loaders/InlineLoader.js.map +1 -1
- package/dist/esm/loaders/Loader.js +28 -23
- package/dist/esm/loaders/Loader.js.map +1 -1
- package/dist/esm/main-menu/MainMenu.js +9 -7
- package/dist/esm/main-menu/MainMenu.js.map +1 -1
- package/dist/esm/main-menu/MainMenuItem.js +14 -7
- package/dist/esm/main-menu/MainMenuItem.js.map +1 -1
- package/dist/esm/modal/Modal.js +52 -26
- package/dist/esm/modal/Modal.js.map +1 -1
- package/dist/esm/modal/ModalButton.js +17 -8
- package/dist/esm/modal/ModalButton.js.map +1 -1
- package/dist/esm/modal/ModalExtra.js +5 -4
- package/dist/esm/modal/ModalExtra.js.map +1 -1
- package/dist/esm/modal/ModalOverlay.js +18 -14
- package/dist/esm/modal/ModalOverlay.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 +1 -1
- package/dist/esm/modal/types.js.map +1 -1
- package/dist/esm/modal/useModalClose.js +1 -1
- package/dist/esm/modal/useModalClose.js.map +1 -1
- package/dist/esm/modal/useModalFocus.js +1 -1
- package/dist/esm/modal/useModalFocus.js.map +1 -1
- package/dist/esm/pagination/Pagination.js +28 -22
- package/dist/esm/pagination/Pagination.js.map +1 -1
- package/dist/esm/pagination/PaginationItem.js +8 -7
- package/dist/esm/pagination/PaginationItem.js.map +1 -1
- package/dist/esm/pagination/types.js +0 -1
- package/dist/esm/pagination/types.js.map +1 -1
- package/dist/esm/popover/Popover.js +8 -8
- package/dist/esm/popover/Popover.js.map +1 -1
- package/dist/esm/popover/PopoverRoot.js +20 -15
- package/dist/esm/popover/PopoverRoot.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 +0 -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 +17 -12
- package/dist/esm/popup-menu/PopupMenu.js.map +1 -1
- package/dist/esm/popup-menu/PopupMenuItem.js +21 -11
- package/dist/esm/popup-menu/PopupMenuItem.js.map +1 -1
- package/dist/esm/popup-menu/PopupMenuProvider.js +8 -7
- package/dist/esm/popup-menu/PopupMenuProvider.js.map +1 -1
- package/dist/esm/popup-menu/types.js +0 -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 +21 -7
- package/dist/esm/section/Section.js.map +1 -1
- package/dist/esm/section/types.js +1 -1
- package/dist/esm/section/types.js.map +1 -1
- package/dist/esm/select/Option.js +8 -7
- package/dist/esm/select/Option.js.map +1 -1
- package/dist/esm/select/Select.js +43 -30
- package/dist/esm/select/Select.js.map +1 -1
- package/dist/esm/select/SelectArrow.js +9 -6
- package/dist/esm/select/SelectArrow.js.map +1 -1
- package/dist/esm/select/SelectIcon.js +10 -7
- package/dist/esm/select/SelectIcon.js.map +1 -1
- package/dist/esm/select/types.js +0 -1
- package/dist/esm/select/types.js.map +1 -1
- package/dist/esm/select/useSelect.js +5 -5
- package/dist/esm/select/useSelect.js.map +1 -1
- package/dist/esm/select/useSelectWidth.js +1 -1
- package/dist/esm/select/useSelectWidth.js.map +1 -1
- package/dist/esm/service-page/ServicePage.js +19 -9
- package/dist/esm/service-page/ServicePage.js.map +1 -1
- package/dist/esm/service-page/types.js +1 -1
- package/dist/esm/service-page/types.js.map +1 -1
- package/dist/esm/stack/HStack.js +8 -7
- package/dist/esm/stack/HStack.js.map +1 -1
- package/dist/esm/stack/Stack.js +12 -9
- package/dist/esm/stack/Stack.js.map +1 -1
- package/dist/esm/stack/StackItem.js +8 -7
- package/dist/esm/stack/StackItem.js.map +1 -1
- package/dist/esm/stack/StackProvider.js +8 -7
- package/dist/esm/stack/StackProvider.js.map +1 -1
- package/dist/esm/stack/VStack.js +8 -7
- package/dist/esm/stack/VStack.js.map +1 -1
- package/dist/esm/styled-system/withStyledSystem.js +0 -1
- package/dist/esm/styled-system/withStyledSystem.js.map +1 -1
- package/dist/esm/table/Table.js +6 -5
- package/dist/esm/table/Table.js.map +1 -1
- package/dist/esm/table/Tbody.js +6 -5
- package/dist/esm/table/Tbody.js.map +1 -1
- package/dist/esm/table/Td.js +11 -7
- package/dist/esm/table/Td.js.map +1 -1
- package/dist/esm/table/Tfoot.js +6 -5
- package/dist/esm/table/Tfoot.js.map +1 -1
- package/dist/esm/table/Th.js +15 -7
- package/dist/esm/table/Th.js.map +1 -1
- package/dist/esm/table/Thead.js +8 -7
- package/dist/esm/table/Thead.js.map +1 -1
- package/dist/esm/table/Tr.js +8 -7
- package/dist/esm/table/Tr.js.map +1 -1
- package/dist/esm/text/Text.js +8 -7
- package/dist/esm/text/Text.js.map +1 -1
- package/dist/esm/text/TextStyles.js +4 -4
- package/dist/esm/text/TextStyles.js.map +1 -1
- package/dist/esm/theme/cookie-theme-provider.js +20 -13
- package/dist/esm/theme/cookie-theme-provider.js.map +1 -1
- package/dist/esm/theme/document-head-contents/element-fonts.js +4 -2
- package/dist/esm/theme/document-head-contents/element-fonts.js.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-colors.js +4 -6
- 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 +2 -2
- package/dist/esm/theme/document-head-contents/element-theme-script.js.map +1 -1
- package/dist/esm/theme/document-head-contents/index.js +8 -2
- package/dist/esm/theme/document-head-contents/index.js.map +1 -1
- package/dist/esm/theme/theme-provider.js +15 -9
- package/dist/esm/theme/theme-provider.js.map +1 -1
- package/dist/esm/toast/ToastPending.js +9 -2
- package/dist/esm/toast/ToastPending.js.map +1 -1
- package/dist/esm/tooltip/Tooltip.js +31 -24
- package/dist/esm/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/tooltip/types.js +1 -1
- package/dist/esm/tooltip/types.js.map +1 -1
- package/dist/esm/transition/withTransition.js +14 -11
- package/dist/esm/transition/withTransition.js.map +1 -1
- package/dist/types/accordion/Accordion.d.ts +5 -5
- package/dist/types/accordion/Accordion.d.ts.map +1 -1
- package/dist/types/accordion/types.d.ts +2 -2
- package/dist/types/accordion/types.d.ts.map +1 -1
- package/dist/types/accordion/useExpanded.d.ts +1 -1
- package/dist/types/accordion/useExpanded.d.ts.map +1 -1
- package/dist/types/address/Address.d.ts +4 -4
- package/dist/types/address/Address.d.ts.map +1 -1
- package/dist/types/addressBadge/AddressBadge.d.ts +4 -4
- package/dist/types/addressBadge/AddressBadge.d.ts.map +1 -1
- package/dist/types/block/Block.d.ts +4 -4
- package/dist/types/block/Block.d.ts.map +1 -1
- package/dist/types/button/Button.d.ts +4 -4
- package/dist/types/button/Button.d.ts.map +1 -1
- package/dist/types/button/ButtonIcon.d.ts +4 -4
- package/dist/types/button/ButtonIcon.d.ts.map +1 -1
- package/dist/types/button/useRipple.d.ts +4 -4
- package/dist/types/button/useRipple.d.ts.map +1 -1
- package/dist/types/checkbox/Checkbox.d.ts +5 -5
- package/dist/types/checkbox/Checkbox.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/Chip.d.ts +5 -5
- package/dist/types/chip/Chip.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/Container.d.ts +4 -4
- package/dist/types/container/Container.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 +3 -3
- package/dist/types/content-theme/types.d.ts.map +1 -1
- package/dist/types/cookie-theme-toggler/cookie-theme-toggler.d.ts.map +1 -1
- package/dist/types/cookies-tooltip/cookies-tooltip.d.ts.map +1 -1
- package/dist/types/data-table/DataTable.d.ts +8 -8
- package/dist/types/data-table/DataTable.d.ts.map +1 -1
- package/dist/types/data-table/types.d.ts +3 -3
- package/dist/types/data-table/types.d.ts.map +1 -1
- package/dist/types/divider/Divider.d.ts +4 -4
- package/dist/types/divider/Divider.d.ts.map +1 -1
- package/dist/types/heading/Heading.d.ts +13 -13
- package/dist/types/heading/Heading.d.ts.map +1 -1
- package/dist/types/hooks/useMergeRefs.d.ts +2 -2
- package/dist/types/hooks/useMergeRefs.d.ts.map +1 -1
- package/dist/types/hooks/useOutsideClick.d.ts +2 -2
- package/dist/types/hooks/useOutsideClick.d.ts.map +1 -1
- package/dist/types/identicon/Identicon.d.ts +6 -6
- package/dist/types/identicon/Identicon.d.ts.map +1 -1
- package/dist/types/identicon/IdenticonBadge.d.ts +6 -6
- package/dist/types/identicon/IdenticonBadge.d.ts.map +1 -1
- package/dist/types/identicon/types.d.ts +3 -3
- package/dist/types/identicon/types.d.ts.map +1 -1
- package/dist/types/input/Input.d.ts +16 -16
- package/dist/types/input/Input.d.ts.map +1 -1
- package/dist/types/input/InputGroup.d.ts +6 -6
- package/dist/types/input/InputGroup.d.ts.map +1 -1
- package/dist/types/input/OptionsSlider.d.ts +0 -1
- package/dist/types/input/OptionsSlider.d.ts.map +1 -1
- package/dist/types/input/SliderInput.d.ts +2 -2
- package/dist/types/input/SliderInput.d.ts.map +1 -1
- package/dist/types/input/Textarea.d.ts +14 -14
- package/dist/types/input/Textarea.d.ts.map +1 -1
- package/dist/types/input/types.d.ts +15 -15
- package/dist/types/input/types.d.ts.map +1 -1
- package/dist/types/lido-logo/LidoLogo.d.ts +3 -3
- package/dist/types/lido-logo/LidoLogo.d.ts.map +1 -1
- package/dist/types/link/Link.d.ts +3 -3
- package/dist/types/link/Link.d.ts.map +1 -1
- package/dist/types/loaders/InlineLoader.d.ts +4 -4
- package/dist/types/loaders/InlineLoader.d.ts.map +1 -1
- package/dist/types/loaders/Loader.d.ts +4 -4
- package/dist/types/loaders/Loader.d.ts.map +1 -1
- package/dist/types/main-menu/MainMenu.d.ts +3 -3
- package/dist/types/main-menu/MainMenu.d.ts.map +1 -1
- package/dist/types/main-menu/MainMenuItem.d.ts +4 -4
- package/dist/types/main-menu/MainMenuItem.d.ts.map +1 -1
- package/dist/types/modal/Modal.d.ts +7 -7
- package/dist/types/modal/Modal.d.ts.map +1 -1
- package/dist/types/modal/ModalButton.d.ts +5 -5
- package/dist/types/modal/ModalButton.d.ts.map +1 -1
- package/dist/types/modal/ModalExtra.d.ts +3 -3
- package/dist/types/modal/ModalExtra.d.ts.map +1 -1
- package/dist/types/modal/ModalOverlay.d.ts +4 -4
- package/dist/types/modal/ModalOverlay.d.ts.map +1 -1
- package/dist/types/modal/ModalStyles.d.ts +7 -7
- package/dist/types/modal/ModalStyles.d.ts.map +1 -1
- package/dist/types/modal/types.d.ts +6 -6
- package/dist/types/modal/types.d.ts.map +1 -1
- package/dist/types/modal/useModalClose.d.ts +3 -3
- package/dist/types/modal/useModalClose.d.ts.map +1 -1
- package/dist/types/modal/useModalFocus.d.ts +2 -2
- package/dist/types/modal/useModalFocus.d.ts.map +1 -1
- package/dist/types/pagination/Pagination.d.ts +2 -2
- package/dist/types/pagination/Pagination.d.ts.map +1 -1
- package/dist/types/pagination/PaginationItem.d.ts +2 -2
- package/dist/types/pagination/PaginationItem.d.ts.map +1 -1
- package/dist/types/pagination/types.d.ts +3 -3
- package/dist/types/pagination/types.d.ts.map +1 -1
- package/dist/types/popover/Popover.d.ts +3 -3
- package/dist/types/popover/Popover.d.ts.map +1 -1
- package/dist/types/popover/PopoverRoot.d.ts +6 -6
- package/dist/types/popover/PopoverRoot.d.ts.map +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/popover/usePopoverPosition.d.ts +4 -4
- package/dist/types/popover/usePopoverPosition.d.ts.map +1 -1
- package/dist/types/popup-menu/PopupMenu.d.ts +3 -3
- package/dist/types/popup-menu/PopupMenu.d.ts.map +1 -1
- package/dist/types/popup-menu/PopupMenuItem.d.ts +6 -6
- package/dist/types/popup-menu/PopupMenuItem.d.ts.map +1 -1
- package/dist/types/popup-menu/PopupMenuProvider.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/popup-menu/usePopupFocus.d.ts +5 -5
- package/dist/types/popup-menu/usePopupFocus.d.ts.map +1 -1
- package/dist/types/section/Section.d.ts +6 -6
- package/dist/types/section/Section.d.ts.map +1 -1
- package/dist/types/section/types.d.ts +3 -3
- package/dist/types/section/types.d.ts.map +1 -1
- package/dist/types/select/Option.d.ts +3 -3
- package/dist/types/select/Option.d.ts.map +1 -1
- package/dist/types/select/Select.d.ts +4 -4
- package/dist/types/select/Select.d.ts.map +1 -1
- package/dist/types/select/SelectArrow.d.ts.map +1 -1
- package/dist/types/select/SelectIcon.d.ts +4 -4
- package/dist/types/select/SelectIcon.d.ts.map +1 -1
- package/dist/types/select/types.d.ts +3 -3
- package/dist/types/select/types.d.ts.map +1 -1
- package/dist/types/select/useSelect.d.ts +5 -5
- package/dist/types/select/useSelect.d.ts.map +1 -1
- package/dist/types/select/useSelectWidth.d.ts +2 -2
- package/dist/types/select/useSelectWidth.d.ts.map +1 -1
- package/dist/types/service-page/ServicePage.d.ts +5 -5
- package/dist/types/service-page/ServicePage.d.ts.map +1 -1
- package/dist/types/service-page/types.d.ts +2 -2
- package/dist/types/service-page/types.d.ts.map +1 -1
- package/dist/types/stack/HStack.d.ts +3 -3
- package/dist/types/stack/HStack.d.ts.map +1 -1
- package/dist/types/stack/Stack.d.ts +4 -4
- package/dist/types/stack/Stack.d.ts.map +1 -1
- package/dist/types/stack/StackItem.d.ts +4 -4
- package/dist/types/stack/StackItem.d.ts.map +1 -1
- package/dist/types/stack/StackProvider.d.ts.map +1 -1
- package/dist/types/stack/VStack.d.ts +3 -3
- package/dist/types/stack/VStack.d.ts.map +1 -1
- package/dist/types/styled-system/withStyledSystem.d.ts +2 -2
- package/dist/types/styled-system/withStyledSystem.d.ts.map +1 -1
- package/dist/types/table/Table.d.ts +3 -3
- package/dist/types/table/Table.d.ts.map +1 -1
- package/dist/types/table/Tbody.d.ts +3 -3
- package/dist/types/table/Tbody.d.ts.map +1 -1
- package/dist/types/table/Td.d.ts +4 -4
- package/dist/types/table/Td.d.ts.map +1 -1
- package/dist/types/table/Tfoot.d.ts +3 -3
- package/dist/types/table/Tfoot.d.ts.map +1 -1
- package/dist/types/table/Th.d.ts +4 -4
- package/dist/types/table/Th.d.ts.map +1 -1
- package/dist/types/table/Thead.d.ts +4 -4
- package/dist/types/table/Thead.d.ts.map +1 -1
- package/dist/types/table/Tr.d.ts +4 -4
- package/dist/types/table/Tr.d.ts.map +1 -1
- package/dist/types/text/Text.d.ts +4 -4
- package/dist/types/text/Text.d.ts.map +1 -1
- package/dist/types/text/TextStyles.d.ts.map +1 -1
- package/dist/types/theme/cookie-theme-provider.d.ts +2 -2
- package/dist/types/theme/cookie-theme-provider.d.ts.map +1 -1
- package/dist/types/theme/document-head-contents/element-fonts.d.ts.map +1 -1
- 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.map +1 -1
- package/dist/types/theme/document-head-contents/index.d.ts.map +1 -1
- package/dist/types/theme/theme-provider.d.ts.map +1 -1
- package/dist/types/toast/ToastPending.d.ts.map +1 -1
- package/dist/types/tooltip/Tooltip.d.ts +5 -5
- package/dist/types/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/tooltip/types.d.ts +3 -3
- package/dist/types/tooltip/types.d.ts.map +1 -1
- package/dist/types/transition/withTransition.d.ts +2 -2
- package/dist/types/transition/withTransition.d.ts.map +1 -1
- package/package.json +20 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/input/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport
|
|
1
|
+
{"version":3,"sources":["../../../packages/input/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { ChangeEventHandler, ReactNode, RefObject } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum InputMessageVariant {\n error,\n warning,\n success,\n}\nexport type InputMessageVariants = keyof typeof InputMessageVariant\n\nexport enum InputType {\n text,\n password,\n number,\n email,\n search,\n tel,\n url,\n}\nexport type InputTypes = keyof typeof InputType\n\nexport enum InputVariant {\n small,\n default,\n}\nexport type InputVariants = keyof typeof InputVariant\n\nexport enum InputColor {\n default,\n accent,\n}\nexport type InputColors = keyof typeof InputColor\n\ntype CommonProps = {\n label?: ReactNode\n error?: ReactNode | boolean\n warning?: ReactNode | boolean\n success?: ReactNode | boolean\n variant?: InputVariants\n color?: InputColors\n active?: boolean\n fullwidth?: boolean\n wrapperRef?: RefObject<HTMLLabelElement>\n as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n 'input',\n CommonProps & {\n type?: InputTypes\n leftDecorator?: ReactNode\n rightDecorator?: ReactNode\n }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n 'span',\n {\n fullwidth?: boolean\n error?: ReactNode\n success?: ReactNode\n }\n>\n\ninterface ValueLabel {\n value: number\n label: ReactNode\n}\n\ntype SliderProps = {\n value: number\n onChange?: ChangeEventHandler<HTMLInputElement>\n min?: number\n max?: number\n minLabel?: ReactNode\n maxLabel?: ReactNode\n step?: number\n getLabel?: (value: number) => ReactNode\n borderNone?: boolean\n labels?: ValueLabel[]\n onLabelClick?: (value: number) => unknown\n}\n\nexport type SliderInputProps = LidoComponentProps<'input', SliderProps>\n\ntype SliderOptionValue = string | number\n\ninterface SliderOption {\n value: SliderOptionValue\n label: ReactNode\n}\n\ninterface OptionsSliderProps {\n options: [SliderOption, SliderOption, ...SliderOption[]] // this is declaration like T[] but with \"at least 2 elements\" constraint\n value?: SliderOptionValue // if value is not provided, component should act isolated; initial value should be first option\n onChange: (value: SliderOptionValue, valueIndex: number) => unknown\n}\n\nexport type OptionsSliderInputProps = LidoComponentProps<\n 'input',\n OptionsSliderProps\n>\n"],"names":["InputMessageVariant","error","warning","success","InputType","text","password","number","email","search","tel","url","InputVariant","small","default","InputColor","accent"],"mappings":"AAAA,WAIO,mBAIN;UAJWA,mBAAmB;IAAnBA,mBAAmB,CAAnBA,mBAAmB,CAC7BC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,mBAAmB,CAAnBA,mBAAmB,CAE7BE,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAFGF,mBAAmB,CAAnBA,mBAAmB,CAG7BG,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAHGH,mBAAmB,KAAnBA,mBAAmB;WAOxB,SAQN;UARWI,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,SAAS,CAATA,SAAS,CAEnBE,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAFEF,SAAS,CAATA,SAAS,CAGnBG,QAAM,IAANA,CAAM,IAANA,QAAM;IAHIH,SAAS,CAATA,SAAS,CAInBI,OAAK,IAALA,CAAK,IAALA,OAAK;IAJKJ,SAAS,CAATA,SAAS,CAKnBK,QAAM,IAANA,CAAM,IAANA,QAAM;IALIL,SAAS,CAATA,SAAS,CAMnBM,KAAG,IAAHA,CAAG,IAAHA,KAAG;IANON,SAAS,CAATA,SAAS,CAOnBO,KAAG,IAAHA,CAAG,IAAHA,KAAG;GAPOP,SAAS,KAATA,SAAS;WAWd,YAGN;UAHWQ,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,YAAY,CAAZA,YAAY,CAEtBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,YAAY,KAAZA,YAAY;WAMjB,UAGN;UAHWG,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBD,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGC,UAAU,CAAVA,UAAU,CAEpBC,QAAM,IAANA,CAAM,IAANA,QAAM;GAFID,UAAU,KAAVA,UAAU"}
|
|
@@ -1,25 +1,32 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import { LidoLogoStyles } from "./LidoLogoStyles";
|
|
4
4
|
function LidoLogo(props, ref) {
|
|
5
|
-
return /*#__PURE__*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
5
|
+
return /*#__PURE__*/ _jsx(LidoLogoStyles, {
|
|
6
|
+
...props,
|
|
7
|
+
ref: ref,
|
|
8
|
+
children: /*#__PURE__*/ _jsxs("svg", {
|
|
9
|
+
width: "89",
|
|
10
|
+
height: "20",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
children: [
|
|
14
|
+
/*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M27.172 4.094h2.25v9.656h5.531v2.156h-7.781V4.094zm17.617 0h2.25v11.812h-2.25V4.094zm13.021 0h3.75c.774 0 1.512.162 2.212.487.7.313 1.319.738 1.856 1.275a6.078 6.078 0 0 1 1.275 1.875c.313.713.469 1.469.469 2.269s-.156 1.556-.469 2.269a6.078 6.078 0 0 1-1.275 1.875 6.435 6.435 0 0 1-1.856 1.293c-.7.313-1.438.47-2.212.47h-3.75V4.093zm3.75 9.656c.462 0 .906-.1 1.33-.3.438-.2.82-.469 1.144-.806.338-.338.6-.732.788-1.181.2-.463.3-.95.3-1.463 0-.512-.1-.994-.3-1.444a3.576 3.576 0 0 0-.788-1.2 3.717 3.717 0 0 0-1.143-.806 3.09 3.09 0 0 0-1.331-.3h-1.5v7.5h1.5zM82.558 16a5.56 5.56 0 0 1-2.213-.45 5.978 5.978 0 0 1-1.818-1.275 6.625 6.625 0 0 1-1.238-1.912A6.118 6.118 0 0 1 76.84 10c0-.838.15-1.619.45-2.344a6.304 6.304 0 0 1 1.238-1.912 5.575 5.575 0 0 1 1.818-1.275A5.367 5.367 0 0 1 82.558 4a5.24 5.24 0 0 1 2.194.469c.7.3 1.306.725 1.818 1.275a5.868 5.868 0 0 1 1.238 1.912c.312.725.469 1.506.469 2.344 0 .85-.157 1.637-.47 2.363a6.144 6.144 0 0 1-1.237 1.912 5.689 5.689 0 0 1-1.818 1.275c-.688.3-1.42.45-2.194.45zm0-2.156c.462 0 .906-.094 1.331-.281a3.31 3.31 0 0 0 1.106-.788 4.13 4.13 0 0 0 .75-1.219c.188-.475.282-.993.282-1.556 0-.563-.094-1.075-.282-1.537a3.855 3.855 0 0 0-.75-1.22 3.263 3.263 0 0 0-2.437-1.088 3.333 3.333 0 0 0-1.35.282 3.25 3.25 0 0 0-1.088.807 3.854 3.854 0 0 0-.75 1.219A4.057 4.057 0 0 0 79.09 10c0 .563.093 1.081.28 1.556.188.463.438.869.75 1.219.313.338.675.6 1.088.787a3.3 3.3 0 0 0 1.35.282z"
|
|
16
|
+
}),
|
|
17
|
+
/*#__PURE__*/ _jsx("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
clipRule: "evenodd",
|
|
20
|
+
d: "m7.005 0 4.949 7.748-4.949 2.884-4.948-2.884L7.005 0zM3.572 7.381l3.433-5.376 3.434 5.376-3.434 2.002L3.572 7.38z",
|
|
21
|
+
fill: "#00A3FF"
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
d: "M6.998 12.335 1.258 8.99l-.157.245a6.999 6.999 0 1 0 11.796 0l-.157-.245-5.742 3.346z",
|
|
25
|
+
fill: "#00A3FF"
|
|
26
|
+
})
|
|
27
|
+
]
|
|
28
|
+
})
|
|
29
|
+
});
|
|
23
30
|
}
|
|
24
31
|
export default /*#__PURE__*/ forwardRef(LidoLogo);
|
|
25
32
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/lido-logo/LidoLogo.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/lido-logo/LidoLogo.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LidoLogoStyles } from './LidoLogoStyles'\nimport { LidoLogoProps } from './types'\n\nfunction LidoLogo(props: LidoLogoProps, ref?: ForwardedRef<HTMLDivElement>) {\n return (\n <LidoLogoStyles {...props} ref={ref}>\n <svg\n width='89'\n height='20'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n >\n <path d='M27.172 4.094h2.25v9.656h5.531v2.156h-7.781V4.094zm17.617 0h2.25v11.812h-2.25V4.094zm13.021 0h3.75c.774 0 1.512.162 2.212.487.7.313 1.319.738 1.856 1.275a6.078 6.078 0 0 1 1.275 1.875c.313.713.469 1.469.469 2.269s-.156 1.556-.469 2.269a6.078 6.078 0 0 1-1.275 1.875 6.435 6.435 0 0 1-1.856 1.293c-.7.313-1.438.47-2.212.47h-3.75V4.093zm3.75 9.656c.462 0 .906-.1 1.33-.3.438-.2.82-.469 1.144-.806.338-.338.6-.732.788-1.181.2-.463.3-.95.3-1.463 0-.512-.1-.994-.3-1.444a3.576 3.576 0 0 0-.788-1.2 3.717 3.717 0 0 0-1.143-.806 3.09 3.09 0 0 0-1.331-.3h-1.5v7.5h1.5zM82.558 16a5.56 5.56 0 0 1-2.213-.45 5.978 5.978 0 0 1-1.818-1.275 6.625 6.625 0 0 1-1.238-1.912A6.118 6.118 0 0 1 76.84 10c0-.838.15-1.619.45-2.344a6.304 6.304 0 0 1 1.238-1.912 5.575 5.575 0 0 1 1.818-1.275A5.367 5.367 0 0 1 82.558 4a5.24 5.24 0 0 1 2.194.469c.7.3 1.306.725 1.818 1.275a5.868 5.868 0 0 1 1.238 1.912c.312.725.469 1.506.469 2.344 0 .85-.157 1.637-.47 2.363a6.144 6.144 0 0 1-1.237 1.912 5.689 5.689 0 0 1-1.818 1.275c-.688.3-1.42.45-2.194.45zm0-2.156c.462 0 .906-.094 1.331-.281a3.31 3.31 0 0 0 1.106-.788 4.13 4.13 0 0 0 .75-1.219c.188-.475.282-.993.282-1.556 0-.563-.094-1.075-.282-1.537a3.855 3.855 0 0 0-.75-1.22 3.263 3.263 0 0 0-2.437-1.088 3.333 3.333 0 0 0-1.35.282 3.25 3.25 0 0 0-1.088.807 3.854 3.854 0 0 0-.75 1.219A4.057 4.057 0 0 0 79.09 10c0 .563.093 1.081.28 1.556.188.463.438.869.75 1.219.313.338.675.6 1.088.787a3.3 3.3 0 0 0 1.35.282z' />\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='m7.005 0 4.949 7.748-4.949 2.884-4.948-2.884L7.005 0zM3.572 7.381l3.433-5.376 3.434 5.376-3.434 2.002L3.572 7.38z'\n fill='#00A3FF'\n />\n <path\n d='M6.998 12.335 1.258 8.99l-.157.245a6.999 6.999 0 1 0 11.796 0l-.157-.245-5.742 3.346z'\n fill='#00A3FF'\n />\n </svg>\n </LidoLogoStyles>\n )\n}\n\nexport default forwardRef(LidoLogo)\n"],"names":["forwardRef","LidoLogoStyles","LidoLogo","props","ref","svg","width","height","fill","xmlns","path","d","fillRule","clipRule"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,cAAc,QAAQ,kBAAkB,CAAA;AAGjD,SAASC,QAAQ,CAACC,KAAoB,EAAEC,GAAkC,EAAE;IAC1E,qBACE,KAACH,cAAc;QAAE,GAAGE,KAAK;QAAEC,GAAG,EAAEA,GAAG;kBACjC,cAAA,MAACC,KAAG;YACFC,KAAK,EAAC,IAAI;YACVC,MAAM,EAAC,IAAI;YACXC,IAAI,EAAC,cAAc;YACnBC,KAAK,EAAC,4BAA4B;;8BAElC,KAACC,MAAI;oBAACC,CAAC,EAAC,y5CAAy5C;kBAAG;8BACp6C,KAACD,MAAI;oBACHE,QAAQ,EAAC,SAAS;oBAClBC,QAAQ,EAAC,SAAS;oBAClBF,CAAC,EAAC,mHAAmH;oBACrHH,IAAI,EAAC,SAAS;kBACd;8BACF,KAACE,MAAI;oBACHC,CAAC,EAAC,uFAAuF;oBACzFH,IAAI,EAAC,SAAS;kBACd;;UACE;MACS,CAClB;AACH,CAAC;AAED,6BAAeR,UAAU,CAACE,QAAQ,CAAC,CAAA"}
|
package/dist/esm/link/Link.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import { LinkStyle } from "./LinkStyles";
|
|
4
4
|
function Link(props, ref) {
|
|
5
|
-
return /*#__PURE__*/
|
|
5
|
+
return /*#__PURE__*/ _jsx(LinkStyle, {
|
|
6
6
|
target: "_blank",
|
|
7
7
|
rel: "nofollow noopener",
|
|
8
|
-
ref: ref
|
|
9
|
-
|
|
8
|
+
ref: ref,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
10
11
|
}
|
|
11
12
|
export default /*#__PURE__*/ forwardRef(Link);
|
|
12
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/link/Link.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/link/Link.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LinkStyle } from './LinkStyles'\nimport { LinkProps } from './types'\n\nfunction Link(props: LinkProps, ref?: ForwardedRef<HTMLAnchorElement>) {\n return (\n <LinkStyle target='_blank' rel='nofollow noopener' ref={ref} {...props} />\n )\n}\n\nexport default forwardRef(Link)\n"],"names":["forwardRef","LinkStyle","Link","props","ref","target","rel"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,SAAS,QAAQ,cAAc,CAAA;AAGxC,SAASC,IAAI,CAACC,KAAgB,EAAEC,GAAqC,EAAE;IACrE,qBACE,KAACH,SAAS;QAACI,MAAM,EAAC,QAAQ;QAACC,GAAG,EAAC,mBAAmB;QAACF,GAAG,EAAEA,GAAG;QAAG,GAAGD,KAAK;MAAI,CAC3E;AACH,CAAC;AAED,6BAAeH,UAAU,CAACE,IAAI,CAAC,CAAA"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import { InlineLoaderStyle } from "./InlineLoaderStyles";
|
|
4
|
-
function InlineLoader(
|
|
5
|
-
|
|
6
|
-
const heightAdjuster = /*#__PURE__*/
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
function InlineLoader(param, ref) {
|
|
5
|
+
let { color , ...rest } = param;
|
|
6
|
+
const heightAdjuster = /*#__PURE__*/ _jsx(_Fragment, {
|
|
7
|
+
children: "\xa0"
|
|
8
|
+
});
|
|
9
|
+
return /*#__PURE__*/ _jsx(InlineLoaderStyle, {
|
|
10
|
+
$color: color,
|
|
11
|
+
...rest,
|
|
12
|
+
ref: ref,
|
|
13
|
+
children: heightAdjuster
|
|
14
|
+
});
|
|
12
15
|
}
|
|
13
16
|
export default /*#__PURE__*/ forwardRef(InlineLoader);
|
|
14
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/loaders/InlineLoader.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/loaders/InlineLoader.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoaderProps } from './types'\nimport { InlineLoaderStyle } from './InlineLoaderStyles'\n\nfunction InlineLoader(\n { color, ...rest }: InlineLoaderProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n const heightAdjuster = <> </>\n\n return (\n <InlineLoaderStyle $color={color} {...rest} ref={ref}>\n {heightAdjuster}\n </InlineLoaderStyle>\n )\n}\n\nexport default forwardRef(InlineLoader)\n"],"names":["forwardRef","InlineLoaderStyle","InlineLoader","ref","color","rest","heightAdjuster","$color"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SAASC,iBAAiB,QAAQ,sBAAsB,CAAA;AAExD,SAASC,YAAY,CACnB,KAAqC,EACrCC,GAAkC,EAClC;QAFA,EAAEC,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAqB,GAArC,KAAqC;IAGrC,MAAMC,cAAc,iBAAG;kBAAE,MAAM;MAAG;IAElC,qBACE,KAACL,iBAAiB;QAACM,MAAM,EAAEH,KAAK;QAAG,GAAGC,IAAI;QAAEF,GAAG,EAAEA,GAAG;kBACjDG,cAAc;MACG,CACrB;AACH,CAAC;AAED,6BAAeN,UAAU,CAACE,YAAY,CAAC,CAAA"}
|
|
@@ -1,32 +1,37 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import { LoaderSize } from "./types";
|
|
4
4
|
import { LoaderStyle, LoaderCircleBgStyle, LoaderCircleFgStyle } from "./LoaderStyles";
|
|
5
|
-
function Loader(
|
|
6
|
-
|
|
5
|
+
function Loader(param, ref) {
|
|
6
|
+
let { size ='medium' , thickness =3 , color ='primary' , ...rest } = param;
|
|
7
7
|
const pxSize = LoaderSize[size];
|
|
8
8
|
const center = pxSize / 2;
|
|
9
9
|
const radius = pxSize / 2 - thickness / 2;
|
|
10
|
-
return /*#__PURE__*/
|
|
10
|
+
return /*#__PURE__*/ _jsx(LoaderStyle, {
|
|
11
11
|
$size: pxSize,
|
|
12
|
-
$color: color
|
|
13
|
-
|
|
14
|
-
ref: ref
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
12
|
+
$color: color,
|
|
13
|
+
...rest,
|
|
14
|
+
ref: ref,
|
|
15
|
+
children: /*#__PURE__*/ _jsxs("svg", {
|
|
16
|
+
width: pxSize,
|
|
17
|
+
height: pxSize,
|
|
18
|
+
viewBox: `0 0 ${pxSize} ${pxSize}`,
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ _jsx(LoaderCircleBgStyle, {
|
|
21
|
+
$thickness: thickness,
|
|
22
|
+
cx: center,
|
|
23
|
+
cy: center,
|
|
24
|
+
r: radius
|
|
25
|
+
}),
|
|
26
|
+
/*#__PURE__*/ _jsx(LoaderCircleFgStyle, {
|
|
27
|
+
$thickness: thickness,
|
|
28
|
+
cx: center,
|
|
29
|
+
cy: center,
|
|
30
|
+
r: radius
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
})
|
|
34
|
+
});
|
|
30
35
|
}
|
|
31
36
|
export default /*#__PURE__*/ forwardRef(Loader);
|
|
32
37
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/loaders/Loader.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/loaders/Loader.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LoaderProps, LoaderSize } from './types'\nimport {\n LoaderStyle,\n LoaderCircleBgStyle,\n LoaderCircleFgStyle,\n} from './LoaderStyles'\n\nfunction Loader(\n { size = 'medium', thickness = 3, color = 'primary', ...rest }: LoaderProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n const pxSize = LoaderSize[size]\n const center = pxSize / 2\n const radius = pxSize / 2 - thickness / 2\n\n return (\n <LoaderStyle $size={pxSize} $color={color} {...rest} ref={ref}>\n <svg width={pxSize} height={pxSize} viewBox={`0 0 ${pxSize} ${pxSize}`}>\n <LoaderCircleBgStyle\n $thickness={thickness}\n cx={center}\n cy={center}\n r={radius}\n />\n <LoaderCircleFgStyle\n $thickness={thickness}\n cx={center}\n cy={center}\n r={radius}\n />\n </svg>\n </LoaderStyle>\n )\n}\n\nexport default forwardRef(Loader)\n"],"names":["forwardRef","LoaderSize","LoaderStyle","LoaderCircleBgStyle","LoaderCircleFgStyle","Loader","ref","size","thickness","color","rest","pxSize","center","radius","$size","$color","svg","width","height","viewBox","$thickness","cx","cy","r"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAAsBC,UAAU,QAAQ,SAAS,CAAA;AACjD,SACEC,WAAW,EACXC,mBAAmB,EACnBC,mBAAmB,QACd,gBAAgB,CAAA;AAEvB,SAASC,MAAM,CACb,KAA2E,EAC3EC,GAAkC,EAClC;QAFA,EAAEC,IAAI,EAAG,QAAQ,CAAA,EAAEC,SAAS,EAAG,CAAC,CAAA,EAAEC,KAAK,EAAG,SAAS,CAAA,EAAE,GAAGC,IAAI,EAAe,GAA3E,KAA2E;IAG3E,MAAMC,MAAM,GAAGV,UAAU,CAACM,IAAI,CAAC;IAC/B,MAAMK,MAAM,GAAGD,MAAM,GAAG,CAAC;IACzB,MAAME,MAAM,GAAGF,MAAM,GAAG,CAAC,GAAGH,SAAS,GAAG,CAAC;IAEzC,qBACE,KAACN,WAAW;QAACY,KAAK,EAAEH,MAAM;QAAEI,MAAM,EAAEN,KAAK;QAAG,GAAGC,IAAI;QAAEJ,GAAG,EAAEA,GAAG;kBAC3D,cAAA,MAACU,KAAG;YAACC,KAAK,EAAEN,MAAM;YAAEO,MAAM,EAAEP,MAAM;YAAEQ,OAAO,EAAE,CAAC,IAAI,EAAER,MAAM,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC;;8BACpE,KAACR,mBAAmB;oBAClBiB,UAAU,EAAEZ,SAAS;oBACrBa,EAAE,EAAET,MAAM;oBACVU,EAAE,EAAEV,MAAM;oBACVW,CAAC,EAAEV,MAAM;kBACT;8BACF,KAACT,mBAAmB;oBAClBgB,UAAU,EAAEZ,SAAS;oBACrBa,EAAE,EAAET,MAAM;oBACVU,EAAE,EAAEV,MAAM;oBACVW,CAAC,EAAEV,MAAM;kBACT;;UACE;MACM,CACf;AACH,CAAC;AAED,6BAAeb,UAAU,CAACK,MAAM,CAAC,CAAA"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import { Nav } from "./MainMenuStyles";
|
|
4
|
-
function MainMenu(
|
|
5
|
-
|
|
6
|
-
return /*#__PURE__*/
|
|
7
|
-
ref: ref
|
|
8
|
-
|
|
4
|
+
function MainMenu(param, ref) {
|
|
5
|
+
let { children , ...restProps } = param;
|
|
6
|
+
return /*#__PURE__*/ _jsx(Nav, {
|
|
7
|
+
ref: ref,
|
|
8
|
+
...restProps,
|
|
9
|
+
children: children
|
|
10
|
+
});
|
|
9
11
|
}
|
|
10
12
|
export default /*#__PURE__*/ forwardRef(MainMenu);
|
|
11
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/main-menu/MainMenu.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/main-menu/MainMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuProps } from './types'\nimport { Nav } from './MainMenuStyles'\n\nfunction MainMenu(\n { children, ...restProps }: MainMenuProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n return (\n <Nav ref={ref} {...restProps}>\n {children}\n </Nav>\n )\n}\n\nexport default forwardRef(MainMenu)\n"],"names":["forwardRef","Nav","MainMenu","ref","children","restProps"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SAASC,GAAG,QAAQ,kBAAkB,CAAA;AAEtC,SAASC,QAAQ,CACf,KAAyC,EACzCC,GAAkC,EAClC;QAFA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,SAAS,EAAiB,GAAzC,KAAyC;IAGzC,qBACE,KAACJ,GAAG;QAACE,GAAG,EAAEA,GAAG;QAAG,GAAGE,SAAS;kBACzBD,QAAQ;MACL,CACP;AACH,CAAC;AAED,6BAAeJ,UAAU,CAACE,QAAQ,CAAC,CAAA"}
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import { NavLink } from "./MainMenuItemStyles";
|
|
4
|
-
function MainMenuItem(
|
|
5
|
-
|
|
6
|
-
return /*#__PURE__*/
|
|
4
|
+
function MainMenuItem(param, ref) {
|
|
5
|
+
let { icon , children , active , ...restProps } = param;
|
|
6
|
+
return /*#__PURE__*/ _jsxs(NavLink, {
|
|
7
7
|
ref: ref,
|
|
8
|
-
active: Boolean(active)
|
|
9
|
-
|
|
8
|
+
active: Boolean(active),
|
|
9
|
+
...restProps,
|
|
10
|
+
children: [
|
|
11
|
+
icon,
|
|
12
|
+
/*#__PURE__*/ _jsx("span", {
|
|
13
|
+
children: children
|
|
14
|
+
})
|
|
15
|
+
]
|
|
16
|
+
});
|
|
10
17
|
}
|
|
11
18
|
export default /*#__PURE__*/ forwardRef(MainMenuItem);
|
|
12
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/main-menu/MainMenuItem.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/main-menu/MainMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuItemProps } from './types'\nimport { NavLink } from './MainMenuItemStyles'\n\nfunction MainMenuItem(\n { icon, children, active, ...restProps }: MainMenuItemProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n return (\n <NavLink ref={ref} active={Boolean(active)} {...restProps}>\n {icon}\n <span>{children}</span>\n </NavLink>\n )\n}\n\nexport default forwardRef(MainMenuItem)\n"],"names":["forwardRef","NavLink","MainMenuItem","ref","icon","children","active","restProps","Boolean","span"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SAASC,OAAO,QAAQ,sBAAsB,CAAA;AAE9C,SAASC,YAAY,CACnB,KAA2D,EAC3DC,GAAkC,EAClC;QAFA,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,SAAS,EAAqB,GAA3D,KAA2D;IAG3D,qBACE,MAACN,OAAO;QAACE,GAAG,EAAEA,GAAG;QAAEG,MAAM,EAAEE,OAAO,CAACF,MAAM,CAAC;QAAG,GAAGC,SAAS;;YACtDH,IAAI;0BACL,KAACK,MAAI;0BAAEJ,QAAQ;cAAQ;;MACf,CACX;AACH,CAAC;AAED,6BAAeL,UAAU,CAACE,YAAY,CAAC,CAAA"}
|
package/dist/esm/modal/Modal.js
CHANGED
|
@@ -1,35 +1,61 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import { ModalStyle, ModalBaseStyle, ModalHeaderStyle, ModalTitleStyle, ModalTitleIconStyle, ModalTitleTextStyle, ModalCloseStyle, ModalContentStyle, ModalBackStyle, ModalSubtitleStyle } from "./ModalStyles";
|
|
4
4
|
import ModalOverlay from "./ModalOverlay";
|
|
5
|
-
function Modal(
|
|
6
|
-
|
|
7
|
-
const { onClose , onBack } = props;
|
|
5
|
+
function Modal(param, ref) {
|
|
6
|
+
let { children , title , titleIcon , subtitle , center =false , extra , open , onClose , onBack , ...rest } = param;
|
|
8
7
|
const withTitleIcon = !!titleIcon;
|
|
9
8
|
const withSubtitle = !!subtitle;
|
|
10
9
|
const withCloseButton = !!onClose;
|
|
11
10
|
const withBackButton = !!onBack;
|
|
12
|
-
const modalHeader = /*#__PURE__*/
|
|
13
|
-
$short: !title
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
11
|
+
const modalHeader = /*#__PURE__*/ _jsxs(ModalHeaderStyle, {
|
|
12
|
+
$short: !title,
|
|
13
|
+
children: [
|
|
14
|
+
withBackButton && /*#__PURE__*/ _jsx(ModalBackStyle, {
|
|
15
|
+
onClick: onBack
|
|
16
|
+
}),
|
|
17
|
+
/*#__PURE__*/ _jsxs(ModalTitleStyle, {
|
|
18
|
+
$center: center,
|
|
19
|
+
$withTitleIcon: withTitleIcon,
|
|
20
|
+
$withCloseButton: withCloseButton,
|
|
21
|
+
$withBackButton: withBackButton,
|
|
22
|
+
children: [
|
|
23
|
+
withTitleIcon && /*#__PURE__*/ _jsx(ModalTitleIconStyle, {
|
|
24
|
+
$center: center,
|
|
25
|
+
children: titleIcon
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx(ModalTitleTextStyle, {
|
|
28
|
+
children: title
|
|
29
|
+
})
|
|
30
|
+
]
|
|
31
|
+
}),
|
|
32
|
+
withCloseButton && /*#__PURE__*/ _jsx(ModalCloseStyle, {
|
|
33
|
+
onClick: onClose
|
|
34
|
+
})
|
|
35
|
+
]
|
|
36
|
+
});
|
|
37
|
+
return /*#__PURE__*/ _jsx(ModalOverlay, {
|
|
38
|
+
in: open,
|
|
39
|
+
...rest,
|
|
40
|
+
ref: ref,
|
|
41
|
+
children: /*#__PURE__*/ _jsxs(ModalStyle, {
|
|
42
|
+
$center: center,
|
|
43
|
+
children: [
|
|
44
|
+
/*#__PURE__*/ _jsxs(ModalBaseStyle, {
|
|
45
|
+
children: [
|
|
46
|
+
modalHeader,
|
|
47
|
+
withSubtitle && /*#__PURE__*/ _jsx(ModalSubtitleStyle, {
|
|
48
|
+
children: subtitle
|
|
49
|
+
}),
|
|
50
|
+
/*#__PURE__*/ _jsx(ModalContentStyle, {
|
|
51
|
+
children: children
|
|
52
|
+
})
|
|
53
|
+
]
|
|
54
|
+
}),
|
|
55
|
+
extra
|
|
56
|
+
]
|
|
57
|
+
})
|
|
58
|
+
});
|
|
33
59
|
}
|
|
34
60
|
export default /*#__PURE__*/ forwardRef(Modal);
|
|
35
61
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/modal/Modal.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/modal/Modal.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ModalStyle,\n ModalBaseStyle,\n ModalHeaderStyle,\n ModalTitleStyle,\n ModalTitleIconStyle,\n ModalTitleTextStyle,\n ModalCloseStyle,\n ModalContentStyle,\n ModalBackStyle,\n ModalSubtitleStyle,\n} from './ModalStyles'\nimport { ModalProps } from './types'\nimport ModalOverlay from './ModalOverlay'\n\nfunction Modal(\n {\n children,\n title,\n titleIcon,\n subtitle,\n center = false,\n extra,\n open,\n onClose,\n onBack,\n ...rest\n }: ModalProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n const withTitleIcon = !!titleIcon\n const withSubtitle = !!subtitle\n const withCloseButton = !!onClose\n const withBackButton = !!onBack\n\n const modalHeader = (\n <ModalHeaderStyle $short={!title}>\n {withBackButton && <ModalBackStyle onClick={onBack} />}\n <ModalTitleStyle\n $center={center}\n $withTitleIcon={withTitleIcon}\n $withCloseButton={withCloseButton}\n $withBackButton={withBackButton}\n >\n {withTitleIcon && (\n <ModalTitleIconStyle $center={center}>\n {titleIcon}\n </ModalTitleIconStyle>\n )}\n <ModalTitleTextStyle>{title}</ModalTitleTextStyle>\n </ModalTitleStyle>\n {withCloseButton && <ModalCloseStyle onClick={onClose} />}\n </ModalHeaderStyle>\n )\n\n return (\n <ModalOverlay in={open} {...rest} ref={ref}>\n <ModalStyle $center={center}>\n <ModalBaseStyle>\n {modalHeader}\n {withSubtitle && <ModalSubtitleStyle>{subtitle}</ModalSubtitleStyle>}\n <ModalContentStyle>{children}</ModalContentStyle>\n </ModalBaseStyle>\n {extra}\n </ModalStyle>\n </ModalOverlay>\n )\n}\n\nexport default forwardRef(Modal)\n"],"names":["forwardRef","ModalStyle","ModalBaseStyle","ModalHeaderStyle","ModalTitleStyle","ModalTitleIconStyle","ModalTitleTextStyle","ModalCloseStyle","ModalContentStyle","ModalBackStyle","ModalSubtitleStyle","ModalOverlay","Modal","ref","children","title","titleIcon","subtitle","center","extra","open","onClose","onBack","rest","withTitleIcon","withSubtitle","withCloseButton","withBackButton","modalHeader","$short","onClick","$center","$withTitleIcon","$withCloseButton","$withBackButton","in"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SACEC,UAAU,EACVC,cAAc,EACdC,gBAAgB,EAChBC,eAAe,EACfC,mBAAmB,EACnBC,mBAAmB,EACnBC,eAAe,EACfC,iBAAiB,EACjBC,cAAc,EACdC,kBAAkB,QACb,eAAe,CAAA;AAEtB,OAAOC,YAAY,MAAM,gBAAgB,CAAA;AAEzC,SAASC,KAAK,CACZ,KAWa,EACbC,GAAkC,EAClC;QAbA,EACEC,QAAQ,CAAA,EACRC,KAAK,CAAA,EACLC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACRC,MAAM,EAAG,KAAK,CAAA,EACdC,KAAK,CAAA,EACLC,IAAI,CAAA,EACJC,OAAO,CAAA,EACPC,MAAM,CAAA,EACN,GAAGC,IAAI,EACI,GAXb,KAWa;IAGb,MAAMC,aAAa,GAAG,CAAC,CAACR,SAAS;IACjC,MAAMS,YAAY,GAAG,CAAC,CAACR,QAAQ;IAC/B,MAAMS,eAAe,GAAG,CAAC,CAACL,OAAO;IACjC,MAAMM,cAAc,GAAG,CAAC,CAACL,MAAM;IAE/B,MAAMM,WAAW,iBACf,MAACzB,gBAAgB;QAAC0B,MAAM,EAAE,CAACd,KAAK;;YAC7BY,cAAc,kBAAI,KAAClB,cAAc;gBAACqB,OAAO,EAAER,MAAM;cAAI;0BACtD,MAAClB,eAAe;gBACd2B,OAAO,EAAEb,MAAM;gBACfc,cAAc,EAAER,aAAa;gBAC7BS,gBAAgB,EAAEP,eAAe;gBACjCQ,eAAe,EAAEP,cAAc;;oBAE9BH,aAAa,kBACZ,KAACnB,mBAAmB;wBAAC0B,OAAO,EAAEb,MAAM;kCACjCF,SAAS;sBACU,AACvB;kCACD,KAACV,mBAAmB;kCAAES,KAAK;sBAAuB;;cAClC;YACjBW,eAAe,kBAAI,KAACnB,eAAe;gBAACuB,OAAO,EAAET,OAAO;cAAI;;MACxC,AACpB;IAED,qBACE,KAACV,YAAY;QAACwB,EAAE,EAAEf,IAAI;QAAG,GAAGG,IAAI;QAAEV,GAAG,EAAEA,GAAG;kBACxC,cAAA,MAACZ,UAAU;YAAC8B,OAAO,EAAEb,MAAM;;8BACzB,MAAChB,cAAc;;wBACZ0B,WAAW;wBACXH,YAAY,kBAAI,KAACf,kBAAkB;sCAAEO,QAAQ;0BAAsB;sCACpE,KAACT,iBAAiB;sCAAEM,QAAQ;0BAAqB;;kBAClC;gBAChBK,KAAK;;UACK;MACA,CAChB;AACH,CAAC;AAED,6BAAenB,UAAU,CAACY,KAAK,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cloneElement, forwardRef } from "react";
|
|
3
3
|
import { ModalButtonStyle, ModalButtonContentStyle } from "./ModalButtonStyles";
|
|
4
4
|
const iconSize = {
|
|
5
5
|
xxs: {
|
|
@@ -23,18 +23,27 @@ const iconSize = {
|
|
|
23
23
|
height: '64px'
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
function ModalButton(
|
|
27
|
-
|
|
26
|
+
function ModalButton(param, ref) {
|
|
27
|
+
let { size ='md' , loading =false , children , icon , ...rest } = param;
|
|
28
28
|
const AdaptiveIconProps = icon.props.width || icon.props.height ? icon.props : {
|
|
29
29
|
...iconSize[size]
|
|
30
30
|
};
|
|
31
|
-
const AdaptiveIcon = /*#__PURE__*/
|
|
32
|
-
return /*#__PURE__*/
|
|
31
|
+
const AdaptiveIcon = /*#__PURE__*/ cloneElement(icon, AdaptiveIconProps);
|
|
32
|
+
return /*#__PURE__*/ _jsx(ModalButtonStyle, {
|
|
33
33
|
type: "button",
|
|
34
34
|
size: size,
|
|
35
35
|
loading: loading,
|
|
36
|
-
ref: ref
|
|
37
|
-
|
|
36
|
+
ref: ref,
|
|
37
|
+
icon: icon,
|
|
38
|
+
...rest,
|
|
39
|
+
children: /*#__PURE__*/ _jsxs(ModalButtonContentStyle, {
|
|
40
|
+
children: [
|
|
41
|
+
children,
|
|
42
|
+
" ",
|
|
43
|
+
AdaptiveIcon
|
|
44
|
+
]
|
|
45
|
+
})
|
|
46
|
+
});
|
|
38
47
|
}
|
|
39
48
|
export default /*#__PURE__*/ forwardRef(ModalButton);
|
|
40
49
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/modal/ModalButton.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/modal/ModalButton.tsx"],"sourcesContent":["import { cloneElement, ForwardedRef, forwardRef } from 'react'\nimport { ModalButtonStyle, ModalButtonContentStyle } from './ModalButtonStyles'\nimport { ModalButtonIconProps } from './types'\n\nconst iconSize = {\n xxs: {\n width: '16px',\n height: '16px',\n },\n xs: {\n width: '24px',\n height: '24px',\n },\n sm: {\n width: '32px',\n height: '32px',\n },\n md: {\n width: '48px',\n height: '48px',\n },\n lg: {\n width: '64px',\n height: '64px',\n },\n}\n\nfunction ModalButton(\n {\n size = 'md',\n loading = false,\n children,\n icon,\n ...rest\n }: ModalButtonIconProps,\n ref?: ForwardedRef<HTMLButtonElement>,\n) {\n const AdaptiveIconProps =\n icon.props.width || icon.props.height ? icon.props : { ...iconSize[size] }\n const AdaptiveIcon = cloneElement(icon, AdaptiveIconProps)\n\n return (\n <ModalButtonStyle\n type='button'\n size={size}\n loading={loading}\n ref={ref}\n icon={icon}\n {...rest}\n >\n <ModalButtonContentStyle>\n {children} {AdaptiveIcon}\n </ModalButtonContentStyle>\n </ModalButtonStyle>\n )\n}\n\nexport default forwardRef(ModalButton)\n"],"names":["cloneElement","forwardRef","ModalButtonStyle","ModalButtonContentStyle","iconSize","xxs","width","height","xs","sm","md","lg","ModalButton","ref","size","loading","children","icon","rest","AdaptiveIconProps","props","AdaptiveIcon","type"],"mappings":"AAAA;AAAA,SAASA,YAAY,EAAgBC,UAAU,QAAQ,OAAO,CAAA;AAC9D,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,qBAAqB,CAAA;AAG/E,MAAMC,QAAQ,GAAG;IACfC,GAAG,EAAE;QACHC,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDC,EAAE,EAAE;QACFF,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDE,EAAE,EAAE;QACFH,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDG,EAAE,EAAE;QACFJ,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDI,EAAE,EAAE;QACFL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;CACF;AAED,SAASK,WAAW,CAClB,KAMuB,EACvBC,GAAqC,EACrC;QARA,EACEC,IAAI,EAAG,IAAI,CAAA,EACXC,OAAO,EAAG,KAAK,CAAA,EACfC,QAAQ,CAAA,EACRC,IAAI,CAAA,EACJ,GAAGC,IAAI,EACc,GANvB,KAMuB;IAGvB,MAAMC,iBAAiB,GACrBF,IAAI,CAACG,KAAK,CAACd,KAAK,IAAIW,IAAI,CAACG,KAAK,CAACb,MAAM,GAAGU,IAAI,CAACG,KAAK,GAAG;QAAE,GAAGhB,QAAQ,CAACU,IAAI,CAAC;KAAE;IAC5E,MAAMO,YAAY,iBAAGrB,YAAY,CAACiB,IAAI,EAAEE,iBAAiB,CAAC;IAE1D,qBACE,KAACjB,gBAAgB;QACfoB,IAAI,EAAC,QAAQ;QACbR,IAAI,EAAEA,IAAI;QACVC,OAAO,EAAEA,OAAO;QAChBF,GAAG,EAAEA,GAAG;QACRI,IAAI,EAAEA,IAAI;QACT,GAAGC,IAAI;kBAER,cAAA,MAACf,uBAAuB;;gBACrBa,QAAQ;gBAAC,GAAC;gBAACK,YAAY;;UACA;MACT,CACpB;AACH,CAAC;AAED,6BAAepB,UAAU,CAACW,WAAW,CAAC,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import { ModalExtraStyle } from "./ModalExtraStyles";
|
|
4
4
|
function ModalExtra(props, ref) {
|
|
5
|
-
return /*#__PURE__*/
|
|
5
|
+
return /*#__PURE__*/ _jsx(ModalExtraStyle, {
|
|
6
|
+
...props,
|
|
6
7
|
ref: ref
|
|
7
|
-
})
|
|
8
|
+
});
|
|
8
9
|
}
|
|
9
10
|
export default /*#__PURE__*/ forwardRef(ModalExtra);
|
|
10
11
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/modal/ModalExtra.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/modal/ModalExtra.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\n\nimport { ModalExtraStyle } from './ModalExtraStyles'\nimport { ModalExtraProps } from './types'\n\nfunction ModalExtra(\n props: ModalExtraProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n return <ModalExtraStyle {...props} ref={ref} />\n}\n\nexport default forwardRef(ModalExtra)\n"],"names":["forwardRef","ModalExtraStyle","ModalExtra","props","ref"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SAASC,eAAe,QAAQ,oBAAoB,CAAA;AAGpD,SAASC,UAAU,CACjBC,KAAsB,EACtBC,GAAkC,EAClC;IACA,qBAAO,KAACH,eAAe;QAAE,GAAGE,KAAK;QAAEC,GAAG,EAAEA,GAAG;MAAI,CAAA;AACjD,CAAC;AAED,6BAAeJ,UAAU,CAACE,UAAU,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import ReactDOM from "react-dom";
|
|
4
4
|
import { useMergeRefs, useEscape, useLockScroll } from "../hooks/index";
|
|
5
5
|
import { withTransition } from "../transition/index";
|
|
@@ -7,8 +7,8 @@ import { modalRoot } from "../utils/index";
|
|
|
7
7
|
import { ModalPortalStyle, ModalOverflowStyle, ModalContentStyle } from "./ModalOverlayStyles";
|
|
8
8
|
import { useModalFocus } from "./useModalFocus";
|
|
9
9
|
import { useModalClose } from "./useModalClose";
|
|
10
|
-
function ModalOverlay(
|
|
11
|
-
|
|
10
|
+
function ModalOverlay(param, externalRef) {
|
|
11
|
+
let { onClose , onBack , duration , transitionStatus , ...rest } = param;
|
|
12
12
|
const closable = !!onClose;
|
|
13
13
|
useEscape(onClose);
|
|
14
14
|
useLockScroll();
|
|
@@ -20,19 +20,23 @@ function ModalOverlay(props, externalRef) {
|
|
|
20
20
|
externalRef
|
|
21
21
|
]);
|
|
22
22
|
if (!modalRoot) return null;
|
|
23
|
-
return /*#__PURE__*/ ReactDOM.createPortal(/*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/ ReactDOM.createPortal(/*#__PURE__*/ _jsx(ModalPortalStyle, {
|
|
24
24
|
$closable: closable,
|
|
25
25
|
$duration: duration,
|
|
26
26
|
$transition: transitionStatus,
|
|
27
|
-
onClick: handleClick
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
onClick: handleClick,
|
|
28
|
+
children: /*#__PURE__*/ _jsx(ModalOverflowStyle, {
|
|
29
|
+
children: /*#__PURE__*/ _jsx(ModalContentStyle, {
|
|
30
|
+
tabIndex: -1,
|
|
31
|
+
role: "dialog",
|
|
32
|
+
"aria-modal": "true",
|
|
33
|
+
ref: mergedRef,
|
|
34
|
+
$transition: transitionStatus,
|
|
35
|
+
$duration: duration,
|
|
36
|
+
...rest
|
|
37
|
+
})
|
|
38
|
+
})
|
|
39
|
+
}), modalRoot);
|
|
36
40
|
}
|
|
37
41
|
export default withTransition(/*#__PURE__*/ forwardRef(ModalOverlay));
|
|
38
42
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/modal/ModalOverlay.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/modal/ModalOverlay.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { useMergeRefs, useEscape, useLockScroll } from '@lidofinance/hooks'\nimport { withTransition } from '@lidofinance/transition'\nimport { modalRoot } from '@lidofinance/utils'\nimport { ModalOverlayInnerProps } from './types'\nimport {\n ModalPortalStyle,\n ModalOverflowStyle,\n ModalContentStyle,\n} from './ModalOverlayStyles'\nimport { useModalFocus } from './useModalFocus'\nimport { useModalClose } from './useModalClose'\n\nfunction ModalOverlay(\n {\n onClose,\n onBack,\n duration,\n transitionStatus,\n ...rest\n }: ModalOverlayInnerProps,\n externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n const closable = !!onClose\n\n useEscape(onClose)\n useLockScroll()\n\n const controlRef = useModalFocus()\n const { ref: closeRef, handleClick } = useModalClose(onClose)\n\n const mergedRef = useMergeRefs([controlRef, closeRef, externalRef])\n\n if (!modalRoot) return null\n\n return ReactDOM.createPortal(\n <ModalPortalStyle\n $closable={closable}\n $duration={duration}\n $transition={transitionStatus}\n onClick={handleClick}\n >\n <ModalOverflowStyle>\n <ModalContentStyle\n tabIndex={-1}\n role='dialog'\n aria-modal='true'\n ref={mergedRef}\n $transition={transitionStatus}\n $duration={duration}\n {...rest}\n />\n </ModalOverflowStyle>\n </ModalPortalStyle>,\n modalRoot,\n )\n}\n\nexport default withTransition(forwardRef(ModalOverlay))\n"],"names":["forwardRef","ReactDOM","useMergeRefs","useEscape","useLockScroll","withTransition","modalRoot","ModalPortalStyle","ModalOverflowStyle","ModalContentStyle","useModalFocus","useModalClose","ModalOverlay","externalRef","onClose","onBack","duration","transitionStatus","rest","closable","controlRef","ref","closeRef","handleClick","mergedRef","createPortal","$closable","$duration","$transition","onClick","tabIndex","role","aria-modal"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,OAAOC,QAAQ,MAAM,WAAW,CAAA;AAChC,SAASC,YAAY,EAAEC,SAAS,EAAEC,aAAa,QAAQ,gBAAoB,CAAA;AAC3E,SAASC,cAAc,QAAQ,qBAAyB,CAAA;AACxD,SAASC,SAAS,QAAQ,gBAAoB,CAAA;AAE9C,SACEC,gBAAgB,EAChBC,kBAAkB,EAClBC,iBAAiB,QACZ,sBAAsB,CAAA;AAC7B,SAASC,aAAa,QAAQ,iBAAiB,CAAA;AAC/C,SAASC,aAAa,QAAQ,iBAAiB,CAAA;AAE/C,SAASC,YAAY,CACnB,KAMyB,EACzBC,WAA0C,EAC1C;QARA,EACEC,OAAO,CAAA,EACPC,MAAM,CAAA,EACNC,QAAQ,CAAA,EACRC,gBAAgB,CAAA,EAChB,GAAGC,IAAI,EACgB,GANzB,KAMyB;IAGzB,MAAMC,QAAQ,GAAG,CAAC,CAACL,OAAO;IAE1BX,SAAS,CAACW,OAAO,CAAC;IAClBV,aAAa,EAAE;IAEf,MAAMgB,UAAU,GAAGV,aAAa,EAAE;IAClC,MAAM,EAAEW,GAAG,EAAEC,QAAQ,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGZ,aAAa,CAACG,OAAO,CAAC;IAE7D,MAAMU,SAAS,GAAGtB,YAAY,CAAC;QAACkB,UAAU;QAAEE,QAAQ;QAAET,WAAW;KAAC,CAAC;IAEnE,IAAI,CAACP,SAAS,EAAE,OAAO,IAAI,CAAA;IAE3B,qBAAOL,QAAQ,CAACwB,YAAY,eAC1B,KAAClB,gBAAgB;QACfmB,SAAS,EAAEP,QAAQ;QACnBQ,SAAS,EAAEX,QAAQ;QACnBY,WAAW,EAAEX,gBAAgB;QAC7BY,OAAO,EAAEN,WAAW;kBAEpB,cAAA,KAACf,kBAAkB;sBACjB,cAAA,KAACC,iBAAiB;gBAChBqB,QAAQ,EAAE,CAAC,CAAC;gBACZC,IAAI,EAAC,QAAQ;gBACbC,YAAU,EAAC,MAAM;gBACjBX,GAAG,EAAEG,SAAS;gBACdI,WAAW,EAAEX,gBAAgB;gBAC7BU,SAAS,EAAEX,QAAQ;gBAClB,GAAGE,IAAI;cACR;UACiB;MACJ,EACnBZ,SAAS,CACV,CAAA;AACH,CAAC;AAED,eAAeD,cAAc,eAACL,UAAU,CAACY,YAAY,CAAC,CAAC,CAAA"}
|