@lidofinance/lido-ui 3.32.0 → 3.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/accordion/Accordion.js +6 -3
- package/dist/cjs/accordion/Accordion.js.map +1 -1
- package/dist/cjs/accordion/AccordionStyles.js +8 -8
- package/dist/cjs/accordion/AccordionStyles.js.map +1 -1
- package/dist/cjs/accordion/useExpanded.js.map +1 -1
- package/dist/cjs/address/Address.js +2 -1
- package/dist/cjs/address/Address.js.map +1 -1
- package/dist/cjs/address/AddressStyles.js.map +1 -1
- package/dist/cjs/address/trimAddress.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadge.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadgeStyles.js.map +1 -1
- package/dist/cjs/block/Block.js.map +1 -1
- package/dist/cjs/block/BlockStyles.js.map +1 -1
- package/dist/cjs/block/types.js.map +1 -1
- package/dist/cjs/box/Box.js.map +1 -1
- package/dist/cjs/button/Button.js.map +1 -1
- package/dist/cjs/button/ButtonIcon.js.map +1 -1
- package/dist/cjs/button/ButtonIconStyles.js.map +1 -1
- package/dist/cjs/button/ButtonStyles.js +42 -46
- package/dist/cjs/button/ButtonStyles.js.map +1 -1
- package/dist/cjs/button/types.js.map +1 -1
- package/dist/cjs/button/useRipple.js +1 -1
- package/dist/cjs/button/useRipple.js.map +1 -1
- package/dist/cjs/chart-line/ChartLine.js +0 -3
- package/dist/cjs/chart-line/ChartLine.js.map +1 -1
- package/dist/cjs/chart-line/ChartLineLabel.js +0 -1
- package/dist/cjs/chart-line/ChartLineLabel.js.map +1 -1
- package/dist/cjs/chart-line/ChartLineStyles.js +16 -28
- package/dist/cjs/chart-line/ChartLineStyles.js.map +1 -1
- package/dist/cjs/chart-line/types.js.map +1 -1
- package/dist/cjs/chart-line/utils/checkViewport.js +1 -0
- package/dist/cjs/chart-line/utils/checkViewport.js.map +1 -1
- package/dist/cjs/chart-line/utils/constants.js.map +1 -1
- package/dist/cjs/chart-line/utils/getContainerSize.js +0 -2
- package/dist/cjs/chart-line/utils/getContainerSize.js.map +1 -1
- package/dist/cjs/chart-line/utils/handlePositioning.js +30 -32
- package/dist/cjs/chart-line/utils/handlePositioning.js.map +1 -1
- package/dist/cjs/chart-line/utils/processData.js +2 -1
- package/dist/cjs/chart-line/utils/processData.js.map +1 -1
- package/dist/cjs/chart-proportion/ChartProportion.js +0 -2
- package/dist/cjs/chart-proportion/ChartProportion.js.map +1 -1
- package/dist/cjs/chart-proportion/ChartProportionStyles.js +0 -5
- package/dist/cjs/chart-proportion/ChartProportionStyles.js.map +1 -1
- package/dist/cjs/chart-proportion/types.js.map +1 -1
- package/dist/cjs/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/checkbox/CheckboxStyles.js.map +1 -1
- package/dist/cjs/chip/Chip.js.map +1 -1
- package/dist/cjs/chip/ChipStyles.js.map +1 -1
- package/dist/cjs/chip/types.js.map +1 -1
- package/dist/cjs/container/Container.js.map +1 -1
- package/dist/cjs/container/ContainerStyles.js.map +1 -1
- package/dist/cjs/container/types.js.map +1 -1
- package/dist/cjs/content-theme/content-theme.js +4 -2
- package/dist/cjs/content-theme/content-theme.js.map +1 -1
- package/dist/cjs/content-theme/styles.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/cookie-theme-toggler.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/styles.js.map +1 -1
- package/dist/cjs/cookies-tooltip/constants.js.map +1 -1
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js +4 -3
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/cjs/cookies-tooltip/styles.js.map +1 -1
- package/dist/cjs/cookies-tooltip/utils.js +2 -7
- package/dist/cjs/cookies-tooltip/utils.js.map +1 -1
- package/dist/cjs/data-table/DataTable.js.map +1 -1
- package/dist/cjs/data-table/DataTableStyles.js.map +1 -1
- package/dist/cjs/divider/Divider.js.map +1 -1
- package/dist/cjs/divider/DividerStyles.js +0 -1
- package/dist/cjs/divider/DividerStyles.js.map +1 -1
- package/dist/cjs/divider/types.js.map +1 -1
- package/dist/cjs/heading/Heading.js.map +1 -1
- package/dist/cjs/heading/HeadingStyles.js +0 -2
- package/dist/cjs/heading/HeadingStyles.js.map +1 -1
- package/dist/cjs/heading/types.js.map +1 -1
- package/dist/cjs/hooks/useBreakpoint.js +0 -2
- package/dist/cjs/hooks/useBreakpoint.js.map +1 -1
- package/dist/cjs/hooks/useEscape.js.map +1 -1
- package/dist/cjs/hooks/useInterceptFocus.js.map +1 -1
- package/dist/cjs/hooks/useIsomorphicLayoutEffect.js +1 -0
- package/dist/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist/cjs/hooks/useLockScroll.js +0 -6
- package/dist/cjs/hooks/useLockScroll.js.map +1 -1
- package/dist/cjs/hooks/useMergeRefs.js.map +1 -1
- package/dist/cjs/hooks/useOutsideClick.js.map +1 -1
- package/dist/cjs/hooks/useSystemTheme.js +0 -2
- package/dist/cjs/hooks/useSystemTheme.js.map +1 -1
- package/dist/cjs/hooks/useWindowSize.js +0 -1
- package/dist/cjs/hooks/useWindowSize.js.map +1 -1
- package/dist/cjs/icons/index.js +1 -0
- package/dist/cjs/icons/index.js.map +1 -1
- package/dist/cjs/identicon/Identicon.js +4 -3
- package/dist/cjs/identicon/Identicon.js.map +1 -1
- package/dist/cjs/identicon/IdenticonBadge.js.map +1 -1
- package/dist/cjs/identicon/IdenticonStyles.js.map +1 -1
- package/dist/cjs/identicon/types.js.map +1 -1
- package/dist/cjs/input/Input.js +0 -1
- package/dist/cjs/input/Input.js.map +1 -1
- package/dist/cjs/input/InputGroup.js.map +1 -1
- package/dist/cjs/input/InputGroupStyles.js.map +1 -1
- package/dist/cjs/input/InputStyles.js +36 -36
- package/dist/cjs/input/InputStyles.js.map +1 -1
- package/dist/cjs/input/LabelStyles.js.map +1 -1
- package/dist/cjs/input/OptionsSlider.js +0 -5
- package/dist/cjs/input/OptionsSlider.js.map +1 -1
- package/dist/cjs/input/SliderInput.js +0 -2
- package/dist/cjs/input/SliderInput.js.map +1 -1
- package/dist/cjs/input/SliderInputStyles.js.map +1 -1
- package/dist/cjs/input/Textarea.js +0 -1
- package/dist/cjs/input/Textarea.js.map +1 -1
- package/dist/cjs/input/types.js.map +1 -1
- package/dist/cjs/lido-logo/LidoLogo.js +2 -1
- package/dist/cjs/lido-logo/LidoLogo.js.map +1 -1
- package/dist/cjs/lido-logo/LidoLogoStyles.js.map +1 -1
- package/dist/cjs/link/Link.js.map +1 -1
- package/dist/cjs/link/LinkStyles.js.map +1 -1
- package/dist/cjs/loaders/InlineLoader.js +0 -2
- package/dist/cjs/loaders/InlineLoader.js.map +1 -1
- package/dist/cjs/loaders/InlineLoaderStyles.js.map +1 -1
- package/dist/cjs/loaders/Loader.js.map +1 -1
- package/dist/cjs/loaders/LoaderStyles.js.map +1 -1
- package/dist/cjs/loaders/types.js.map +1 -1
- package/dist/cjs/main-menu/MainMenu.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuItem.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuItemStyles.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuStyles.js.map +1 -1
- package/dist/cjs/modal/Modal.js +0 -2
- package/dist/cjs/modal/Modal.js.map +1 -1
- package/dist/cjs/modal/ModalButton.js +2 -1
- package/dist/cjs/modal/ModalButton.js.map +1 -1
- package/dist/cjs/modal/ModalButtonStyles.js.map +1 -1
- package/dist/cjs/modal/ModalExtra.js +2 -1
- package/dist/cjs/modal/ModalExtra.js.map +1 -1
- package/dist/cjs/modal/ModalExtraStyles.js.map +1 -1
- package/dist/cjs/modal/ModalOverlay.js +1 -1
- package/dist/cjs/modal/ModalOverlay.js.map +1 -1
- package/dist/cjs/modal/ModalOverlayStyles.js +0 -3
- package/dist/cjs/modal/ModalOverlayStyles.js.map +1 -1
- package/dist/cjs/modal/ModalStyles.js.map +1 -1
- package/dist/cjs/modal/constants.js.map +1 -1
- package/dist/cjs/modal/types.js.map +1 -1
- package/dist/cjs/modal/useModalClose.js.map +1 -1
- package/dist/cjs/modal/useModalFocus.js +0 -3
- package/dist/cjs/modal/useModalFocus.js.map +1 -1
- package/dist/cjs/pagination/Pagination.js +2 -11
- package/dist/cjs/pagination/Pagination.js.map +1 -1
- package/dist/cjs/pagination/PaginationItem.js.map +1 -1
- package/dist/cjs/pagination/PaginationItemStyles.js.map +1 -1
- package/dist/cjs/pagination/getShowingPages.js +2 -29
- package/dist/cjs/pagination/getShowingPages.js.map +1 -1
- package/dist/cjs/pagination/types.js.map +1 -1
- package/dist/cjs/popover/Popover.js.map +1 -1
- package/dist/cjs/popover/PopoverRoot.js +3 -2
- package/dist/cjs/popover/PopoverRoot.js.map +1 -1
- package/dist/cjs/popover/PopoverRootStyles.js +0 -2
- package/dist/cjs/popover/PopoverRootStyles.js.map +1 -1
- package/dist/cjs/popover/PopoverStyles.js +0 -1
- package/dist/cjs/popover/PopoverStyles.js.map +1 -1
- package/dist/cjs/popover/calculatePosition.js +0 -11
- package/dist/cjs/popover/calculatePosition.js.map +1 -1
- package/dist/cjs/popover/constants.js.map +1 -1
- package/dist/cjs/popover/types.js.map +1 -1
- package/dist/cjs/popover/usePopoverPosition.js +2 -1
- package/dist/cjs/popover/usePopoverPosition.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenu.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuItem.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuItemStyles.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuProvider.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuStyles.js.map +1 -1
- package/dist/cjs/popup-menu/constants.js.map +1 -1
- package/dist/cjs/popup-menu/types.js.map +1 -1
- package/dist/cjs/popup-menu/usePopupFocus.js.map +1 -1
- package/dist/cjs/section/Section.js +2 -1
- package/dist/cjs/section/Section.js.map +1 -1
- package/dist/cjs/section/SectionStyles.js.map +1 -1
- package/dist/cjs/select/Option.js.map +1 -1
- package/dist/cjs/select/Select.js.map +1 -1
- package/dist/cjs/select/SelectArrow.js +4 -2
- package/dist/cjs/select/SelectArrow.js.map +1 -1
- package/dist/cjs/select/SelectArrowStyles.js.map +1 -1
- package/dist/cjs/select/SelectIcon.js +2 -1
- package/dist/cjs/select/SelectIcon.js.map +1 -1
- package/dist/cjs/select/SelectIconStyles.js +1 -2
- package/dist/cjs/select/SelectIconStyles.js.map +1 -1
- package/dist/cjs/select/SelectStyles.js.map +1 -1
- package/dist/cjs/select/types.js.map +1 -1
- package/dist/cjs/select/useSelect.js +0 -3
- package/dist/cjs/select/useSelect.js.map +1 -1
- package/dist/cjs/select/useSelectWidth.js.map +1 -1
- package/dist/cjs/service-page/ServicePage.js +2 -1
- package/dist/cjs/service-page/ServicePage.js.map +1 -1
- package/dist/cjs/service-page/ServicePageStyles.js.map +1 -1
- package/dist/cjs/stack/HStack.js.map +1 -1
- package/dist/cjs/stack/Stack.js.map +1 -1
- package/dist/cjs/stack/StackItem.js.map +1 -1
- package/dist/cjs/stack/StackItemStyles.js.map +1 -1
- package/dist/cjs/stack/StackProvider.js.map +1 -1
- package/dist/cjs/stack/StackStyles.js.map +1 -1
- package/dist/cjs/stack/VStack.js.map +1 -1
- package/dist/cjs/stack/types.js.map +1 -1
- package/dist/cjs/styled-system/withStyledSystem.js +3 -2
- package/dist/cjs/styled-system/withStyledSystem.js.map +1 -1
- package/dist/cjs/table/Table.js.map +1 -1
- package/dist/cjs/table/Tbody.js.map +1 -1
- package/dist/cjs/table/Td.js.map +1 -1
- package/dist/cjs/table/Tfoot.js.map +1 -1
- package/dist/cjs/table/Th.js.map +1 -1
- package/dist/cjs/table/Thead.js.map +1 -1
- package/dist/cjs/table/Tr.js.map +1 -1
- package/dist/cjs/table/styles.js +0 -1
- package/dist/cjs/table/styles.js.map +1 -1
- package/dist/cjs/table/types.js.map +1 -1
- package/dist/cjs/text/Text.js.map +1 -1
- package/dist/cjs/text/TextStyles.js +0 -6
- package/dist/cjs/text/TextStyles.js.map +1 -1
- package/dist/cjs/text/types.js.map +1 -1
- package/dist/cjs/theme/base/borders.js.map +1 -1
- package/dist/cjs/theme/base/breakpoints.js.map +1 -1
- package/dist/cjs/theme/base/colors.js.map +1 -1
- package/dist/cjs/theme/base/index.js +2 -1
- package/dist/cjs/theme/base/index.js.map +1 -1
- package/dist/cjs/theme/base/shadows.js.map +1 -1
- package/dist/cjs/theme/base/spacing.js.map +1 -1
- package/dist/cjs/theme/base/transitions.js.map +1 -1
- package/dist/cjs/theme/base/typography.js.map +1 -1
- package/dist/cjs/theme/constants.js.map +1 -1
- package/dist/cjs/theme/cookie-theme-provider.js +34 -30
- package/dist/cjs/theme/cookie-theme-provider.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-fonts.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-colors.js +2 -4
- package/dist/cjs/theme/document-head-contents/element-theme-colors.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-script.js +5 -13
- package/dist/cjs/theme/document-head-contents/element-theme-script.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/index.js.map +1 -1
- package/dist/cjs/theme/hooks.js.map +1 -1
- package/dist/cjs/theme/theme-provider.js +6 -3
- package/dist/cjs/theme/theme-provider.js.map +1 -1
- package/dist/cjs/theme/themes.js +8 -4
- package/dist/cjs/theme/themes.js.map +1 -1
- package/dist/cjs/theme/utils/cookies-migration.js +0 -4
- package/dist/cjs/theme/utils/cookies-migration.js.map +1 -1
- package/dist/cjs/theme/utils/cookies.js +3 -2
- package/dist/cjs/theme/utils/cookies.js.map +1 -1
- package/dist/cjs/theme/utils/generate-css-color-variables.js +0 -4
- package/dist/cjs/theme/utils/generate-css-color-variables.js.map +1 -1
- package/dist/cjs/theme/utils/set-theme-cookie.js +2 -5
- package/dist/cjs/theme/utils/set-theme-cookie.js.map +1 -1
- package/dist/cjs/toast/ToastContainer.js +38 -38
- package/dist/cjs/toast/ToastContainer.js.map +1 -1
- package/dist/cjs/toast/ToastDefault.js +2 -1
- package/dist/cjs/toast/ToastDefault.js.map +1 -1
- package/dist/cjs/toast/ToastError.js +2 -1
- package/dist/cjs/toast/ToastError.js.map +1 -1
- package/dist/cjs/toast/ToastInfo.js +2 -1
- package/dist/cjs/toast/ToastInfo.js.map +1 -1
- package/dist/cjs/toast/ToastPending.js +3 -2
- package/dist/cjs/toast/ToastPending.js.map +1 -1
- package/dist/cjs/toast/ToastPendingStyles.js.map +1 -1
- package/dist/cjs/toast/ToastSuccess.js +2 -1
- package/dist/cjs/toast/ToastSuccess.js.map +1 -1
- package/dist/cjs/toast/toastsDefaultOptions.js +8 -4
- package/dist/cjs/toast/toastsDefaultOptions.js.map +1 -1
- package/dist/cjs/tooltip/Tooltip.js +2 -8
- package/dist/cjs/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/tooltip/TooltipStyles.js.map +1 -1
- package/dist/cjs/transition/withTransition.js +4 -3
- package/dist/cjs/transition/withTransition.js.map +1 -1
- package/dist/cjs/utils/cookies-client-side.js +2 -10
- package/dist/cjs/utils/cookies-client-side.js.map +1 -1
- package/dist/cjs/utils/get-top-level-domain.js.map +1 -1
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/modalRoot.js +0 -3
- package/dist/cjs/utils/modalRoot.js.map +1 -1
- package/dist/cjs/utils/styled-components-wrapper.js +2 -0
- package/dist/cjs/utils/styled-components-wrapper.js.map +1 -1
- package/dist/esm/accordion/Accordion.mjs +6 -3
- package/dist/esm/accordion/Accordion.mjs.map +1 -1
- package/dist/esm/accordion/AccordionStyles.mjs +8 -8
- package/dist/esm/accordion/AccordionStyles.mjs.map +1 -1
- package/dist/esm/accordion/useExpanded.mjs.map +1 -1
- package/dist/esm/address/Address.mjs +2 -1
- package/dist/esm/address/Address.mjs.map +1 -1
- package/dist/esm/address/AddressStyles.mjs.map +1 -1
- package/dist/esm/address/trimAddress.mjs.map +1 -1
- package/dist/esm/addressBadge/AddressBadge.mjs.map +1 -1
- package/dist/esm/addressBadge/AddressBadgeStyles.mjs.map +1 -1
- package/dist/esm/block/Block.mjs.map +1 -1
- package/dist/esm/block/BlockStyles.mjs.map +1 -1
- package/dist/esm/block/types.mjs.map +1 -1
- package/dist/esm/box/Box.mjs.map +1 -1
- package/dist/esm/button/Button.mjs.map +1 -1
- package/dist/esm/button/ButtonIcon.mjs.map +1 -1
- package/dist/esm/button/ButtonIconStyles.mjs.map +1 -1
- package/dist/esm/button/ButtonStyles.mjs +42 -46
- package/dist/esm/button/ButtonStyles.mjs.map +1 -1
- package/dist/esm/button/types.mjs.map +1 -1
- package/dist/esm/button/useRipple.mjs +1 -1
- package/dist/esm/button/useRipple.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLine.mjs +0 -3
- package/dist/esm/chart-line/ChartLine.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLineLabel.mjs +0 -1
- package/dist/esm/chart-line/ChartLineLabel.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLineStyles.mjs +16 -28
- package/dist/esm/chart-line/ChartLineStyles.mjs.map +1 -1
- package/dist/esm/chart-line/types.mjs.map +1 -1
- package/dist/esm/chart-line/utils/checkViewport.mjs +1 -0
- package/dist/esm/chart-line/utils/checkViewport.mjs.map +1 -1
- package/dist/esm/chart-line/utils/constants.mjs.map +1 -1
- package/dist/esm/chart-line/utils/getContainerSize.mjs +0 -2
- package/dist/esm/chart-line/utils/getContainerSize.mjs.map +1 -1
- package/dist/esm/chart-line/utils/handlePositioning.mjs +30 -32
- package/dist/esm/chart-line/utils/handlePositioning.mjs.map +1 -1
- package/dist/esm/chart-line/utils/processData.mjs +2 -1
- package/dist/esm/chart-line/utils/processData.mjs.map +1 -1
- package/dist/esm/chart-proportion/ChartProportion.mjs +0 -2
- package/dist/esm/chart-proportion/ChartProportion.mjs.map +1 -1
- package/dist/esm/chart-proportion/ChartProportionStyles.mjs +0 -5
- package/dist/esm/chart-proportion/ChartProportionStyles.mjs.map +1 -1
- package/dist/esm/chart-proportion/types.mjs.map +1 -1
- package/dist/esm/checkbox/Checkbox.mjs.map +1 -1
- package/dist/esm/checkbox/CheckboxStyles.mjs.map +1 -1
- package/dist/esm/chip/Chip.mjs.map +1 -1
- package/dist/esm/chip/ChipStyles.mjs.map +1 -1
- package/dist/esm/chip/types.mjs.map +1 -1
- package/dist/esm/container/Container.mjs.map +1 -1
- package/dist/esm/container/ContainerStyles.mjs.map +1 -1
- package/dist/esm/container/types.mjs.map +1 -1
- package/dist/esm/content-theme/content-theme.mjs +4 -2
- package/dist/esm/content-theme/content-theme.mjs.map +1 -1
- package/dist/esm/content-theme/styles.mjs.map +1 -1
- package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.mjs.map +1 -1
- package/dist/esm/cookie-theme-toggler/styles.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/constants.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs +4 -3
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/styles.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/utils.mjs +2 -7
- package/dist/esm/cookies-tooltip/utils.mjs.map +1 -1
- package/dist/esm/data-table/DataTable.mjs.map +1 -1
- package/dist/esm/data-table/DataTableStyles.mjs.map +1 -1
- package/dist/esm/divider/Divider.mjs.map +1 -1
- package/dist/esm/divider/DividerStyles.mjs +0 -1
- package/dist/esm/divider/DividerStyles.mjs.map +1 -1
- package/dist/esm/divider/types.mjs.map +1 -1
- package/dist/esm/heading/Heading.mjs.map +1 -1
- package/dist/esm/heading/HeadingStyles.mjs +0 -2
- package/dist/esm/heading/HeadingStyles.mjs.map +1 -1
- package/dist/esm/heading/types.mjs.map +1 -1
- package/dist/esm/hooks/useBreakpoint.mjs +0 -2
- package/dist/esm/hooks/useBreakpoint.mjs.map +1 -1
- package/dist/esm/hooks/useEscape.mjs.map +1 -1
- package/dist/esm/hooks/useInterceptFocus.mjs.map +1 -1
- package/dist/esm/hooks/useIsomorphicLayoutEffect.mjs +1 -0
- package/dist/esm/hooks/useIsomorphicLayoutEffect.mjs.map +1 -1
- package/dist/esm/hooks/useLockScroll.mjs +0 -6
- package/dist/esm/hooks/useLockScroll.mjs.map +1 -1
- package/dist/esm/hooks/useMergeRefs.mjs.map +1 -1
- package/dist/esm/hooks/useOutsideClick.mjs.map +1 -1
- package/dist/esm/hooks/useSystemTheme.mjs +0 -2
- package/dist/esm/hooks/useSystemTheme.mjs.map +1 -1
- package/dist/esm/hooks/useWindowSize.mjs +0 -1
- package/dist/esm/hooks/useWindowSize.mjs.map +1 -1
- package/dist/esm/icons/index.mjs +1 -0
- package/dist/esm/icons/index.mjs.map +1 -1
- package/dist/esm/identicon/Identicon.mjs +4 -3
- package/dist/esm/identicon/Identicon.mjs.map +1 -1
- package/dist/esm/identicon/IdenticonBadge.mjs.map +1 -1
- package/dist/esm/identicon/IdenticonStyles.mjs.map +1 -1
- package/dist/esm/identicon/types.mjs.map +1 -1
- package/dist/esm/input/Input.mjs +0 -1
- package/dist/esm/input/Input.mjs.map +1 -1
- package/dist/esm/input/InputGroup.mjs.map +1 -1
- package/dist/esm/input/InputGroupStyles.mjs.map +1 -1
- package/dist/esm/input/InputStyles.mjs +36 -36
- package/dist/esm/input/InputStyles.mjs.map +1 -1
- package/dist/esm/input/LabelStyles.mjs.map +1 -1
- package/dist/esm/input/OptionsSlider.mjs +0 -5
- package/dist/esm/input/OptionsSlider.mjs.map +1 -1
- package/dist/esm/input/SliderInput.mjs +0 -2
- package/dist/esm/input/SliderInput.mjs.map +1 -1
- package/dist/esm/input/SliderInputStyles.mjs.map +1 -1
- package/dist/esm/input/Textarea.mjs +0 -1
- package/dist/esm/input/Textarea.mjs.map +1 -1
- package/dist/esm/input/types.mjs.map +1 -1
- package/dist/esm/lido-logo/LidoLogo.mjs +2 -1
- package/dist/esm/lido-logo/LidoLogo.mjs.map +1 -1
- package/dist/esm/lido-logo/LidoLogoStyles.mjs.map +1 -1
- package/dist/esm/link/Link.mjs.map +1 -1
- package/dist/esm/link/LinkStyles.mjs.map +1 -1
- package/dist/esm/loaders/InlineLoader.mjs +0 -2
- package/dist/esm/loaders/InlineLoader.mjs.map +1 -1
- package/dist/esm/loaders/InlineLoaderStyles.mjs.map +1 -1
- package/dist/esm/loaders/Loader.mjs.map +1 -1
- package/dist/esm/loaders/LoaderStyles.mjs.map +1 -1
- package/dist/esm/loaders/types.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenu.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuItem.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuItemStyles.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuStyles.mjs.map +1 -1
- package/dist/esm/modal/Modal.mjs +0 -2
- package/dist/esm/modal/Modal.mjs.map +1 -1
- package/dist/esm/modal/ModalButton.mjs +2 -1
- package/dist/esm/modal/ModalButton.mjs.map +1 -1
- package/dist/esm/modal/ModalButtonStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalExtra.mjs +2 -1
- package/dist/esm/modal/ModalExtra.mjs.map +1 -1
- package/dist/esm/modal/ModalExtraStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalOverlay.mjs +1 -1
- package/dist/esm/modal/ModalOverlay.mjs.map +1 -1
- package/dist/esm/modal/ModalOverlayStyles.mjs +0 -3
- package/dist/esm/modal/ModalOverlayStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalStyles.mjs.map +1 -1
- package/dist/esm/modal/constants.mjs.map +1 -1
- package/dist/esm/modal/types.mjs.map +1 -1
- package/dist/esm/modal/useModalClose.mjs.map +1 -1
- package/dist/esm/modal/useModalFocus.mjs +0 -3
- package/dist/esm/modal/useModalFocus.mjs.map +1 -1
- package/dist/esm/pagination/Pagination.mjs +2 -11
- package/dist/esm/pagination/Pagination.mjs.map +1 -1
- package/dist/esm/pagination/PaginationItem.mjs.map +1 -1
- package/dist/esm/pagination/PaginationItemStyles.mjs.map +1 -1
- package/dist/esm/pagination/getShowingPages.mjs +2 -29
- package/dist/esm/pagination/getShowingPages.mjs.map +1 -1
- package/dist/esm/pagination/types.mjs.map +1 -1
- package/dist/esm/popover/Popover.mjs.map +1 -1
- package/dist/esm/popover/PopoverRoot.mjs +3 -2
- package/dist/esm/popover/PopoverRoot.mjs.map +1 -1
- package/dist/esm/popover/PopoverRootStyles.mjs +0 -2
- package/dist/esm/popover/PopoverRootStyles.mjs.map +1 -1
- package/dist/esm/popover/PopoverStyles.mjs +0 -1
- package/dist/esm/popover/PopoverStyles.mjs.map +1 -1
- package/dist/esm/popover/calculatePosition.mjs +0 -11
- package/dist/esm/popover/calculatePosition.mjs.map +1 -1
- package/dist/esm/popover/constants.mjs.map +1 -1
- package/dist/esm/popover/types.mjs.map +1 -1
- package/dist/esm/popover/usePopoverPosition.mjs +2 -1
- package/dist/esm/popover/usePopoverPosition.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenu.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuItem.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuItemStyles.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuProvider.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuStyles.mjs.map +1 -1
- package/dist/esm/popup-menu/constants.mjs.map +1 -1
- package/dist/esm/popup-menu/types.mjs.map +1 -1
- package/dist/esm/popup-menu/usePopupFocus.mjs.map +1 -1
- package/dist/esm/section/Section.mjs +2 -1
- package/dist/esm/section/Section.mjs.map +1 -1
- package/dist/esm/section/SectionStyles.mjs.map +1 -1
- package/dist/esm/select/Option.mjs.map +1 -1
- package/dist/esm/select/Select.mjs.map +1 -1
- package/dist/esm/select/SelectArrow.mjs +4 -2
- package/dist/esm/select/SelectArrow.mjs.map +1 -1
- package/dist/esm/select/SelectArrowStyles.mjs.map +1 -1
- package/dist/esm/select/SelectIcon.mjs +2 -1
- package/dist/esm/select/SelectIcon.mjs.map +1 -1
- package/dist/esm/select/SelectIconStyles.mjs +1 -2
- package/dist/esm/select/SelectIconStyles.mjs.map +1 -1
- package/dist/esm/select/SelectStyles.mjs.map +1 -1
- package/dist/esm/select/types.mjs.map +1 -1
- package/dist/esm/select/useSelect.mjs +0 -3
- package/dist/esm/select/useSelect.mjs.map +1 -1
- package/dist/esm/select/useSelectWidth.mjs.map +1 -1
- package/dist/esm/service-page/ServicePage.mjs +2 -1
- package/dist/esm/service-page/ServicePage.mjs.map +1 -1
- package/dist/esm/service-page/ServicePageStyles.mjs.map +1 -1
- package/dist/esm/stack/HStack.mjs.map +1 -1
- package/dist/esm/stack/Stack.mjs.map +1 -1
- package/dist/esm/stack/StackItem.mjs.map +1 -1
- package/dist/esm/stack/StackItemStyles.mjs.map +1 -1
- package/dist/esm/stack/StackProvider.mjs.map +1 -1
- package/dist/esm/stack/StackStyles.mjs.map +1 -1
- package/dist/esm/stack/VStack.mjs.map +1 -1
- package/dist/esm/stack/types.mjs.map +1 -1
- package/dist/esm/styled-system/withStyledSystem.mjs +3 -2
- package/dist/esm/styled-system/withStyledSystem.mjs.map +1 -1
- package/dist/esm/table/Table.mjs.map +1 -1
- package/dist/esm/table/Tbody.mjs.map +1 -1
- package/dist/esm/table/Td.mjs.map +1 -1
- package/dist/esm/table/Tfoot.mjs.map +1 -1
- package/dist/esm/table/Th.mjs.map +1 -1
- package/dist/esm/table/Thead.mjs.map +1 -1
- package/dist/esm/table/Tr.mjs.map +1 -1
- package/dist/esm/table/styles.mjs +0 -1
- package/dist/esm/table/styles.mjs.map +1 -1
- package/dist/esm/table/types.mjs.map +1 -1
- package/dist/esm/text/Text.mjs.map +1 -1
- package/dist/esm/text/TextStyles.mjs +0 -6
- package/dist/esm/text/TextStyles.mjs.map +1 -1
- package/dist/esm/text/types.mjs.map +1 -1
- package/dist/esm/theme/base/borders.mjs.map +1 -1
- package/dist/esm/theme/base/breakpoints.mjs.map +1 -1
- package/dist/esm/theme/base/colors.mjs.map +1 -1
- package/dist/esm/theme/base/index.mjs +2 -1
- package/dist/esm/theme/base/index.mjs.map +1 -1
- package/dist/esm/theme/base/shadows.mjs.map +1 -1
- package/dist/esm/theme/base/spacing.mjs.map +1 -1
- package/dist/esm/theme/base/transitions.mjs.map +1 -1
- package/dist/esm/theme/base/typography.mjs.map +1 -1
- package/dist/esm/theme/constants.mjs.map +1 -1
- package/dist/esm/theme/cookie-theme-provider.mjs +34 -30
- package/dist/esm/theme/cookie-theme-provider.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-fonts.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-colors.mjs +2 -4
- package/dist/esm/theme/document-head-contents/element-theme-colors.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-script.mjs +5 -13
- package/dist/esm/theme/document-head-contents/element-theme-script.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/index.mjs.map +1 -1
- package/dist/esm/theme/hooks.mjs.map +1 -1
- package/dist/esm/theme/theme-provider.mjs +6 -3
- package/dist/esm/theme/theme-provider.mjs.map +1 -1
- package/dist/esm/theme/themes.mjs +8 -4
- package/dist/esm/theme/themes.mjs.map +1 -1
- package/dist/esm/theme/utils/cookies-migration.mjs +0 -4
- package/dist/esm/theme/utils/cookies-migration.mjs.map +1 -1
- package/dist/esm/theme/utils/cookies.mjs +3 -2
- package/dist/esm/theme/utils/cookies.mjs.map +1 -1
- package/dist/esm/theme/utils/generate-css-color-variables.mjs +0 -4
- package/dist/esm/theme/utils/generate-css-color-variables.mjs.map +1 -1
- package/dist/esm/theme/utils/set-theme-cookie.mjs +2 -5
- package/dist/esm/theme/utils/set-theme-cookie.mjs.map +1 -1
- package/dist/esm/toast/ToastContainer.mjs +38 -38
- package/dist/esm/toast/ToastContainer.mjs.map +1 -1
- package/dist/esm/toast/ToastDefault.mjs +2 -1
- package/dist/esm/toast/ToastDefault.mjs.map +1 -1
- package/dist/esm/toast/ToastError.mjs +2 -1
- package/dist/esm/toast/ToastError.mjs.map +1 -1
- package/dist/esm/toast/ToastInfo.mjs +2 -1
- package/dist/esm/toast/ToastInfo.mjs.map +1 -1
- package/dist/esm/toast/ToastPending.mjs +3 -2
- package/dist/esm/toast/ToastPending.mjs.map +1 -1
- package/dist/esm/toast/ToastPendingStyles.mjs.map +1 -1
- package/dist/esm/toast/ToastSuccess.mjs +2 -1
- package/dist/esm/toast/ToastSuccess.mjs.map +1 -1
- package/dist/esm/toast/toastsDefaultOptions.mjs +8 -4
- package/dist/esm/toast/toastsDefaultOptions.mjs.map +1 -1
- package/dist/esm/tooltip/Tooltip.mjs +2 -8
- package/dist/esm/tooltip/Tooltip.mjs.map +1 -1
- package/dist/esm/tooltip/TooltipStyles.mjs.map +1 -1
- package/dist/esm/transition/withTransition.mjs +4 -3
- package/dist/esm/transition/withTransition.mjs.map +1 -1
- package/dist/esm/utils/cookies-client-side.mjs +2 -10
- package/dist/esm/utils/cookies-client-side.mjs.map +1 -1
- package/dist/esm/utils/get-top-level-domain.mjs.map +1 -1
- package/dist/esm/utils/index.mjs +1 -0
- package/dist/esm/utils/index.mjs.map +1 -1
- package/dist/esm/utils/modalRoot.mjs +0 -3
- package/dist/esm/utils/modalRoot.mjs.map +1 -1
- package/dist/esm/utils/styled-components-wrapper.mjs +2 -0
- package/dist/esm/utils/styled-components-wrapper.mjs.map +1 -1
- package/dist/types/accordion/AccordionStyles.d.ts +1 -1
- package/dist/types/checkbox/CheckboxStyles.d.ts +1 -1
- package/dist/types/checkbox/CheckboxStyles.d.ts.map +1 -1
- package/dist/types/cookie-theme-toggler/styles.d.ts +2 -2
- package/dist/types/cookie-theme-toggler/styles.d.ts.map +1 -1
- package/dist/types/data-table/DataTableStyles.d.ts +1 -1
- package/dist/types/data-table/DataTableStyles.d.ts.map +1 -1
- package/dist/types/icons/index.d.ts +83 -83
- package/dist/types/icons/index.d.ts.map +1 -1
- package/dist/types/input/Input.d.ts +1 -1
- package/dist/types/input/OptionsSlider.d.ts +1 -2
- package/dist/types/input/OptionsSlider.d.ts.map +1 -1
- package/dist/types/input/SliderInput.d.ts +1 -2
- package/dist/types/input/SliderInput.d.ts.map +1 -1
- package/dist/types/modal/ModalOverlay.d.ts +2 -2
- package/dist/types/modal/ModalOverlay.d.ts.map +1 -1
- package/dist/types/modal/ModalStyles.d.ts +2 -2
- package/dist/types/popover/PopoverRoot.d.ts +2 -2
- package/dist/types/popover/PopoverRoot.d.ts.map +1 -1
- package/dist/types/popover/PopoverStyles.d.ts +2 -2
- package/dist/types/popover/PopoverStyles.d.ts.map +1 -1
- package/dist/types/popover/usePopoverPosition.d.ts +1 -1
- package/dist/types/popover/usePopoverPosition.d.ts.map +1 -1
- package/dist/types/select/SelectArrowStyles.d.ts +1 -1
- package/dist/types/select/SelectArrowStyles.d.ts.map +1 -1
- package/dist/types/select/SelectIconStyles.d.ts.map +1 -1
- package/dist/types/select/SelectStyles.d.ts +1 -1
- package/dist/types/stack/Stack.d.ts +2 -2
- package/dist/types/table/Td.d.ts +1 -1
- package/dist/types/table/Th.d.ts +1 -1
- package/dist/types/table/styles.d.ts +2 -2
- package/dist/types/table/styles.d.ts.map +1 -1
- package/dist/types/theme/document-head-contents/element-theme-colors.d.ts +1 -2
- package/dist/types/theme/document-head-contents/element-theme-colors.d.ts.map +1 -1
- package/dist/types/theme/document-head-contents/element-theme-script.d.ts +1 -2
- package/dist/types/theme/document-head-contents/element-theme-script.d.ts.map +1 -1
- package/package.json +15 -6
|
@@ -82,32 +82,32 @@ const AccordionArrowStyle = styled(ArrowBottom)`
|
|
|
82
82
|
`;
|
|
83
83
|
const AccordionContentStyle = styled.div`
|
|
84
84
|
color: var(--lido-color-textSecondary);
|
|
85
|
-
padding: ${
|
|
85
|
+
padding: ${_ref0 => {
|
|
86
86
|
let {
|
|
87
87
|
theme
|
|
88
|
-
} =
|
|
88
|
+
} = _ref0;
|
|
89
89
|
return theme.spaceMap.xxl;
|
|
90
90
|
}}px;
|
|
91
91
|
padding-top: 0;
|
|
92
92
|
font-weight: 400;
|
|
93
|
-
font-size: ${
|
|
93
|
+
font-size: ${_ref1 => {
|
|
94
94
|
let {
|
|
95
95
|
theme
|
|
96
|
-
} =
|
|
96
|
+
} = _ref1;
|
|
97
97
|
return theme.fontSizesMap.xxs;
|
|
98
98
|
}}px;
|
|
99
99
|
line-height: 1.6em;
|
|
100
100
|
|
|
101
|
-
${
|
|
101
|
+
${_ref10 => {
|
|
102
102
|
let {
|
|
103
103
|
theme
|
|
104
|
-
} =
|
|
104
|
+
} = _ref10;
|
|
105
105
|
return theme.mediaQueries.md;
|
|
106
106
|
}} {
|
|
107
|
-
padding: ${
|
|
107
|
+
padding: ${_ref11 => {
|
|
108
108
|
let {
|
|
109
109
|
theme
|
|
110
|
-
} =
|
|
110
|
+
} = _ref11;
|
|
111
111
|
return theme.spaceMap.lg;
|
|
112
112
|
}}px;
|
|
113
113
|
padding-top: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionStyles.mjs","sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons/index.js'\n\nexport const AccordionStyle = styled.div`\n margin: 0 0 ${({ theme }) => theme.spaceMap.sm}px 0;\n background: var(--lido-color-foreground);\n border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n`\n\nexport const AccordionSummaryStyle = styled.div`\n padding: ${({ theme }) => theme.spaceMap.lg}px\n ${({ theme }) => theme.spaceMap.xxl}px;\n cursor: pointer;\n display: flex;\n align-items: center;\n outline: none;\n min-height: 40px;\n box-sizing: content-box;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n }\n`\n\nexport const AccordionTitleStyle = styled.div`\n color: var(--lido-color-text);\n flex-grow: 1;\n font-weight: 800;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.6em;\n`\n\nexport const AccordionArrowStyle = styled(ArrowBottom)<{ $expanded: boolean }>`\n flex-shrink: 0;\n transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n transition: transform ${({ theme }) => theme.duration.norm} ease;\n margin: -2px;\n margin-left: ${({ theme }) => theme.spaceMap.md}px;\n fill: var(--lido-color-textSecondary);\n`\n\nexport const AccordionContentStyle = styled.div`\n color: var(--lido-color-textSecondary);\n padding: ${({ theme }) => theme.spaceMap.xxl}px;\n padding-top: 0;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n padding-top: 0;\n }\n\n p,\n ul,\n ol {\n margin: 0 0 1.6em;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n ul,\n /* stylelint-disable-next-line no-descending-specificity */\n ol {\n padding: 0 0 0 1.5em;\n }\n`\n"],"names":["AccordionStyle","styled","div","theme","spaceMap","sm","borderRadiusesMap","xl","AccordionSummaryStyle","lg","xxl","mediaQueries","md","AccordionTitleStyle","fontSizesMap","xs","AccordionArrowStyle","ArrowBottom","props","$expanded","duration","norm","AccordionContentStyle","xxs"],"mappings":";;;AAGaA,MAAAA,cAAc,GAAGC,MAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"AccordionStyles.mjs","sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons/index.js'\n\nexport const AccordionStyle = styled.div`\n margin: 0 0 ${({ theme }) => theme.spaceMap.sm}px 0;\n background: var(--lido-color-foreground);\n border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n`\n\nexport const AccordionSummaryStyle = styled.div`\n padding: ${({ theme }) => theme.spaceMap.lg}px\n ${({ theme }) => theme.spaceMap.xxl}px;\n cursor: pointer;\n display: flex;\n align-items: center;\n outline: none;\n min-height: 40px;\n box-sizing: content-box;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n }\n`\n\nexport const AccordionTitleStyle = styled.div`\n color: var(--lido-color-text);\n flex-grow: 1;\n font-weight: 800;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.6em;\n`\n\nexport const AccordionArrowStyle = styled(ArrowBottom)<{ $expanded: boolean }>`\n flex-shrink: 0;\n transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n transition: transform ${({ theme }) => theme.duration.norm} ease;\n margin: -2px;\n margin-left: ${({ theme }) => theme.spaceMap.md}px;\n fill: var(--lido-color-textSecondary);\n`\n\nexport const AccordionContentStyle = styled.div`\n color: var(--lido-color-textSecondary);\n padding: ${({ theme }) => theme.spaceMap.xxl}px;\n padding-top: 0;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n padding-top: 0;\n }\n\n p,\n ul,\n ol {\n margin: 0 0 1.6em;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n ul,\n /* stylelint-disable-next-line no-descending-specificity */\n ol {\n padding: 0 0 0 1.5em;\n }\n`\n"],"names":["AccordionStyle","styled","div","_ref","theme","spaceMap","sm","_ref2","borderRadiusesMap","xl","AccordionSummaryStyle","_ref3","lg","_ref4","xxl","_ref5","mediaQueries","md","_ref6","AccordionTitleStyle","_ref7","fontSizesMap","xs","AccordionArrowStyle","ArrowBottom","props","$expanded","_ref8","duration","norm","_ref9","AccordionContentStyle","_ref0","_ref1","xxs","_ref10","_ref11"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExpanded.mjs","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n GetCollapsePropsOutput,\n GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse: typeof _useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (\n props: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>,\n) => {\n toggleProps: GetTogglePropsOutput\n collapseProps: GetCollapsePropsOutput\n isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({\n defaultExpanded = false,\n onExpand,\n onCollapse,\n}) => {\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({\n isExpanded,\n onExpandEnd: onExpand,\n onCollapseEnd: onCollapse,\n })\n\n return {\n toggleProps: getToggleProps({ onClick: handleToggle }),\n collapseProps: getCollapseProps(),\n isExpanded,\n }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","defaultExpanded","onExpand","onCollapse","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","onExpandEnd","onCollapseEnd","toggleProps","onClick","collapseProps"],"mappings":";;;AAQA;AACA,MAAMA,WAAgC,GAAGC,YAAY,CAACC,
|
|
1
|
+
{"version":3,"file":"useExpanded.mjs","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n GetCollapsePropsOutput,\n GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse: typeof _useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (\n props: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>,\n) => {\n toggleProps: GetTogglePropsOutput\n collapseProps: GetCollapsePropsOutput\n isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({\n defaultExpanded = false,\n onExpand,\n onCollapse,\n}) => {\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({\n isExpanded,\n onExpandEnd: onExpand,\n onCollapseEnd: onCollapse,\n })\n\n return {\n toggleProps: getToggleProps({ onClick: handleToggle }),\n collapseProps: getCollapseProps(),\n isExpanded,\n }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","_ref","defaultExpanded","onExpand","onCollapse","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","onExpandEnd","onCollapseEnd","toggleProps","onClick","collapseProps"],"mappings":";;;AAQA;AACA,MAAMA,WAAgC,GAAGC,YAAY,CAACC,OAAO,IAAID,YAAY,CAAA;AAUhEE,MAAAA,WAAwB,GAAGC,IAAA,IAIlC;EAAA,IAJmC;AACvCC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,GAAAH,IAAA,CAAA;EACC,MAAM,CAACI,UAAU,EAAEC,WAAW,CAAC,GAAGC,QAAQ,CAACL,eAAe,CAAC,CAAA;AAE3DM,EAAAA,SAAS,CAAC,MAAM;IACdF,WAAW,CAACJ,eAAe,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACA,eAAe,CAAC,CAAC,CAAA;AAErB,EAAA,MAAMO,YAAY,GAAGC,WAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAQ,IAAK,CAACA,QAAQ,CAAC,EAC1C,EACF,CAAC,CAAA;EAED,MAAM;IAAEC,cAAc;AAAEC,IAAAA,gBAAAA;GAAkB,GAAGhB,WAAW,CAAC;IACvDQ,UAAU;AACVS,IAAAA,WAAW,EAAEX,QAAQ;AACrBY,IAAAA,aAAa,EAAEX,UAAAA;AACjB,GAAC,CAAC,CAAA;EAEF,OAAO;IACLY,WAAW,EAAEJ,cAAc,CAAC;AAAEK,MAAAA,OAAO,EAAER,YAAAA;AAAa,KAAC,CAAC;IACtDS,aAAa,EAAEL,gBAAgB,EAAE;AACjCR,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}
|
|
@@ -9,7 +9,8 @@ const Address = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
9
9
|
address,
|
|
10
10
|
...rest
|
|
11
11
|
} = _ref;
|
|
12
|
-
return /*#__PURE__*/jsxs(AddressStyle, {
|
|
12
|
+
return /*#__PURE__*/jsxs(AddressStyle, {
|
|
13
|
+
...rest,
|
|
13
14
|
ref: ref,
|
|
14
15
|
children: [/*#__PURE__*/jsx(AddressFullStyle, {
|
|
15
16
|
children: address
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Address.mjs","sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types.js'\nimport {\n AddressStyle,\n AddressFullStyle,\n AddressTrimmedStyle,\n} from './AddressStyles.js'\nimport { trimAddress } from './trimAddress.js'\n\nexport const Address = forwardRef(\n (\n { symbols = 3, address, ...rest }: AddressProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n return (\n <AddressStyle {...rest} ref={ref}>\n <AddressFullStyle>{address}</AddressFullStyle>\n <AddressTrimmedStyle>\n {trimAddress(address, symbols)}\n </AddressTrimmedStyle>\n </AddressStyle>\n )\n },\n)\nAddress.displayName = 'Address'\n"],"names":["Address","forwardRef","ref","symbols","address","rest","_jsxs","_jsx","trimAddress","displayName"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Address.mjs","sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types.js'\nimport {\n AddressStyle,\n AddressFullStyle,\n AddressTrimmedStyle,\n} from './AddressStyles.js'\nimport { trimAddress } from './trimAddress.js'\n\nexport const Address = forwardRef(\n (\n { symbols = 3, address, ...rest }: AddressProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n return (\n <AddressStyle {...rest} ref={ref}>\n <AddressFullStyle>{address}</AddressFullStyle>\n <AddressTrimmedStyle>\n {trimAddress(address, symbols)}\n </AddressTrimmedStyle>\n </AddressStyle>\n )\n },\n)\nAddress.displayName = 'Address'\n"],"names":["Address","forwardRef","_ref","ref","symbols","address","rest","_jsxs","AddressStyle","children","_jsx","AddressFullStyle","AddressTrimmedStyle","trimAddress","displayName"],"mappings":";;;;;AASO,MAAMA,OAAO,gBAAGC,UAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,OAAO,GAAG,CAAC;IAAEC,OAAO;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAJ,IAAA,CAAA;EAG/C,oBACEK,IAAA,CAACC,YAAY,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAM,QAAA,EAAA,cAC/BC,GAAA,CAACC,gBAAgB,EAAA;AAAAF,MAAAA,QAAA,EAAEJ,OAAAA;AAAO,KAAmB,CAAC,eAC9CK,GAAA,CAACE,mBAAmB,EAAA;AAAAH,MAAAA,QAAA,EACjBI,WAAW,CAACR,OAAO,EAAED,OAAO,CAAA;AAAC,KACX,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEnB,CACF,EAAC;AACDJ,OAAO,CAACc,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressStyles.mjs","sources":["../../../packages/address/AddressStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const AddressStyle = styled.div`\n position: relative;\n display: inline-block;\n font-weight: 400;\n`\n\nexport const AddressFullStyle = styled.span`\n position: absolute;\n overflow: hidden;\n inset: 0;\n color: transparent;\n`\n\nexport const AddressTrimmedStyle = styled.span`\n user-select: none;\n pointer-events: none;\n`\n"],"names":["AddressStyle","styled","div","AddressFullStyle","span","AddressTrimmedStyle"],"mappings":";;AAEaA,MAAAA,YAAY,GAAGC,MAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"AddressStyles.mjs","sources":["../../../packages/address/AddressStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const AddressStyle = styled.div`\n position: relative;\n display: inline-block;\n font-weight: 400;\n`\n\nexport const AddressFullStyle = styled.span`\n position: absolute;\n overflow: hidden;\n inset: 0;\n color: transparent;\n`\n\nexport const AddressTrimmedStyle = styled.span`\n user-select: none;\n pointer-events: none;\n`\n"],"names":["AddressStyle","styled","div","AddressFullStyle","span","AddressTrimmedStyle"],"mappings":";;AAEaA,MAAAA,YAAY,GAAGC,MAAM,CAACC,GAAG,CAAA;AACtC;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,gBAAgB,GAAGF,MAAM,CAACG,IAAI,CAAA;AAC3C;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,mBAAmB,GAAGJ,MAAM,CAACG,IAAI,CAAA;AAC9C;AACA;AACA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"trimAddress.mjs","sources":["../../../packages/address/trimAddress.ts"],"sourcesContent":["export const trimAddress = (address: string, symbols: number): string => {\n if (symbols <= 0) return ''\n if (symbols * 2 >= address.length) return address\n\n const left = address.slice(0, symbols)\n const right = address.slice(-symbols)\n\n return `${left}...${right}`\n}\n"],"names":["trimAddress","address","symbols","length","left","slice","right"],"mappings":"MAAaA,WAAW,
|
|
1
|
+
{"version":3,"file":"trimAddress.mjs","sources":["../../../packages/address/trimAddress.ts"],"sourcesContent":["export const trimAddress = (address: string, symbols: number): string => {\n if (symbols <= 0) return ''\n if (symbols * 2 >= address.length) return address\n\n const left = address.slice(0, symbols)\n const right = address.slice(-symbols)\n\n return `${left}...${right}`\n}\n"],"names":["trimAddress","address","symbols","length","left","slice","right"],"mappings":"MAAaA,WAAW,GAAGA,CAACC,OAAe,EAAEC,OAAe,KAAa;AACvE,EAAA,IAAIA,OAAO,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;EAC3B,IAAIA,OAAO,GAAG,CAAC,IAAID,OAAO,CAACE,MAAM,EAAE,OAAOF,OAAO,CAAA;EAEjD,MAAMG,IAAI,GAAGH,OAAO,CAACI,KAAK,CAAC,CAAC,EAAEH,OAAO,CAAC,CAAA;EACtC,MAAMI,KAAK,GAAGL,OAAO,CAACI,KAAK,CAAC,CAACH,OAAO,CAAC,CAAA;AAErC,EAAA,OAAO,CAAGE,EAAAA,IAAI,CAAME,GAAAA,EAAAA,KAAK,CAAE,CAAA,CAAA;AAC7B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressBadge.mjs","sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks/useBreakpoint.js'\nimport { AddressBadgeStyle } from './AddressBadgeStyles.js'\nimport { AddressBadgeProps } from './types.js'\n\nexport const AddressBadge = forwardRef(\n (\n {\n address,\n symbolsMobile = 3,\n symbolsDesktop = 6,\n ...rest\n }: AddressBadgeProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const isMobile = useBreakpoint('md')\n\n return (\n <AddressBadgeStyle\n symbols={isMobile ? symbolsMobile : symbolsDesktop}\n address={address ?? ''}\n {...rest}\n ref={ref}\n />\n )\n },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["AddressBadge","forwardRef","ref","address","symbolsMobile","symbolsDesktop","rest","isMobile","useBreakpoint","_jsx","displayName"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"AddressBadge.mjs","sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks/useBreakpoint.js'\nimport { AddressBadgeStyle } from './AddressBadgeStyles.js'\nimport { AddressBadgeProps } from './types.js'\n\nexport const AddressBadge = forwardRef(\n (\n {\n address,\n symbolsMobile = 3,\n symbolsDesktop = 6,\n ...rest\n }: AddressBadgeProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const isMobile = useBreakpoint('md')\n\n return (\n <AddressBadgeStyle\n symbols={isMobile ? symbolsMobile : symbolsDesktop}\n address={address ?? ''}\n {...rest}\n ref={ref}\n />\n )\n },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["AddressBadge","forwardRef","_ref","ref","address","symbolsMobile","symbolsDesktop","rest","isMobile","useBreakpoint","_jsx","AddressBadgeStyle","symbols","displayName"],"mappings":";;;;;AAKO,MAAMA,YAAY,gBAAGC,UAAU,CACpC,CAAAC,IAAA,EAOEC,GAAkC,KAC/B;EAAA,IAPH;IACEC,OAAO;AACPC,IAAAA,aAAa,GAAG,CAAC;AACjBC,IAAAA,cAAc,GAAG,CAAC;IAClB,GAAGC,IAAAA;AACc,GAAC,GAAAL,IAAA,CAAA;AAGpB,EAAA,MAAMM,QAAQ,GAAGC,aAAa,CAAC,IAAI,CAAC,CAAA;EAEpC,oBACEC,GAAA,CAACC,iBAAiB,EAAA;AAChBC,IAAAA,OAAO,EAAEJ,QAAQ,GAAGH,aAAa,GAAGC,cAAe;IACnDF,OAAO,EAAEA,OAAO,IAAI,EAAG;AAAA,IAAA,GACnBG,IAAI;AACRJ,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACV,CAAC,CAAA;AAEN,CACF,EAAC;AACDH,YAAY,CAACa,WAAW,GAAG,cAAc;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressBadgeStyles.mjs","sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { IdenticonBadge } from '../identicon/index.js'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n max-width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n\n & > * {\n flex-shrink: 0;\n }\n\n & > :first-child {\n flex-shrink: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":";;;;MAGaA,iBAAiB,GAAGC,MAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"AddressBadgeStyles.mjs","sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { IdenticonBadge } from '../identicon/index.js'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n max-width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n\n & > * {\n flex-shrink: 0;\n }\n\n & > :first-child {\n flex-shrink: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":";;;;MAGaA,iBAAiB,GAAGC,MAAM,CAACC,cAAc,CAAC,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Block.mjs","sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles.js'\nimport { BlockProps } from './types.js'\n\nexport const Block = forwardRef(\n (\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)\nBlock.displayName = 'Block'\n"],"names":["Block","forwardRef","ref","color","variant","paddingLess","rest","_jsx","displayName"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Block.mjs","sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles.js'\nimport { BlockProps } from './types.js'\n\nexport const Block = forwardRef(\n (\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)\nBlock.displayName = 'Block'\n"],"names":["Block","forwardRef","_ref","ref","color","variant","paddingLess","rest","_jsx","BlockStyle","$color","$variant","$paddingLess","displayName"],"mappings":";;;;AAIO,MAAMA,KAAK,gBAAGC,UAAU,CAC7B,CAAAC,IAAA,EAOEC,GAAkC,KAC/B;EAAA,IAPH;AACEC,IAAAA,KAAK,GAAG,YAAY;AACpBC,IAAAA,OAAO,GAAG,MAAM;AAChBC,IAAAA,WAAW,GAAG,KAAK;IACnB,GAAGC,IAAAA;AACO,GAAC,GAAAL,IAAA,CAAA;EAGb,oBACEM,GAAA,CAACC,UAAU,EAAA;AACTC,IAAAA,MAAM,EAAEN,KAAM;AACdO,IAAAA,QAAQ,EAAEN,OAAQ;AAClBO,IAAAA,YAAY,EAAEN,WAAY;AAC1BH,IAAAA,GAAG,EAAEA,GAAI;IAAA,GACLI,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN,CACF,EAAC;AACDP,KAAK,CAACa,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockStyles.mjs","sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { BlockVariants, BlockColors } from './types.js'\n\ntype InjectedProps = {\n $variant: BlockVariants\n $color: BlockColors\n $paddingLess: boolean\n theme: Theme\n}\n\nconst colors = {\n foreground: css`\n background: var(--lido-color-foreground);\n color: var(--lido-color-textSecondary);\n `,\n background: css`\n background: var(--lido-color-background);\n color: var(--lido-color-textSecondary);\n `,\n accent: css`\n background: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n `,\n}\n\nconst variants = {\n flat: css`\n box-shadow: none;\n `,\n shadow: css`\n box-shadow: ${({ theme }) => theme.boxShadows.lg}\n var(--lido-colors-shadowLight);\n `,\n}\n\nconst paddings = css`\n padding: ${({ theme }) => theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n }\n`\n\nexport const BlockStyle = styled.div<InjectedProps>`\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n margin: 0;\n\n ${({ $paddingLess }) => !$paddingLess && paddings}\n\n ${({ $variant }) => variants[$variant]}\n ${({ $color }) => colors[$color]}\n`\n"],"names":["colors","foreground","css","background","accent","variants","flat","shadow","theme","boxShadows","lg","paddings","spaceMap","xxl","mediaQueries","md","BlockStyle","styled","div","fontSizesMap","xxs","borderRadiusesMap","xl","$paddingLess","$variant","$color"],"mappings":";;;AAWA,MAAMA,MAAM,GAAG;AACbC,EAAAA,UAAU,EAAEC,
|
|
1
|
+
{"version":3,"file":"BlockStyles.mjs","sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { BlockVariants, BlockColors } from './types.js'\n\ntype InjectedProps = {\n $variant: BlockVariants\n $color: BlockColors\n $paddingLess: boolean\n theme: Theme\n}\n\nconst colors = {\n foreground: css`\n background: var(--lido-color-foreground);\n color: var(--lido-color-textSecondary);\n `,\n background: css`\n background: var(--lido-color-background);\n color: var(--lido-color-textSecondary);\n `,\n accent: css`\n background: var(--lido-color-accent);\n color: var(--lido-color-accentContrast);\n `,\n}\n\nconst variants = {\n flat: css`\n box-shadow: none;\n `,\n shadow: css`\n box-shadow: ${({ theme }) => theme.boxShadows.lg}\n var(--lido-colors-shadowLight);\n `,\n}\n\nconst paddings = css`\n padding: ${({ theme }) => theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding: ${({ theme }) => theme.spaceMap.lg}px;\n }\n`\n\nexport const BlockStyle = styled.div<InjectedProps>`\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n margin: 0;\n\n ${({ $paddingLess }) => !$paddingLess && paddings}\n\n ${({ $variant }) => variants[$variant]}\n ${({ $color }) => colors[$color]}\n`\n"],"names":["colors","foreground","css","background","accent","variants","flat","shadow","_ref","theme","boxShadows","lg","paddings","_ref2","spaceMap","xxl","_ref3","mediaQueries","md","_ref4","BlockStyle","styled","div","_ref5","fontSizesMap","xxs","_ref6","borderRadiusesMap","xl","_ref7","$paddingLess","_ref8","$variant","_ref9","$color"],"mappings":";;;AAWA,MAAMA,MAAM,GAAG;AACbC,EAAAA,UAAU,EAAEC,GAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,UAAU,EAAED,GAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,MAAM,EAAEF,GAAG,CAAA;AACb;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMG,QAAQ,GAAG;AACfC,EAAAA,IAAI,EAAEJ,GAAG,CAAA;AACX;AACA,EAAG,CAAA;AACDK,EAAAA,MAAM,EAAEL,GAAG,CAAA;AACb,gBAAA,EAAkBM,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;AAAM,KAAC,GAAAD,IAAA,CAAA;AAAA,IAAA,OAAKC,KAAK,CAACC,UAAU,CAACC,EAAE,CAAA;AAAA,GAAA,CAAA;AACpD;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMC,QAAQ,GAAGV,GAAG,CAAA;AACpB,WAAA,EAAaW,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;AAAM,GAAC,GAAAI,KAAA,CAAA;AAAA,EAAA,OAAKJ,KAAK,CAACK,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAC9C;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACQ,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACK,QAAQ,CAACH,EAAE,CAAA;AAAA,CAAA,CAAA;AAC/C;AACA,CAAC,CAAA;AAEYS,MAAAA,UAAU,GAAGC,MAAM,CAACC,GAAkB,CAAA;AACnD;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEd,IAAAA,KAAAA;AAAM,GAAC,GAAAc,KAAA,CAAA;AAAA,EAAA,OAAKd,KAAK,CAACe,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEjB,IAAAA,KAAAA;AAAM,GAAC,GAAAiB,KAAA,CAAA;AAAA,EAAA,OAAKjB,KAAK,CAACkB,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAK,CAACC,YAAY,IAAIlB,QAAQ,CAAA;AAAA,CAAA,CAAA;AACnD;AACA,EAAA,EAAImB,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAK1B,QAAQ,CAAC2B,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AACxC,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKjC,MAAM,CAACkC,MAAM,CAAC,CAAA;AAAA,CAAA,CAAA;AAClC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.mjs","sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum BlockVariant {\n flat,\n shadow,\n}\nexport type BlockVariants = keyof typeof BlockVariant\n\nexport enum BlockColor {\n foreground,\n background,\n accent,\n}\nexport type BlockColors = keyof typeof BlockColor\n\nexport type BlockProps = LidoComponentProps<\n 'div',\n {\n color?: BlockColors\n variant?: BlockVariants\n paddingLess?: boolean\n }\n>\n"],"names":["BlockVariant","BlockColor"],"mappings":"AAGYA,IAAAA,
|
|
1
|
+
{"version":3,"file":"types.mjs","sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum BlockVariant {\n flat,\n shadow,\n}\nexport type BlockVariants = keyof typeof BlockVariant\n\nexport enum BlockColor {\n foreground,\n background,\n accent,\n}\nexport type BlockColors = keyof typeof BlockColor\n\nexport type BlockProps = LidoComponentProps<\n 'div',\n {\n color?: BlockColors\n variant?: BlockVariants\n paddingLess?: boolean\n }\n>\n"],"names":["BlockVariant","BlockColor"],"mappings":"AAGYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMZC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
package/dist/esm/box/Box.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.mjs","sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { withStyledSystem } from '../styled-system/index.js'\n\nexport const Box = withStyledSystem(styled.div``)\n"],"names":["Box","withStyledSystem","styled","div"],"mappings":";;;AAGO,MAAMA,GAAG,GAAGC,gBAAgB,CAACC,MAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"Box.mjs","sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { withStyledSystem } from '../styled-system/index.js'\n\nexport const Box = withStyledSystem(styled.div``)\n"],"names":["Box","withStyledSystem","styled","div"],"mappings":";;;AAGO,MAAMA,GAAG,GAAGC,gBAAgB,CAACC,MAAM,CAACC,GAAG,CAAA,CAAE;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.mjs","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonStyle,\n ButtonContentStyle,\n ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n xxs: 'small',\n xs: 'small',\n sm: 'small',\n md: 'medium',\n lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n (\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)\nButton.displayName = 'Button'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","_jsx","displayName"],"mappings":";;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.mjs","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonStyle,\n ButtonContentStyle,\n ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n xxs: 'small',\n xs: 'small',\n sm: 'small',\n md: 'medium',\n lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n (\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)\nButton.displayName = 'Button'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","_ref","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","ButtonStyle","$size","$variant","$fullwidth","$color","$square","$loading","$active","type","_jsx","ButtonContentStyle","$hidden","ButtonLoaderStyle","displayName"],"mappings":";;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OAAO;AACZC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAA;AACN,CAAU,CAAA;AAEH,MAAMC,MAAM,gBAAGC,UAAU,CAC9B,CAAAC,IAAA,EAcEC,GAAqC,KAClC;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,OAAO,GAAG,QAAQ;AAClBC,IAAAA,KAAK,GAAG,SAAS;AACjBC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,MAAM,GAAG,KAAK;IACdC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACR,GAAGC,IAAAA;AACQ,GAAC,GAAAZ,IAAA,CAAA;EAGd,MAAM;IAAEa,WAAW;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,SAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAQ,GAAC,CAAC,CAAA;AACtD,EAAA,MAAMO,UAAU,GAAGxB,WAAW,CAACU,IAAI,CAAC,CAAA;EAEpC,oBACEe,IAAA,CAACC,WAAW,EAAA;AACVC,IAAAA,KAAK,EAAEjB,IAAK;AACZkB,IAAAA,QAAQ,EAAEjB,OAAQ;AAClBkB,IAAAA,UAAU,EAAEf,SAAU;AACtBgB,IAAAA,MAAM,EAAElB,KAAM;AACdmB,IAAAA,OAAO,EAAElB,MAAO;AAChBmB,IAAAA,QAAQ,EAAEjB,OAAQ;AAClBkB,IAAAA,OAAO,EAAEjB,MAAO;AAChBC,IAAAA,OAAO,EAAEI,WAAY;IACrBH,QAAQ,EAAEA,QAAQ,IAAIH,OAAQ;AAC9BmB,IAAAA,IAAI,EAAC,QAAQ;AACbzB,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLW,IAAI;IAAAD,QAAA,EAAA,cAERgB,GAAA,CAACC,kBAAkB,EAAA;AAACC,MAAAA,OAAO,EAAEtB,OAAQ;AAAAI,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAqB,CAAC,EACpEJ,OAAO,iBAAIoB,GAAA,CAACG,iBAAiB,EAAA;AAAC5B,MAAAA,IAAI,EAAEc,UAAAA;AAAW,KAAE,CAAC,EAClD,CAACR,MAAM,IAAIM,MAAM,CAAA;AAAA,GACP,CAAC,CAAA;AAElB,CACF,EAAC;AACDhB,MAAM,CAACiC,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIcon.mjs","sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonWrapperStyle,\n ButtonIconStyle,\n ButtonContentStyle,\n} from './ButtonIconStyles.js'\nimport { ButtonIconProps } from './types.js'\nimport { Button } from './Button.js'\n\nexport const ButtonIcon = forwardRef(\n (\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)\nButtonIcon.displayName = 'ButtonIcon'\n"],"names":["ButtonIcon","forwardRef","ref","icon","children","rest","hasNoChildren","_jsx","_jsxs","displayName"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"ButtonIcon.mjs","sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonWrapperStyle,\n ButtonIconStyle,\n ButtonContentStyle,\n} from './ButtonIconStyles.js'\nimport { ButtonIconProps } from './types.js'\nimport { Button } from './Button.js'\n\nexport const ButtonIcon = forwardRef(\n (\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)\nButtonIcon.displayName = 'ButtonIcon'\n"],"names":["ButtonIcon","forwardRef","_ref","ref","icon","children","rest","hasNoChildren","_jsx","Button","square","_jsxs","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","displayName"],"mappings":";;;;;AASO,MAAMA,UAAU,gBAAGC,UAAU,CAClC,CAAAC,IAAA,EAEEC,GAAqC,KAClC;EAAA,IAFH;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAsB,GAAC,GAAAJ,IAAA,CAAA;EAG5C,MAAMK,aAAa,GAAG,CAACF,QAAQ,CAAA;EAE/B,oBACEG,GAAA,CAACC,MAAM,EAAA;AAACC,IAAAA,MAAM,EAAEH,aAAc;AAAA,IAAA,GAAKD,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAE,QAAA,eAChDM,IAAA,CAACC,kBAAkB,EAAA;MAAAP,QAAA,EAAA,cACjBG,GAAA,CAACK,eAAe,EAAA;AAACC,QAAAA,OAAO,EAAEP,aAAc;AAAAF,QAAAA,QAAA,EAAED,IAAAA;AAAI,OAAkB,CAAC,eACjEI,GAAA,CAACO,kBAAkB,EAAA;AAAAV,QAAAA,QAAA,EAAEA,QAAAA;AAAQ,OAAqB,CAAC,CAAA;KACjC,CAAA;AAAC,GACf,CAAC,CAAA;AAEb,CACF,EAAC;AACDL,UAAU,CAACgB,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconStyles.mjs","sources":["../../../packages/button/ButtonIconStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ButtonWrapperStyle = styled.span`\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 1em;\n min-width: 1em;\n`\n\nexport const ButtonIconStyle = styled.span<{ $square: boolean }>`\n margin: ${({ $square }) => ($square ? '-12px' : '-12px -6px')};\n line-height: 0;\n flex-shrink: 0;\n\n svg {\n fill: currentcolor;\n }\n`\n\nexport const ButtonContentStyle = styled.span`\n margin-left: 10px;\n\n :empty {\n display: none;\n }\n`\n"],"names":["ButtonWrapperStyle","styled","span","ButtonIconStyle","$square","ButtonContentStyle"],"mappings":";;AAEaA,MAAAA,kBAAkB,GAAGC,MAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"ButtonIconStyles.mjs","sources":["../../../packages/button/ButtonIconStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ButtonWrapperStyle = styled.span`\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 1em;\n min-width: 1em;\n`\n\nexport const ButtonIconStyle = styled.span<{ $square: boolean }>`\n margin: ${({ $square }) => ($square ? '-12px' : '-12px -6px')};\n line-height: 0;\n flex-shrink: 0;\n\n svg {\n fill: currentcolor;\n }\n`\n\nexport const ButtonContentStyle = styled.span`\n margin-left: 10px;\n\n :empty {\n display: none;\n }\n`\n"],"names":["ButtonWrapperStyle","styled","span","ButtonIconStyle","_ref","$square","ButtonContentStyle"],"mappings":";;AAEaA,MAAAA,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,eAAe,GAAGF,MAAM,CAACC,IAA0B,CAAA;AAChE,UAAA,EAAYE,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,OAAO,GAAG,YAAY,CAAA;AAAA,CAAC,CAAA;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,kBAAkB,GAAGL,MAAM,CAACC,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;;;;"}
|
|
@@ -66,88 +66,87 @@ const sizes = {
|
|
|
66
66
|
} = _ref9;
|
|
67
67
|
return theme.fontSizesMap.xs;
|
|
68
68
|
}}px;
|
|
69
|
-
border-radius: ${
|
|
69
|
+
border-radius: ${_ref0 => {
|
|
70
70
|
let {
|
|
71
71
|
theme
|
|
72
|
-
} =
|
|
72
|
+
} = _ref0;
|
|
73
73
|
return theme.borderRadiusesMap.sm;
|
|
74
74
|
}}px;
|
|
75
|
-
padding: ${
|
|
75
|
+
padding: ${_ref1 => {
|
|
76
76
|
let {
|
|
77
77
|
$square
|
|
78
|
-
} =
|
|
78
|
+
} = _ref1;
|
|
79
79
|
return $square ? '16px' : '16px 24px';
|
|
80
80
|
}};
|
|
81
|
-
min-width: ${
|
|
81
|
+
min-width: ${_ref10 => {
|
|
82
82
|
let {
|
|
83
83
|
$square
|
|
84
|
-
} =
|
|
84
|
+
} = _ref10;
|
|
85
85
|
return $square ? '0' : '100px';
|
|
86
86
|
}};
|
|
87
87
|
`,
|
|
88
88
|
md: css`
|
|
89
89
|
line-height: 1em;
|
|
90
|
-
font-size: ${
|
|
90
|
+
font-size: ${_ref11 => {
|
|
91
91
|
let {
|
|
92
92
|
theme
|
|
93
|
-
} =
|
|
93
|
+
} = _ref11;
|
|
94
94
|
return theme.fontSizesMap.xs;
|
|
95
95
|
}}px;
|
|
96
|
-
border-radius: ${
|
|
96
|
+
border-radius: ${_ref12 => {
|
|
97
97
|
let {
|
|
98
98
|
theme
|
|
99
|
-
} =
|
|
99
|
+
} = _ref12;
|
|
100
100
|
return theme.borderRadiusesMap.lg;
|
|
101
101
|
}}px;
|
|
102
|
-
padding: ${
|
|
102
|
+
padding: ${_ref13 => {
|
|
103
103
|
let {
|
|
104
104
|
$square
|
|
105
|
-
} =
|
|
105
|
+
} = _ref13;
|
|
106
106
|
return $square ? '21px' : '21px 44px';
|
|
107
107
|
}};
|
|
108
|
-
min-width: ${
|
|
108
|
+
min-width: ${_ref14 => {
|
|
109
109
|
let {
|
|
110
110
|
$square
|
|
111
|
-
} =
|
|
111
|
+
} = _ref14;
|
|
112
112
|
return $square ? '0' : '120px';
|
|
113
113
|
}};
|
|
114
114
|
`,
|
|
115
115
|
lg: css`
|
|
116
116
|
line-height: 1em;
|
|
117
|
-
font-size: ${
|
|
117
|
+
font-size: ${_ref15 => {
|
|
118
118
|
let {
|
|
119
119
|
theme
|
|
120
|
-
} =
|
|
120
|
+
} = _ref15;
|
|
121
121
|
return theme.fontSizesMap.sm;
|
|
122
122
|
}}px;
|
|
123
|
-
border-radius: ${
|
|
123
|
+
border-radius: ${_ref16 => {
|
|
124
124
|
let {
|
|
125
125
|
theme
|
|
126
|
-
} =
|
|
126
|
+
} = _ref16;
|
|
127
127
|
return theme.borderRadiusesMap.lg;
|
|
128
128
|
}}px;
|
|
129
|
-
box-shadow: ${
|
|
129
|
+
box-shadow: ${_ref17 => {
|
|
130
130
|
let {
|
|
131
131
|
theme
|
|
132
|
-
} =
|
|
132
|
+
} = _ref17;
|
|
133
133
|
return theme.boxShadows.md;
|
|
134
134
|
}}
|
|
135
135
|
var(--lido-color-shadowDark);
|
|
136
|
-
padding: ${
|
|
136
|
+
padding: ${_ref18 => {
|
|
137
137
|
let {
|
|
138
138
|
$square
|
|
139
|
-
} =
|
|
139
|
+
} = _ref18;
|
|
140
140
|
return $square ? '24px' : '24px 64px';
|
|
141
141
|
}};
|
|
142
|
-
min-width: ${
|
|
142
|
+
min-width: ${_ref19 => {
|
|
143
143
|
let {
|
|
144
144
|
$square
|
|
145
|
-
} =
|
|
145
|
+
} = _ref19;
|
|
146
146
|
return $square ? '0' : '160px';
|
|
147
147
|
}};
|
|
148
148
|
`
|
|
149
149
|
};
|
|
150
|
-
|
|
151
150
|
const getMainColor = props => {
|
|
152
151
|
const colorsMap = {
|
|
153
152
|
primary: `var(--lido-color-primary)`,
|
|
@@ -158,7 +157,6 @@ const getMainColor = props => {
|
|
|
158
157
|
};
|
|
159
158
|
return colorsMap[props.$color];
|
|
160
159
|
};
|
|
161
|
-
|
|
162
160
|
const getContrastColor = props => {
|
|
163
161
|
const colorsMap = {
|
|
164
162
|
primary: `var(--lido-color-primaryContrast)`,
|
|
@@ -169,7 +167,6 @@ const getContrastColor = props => {
|
|
|
169
167
|
};
|
|
170
168
|
return colorsMap[props.$color];
|
|
171
169
|
};
|
|
172
|
-
|
|
173
170
|
const getHoverColor = props => {
|
|
174
171
|
const colorsMap = {
|
|
175
172
|
primary: `var(--lido-color-primaryHover)`,
|
|
@@ -180,15 +177,14 @@ const getHoverColor = props => {
|
|
|
180
177
|
};
|
|
181
178
|
return colorsMap[props.$color];
|
|
182
179
|
};
|
|
183
|
-
|
|
184
180
|
const variants = {
|
|
185
181
|
filled: css`
|
|
186
182
|
color: ${getContrastColor};
|
|
187
183
|
background-color: ${getMainColor};
|
|
188
|
-
transition: background-color ${
|
|
184
|
+
transition: background-color ${_ref20 => {
|
|
189
185
|
let {
|
|
190
186
|
theme
|
|
191
|
-
} =
|
|
187
|
+
} = _ref20;
|
|
192
188
|
return theme.duration.fast;
|
|
193
189
|
}} ease;
|
|
194
190
|
|
|
@@ -200,16 +196,16 @@ const variants = {
|
|
|
200
196
|
outlined: css`
|
|
201
197
|
color: ${getMainColor};
|
|
202
198
|
transition:
|
|
203
|
-
background-color ${
|
|
199
|
+
background-color ${_ref21 => {
|
|
204
200
|
let {
|
|
205
201
|
theme
|
|
206
|
-
} =
|
|
202
|
+
} = _ref21;
|
|
207
203
|
return theme.duration.fast;
|
|
208
204
|
}} ease,
|
|
209
|
-
color ${
|
|
205
|
+
color ${_ref22 => {
|
|
210
206
|
let {
|
|
211
207
|
theme
|
|
212
|
-
} =
|
|
208
|
+
} = _ref22;
|
|
213
209
|
return theme.duration.fast;
|
|
214
210
|
}} ease;
|
|
215
211
|
|
|
@@ -231,10 +227,10 @@ const variants = {
|
|
|
231
227
|
::before {
|
|
232
228
|
display: block;
|
|
233
229
|
background-color: ${getMainColor};
|
|
234
|
-
transition: opacity ${
|
|
230
|
+
transition: opacity ${_ref23 => {
|
|
235
231
|
let {
|
|
236
232
|
theme
|
|
237
|
-
} =
|
|
233
|
+
} = _ref23;
|
|
238
234
|
return theme.duration.fast;
|
|
239
235
|
}} ease;
|
|
240
236
|
opacity: 0;
|
|
@@ -254,10 +250,10 @@ const variants = {
|
|
|
254
250
|
::before {
|
|
255
251
|
display: block;
|
|
256
252
|
background-color: ${getMainColor};
|
|
257
|
-
transition: opacity ${
|
|
253
|
+
transition: opacity ${_ref24 => {
|
|
258
254
|
let {
|
|
259
255
|
theme
|
|
260
|
-
} =
|
|
256
|
+
} = _ref24;
|
|
261
257
|
return theme.duration.fast;
|
|
262
258
|
}} ease;
|
|
263
259
|
opacity: 0;
|
|
@@ -277,10 +273,10 @@ const variants = {
|
|
|
277
273
|
::before {
|
|
278
274
|
display: block;
|
|
279
275
|
background-color: ${getMainColor};
|
|
280
|
-
transition: opacity ${
|
|
276
|
+
transition: opacity ${_ref25 => {
|
|
281
277
|
let {
|
|
282
278
|
theme
|
|
283
|
-
} =
|
|
279
|
+
} = _ref25;
|
|
284
280
|
return theme.duration.fast;
|
|
285
281
|
}} ease;
|
|
286
282
|
opacity: 0.1;
|
|
@@ -306,10 +302,10 @@ const ButtonStyle = styled.button`
|
|
|
306
302
|
background: transparent;
|
|
307
303
|
font-family: inherit;
|
|
308
304
|
font-weight: 700;
|
|
309
|
-
width: ${
|
|
305
|
+
width: ${_ref26 => {
|
|
310
306
|
let {
|
|
311
307
|
$fullwidth
|
|
312
|
-
} =
|
|
308
|
+
} = _ref26;
|
|
313
309
|
return $fullwidth ? ' 100%' : 'auto';
|
|
314
310
|
}};
|
|
315
311
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -328,10 +324,10 @@ const ButtonStyle = styled.button`
|
|
|
328
324
|
}
|
|
329
325
|
|
|
330
326
|
:disabled {
|
|
331
|
-
opacity: ${
|
|
327
|
+
opacity: ${_ref27 => {
|
|
332
328
|
let {
|
|
333
329
|
$loading
|
|
334
|
-
} =
|
|
330
|
+
} = _ref27;
|
|
335
331
|
return $loading ? 1 : 0.5;
|
|
336
332
|
}};
|
|
337
333
|
}
|
|
@@ -357,10 +353,10 @@ const ButtonRippleStyle = styled.span`
|
|
|
357
353
|
const ButtonContentStyle = styled.span`
|
|
358
354
|
position: relative;
|
|
359
355
|
pointer-events: none;
|
|
360
|
-
visibility: ${
|
|
356
|
+
visibility: ${_ref28 => {
|
|
361
357
|
let {
|
|
362
358
|
$hidden
|
|
363
|
-
} =
|
|
359
|
+
} = _ref28;
|
|
364
360
|
return $hidden ? 'hidden' : 'visible';
|
|
365
361
|
}};
|
|
366
362
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonStyles.mjs","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n -webkit-tap-highlight-color: transparent;\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ButtonStyles.mjs","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n -webkit-tap-highlight-color: transparent;\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","_ref","theme","fontSizesMap","xxxs","_ref2","borderRadiusesMap","sm","_ref3","$square","_ref4","xs","_ref5","_ref6","_ref7","_ref8","_ref9","_ref0","_ref1","_ref10","md","_ref11","_ref12","lg","_ref13","_ref14","_ref15","_ref16","_ref17","boxShadows","_ref18","_ref19","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","_ref20","duration","fast","outlined","_ref21","_ref22","text","_ref23","ghost","_ref24","translucent","_ref25","ButtonStyle","styled","button","_ref26","$fullwidth","_ref27","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","_ref28","$hidden","ButtonLoaderStyle","Loader"],"mappings":";;;;;AAgBA,MAAMA,KAAK,GAAG;AACZC,EAAAA,GAAG,EAAEC,GAAkB,CAAA;AACzB;AACA,eAAA,EAAiBC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;AAAM,KAAC,GAAAD,IAAA,CAAA;AAAA,IAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,IAAI,CAAA;AAAA,GAAA,CAAA;AACvD,mBAAA,EAAqBC,KAAA,IAAA;IAAA,IAAC;AAAEH,MAAAA,KAAAA;AAAM,KAAC,GAAAG,KAAA,CAAA;AAAA,IAAA,OAAKH,KAAK,CAACI,iBAAiB,CAACC,EAAE,CAAA;AAAA,GAAA,CAAA;AAC9D,aAAA,EAAeC,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,OAAAA;AAAQ,KAAC,GAAAD,KAAA,CAAA;AAAA,IAAA,OAAMC,OAAO,GAAG,MAAM,GAAG,WAAW,CAAA;GAAC,CAAA;AAChE,eAAA,EAAiBC,KAAA,IAAA;IAAA,IAAC;AAAED,MAAAA,OAAAA;AAAQ,KAAC,GAAAC,KAAA,CAAA;AAAA,IAAA,OAAMD,OAAO,GAAG,GAAG,GAAG,MAAM,CAAA;GAAC,CAAA;AAC1D,EAAG,CAAA;AACDE,EAAAA,EAAE,EAAEX,GAAkB,CAAA;AACxB;AACA,eAAA,EAAiBY,KAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,KAAAA;AAAM,KAAC,GAAAU,KAAA,CAAA;AAAA,IAAA,OAAKV,KAAK,CAACC,YAAY,CAACJ,GAAG,CAAA;AAAA,GAAA,CAAA;AACtD,mBAAA,EAAqBc,KAAA,IAAA;IAAA,IAAC;AAAEX,MAAAA,KAAAA;AAAM,KAAC,GAAAW,KAAA,CAAA;AAAA,IAAA,OAAKX,KAAK,CAACI,iBAAiB,CAACC,EAAE,CAAA;AAAA,GAAA,CAAA;AAC9D,aAAA,EAAeO,KAAA,IAAA;IAAA,IAAC;AAAEL,MAAAA,OAAAA;AAAQ,KAAC,GAAAK,KAAA,CAAA;AAAA,IAAA,OAAML,OAAO,GAAG,MAAM,GAAG,WAAW,CAAA;GAAC,CAAA;AAChE,eAAA,EAAiBM,KAAA,IAAA;IAAA,IAAC;AAAEN,MAAAA,OAAAA;AAAQ,KAAC,GAAAM,KAAA,CAAA;AAAA,IAAA,OAAMN,OAAO,GAAG,GAAG,GAAG,MAAM,CAAA;GAAC,CAAA;AAC1D,EAAG,CAAA;AACDF,EAAAA,EAAE,EAAEP,GAAkB,CAAA;AACxB;AACA,eAAA,EAAiBgB,KAAA,IAAA;IAAA,IAAC;AAAEd,MAAAA,KAAAA;AAAM,KAAC,GAAAc,KAAA,CAAA;AAAA,IAAA,OAAKd,KAAK,CAACC,YAAY,CAACQ,EAAE,CAAA;AAAA,GAAA,CAAA;AACrD,mBAAA,EAAqBM,KAAA,IAAA;IAAA,IAAC;AAAEf,MAAAA,KAAAA;AAAM,KAAC,GAAAe,KAAA,CAAA;AAAA,IAAA,OAAKf,KAAK,CAACI,iBAAiB,CAACC,EAAE,CAAA;AAAA,GAAA,CAAA;AAC9D,aAAA,EAAeW,KAAA,IAAA;IAAA,IAAC;AAAET,MAAAA,OAAAA;AAAQ,KAAC,GAAAS,KAAA,CAAA;AAAA,IAAA,OAAMT,OAAO,GAAG,MAAM,GAAG,WAAW,CAAA;GAAC,CAAA;AAChE,eAAA,EAAiBU,MAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,OAAAA;AAAQ,KAAC,GAAAU,MAAA,CAAA;AAAA,IAAA,OAAMV,OAAO,GAAG,GAAG,GAAG,OAAO,CAAA;GAAC,CAAA;AAC3D,EAAG,CAAA;AACDW,EAAAA,EAAE,EAAEpB,GAAkB,CAAA;AACxB;AACA,eAAA,EAAiBqB,MAAA,IAAA;IAAA,IAAC;AAAEnB,MAAAA,KAAAA;AAAM,KAAC,GAAAmB,MAAA,CAAA;AAAA,IAAA,OAAKnB,KAAK,CAACC,YAAY,CAACQ,EAAE,CAAA;AAAA,GAAA,CAAA;AACrD,mBAAA,EAAqBW,MAAA,IAAA;IAAA,IAAC;AAAEpB,MAAAA,KAAAA;AAAM,KAAC,GAAAoB,MAAA,CAAA;AAAA,IAAA,OAAKpB,KAAK,CAACI,iBAAiB,CAACiB,EAAE,CAAA;AAAA,GAAA,CAAA;AAC9D,aAAA,EAAeC,MAAA,IAAA;IAAA,IAAC;AAAEf,MAAAA,OAAAA;AAAQ,KAAC,GAAAe,MAAA,CAAA;AAAA,IAAA,OAAMf,OAAO,GAAG,MAAM,GAAG,WAAW,CAAA;GAAC,CAAA;AAChE,eAAA,EAAiBgB,MAAA,IAAA;IAAA,IAAC;AAAEhB,MAAAA,OAAAA;AAAQ,KAAC,GAAAgB,MAAA,CAAA;AAAA,IAAA,OAAMhB,OAAO,GAAG,GAAG,GAAG,OAAO,CAAA;GAAC,CAAA;AAC3D,EAAG,CAAA;AACDc,EAAAA,EAAE,EAAEvB,GAAkB,CAAA;AACxB;AACA,eAAA,EAAiB0B,MAAA,IAAA;IAAA,IAAC;AAAExB,MAAAA,KAAAA;AAAM,KAAC,GAAAwB,MAAA,CAAA;AAAA,IAAA,OAAKxB,KAAK,CAACC,YAAY,CAACI,EAAE,CAAA;AAAA,GAAA,CAAA;AACrD,mBAAA,EAAqBoB,MAAA,IAAA;IAAA,IAAC;AAAEzB,MAAAA,KAAAA;AAAM,KAAC,GAAAyB,MAAA,CAAA;AAAA,IAAA,OAAKzB,KAAK,CAACI,iBAAiB,CAACiB,EAAE,CAAA;AAAA,GAAA,CAAA;AAC9D,gBAAA,EAAkBK,MAAA,IAAA;IAAA,IAAC;AAAE1B,MAAAA,KAAAA;AAAM,KAAC,GAAA0B,MAAA,CAAA;AAAA,IAAA,OAAK1B,KAAK,CAAC2B,UAAU,CAACT,EAAE,CAAA;AAAA,GAAA,CAAA;AACpD;AACA,aAAA,EAAeU,MAAA,IAAA;IAAA,IAAC;AAAErB,MAAAA,OAAAA;AAAQ,KAAC,GAAAqB,MAAA,CAAA;AAAA,IAAA,OAAMrB,OAAO,GAAG,MAAM,GAAG,WAAW,CAAA;GAAC,CAAA;AAChE,eAAA,EAAiBsB,MAAA,IAAA;IAAA,IAAC;AAAEtB,MAAAA,OAAAA;AAAQ,KAAC,GAAAsB,MAAA,CAAA;AAAA,IAAA,OAAMtB,OAAO,GAAG,GAAG,GAAG,OAAO,CAAA;GAAC,CAAA;AAC3D,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMuB,YAAY,GAAIC,KAAoB,IAAK;AAC7C,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,OAAO,EAAE,CAA2B,yBAAA,CAAA;AACpCC,IAAAA,SAAS,EAAE,CAA6B,2BAAA,CAAA;AACxCC,IAAAA,OAAO,EAAE,CAA2B,yBAAA,CAAA;AACpCC,IAAAA,KAAK,EAAE,CAAyB,uBAAA,CAAA;AAChCC,IAAAA,OAAO,EAAE,CAAA,yBAAA,CAAA;GACV,CAAA;AACD,EAAA,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAM,CAAC,CAAA;AAChC,CAAC,CAAA;AAED,MAAMC,gBAAgB,GAAIR,KAAoB,IAAK;AACjD,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,OAAO,EAAE,CAAmC,iCAAA,CAAA;AAC5CC,IAAAA,SAAS,EAAE,CAAqC,mCAAA,CAAA;AAChDC,IAAAA,OAAO,EAAE,CAAmC,iCAAA,CAAA;AAC5CC,IAAAA,KAAK,EAAE,CAAiC,+BAAA,CAAA;AACxCC,IAAAA,OAAO,EAAE,CAAA,iCAAA,CAAA;GACV,CAAA;AACD,EAAA,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAM,CAAC,CAAA;AAChC,CAAC,CAAA;AAED,MAAME,aAAa,GAAIT,KAAoB,IAAK;AAC9C,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,OAAO,EAAE,CAAgC,8BAAA,CAAA;AACzCC,IAAAA,SAAS,EAAE,CAAkC,gCAAA,CAAA;AAC7CC,IAAAA,OAAO,EAAE,CAAgC,8BAAA,CAAA;AACzCC,IAAAA,KAAK,EAAE,CAA8B,4BAAA,CAAA;AACrCC,IAAAA,OAAO,EAAE,CAAA,8BAAA,CAAA;GACV,CAAA;AACD,EAAA,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAM,CAAC,CAAA;AAChC,CAAC,CAAA;AAED,MAAMG,QAAQ,GAAG;AACfC,EAAAA,MAAM,EAAE5C,GAAG,CAAA;AACb,WAAA,EAAayC,gBAAgB,CAAA;AAC7B,sBAAA,EAAwBT,YAAY,CAAA;AACpC,iCAAA,EAAmCa,MAAA,IAAA;IAAA,IAAC;AAAE3C,MAAAA,KAAAA;AAAM,KAAC,GAAA2C,MAAA,CAAA;AAAA,IAAA,OAAK3C,KAAK,CAAC4C,QAAQ,CAACC,IAAI,CAAA;AAAA,GAAA,CAAA;AACrE;AACA;AACA;AACA,wBAAA,EAA0BL,aAAa,CAAA;AACvC;AACA,EAAG,CAAA;AACDM,EAAAA,QAAQ,EAAEhD,GAAG,CAAA;AACf,WAAA,EAAagC,YAAY,CAAA;AACzB;AACA,uBAAA,EAAyBiB,MAAA,IAAA;IAAA,IAAC;AAAE/C,MAAAA,KAAAA;AAAM,KAAC,GAAA+C,MAAA,CAAA;AAAA,IAAA,OAAK/C,KAAK,CAAC4C,QAAQ,CAACC,IAAI,CAAA;AAAA,GAAA,CAAA;AAC3D,YAAA,EAAcG,MAAA,IAAA;IAAA,IAAC;AAAEhD,MAAAA,KAAAA;AAAM,KAAC,GAAAgD,MAAA,CAAA;AAAA,IAAA,OAAKhD,KAAK,CAAC4C,QAAQ,CAACC,IAAI,CAAA;AAAA,GAAA,CAAA;AAChD;AACA;AACA;AACA,wBAAA,EAA0Bf,YAAY,CAAA;AACtC;AACA;AACA;AACA;AACA,wBAAA,EAA0BU,aAAa,CAAA;AACvC,aAAA,EAAeD,gBAAgB,CAAA;AAC/B;AACA,EAAG,CAAA;AACDU,EAAAA,IAAI,EAAEnD,GAAG,CAAA;AACX,WAAA,EAAagC,YAAY,CAAA;AACzB;AACA;AACA;AACA;AACA,wBAAA,EAA0BA,YAAY,CAAA;AACtC,0BAAA,EAA4BoB,MAAA,IAAA;IAAA,IAAC;AAAElD,MAAAA,KAAAA;AAAM,KAAC,GAAAkD,MAAA,CAAA;AAAA,IAAA,OAAKlD,KAAK,CAAC4C,QAAQ,CAACC,IAAI,CAAA;AAAA,GAAA,CAAA;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAG,CAAA;AACDM,EAAAA,KAAK,EAAErD,GAAG,CAAA;AACZ,WAAA,EAAagC,YAAY,CAAA;AACzB;AACA;AACA;AACA,wBAAA,EAA0BA,YAAY,CAAA;AACtC,0BAAA,EAA4BsB,MAAA,IAAA;IAAA,IAAC;AAAEpD,MAAAA,KAAAA;AAAM,KAAC,GAAAoD,MAAA,CAAA;AAAA,IAAA,OAAKpD,KAAK,CAAC4C,QAAQ,CAACC,IAAI,CAAA;AAAA,GAAA,CAAA;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAG,CAAA;AACDQ,EAAAA,WAAW,EAAEvD,GAAG,CAAA;AAClB,WAAA,EAAagC,YAAY,CAAA;AACzB;AACA;AACA;AACA,wBAAA,EAA0BA,YAAY,CAAA;AACtC,0BAAA,EAA4BwB,MAAA,IAAA;IAAA,IAAC;AAAEtD,MAAAA,KAAAA;AAAM,KAAC,GAAAsD,MAAA,CAAA;AAAA,IAAA,OAAKtD,KAAK,CAAC4C,QAAQ,CAACC,IAAI,CAAA;AAAA,GAAA,CAAA;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYU,MAAAA,WAAW,GAAGC,MAAM,CAACC,MAAqB,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAA,EAAWC,MAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,MAAA,CAAA;AAAA,EAAA,OAAMC,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AAAA,CAAC,CAAA;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAA,EAAeC,MAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,MAAA,CAAA;AAAA,EAAA,OAAMC,QAAQ,GAAG,CAAC,GAAG,GAAG,CAAA;AAAA,CAAC,CAAA;AACrD;AACA;AACA,EAAA,EAAK9B,KAAK,IAAKnC,KAAK,CAACmC,KAAK,CAAC+B,KAAK,CAAC,CAAA;AACjC,EAAA,EAAK/B,KAAK,IAAKU,QAAQ,CAACV,KAAK,CAACgC,QAAQ,CAAC,CAAA;AACvC,EAAC;AAEM,MAAMC,MAAM,GAAGC,SAAS,CAAA;AAC/B;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,iBAAiB,GAAGV,MAAM,CAACW,IAAI,CAAA;AAC5C;AACA;AACA;AACA;AACA,aAAA,EAAeH,MAAM,CAAA;AACrB;AACA;AACA,EAAC;AAEYI,MAAAA,kBAAkB,GAAGZ,MAAM,CAACW,IAA0B,CAAA;AACnE;AACA;AACA,cAAA,EAAgBE,MAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,MAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAAA,CAAC,CAAA;AACjE,EAAC;MAEYC,iBAAiB,GAAGf,MAAM,CAACgB,MAAM,CAAC,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.mjs","sources":["../../../packages/button/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ButtonSize {\n xxs,\n xs,\n sm,\n md,\n lg,\n}\nexport type ButtonSizes = keyof typeof ButtonSize\n\nexport enum ButtonVariant {\n filled,\n outlined,\n text,\n ghost,\n translucent,\n}\nexport type ButtonVariants = keyof typeof ButtonVariant\n\nexport enum ButtonColor {\n primary,\n secondary,\n warning,\n error,\n success,\n}\nexport type ButtonColors = keyof typeof ButtonColor\n\nexport type ButtonProps = LidoComponentProps<\n 'button',\n {\n size?: ButtonSizes\n variant?: ButtonVariants\n color?: ButtonColors\n fullwidth?: boolean\n square?: boolean\n loading?: boolean\n active?: boolean\n as?: never\n }\n>\n\nexport type ButtonIconProps = {\n icon: JSX.Element\n} & ButtonProps\n"],"names":["ButtonSize","ButtonVariant","ButtonColor"],"mappings":"AAGYA,IAAAA,
|
|
1
|
+
{"version":3,"file":"types.mjs","sources":["../../../packages/button/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ButtonSize {\n xxs,\n xs,\n sm,\n md,\n lg,\n}\nexport type ButtonSizes = keyof typeof ButtonSize\n\nexport enum ButtonVariant {\n filled,\n outlined,\n text,\n ghost,\n translucent,\n}\nexport type ButtonVariants = keyof typeof ButtonVariant\n\nexport enum ButtonColor {\n primary,\n secondary,\n warning,\n error,\n success,\n}\nexport type ButtonColors = keyof typeof ButtonColor\n\nexport type ButtonProps = LidoComponentProps<\n 'button',\n {\n size?: ButtonSizes\n variant?: ButtonVariants\n color?: ButtonColors\n fullwidth?: boolean\n square?: boolean\n loading?: boolean\n active?: boolean\n as?: never\n }\n>\n\nexport type ButtonIconProps = {\n icon: JSX.Element\n} & ButtonProps\n"],"names":["ButtonSize","ButtonVariant","ButtonColor"],"mappings":"AAGYA,IAAAA,UAAU,0BAAVA,UAAU,EAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASVC,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASbC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|