@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
|
@@ -6,19 +6,38 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
12
11
|
const _accordionStyles = require("./AccordionStyles");
|
|
13
12
|
const _useExpanded = require("./useExpanded");
|
|
14
|
-
function Accordion(
|
|
15
|
-
|
|
16
|
-
const { toggleProps , collapseProps , isExpanded } = (0, _useExpanded.useExpanded)(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
function Accordion(param, ref) {
|
|
14
|
+
let { defaultExpanded , summary , children , ...rest } = param;
|
|
15
|
+
const { toggleProps , collapseProps , isExpanded } = (0, _useExpanded.useExpanded)({
|
|
16
|
+
defaultExpanded
|
|
17
|
+
});
|
|
18
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_accordionStyles.AccordionStyle, {
|
|
19
|
+
...rest,
|
|
20
|
+
ref: ref,
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsxs)(_accordionStyles.AccordionSummaryStyle, {
|
|
23
|
+
...toggleProps,
|
|
24
|
+
children: [
|
|
25
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_accordionStyles.AccordionTitleStyle, {
|
|
26
|
+
children: summary
|
|
27
|
+
}),
|
|
28
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_accordionStyles.AccordionArrowStyle, {
|
|
29
|
+
$expanded: isExpanded
|
|
30
|
+
})
|
|
31
|
+
]
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
|
|
34
|
+
...collapseProps,
|
|
35
|
+
children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_accordionStyles.AccordionContentStyle, {
|
|
36
|
+
children: children
|
|
37
|
+
})
|
|
38
|
+
})
|
|
39
|
+
]
|
|
40
|
+
});
|
|
22
41
|
}
|
|
23
42
|
const _default = /*#__PURE__*/ (0, _react.forwardRef)(Accordion);
|
|
24
43
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types'\nimport {\n AccordionStyle,\n AccordionSummaryStyle,\n AccordionTitleStyle,\n AccordionArrowStyle,\n AccordionContentStyle,\n} from './AccordionStyles'\nimport { useExpanded } from './useExpanded'\n\nfunction Accordion(\n { defaultExpanded, summary, children, ...rest }: AccordionProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n const { toggleProps, collapseProps, isExpanded } = useExpanded({\n defaultExpanded,\n })\n\n return (\n <AccordionStyle {...rest} ref={ref}>\n <AccordionSummaryStyle {...toggleProps}>\n <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n <AccordionArrowStyle $expanded={isExpanded} />\n </AccordionSummaryStyle>\n <div {...collapseProps}>\n <AccordionContentStyle>{children}</AccordionContentStyle>\n </div>\n </AccordionStyle>\n )\n}\n\nexport default forwardRef(Accordion)\n"],"names":["Accordion","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","useExpanded","AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","$expanded","div","AccordionContentStyle","forwardRef"],"mappings":"AAAA;;;;+BAgCA,SAAoC;;aAApC,QAAoC;;;uBAhCK,OAAO;iCAQzC,mBAAmB;6BACE,eAAe;AAE3C,SAASA,SAAS,CAChB,KAA+D,EAC/DC,GAAkC,EAClC;QAFA,EAAEC,eAAe,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAkB,GAA/D,KAA+D;IAG/D,MAAM,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGC,IAAAA,YAAW,YAAA,EAAC;QAC7DP,eAAe;KAChB,CAAC;IAEF,qBACE,sBAACQ,gBAAc,eAAA;QAAE,GAAGL,IAAI;QAAEJ,GAAG,EAAEA,GAAG;;0BAChC,sBAACU,gBAAqB,sBAAA;gBAAE,GAAGL,WAAW;;kCACpC,qBAACM,gBAAmB,oBAAA;kCAAET,OAAO;sBAAuB;kCACpD,qBAACU,gBAAmB,oBAAA;wBAACC,SAAS,EAAEN,UAAU;sBAAI;;cACxB;0BACxB,qBAACO,KAAG;gBAAE,GAAGR,aAAa;0BACpB,cAAA,qBAACS,gBAAqB,sBAAA;8BAAEZ,QAAQ;kBAAyB;cACrD;;MACS,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBa,IAAAA,MAAU,WAAA,EAACjB,SAAS,CAAC"}
|
|
@@ -2,7 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
6
|
-
const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
|
|
7
5
|
|
|
8
6
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/accordion/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport
|
|
1
|
+
{"version":3,"sources":["../../../packages/accordion/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { ReactNode } from 'react'\nexport type { Theme } from '@lidofinance/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/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types'\nimport useCollapse from 'react-collapsed'\nimport {\n GetCollapsePropsOutput,\n GetTogglePropsOutput,\n} from 'react-collapsed/dist/types'\n\ntype UseExpanded = (props: AccordionProps) => {\n toggleProps: GetTogglePropsOutput\n collapseProps: GetCollapsePropsOutput\n isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n useEffect(() => {\n setExpanded(defaultExpanded)\n }, [defaultExpanded])\n\n const handleToggle = useCallback(\n () => setExpanded((previous) => !previous),\n [],\n )\n\n const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n return {\n toggleProps: getToggleProps({ onClick: handleToggle }),\n collapseProps: getCollapseProps(),\n isExpanded,\n }\n}\n"],"names":["useExpanded","defaultExpanded","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","useCollapse","toggleProps","onClick","collapseProps"],"mappings":"AAAA;;;;+BAcaA,aAAW;;aAAXA,WAAW;;;uBAdyB,OAAO;qEAEhC,iBAAiB;AAYlC,MAAMA,WAAW,GAAgB,SAAiC;QAAhC,EAAEC,eAAe,EAAG,KAAK,CAAA,EAAE;IAClE,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAACH,eAAe,CAAC;IAE3DI,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdF,WAAW,CAACF,eAAe,CAAC;IAC9B,CAAC,EAAE;QAACA,eAAe;KAAC,CAAC;IAErB,MAAMK,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAC9B,IAAMJ,WAAW,CAAC,CAACK,QAAQ,GAAK,CAACA,QAAQ,CAAC,EAC1C,EAAE,CACH;IAED,MAAM,EAAEC,cAAc,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGC,IAAAA,eAAW,QAAA,EAAC;QAAET,UAAU;KAAE,CAAC;IAExE,OAAO;QACLU,WAAW,EAAEH,cAAc,CAAC;YAAEI,OAAO,EAAEP,YAAY;SAAE,CAAC;QACtDQ,aAAa,EAAEJ,gBAAgB,EAAE;QACjCR,UAAU;KACX,CAAA;AACH,CAAC"}
|
|
1
|
+
{"version":3,"sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types'\nimport useCollapse from 'react-collapsed'\nimport {\n GetCollapsePropsOutput,\n GetTogglePropsOutput,\n} from 'react-collapsed/dist/types'\n\ntype UseExpanded = (props: Pick<AccordionProps, 'defaultExpanded'>) => {\n toggleProps: GetTogglePropsOutput\n collapseProps: GetCollapsePropsOutput\n isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n useEffect(() => {\n setExpanded(defaultExpanded)\n }, [defaultExpanded])\n\n const handleToggle = useCallback(\n () => setExpanded((previous) => !previous),\n [],\n )\n\n const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n return {\n toggleProps: getToggleProps({ onClick: handleToggle }),\n collapseProps: getCollapseProps(),\n isExpanded,\n }\n}\n"],"names":["useExpanded","defaultExpanded","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","useCollapse","toggleProps","onClick","collapseProps"],"mappings":"AAAA;;;;+BAcaA,aAAW;;aAAXA,WAAW;;;uBAdyB,OAAO;qEAEhC,iBAAiB;AAYlC,MAAMA,WAAW,GAAgB,SAAiC;QAAhC,EAAEC,eAAe,EAAG,KAAK,CAAA,EAAE;IAClE,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAACH,eAAe,CAAC;IAE3DI,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdF,WAAW,CAACF,eAAe,CAAC;IAC9B,CAAC,EAAE;QAACA,eAAe;KAAC,CAAC;IAErB,MAAMK,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAC9B,IAAMJ,WAAW,CAAC,CAACK,QAAQ,GAAK,CAACA,QAAQ,CAAC,EAC1C,EAAE,CACH;IAED,MAAM,EAAEC,cAAc,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGC,IAAAA,eAAW,QAAA,EAAC;QAAET,UAAU;KAAE,CAAC;IAExE,OAAO;QACLU,WAAW,EAAEH,cAAc,CAAC;YAAEI,OAAO,EAAEP,YAAY;SAAE,CAAC;QACtDQ,aAAa,EAAEJ,gBAAgB,EAAE;QACjCR,UAAU;KACX,CAAA;AACH,CAAC"}
|
|
@@ -6,16 +6,24 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
12
11
|
const _addressStyles = require("./AddressStyles");
|
|
13
12
|
const _trimAddress = require("./trimAddress");
|
|
14
|
-
function Address(
|
|
15
|
-
|
|
16
|
-
return /*#__PURE__*/
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
function Address(param, ref) {
|
|
14
|
+
let { symbols =3 , address , ...rest } = param;
|
|
15
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_addressStyles.AddressStyle, {
|
|
16
|
+
...rest,
|
|
17
|
+
ref: ref,
|
|
18
|
+
children: [
|
|
19
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_addressStyles.AddressFullStyle, {
|
|
20
|
+
children: address
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_addressStyles.AddressTrimmedStyle, {
|
|
23
|
+
children: (0, _trimAddress.trimAddress)(address, symbols)
|
|
24
|
+
})
|
|
25
|
+
]
|
|
26
|
+
});
|
|
19
27
|
}
|
|
20
28
|
const _default = /*#__PURE__*/ (0, _react.forwardRef)(Address);
|
|
21
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types'\nimport {\n AddressStyle,\n AddressFullStyle,\n AddressTrimmedStyle,\n} from './AddressStyles'\nimport { trimAddress } from './trimAddress'\n\nfunction Address(\n { symbols = 3, address, ...rest }: AddressProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n return (\n <AddressStyle {...rest} ref={ref}>\n <AddressFullStyle>{address}</AddressFullStyle>\n <AddressTrimmedStyle>{trimAddress(address, symbols)}</AddressTrimmedStyle>\n </AddressStyle>\n )\n}\n\nexport default forwardRef(Address)\n"],"names":["Address","ref","symbols","address","rest","AddressStyle","AddressFullStyle","AddressTrimmedStyle","trimAddress","forwardRef"],"mappings":"AAAA;;;;+BAqBA,SAAkC;;aAAlC,QAAkC;;;uBArBO,OAAO;+BAMzC,iBAAiB;6BACI,eAAe;AAE3C,SAASA,OAAO,CACd,KAA+C,EAC/CC,GAAkC,EAClC;QAFA,EAAEC,OAAO,EAAG,CAAC,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAgB,GAA/C,KAA+C;IAG/C,qBACE,sBAACC,cAAY,aAAA;QAAE,GAAGD,IAAI;QAAEH,GAAG,EAAEA,GAAG;;0BAC9B,qBAACK,cAAgB,iBAAA;0BAAEH,OAAO;cAAoB;0BAC9C,qBAACI,cAAmB,oBAAA;0BAAEC,IAAAA,YAAW,YAAA,EAACL,OAAO,EAAED,OAAO,CAAC;cAAuB;;MAC7D,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBO,IAAAA,MAAU,WAAA,EAACT,OAAO,CAAC"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react =
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
11
11
|
const _hooks = require("../hooks/index");
|
|
12
12
|
const _addressBadgeStyles = require("./AddressBadgeStyles");
|
|
13
|
-
function AddressBadge(
|
|
14
|
-
|
|
13
|
+
function AddressBadge(param, ref) {
|
|
14
|
+
let { address , symbolsMobile =3 , symbolsDesktop =6 } = param;
|
|
15
15
|
const isMobile = (0, _hooks.useBreakpoint)('md');
|
|
16
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_addressBadgeStyles.AddressBadgeStyle, {
|
|
17
17
|
symbols: isMobile ? symbolsMobile : symbolsDesktop,
|
|
18
18
|
address: address !== null && address !== void 0 ? address : '',
|
|
19
19
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n { address, symbolsMobile = 3, symbolsDesktop = 6 }: 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 ref={ref}\n />\n )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["AddressBadge","ref","address","symbolsMobile","symbolsDesktop","isMobile","useBreakpoint","AddressBadgeStyle","symbols","forwardRef"],"mappings":"AAAA;;;;+BAoBA,SAAuC;;aAAvC,QAAuC;;;uBApBE,OAAO;uBAClB,gBAAoB;oCAChB,sBAAsB;AAGxD,SAASA,YAAY,CACnB,KAAqE,EACrEC,GAAkC,EAClC;QAFA,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAqB,GAArE,KAAqE;IAGrE,MAAMC,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,qBAACC,mBAAiB,kBAAA;QAChBC,OAAO,EAAEH,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;MAED,QAAuC,iBAAxBQ,IAAAA,MAAU,WAAA,EAACT,YAAY,CAAC"}
|
package/dist/cjs/block/Block.js
CHANGED
|
@@ -6,18 +6,18 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
12
11
|
const _blockStyles = require("./BlockStyles");
|
|
13
|
-
function Block(
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/
|
|
12
|
+
function Block(param, ref) {
|
|
13
|
+
let { color ='foreground' , variant ='flat' , paddingLess =false , ...rest } = param;
|
|
14
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_blockStyles.BlockStyle, {
|
|
16
15
|
$color: color,
|
|
17
16
|
$variant: variant,
|
|
18
17
|
$paddingLess: paddingLess,
|
|
19
|
-
ref: ref
|
|
20
|
-
|
|
18
|
+
ref: ref,
|
|
19
|
+
...rest
|
|
20
|
+
});
|
|
21
21
|
}
|
|
22
22
|
const _default = /*#__PURE__*/ (0, _react.forwardRef)(Block);
|
|
23
23
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles'\nimport { BlockProps } from './types'\n\nfunction Block(\n {\n color = 'foreground',\n variant = 'flat',\n paddingLess = false,\n ...rest\n }: BlockProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n return (\n <BlockStyle\n $color={color}\n $variant={variant}\n $paddingLess={paddingLess}\n ref={ref}\n {...rest}\n />\n )\n}\n\nexport default forwardRef(Block)\n"],"names":["Block","ref","color","variant","paddingLess","rest","BlockStyle","$color","$variant","$paddingLess","forwardRef"],"mappings":"AAAA;;;;+BAwBA,SAAgC;;aAAhC,QAAgC;;;uBAxBS,OAAO;6BACrB,eAAe;AAG1C,SAASA,KAAK,CACZ,KAKa,EACbC,GAAkC,EAClC;QAPA,EACEC,KAAK,EAAG,YAAY,CAAA,EACpBC,OAAO,EAAG,MAAM,CAAA,EAChBC,WAAW,EAAG,KAAK,CAAA,EACnB,GAAGC,IAAI,EACI,GALb,KAKa;IAGb,qBACE,qBAACC,YAAU,WAAA;QACTC,MAAM,EAAEL,KAAK;QACbM,QAAQ,EAAEL,OAAO;QACjBM,YAAY,EAAEL,WAAW;QACzBH,GAAG,EAAEA,GAAG;QACP,GAAGI,IAAI;MACR,CACH;AACH,CAAC;MAED,QAAgC,iBAAjBK,IAAAA,MAAU,WAAA,EAACV,KAAK,CAAC"}
|
|
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
12
11
|
const _buttonStyles = require("./ButtonStyles");
|
|
13
12
|
const _useRipple = require("./useRipple");
|
|
14
13
|
const loaderSizes = {
|
|
@@ -18,11 +17,13 @@ const loaderSizes = {
|
|
|
18
17
|
md: 'medium',
|
|
19
18
|
lg: 'medium'
|
|
20
19
|
};
|
|
21
|
-
function Button(
|
|
22
|
-
|
|
23
|
-
const { handleClick , ripple } = (0, _useRipple.useRipple)(
|
|
20
|
+
function Button(param, ref) {
|
|
21
|
+
let { size ='md' , variant ='filled' , color ='primary' , square =false , fullwidth =false , loading =false , active =false , onClick , disabled , children , ...rest } = param;
|
|
22
|
+
const { handleClick , ripple } = (0, _useRipple.useRipple)({
|
|
23
|
+
onClick
|
|
24
|
+
});
|
|
24
25
|
const loaderSize = loaderSizes[size];
|
|
25
|
-
return /*#__PURE__*/
|
|
26
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_buttonStyles.ButtonStyle, {
|
|
26
27
|
$size: size,
|
|
27
28
|
$variant: variant,
|
|
28
29
|
$fullwidth: fullwidth,
|
|
@@ -33,12 +34,19 @@ function Button(props, ref) {
|
|
|
33
34
|
onClick: handleClick,
|
|
34
35
|
disabled: disabled || loading,
|
|
35
36
|
type: "button",
|
|
36
|
-
ref: ref
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
ref: ref,
|
|
38
|
+
...rest,
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_buttonStyles.ButtonContentStyle, {
|
|
41
|
+
$hidden: loading,
|
|
42
|
+
children: children
|
|
43
|
+
}),
|
|
44
|
+
loading && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_buttonStyles.ButtonLoaderStyle, {
|
|
45
|
+
size: loaderSize
|
|
46
|
+
}),
|
|
47
|
+
!active && ripple
|
|
48
|
+
]
|
|
49
|
+
});
|
|
42
50
|
}
|
|
43
51
|
const _default = /*#__PURE__*/ (0, _react.forwardRef)(Button);
|
|
44
52
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonStyle,\n ButtonContentStyle,\n ButtonLoaderStyle,\n} from './ButtonStyles'\nimport { ButtonProps } from './types'\nimport { useRipple } from './useRipple'\n\nconst loaderSizes = {\n xxs: 'small',\n xs: 'small',\n sm: 'small',\n md: 'medium',\n lg: 'medium',\n} as const\n\nfunction Button(\n {\n size = 'md',\n variant = 'filled',\n color = 'primary',\n square = false,\n fullwidth = false,\n loading = false,\n active = false,\n onClick,\n disabled,\n children,\n ...rest\n }: ButtonProps,\n ref?: ForwardedRef<HTMLButtonElement>,\n) {\n const { handleClick, ripple } = useRipple({ onClick })\n const loaderSize = loaderSizes[size]\n\n return (\n <ButtonStyle\n $size={size}\n $variant={variant}\n $fullwidth={fullwidth}\n $color={color}\n $square={square}\n $loading={loading}\n $active={active}\n onClick={handleClick}\n disabled={disabled || loading}\n type='button'\n ref={ref}\n {...rest}\n >\n <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n {loading && <ButtonLoaderStyle size={loaderSize} />}\n {!active && ripple}\n </ButtonStyle>\n )\n}\n\nexport default forwardRef(Button)\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","ButtonStyle","$size","$variant","$fullwidth","$color","$square","$loading","$active","type","ButtonContentStyle","$hidden","ButtonLoaderStyle","forwardRef"],"mappings":"AAAA;;;;+BA0DA,SAAiC;;aAAjC,QAAiC;;;uBA1DQ,OAAO;8BAKzC,gBAAgB;2BAEG,aAAa;AAEvC,MAAMA,WAAW,GAAG;IAClBC,GAAG,EAAE,OAAO;IACZC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;CACb,AAAS;AAEV,SAASC,MAAM,CACb,KAYc,EACdC,GAAqC,EACrC;QAdA,EACEC,IAAI,EAAG,IAAI,CAAA,EACXC,OAAO,EAAG,QAAQ,CAAA,EAClBC,KAAK,EAAG,SAAS,CAAA,EACjBC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,OAAO,EAAG,KAAK,CAAA,EACfC,MAAM,EAAG,KAAK,CAAA,EACdC,OAAO,CAAA,EACPC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACK,GAZd,KAYc;IAGd,MAAM,EAAEC,WAAW,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,IAAAA,UAAS,UAAA,EAAC;QAAEN,OAAO;KAAE,CAAC;IACtD,MAAMO,UAAU,GAAGtB,WAAW,CAACQ,IAAI,CAAC;IAEpC,qBACE,sBAACe,aAAW,YAAA;QACVC,KAAK,EAAEhB,IAAI;QACXiB,QAAQ,EAAEhB,OAAO;QACjBiB,UAAU,EAAEd,SAAS;QACrBe,MAAM,EAAEjB,KAAK;QACbkB,OAAO,EAAEjB,MAAM;QACfkB,QAAQ,EAAEhB,OAAO;QACjBiB,OAAO,EAAEhB,MAAM;QACfC,OAAO,EAAEI,WAAW;QACpBH,QAAQ,EAAEA,QAAQ,IAAIH,OAAO;QAC7BkB,IAAI,EAAC,QAAQ;QACbxB,GAAG,EAAEA,GAAG;QACP,GAAGW,IAAI;;0BAER,qBAACc,aAAkB,mBAAA;gBAACC,OAAO,EAAEpB,OAAO;0BAAGI,QAAQ;cAAsB;YACpEJ,OAAO,kBAAI,qBAACqB,aAAiB,kBAAA;gBAAC1B,IAAI,EAAEc,UAAU;cAAI;YAClD,CAACR,MAAM,IAAIM,MAAM;;MACN,CACf;AACH,CAAC;MAED,QAAiC,iBAAlBe,IAAAA,MAAU,WAAA,EAAC7B,MAAM,CAAC"}
|
|
@@ -6,22 +6,30 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const _extends = require("@swc/helpers/lib/_extends.js").default;
|
|
10
9
|
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
11
|
-
const
|
|
12
|
-
const _react =
|
|
10
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const _react = require("react");
|
|
13
12
|
const _buttonIconStyles = require("./ButtonIconStyles");
|
|
14
13
|
const _button = /*#__PURE__*/ _interopRequireDefault(require("./Button"));
|
|
15
|
-
function ButtonIcon(
|
|
16
|
-
|
|
14
|
+
function ButtonIcon(param, ref) {
|
|
15
|
+
let { icon , children , ...rest } = param;
|
|
17
16
|
const hasNoChildren = !children;
|
|
18
|
-
return /*#__PURE__*/
|
|
19
|
-
square: hasNoChildren
|
|
20
|
-
|
|
21
|
-
ref: ref
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_button.default, {
|
|
18
|
+
square: hasNoChildren,
|
|
19
|
+
...rest,
|
|
20
|
+
ref: ref,
|
|
21
|
+
children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_buttonIconStyles.ButtonWrapperStyle, {
|
|
22
|
+
children: [
|
|
23
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_buttonIconStyles.ButtonIconStyle, {
|
|
24
|
+
$square: hasNoChildren,
|
|
25
|
+
children: icon
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_buttonIconStyles.ButtonContentStyle, {
|
|
28
|
+
children: children
|
|
29
|
+
})
|
|
30
|
+
]
|
|
31
|
+
})
|
|
32
|
+
});
|
|
25
33
|
}
|
|
26
34
|
const _default = /*#__PURE__*/ (0, _react.forwardRef)(ButtonIcon);
|
|
27
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonWrapperStyle,\n ButtonIconStyle,\n ButtonContentStyle,\n} from './ButtonIconStyles'\nimport { ButtonIconProps } from './types'\nimport Button from './Button'\n\nfunction ButtonIcon(\n { icon, children, ...rest }: ButtonIconProps,\n ref?: ForwardedRef<HTMLButtonElement>,\n) {\n const hasNoChildren = !children\n\n return (\n <Button square={hasNoChildren} {...rest} ref={ref}>\n <ButtonWrapperStyle>\n <ButtonIconStyle $square={hasNoChildren}>{icon}</ButtonIconStyle>\n <ButtonContentStyle>{children}</ButtonContentStyle>\n </ButtonWrapperStyle>\n </Button>\n )\n}\n\nexport default forwardRef(ButtonIcon)\n"],"names":["ButtonIcon","ref","icon","children","rest","hasNoChildren","Button","square","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","forwardRef"],"mappings":"AAAA;;;;+BAyBA,SAAqC;;aAArC,QAAqC;;;;uBAzBI,OAAO;kCAKzC,oBAAoB;6DAER,UAAU;AAE7B,SAASA,UAAU,CACjB,KAA4C,EAC5CC,GAAqC,EACrC;QAFA,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAmB,GAA5C,KAA4C;IAG5C,MAAMC,aAAa,GAAG,CAACF,QAAQ;IAE/B,qBACE,qBAACG,OAAM,QAAA;QAACC,MAAM,EAAEF,aAAa;QAAG,GAAGD,IAAI;QAAEH,GAAG,EAAEA,GAAG;kBAC/C,cAAA,sBAACO,iBAAkB,mBAAA;;8BACjB,qBAACC,iBAAe,gBAAA;oBAACC,OAAO,EAAEL,aAAa;8BAAGH,IAAI;kBAAmB;8BACjE,qBAACS,iBAAkB,mBAAA;8BAAER,QAAQ;kBAAsB;;UAChC;MACd,CACV;AACH,CAAC;MAED,QAAqC,iBAAtBS,IAAAA,MAAU,WAAA,EAACZ,UAAU,CAAC"}
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "useRipple", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>useRipple
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react =
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
11
11
|
const _buttonStyles = require("./ButtonStyles");
|
|
12
12
|
const useRipple = (param)=>{
|
|
13
13
|
let { onClick } = param;
|
|
@@ -26,10 +26,9 @@ const useRipple = (param)=>{
|
|
|
26
26
|
left: x - radius,
|
|
27
27
|
top: y - radius
|
|
28
28
|
};
|
|
29
|
-
setRipple(/*#__PURE__*/
|
|
30
|
-
style: style
|
|
31
|
-
|
|
32
|
-
}));
|
|
29
|
+
setRipple(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_buttonStyles.ButtonRippleStyle, {
|
|
30
|
+
style: style
|
|
31
|
+
}, event.timeStamp));
|
|
33
32
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
34
33
|
}, [
|
|
35
34
|
onClick
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import { MouseEvent, ReactNode, useCallback, useState } from 'react'\nimport { ButtonProps } from './types'\nimport { ButtonRippleStyle } from './ButtonStyles'\n\ntype UseRipple = (props: Pick<ButtonProps, 'onClick'>) => {\n ripple: ReactNode\n handleClick: (event: MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n const [ripple, setRipple] = useState<ReactNode | null>(null)\n\n const handleClick = useCallback(\n (event: MouseEvent<HTMLButtonElement>) => {\n const button = event.currentTarget\n const rect = button.getBoundingClientRect()\n const diameter = Math.max(button.clientWidth, button.clientHeight)\n const radius = diameter / 2\n const isMouseClick = event.clientX > 0 && event.clientY > 0\n\n const x = isMouseClick\n ? event.clientX - rect.left\n : button.clientWidth / 2\n\n const y = isMouseClick\n ? event.clientY - rect.top\n : button.clientHeight / 2\n\n const style = {\n width: diameter,\n height: diameter,\n left: x - radius,\n top: y - radius,\n }\n\n setRipple(<ButtonRippleStyle style={style} key={event.timeStamp} />)\n onClick?.(event)\n },\n [onClick],\n )\n\n return {\n ripple,\n handleClick,\n }\n}\n"],"names":["useRipple","onClick","ripple","setRipple","useState","handleClick","useCallback","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","ButtonRippleStyle","timeStamp"],"mappings":"AAAA;;;;+BASaA,WAAS;;aAATA,SAAS;;;uBATuC,OAAO;8BAElC,gBAAgB;AAO3C,MAAMA,SAAS,GAAc,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;IAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAmB,IAAI,CAAC;IAE5D,MAAMC,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAAoC,GAAK;QACxC,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;QAClC,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAqB,EAAE;QAC3C,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACN,MAAM,CAACO,WAAW,EAAEP,MAAM,CAACQ,YAAY,CAAC;QAClE,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAAC;QAC3B,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAO,GAAG,CAAC,IAAIZ,KAAK,CAACa,OAAO,GAAG,CAAC;QAE3D,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAO,GAAGT,IAAI,CAACY,IAAI,GACzBd,MAAM,CAACO,WAAW,GAAG,CAAC;QAE1B,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAO,GAAGV,IAAI,CAACc,GAAG,GACxBhB,MAAM,CAACQ,YAAY,GAAG,CAAC;QAE3B,MAAMS,KAAK,GAAG;YACZC,KAAK,EAAEd,QAAQ;YACfe,MAAM,EAAEf,QAAQ;YAChBU,IAAI,EAAED,CAAC,GAAGJ,MAAM;YAChBO,GAAG,EAAED,CAAC,GAAGN,MAAM;SAChB;QAEDd,SAAS,eAAC,qBAACyB,aAAiB,kBAAA;YAACH,KAAK,EAAEA,KAAK;WAAOlB,KAAK,CAACsB,SAAS,CAAI,CAAC;QACpE5B,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGM,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACN,OAAO;KAAC,CACV;IAED,OAAO;QACLC,MAAM;QACNG,WAAW;KACZ,CAAA;AACH,CAAC"}
|
|
@@ -6,31 +6,35 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
12
11
|
const _checkboxStyles = require("./CheckboxStyles");
|
|
13
12
|
const _text = require("../text/index");
|
|
14
13
|
const _box = require("../box/index");
|
|
15
|
-
function Checkbox(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
14
|
+
function Checkbox(param, inputRef) {
|
|
15
|
+
let { className , style , wrapperRef , disabled , children , label , ...rest } = param;
|
|
16
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_checkboxStyles.CheckboxWrapperStyle, {
|
|
17
|
+
className: className,
|
|
18
|
+
style: style,
|
|
19
|
+
ref: wrapperRef,
|
|
20
|
+
children: [
|
|
21
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_checkboxStyles.CheckboxInputStyle, {
|
|
22
|
+
type: "checkbox",
|
|
23
|
+
disabled: disabled,
|
|
24
|
+
ref: inputRef,
|
|
25
|
+
...rest
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_checkboxStyles.CheckboxIconStyle, {}),
|
|
28
|
+
label && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_box.Box, {
|
|
29
|
+
ml: 8,
|
|
30
|
+
children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_text.Text, {
|
|
31
|
+
size: "xxs",
|
|
32
|
+
color: disabled ? 'secondary' : 'default',
|
|
33
|
+
children: label
|
|
34
|
+
})
|
|
35
|
+
})
|
|
36
|
+
]
|
|
37
|
+
});
|
|
34
38
|
}
|
|
35
39
|
const _default = /*#__PURE__*/ (0, _react.forwardRef)(Checkbox);
|
|
36
40
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import
|
|
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 '@lidofinance/text'\nimport { Box } from '@lidofinance/box'\n\nfunction Checkbox(\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 className={className} style={style} ref={wrapperRef}>\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\nexport default forwardRef(Checkbox)\n"],"names":["Checkbox","inputRef","className","style","wrapperRef","disabled","children","label","rest","CheckboxWrapperStyle","ref","CheckboxInputStyle","type","CheckboxIconStyle","Box","ml","Text","size","color","forwardRef"],"mappings":"AAAA;;;;+BA0CA,SAAmC;;aAAnC,QAAmC;;;uBA1CM,OAAO;gCAMzC,kBAAkB;sBACJ,eAAmB;qBACpB,cAAkB;AAEtC,SAASA,QAAQ,CACf,KAQgB,EAChBC,QAAyC,EACzC;QAVA,EACEC,SAAS,CAAA,EACTC,KAAK,CAAA,EACLC,UAAU,CAAA,EACVC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,KAAK,CAAA,EACL,GAAGC,IAAI,EACO,GARhB,KAQgB;IAGhB,qBACE,sBAACC,eAAoB,qBAAA;QAACP,SAAS,EAAEA,SAAS;QAAEC,KAAK,EAAEA,KAAK;QAAEO,GAAG,EAAEN,UAAU;;0BACvE,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;MAED,QAAmC,iBAApBY,IAAAA,MAAU,WAAA,EAACnB,QAAQ,CAAC"}
|
|
@@ -2,7 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
6
|
-
const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
|
|
7
5
|
|
|
8
6
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/checkbox/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport
|
|
1
|
+
{"version":3,"sources":["../../../packages/checkbox/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { RefObject } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type CheckboxProps = LidoComponentProps<\n 'input',\n {\n wrapperRef?: RefObject<HTMLLabelElement>\n children?: never\n label?: string\n }\n>\n"],"names":[],"mappings":"AAAA"}
|
package/dist/cjs/chip/Chip.js
CHANGED
|
@@ -6,19 +6,19 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
12
11
|
const _chipStyles = require("./ChipStyles");
|
|
13
|
-
function Chip(
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/
|
|
12
|
+
function Chip(param, ref) {
|
|
13
|
+
let { children , onClick , variant ='positive' , ...rest } = param;
|
|
14
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_chipStyles.ChipWrapperStyle, {
|
|
16
15
|
$interactive: !!onClick,
|
|
17
16
|
$variant: variant,
|
|
18
|
-
onClick: onClick
|
|
19
|
-
|
|
20
|
-
ref: ref
|
|
21
|
-
|
|
17
|
+
onClick: onClick,
|
|
18
|
+
...rest,
|
|
19
|
+
ref: ref,
|
|
20
|
+
children: children
|
|
21
|
+
});
|
|
22
22
|
}
|
|
23
23
|
const _default = /*#__PURE__*/ (0, _react.forwardRef)(Chip);
|
|
24
24
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/chip/Chip.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/chip/Chip.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ChipProps } from './types'\nimport { ChipWrapperStyle } from './ChipStyles'\n\nfunction Chip(\n { children, onClick, variant = 'positive', ...rest }: ChipProps,\n ref?: ForwardedRef<HTMLInputElement>,\n) {\n return (\n <ChipWrapperStyle\n $interactive={!!onClick}\n $variant={variant}\n onClick={onClick}\n {...rest}\n ref={ref}\n >\n {children}\n </ChipWrapperStyle>\n )\n}\n\nexport default forwardRef(Chip)\n"],"names":["Chip","ref","children","onClick","variant","rest","ChipWrapperStyle","$interactive","$variant","forwardRef"],"mappings":"AAAA;;;;+BAqBA,SAA+B;;aAA/B,QAA+B;;;uBArBU,OAAO;4BAEf,cAAc;AAE/C,SAASA,IAAI,CACX,KAA+D,EAC/DC,GAAoC,EACpC;QAFA,EAAEC,QAAQ,CAAA,EAAEC,OAAO,CAAA,EAAEC,OAAO,EAAG,UAAU,CAAA,EAAE,GAAGC,IAAI,EAAa,GAA/D,KAA+D;IAG/D,qBACE,qBAACC,WAAgB,iBAAA;QACfC,YAAY,EAAE,CAAC,CAACJ,OAAO;QACvBK,QAAQ,EAAEJ,OAAO;QACjBD,OAAO,EAAEA,OAAO;QACf,GAAGE,IAAI;QACRJ,GAAG,EAAEA,GAAG;kBAEPC,QAAQ;MACQ,CACpB;AACH,CAAC;MAED,QAA+B,iBAAhBO,IAAAA,MAAU,WAAA,EAACT,IAAI,CAAC"}
|
package/dist/cjs/chip/types.js
CHANGED
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "ChipVariant", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>ChipVariant
|
|
8
8
|
});
|
|
9
|
-
const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
10
|
-
const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
|
|
11
9
|
var ChipVariant;
|
|
12
10
|
(function(ChipVariant) {
|
|
13
11
|
ChipVariant[ChipVariant["positive"] = 0] = "positive";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/chip/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport
|
|
1
|
+
{"version":3,"sources":["../../../packages/chip/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { RefObject } from 'react'\nexport type { Theme } from '@lidofinance/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"}
|
|
@@ -6,16 +6,16 @@ Object.defineProperty(exports, "default", {
|
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: ()=>_default
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
9
|
+
const _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _react = require("react");
|
|
12
11
|
const _containerStyles = require("./ContainerStyles");
|
|
13
|
-
function Container(
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/
|
|
12
|
+
function Container(param, ref) {
|
|
13
|
+
let { size ='full' , ...rest } = param;
|
|
14
|
+
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_containerStyles.ContainerStyle, {
|
|
16
15
|
$size: size,
|
|
17
|
-
ref: ref
|
|
18
|
-
|
|
16
|
+
ref: ref,
|
|
17
|
+
...rest
|
|
18
|
+
});
|
|
19
19
|
}
|
|
20
20
|
const _default = /*#__PURE__*/ (0, _react.forwardRef)(Container);
|
|
21
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/container/Container.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../../packages/container/Container.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ContainerStyle } from './ContainerStyles'\nimport { ContainerProps } from './types'\n\nfunction Container(\n { size = 'full', ...rest }: ContainerProps,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n return <ContainerStyle $size={size} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Container)\n"],"names":["Container","ref","size","rest","ContainerStyle","$size","forwardRef"],"mappings":"AAAA;;;;+BAWA,SAAoC;;aAApC,QAAoC;;;uBAXK,OAAO;iCACjB,mBAAmB;AAGlD,SAASA,SAAS,CAChB,KAA0C,EAC1CC,GAAkC,EAClC;QAFA,EAAEC,IAAI,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAkB,GAA1C,KAA0C;IAG1C,qBAAO,qBAACC,gBAAc,eAAA;QAACC,KAAK,EAAEH,IAAI;QAAED,GAAG,EAAEA,GAAG;QAAG,GAAGE,IAAI;MAAI,CAAA;AAC5D,CAAC;MAED,QAAoC,iBAArBG,IAAAA,MAAU,WAAA,EAACN,SAAS,CAAC"}
|