@lidofinance/lido-ui 3.32.0 → 3.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/accordion/Accordion.js +6 -3
- package/dist/cjs/accordion/Accordion.js.map +1 -1
- package/dist/cjs/accordion/AccordionStyles.js +8 -8
- package/dist/cjs/accordion/AccordionStyles.js.map +1 -1
- package/dist/cjs/accordion/useExpanded.js.map +1 -1
- package/dist/cjs/address/Address.js +2 -1
- package/dist/cjs/address/Address.js.map +1 -1
- package/dist/cjs/address/AddressStyles.js.map +1 -1
- package/dist/cjs/address/trimAddress.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadge.js.map +1 -1
- package/dist/cjs/addressBadge/AddressBadgeStyles.js.map +1 -1
- package/dist/cjs/block/Block.js.map +1 -1
- package/dist/cjs/block/BlockStyles.js.map +1 -1
- package/dist/cjs/block/types.js.map +1 -1
- package/dist/cjs/box/Box.js.map +1 -1
- package/dist/cjs/button/Button.js.map +1 -1
- package/dist/cjs/button/ButtonIcon.js.map +1 -1
- package/dist/cjs/button/ButtonIconStyles.js.map +1 -1
- package/dist/cjs/button/ButtonStyles.js +42 -46
- package/dist/cjs/button/ButtonStyles.js.map +1 -1
- package/dist/cjs/button/types.js.map +1 -1
- package/dist/cjs/button/useRipple.js +1 -1
- package/dist/cjs/button/useRipple.js.map +1 -1
- package/dist/cjs/chart-line/ChartLine.js +0 -3
- package/dist/cjs/chart-line/ChartLine.js.map +1 -1
- package/dist/cjs/chart-line/ChartLineLabel.js +0 -1
- package/dist/cjs/chart-line/ChartLineLabel.js.map +1 -1
- package/dist/cjs/chart-line/ChartLineStyles.js +16 -28
- package/dist/cjs/chart-line/ChartLineStyles.js.map +1 -1
- package/dist/cjs/chart-line/types.js.map +1 -1
- package/dist/cjs/chart-line/utils/checkViewport.js +1 -0
- package/dist/cjs/chart-line/utils/checkViewport.js.map +1 -1
- package/dist/cjs/chart-line/utils/constants.js.map +1 -1
- package/dist/cjs/chart-line/utils/getContainerSize.js +0 -2
- package/dist/cjs/chart-line/utils/getContainerSize.js.map +1 -1
- package/dist/cjs/chart-line/utils/handlePositioning.js +30 -32
- package/dist/cjs/chart-line/utils/handlePositioning.js.map +1 -1
- package/dist/cjs/chart-line/utils/processData.js +2 -1
- package/dist/cjs/chart-line/utils/processData.js.map +1 -1
- package/dist/cjs/chart-proportion/ChartProportion.js +0 -2
- package/dist/cjs/chart-proportion/ChartProportion.js.map +1 -1
- package/dist/cjs/chart-proportion/ChartProportionStyles.js +0 -5
- package/dist/cjs/chart-proportion/ChartProportionStyles.js.map +1 -1
- package/dist/cjs/chart-proportion/types.js.map +1 -1
- package/dist/cjs/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/checkbox/CheckboxStyles.js.map +1 -1
- package/dist/cjs/chip/Chip.js.map +1 -1
- package/dist/cjs/chip/ChipStyles.js.map +1 -1
- package/dist/cjs/chip/types.js.map +1 -1
- package/dist/cjs/container/Container.js.map +1 -1
- package/dist/cjs/container/ContainerStyles.js.map +1 -1
- package/dist/cjs/container/types.js.map +1 -1
- package/dist/cjs/content-theme/content-theme.js +4 -2
- package/dist/cjs/content-theme/content-theme.js.map +1 -1
- package/dist/cjs/content-theme/styles.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/cookie-theme-toggler.js.map +1 -1
- package/dist/cjs/cookie-theme-toggler/styles.js.map +1 -1
- package/dist/cjs/cookies-tooltip/constants.js.map +1 -1
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js +4 -3
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/cjs/cookies-tooltip/styles.js.map +1 -1
- package/dist/cjs/cookies-tooltip/utils.js +2 -7
- package/dist/cjs/cookies-tooltip/utils.js.map +1 -1
- package/dist/cjs/data-table/DataTable.js.map +1 -1
- package/dist/cjs/data-table/DataTableStyles.js.map +1 -1
- package/dist/cjs/divider/Divider.js.map +1 -1
- package/dist/cjs/divider/DividerStyles.js +0 -1
- package/dist/cjs/divider/DividerStyles.js.map +1 -1
- package/dist/cjs/divider/types.js.map +1 -1
- package/dist/cjs/heading/Heading.js.map +1 -1
- package/dist/cjs/heading/HeadingStyles.js +0 -2
- package/dist/cjs/heading/HeadingStyles.js.map +1 -1
- package/dist/cjs/heading/types.js.map +1 -1
- package/dist/cjs/hooks/useBreakpoint.js +0 -2
- package/dist/cjs/hooks/useBreakpoint.js.map +1 -1
- package/dist/cjs/hooks/useEscape.js.map +1 -1
- package/dist/cjs/hooks/useInterceptFocus.js.map +1 -1
- package/dist/cjs/hooks/useIsomorphicLayoutEffect.js +1 -0
- package/dist/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist/cjs/hooks/useLockScroll.js +0 -6
- package/dist/cjs/hooks/useLockScroll.js.map +1 -1
- package/dist/cjs/hooks/useMergeRefs.js.map +1 -1
- package/dist/cjs/hooks/useOutsideClick.js.map +1 -1
- package/dist/cjs/hooks/useSystemTheme.js +0 -2
- package/dist/cjs/hooks/useSystemTheme.js.map +1 -1
- package/dist/cjs/hooks/useWindowSize.js +0 -1
- package/dist/cjs/hooks/useWindowSize.js.map +1 -1
- package/dist/cjs/icons/index.js +1 -0
- package/dist/cjs/icons/index.js.map +1 -1
- package/dist/cjs/identicon/Identicon.js +4 -3
- package/dist/cjs/identicon/Identicon.js.map +1 -1
- package/dist/cjs/identicon/IdenticonBadge.js.map +1 -1
- package/dist/cjs/identicon/IdenticonStyles.js.map +1 -1
- package/dist/cjs/identicon/types.js.map +1 -1
- package/dist/cjs/input/Input.js +0 -1
- package/dist/cjs/input/Input.js.map +1 -1
- package/dist/cjs/input/InputGroup.js.map +1 -1
- package/dist/cjs/input/InputGroupStyles.js.map +1 -1
- package/dist/cjs/input/InputStyles.js +36 -36
- package/dist/cjs/input/InputStyles.js.map +1 -1
- package/dist/cjs/input/LabelStyles.js.map +1 -1
- package/dist/cjs/input/OptionsSlider.js +0 -5
- package/dist/cjs/input/OptionsSlider.js.map +1 -1
- package/dist/cjs/input/SliderInput.js +0 -2
- package/dist/cjs/input/SliderInput.js.map +1 -1
- package/dist/cjs/input/SliderInputStyles.js.map +1 -1
- package/dist/cjs/input/Textarea.js +0 -1
- package/dist/cjs/input/Textarea.js.map +1 -1
- package/dist/cjs/input/types.js.map +1 -1
- package/dist/cjs/lido-logo/LidoLogo.js +2 -1
- package/dist/cjs/lido-logo/LidoLogo.js.map +1 -1
- package/dist/cjs/lido-logo/LidoLogoStyles.js.map +1 -1
- package/dist/cjs/link/Link.js.map +1 -1
- package/dist/cjs/link/LinkStyles.js.map +1 -1
- package/dist/cjs/loaders/InlineLoader.js +0 -2
- package/dist/cjs/loaders/InlineLoader.js.map +1 -1
- package/dist/cjs/loaders/InlineLoaderStyles.js.map +1 -1
- package/dist/cjs/loaders/Loader.js.map +1 -1
- package/dist/cjs/loaders/LoaderStyles.js.map +1 -1
- package/dist/cjs/loaders/types.js.map +1 -1
- package/dist/cjs/main-menu/MainMenu.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuItem.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuItemStyles.js.map +1 -1
- package/dist/cjs/main-menu/MainMenuStyles.js.map +1 -1
- package/dist/cjs/modal/Modal.js +0 -2
- package/dist/cjs/modal/Modal.js.map +1 -1
- package/dist/cjs/modal/ModalButton.js +2 -1
- package/dist/cjs/modal/ModalButton.js.map +1 -1
- package/dist/cjs/modal/ModalButtonStyles.js.map +1 -1
- package/dist/cjs/modal/ModalExtra.js +2 -1
- package/dist/cjs/modal/ModalExtra.js.map +1 -1
- package/dist/cjs/modal/ModalExtraStyles.js.map +1 -1
- package/dist/cjs/modal/ModalOverlay.js +1 -1
- package/dist/cjs/modal/ModalOverlay.js.map +1 -1
- package/dist/cjs/modal/ModalOverlayStyles.js +0 -3
- package/dist/cjs/modal/ModalOverlayStyles.js.map +1 -1
- package/dist/cjs/modal/ModalStyles.js.map +1 -1
- package/dist/cjs/modal/constants.js.map +1 -1
- package/dist/cjs/modal/types.js.map +1 -1
- package/dist/cjs/modal/useModalClose.js.map +1 -1
- package/dist/cjs/modal/useModalFocus.js +0 -3
- package/dist/cjs/modal/useModalFocus.js.map +1 -1
- package/dist/cjs/pagination/Pagination.js +2 -11
- package/dist/cjs/pagination/Pagination.js.map +1 -1
- package/dist/cjs/pagination/PaginationItem.js.map +1 -1
- package/dist/cjs/pagination/PaginationItemStyles.js.map +1 -1
- package/dist/cjs/pagination/getShowingPages.js +2 -29
- package/dist/cjs/pagination/getShowingPages.js.map +1 -1
- package/dist/cjs/pagination/types.js.map +1 -1
- package/dist/cjs/popover/Popover.js.map +1 -1
- package/dist/cjs/popover/PopoverRoot.js +3 -2
- package/dist/cjs/popover/PopoverRoot.js.map +1 -1
- package/dist/cjs/popover/PopoverRootStyles.js +0 -2
- package/dist/cjs/popover/PopoverRootStyles.js.map +1 -1
- package/dist/cjs/popover/PopoverStyles.js +0 -1
- package/dist/cjs/popover/PopoverStyles.js.map +1 -1
- package/dist/cjs/popover/calculatePosition.js +0 -11
- package/dist/cjs/popover/calculatePosition.js.map +1 -1
- package/dist/cjs/popover/constants.js.map +1 -1
- package/dist/cjs/popover/types.js.map +1 -1
- package/dist/cjs/popover/usePopoverPosition.js +2 -1
- package/dist/cjs/popover/usePopoverPosition.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenu.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuItem.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuItemStyles.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuProvider.js.map +1 -1
- package/dist/cjs/popup-menu/PopupMenuStyles.js.map +1 -1
- package/dist/cjs/popup-menu/constants.js.map +1 -1
- package/dist/cjs/popup-menu/types.js.map +1 -1
- package/dist/cjs/popup-menu/usePopupFocus.js.map +1 -1
- package/dist/cjs/section/Section.js +2 -1
- package/dist/cjs/section/Section.js.map +1 -1
- package/dist/cjs/section/SectionStyles.js.map +1 -1
- package/dist/cjs/select/Option.js.map +1 -1
- package/dist/cjs/select/Select.js.map +1 -1
- package/dist/cjs/select/SelectArrow.js +4 -2
- package/dist/cjs/select/SelectArrow.js.map +1 -1
- package/dist/cjs/select/SelectArrowStyles.js.map +1 -1
- package/dist/cjs/select/SelectIcon.js +2 -1
- package/dist/cjs/select/SelectIcon.js.map +1 -1
- package/dist/cjs/select/SelectIconStyles.js +1 -2
- package/dist/cjs/select/SelectIconStyles.js.map +1 -1
- package/dist/cjs/select/SelectStyles.js.map +1 -1
- package/dist/cjs/select/types.js.map +1 -1
- package/dist/cjs/select/useSelect.js +0 -3
- package/dist/cjs/select/useSelect.js.map +1 -1
- package/dist/cjs/select/useSelectWidth.js.map +1 -1
- package/dist/cjs/service-page/ServicePage.js +2 -1
- package/dist/cjs/service-page/ServicePage.js.map +1 -1
- package/dist/cjs/service-page/ServicePageStyles.js.map +1 -1
- package/dist/cjs/stack/HStack.js.map +1 -1
- package/dist/cjs/stack/Stack.js.map +1 -1
- package/dist/cjs/stack/StackItem.js.map +1 -1
- package/dist/cjs/stack/StackItemStyles.js.map +1 -1
- package/dist/cjs/stack/StackProvider.js.map +1 -1
- package/dist/cjs/stack/StackStyles.js.map +1 -1
- package/dist/cjs/stack/VStack.js.map +1 -1
- package/dist/cjs/stack/types.js.map +1 -1
- package/dist/cjs/styled-system/withStyledSystem.js +3 -2
- package/dist/cjs/styled-system/withStyledSystem.js.map +1 -1
- package/dist/cjs/table/Table.js.map +1 -1
- package/dist/cjs/table/Tbody.js.map +1 -1
- package/dist/cjs/table/Td.js.map +1 -1
- package/dist/cjs/table/Tfoot.js.map +1 -1
- package/dist/cjs/table/Th.js.map +1 -1
- package/dist/cjs/table/Thead.js.map +1 -1
- package/dist/cjs/table/Tr.js.map +1 -1
- package/dist/cjs/table/styles.js +0 -1
- package/dist/cjs/table/styles.js.map +1 -1
- package/dist/cjs/table/types.js.map +1 -1
- package/dist/cjs/text/Text.js.map +1 -1
- package/dist/cjs/text/TextStyles.js +0 -6
- package/dist/cjs/text/TextStyles.js.map +1 -1
- package/dist/cjs/text/types.js.map +1 -1
- package/dist/cjs/theme/base/borders.js.map +1 -1
- package/dist/cjs/theme/base/breakpoints.js.map +1 -1
- package/dist/cjs/theme/base/colors.js.map +1 -1
- package/dist/cjs/theme/base/index.js +2 -1
- package/dist/cjs/theme/base/index.js.map +1 -1
- package/dist/cjs/theme/base/shadows.js.map +1 -1
- package/dist/cjs/theme/base/spacing.js.map +1 -1
- package/dist/cjs/theme/base/transitions.js.map +1 -1
- package/dist/cjs/theme/base/typography.js.map +1 -1
- package/dist/cjs/theme/constants.js.map +1 -1
- package/dist/cjs/theme/cookie-theme-provider.js +34 -30
- package/dist/cjs/theme/cookie-theme-provider.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-fonts.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-colors.js +2 -4
- package/dist/cjs/theme/document-head-contents/element-theme-colors.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/element-theme-script.js +5 -13
- package/dist/cjs/theme/document-head-contents/element-theme-script.js.map +1 -1
- package/dist/cjs/theme/document-head-contents/index.js.map +1 -1
- package/dist/cjs/theme/hooks.js.map +1 -1
- package/dist/cjs/theme/theme-provider.js +6 -3
- package/dist/cjs/theme/theme-provider.js.map +1 -1
- package/dist/cjs/theme/themes.js +8 -4
- package/dist/cjs/theme/themes.js.map +1 -1
- package/dist/cjs/theme/utils/cookies-migration.js +0 -4
- package/dist/cjs/theme/utils/cookies-migration.js.map +1 -1
- package/dist/cjs/theme/utils/cookies.js +3 -2
- package/dist/cjs/theme/utils/cookies.js.map +1 -1
- package/dist/cjs/theme/utils/generate-css-color-variables.js +0 -4
- package/dist/cjs/theme/utils/generate-css-color-variables.js.map +1 -1
- package/dist/cjs/theme/utils/set-theme-cookie.js +2 -5
- package/dist/cjs/theme/utils/set-theme-cookie.js.map +1 -1
- package/dist/cjs/toast/ToastContainer.js +38 -38
- package/dist/cjs/toast/ToastContainer.js.map +1 -1
- package/dist/cjs/toast/ToastDefault.js +2 -1
- package/dist/cjs/toast/ToastDefault.js.map +1 -1
- package/dist/cjs/toast/ToastError.js +2 -1
- package/dist/cjs/toast/ToastError.js.map +1 -1
- package/dist/cjs/toast/ToastInfo.js +2 -1
- package/dist/cjs/toast/ToastInfo.js.map +1 -1
- package/dist/cjs/toast/ToastPending.js +3 -2
- package/dist/cjs/toast/ToastPending.js.map +1 -1
- package/dist/cjs/toast/ToastPendingStyles.js.map +1 -1
- package/dist/cjs/toast/ToastSuccess.js +2 -1
- package/dist/cjs/toast/ToastSuccess.js.map +1 -1
- package/dist/cjs/toast/toastsDefaultOptions.js +8 -4
- package/dist/cjs/toast/toastsDefaultOptions.js.map +1 -1
- package/dist/cjs/tooltip/Tooltip.js +2 -8
- package/dist/cjs/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/tooltip/TooltipStyles.js.map +1 -1
- package/dist/cjs/transition/withTransition.js +4 -3
- package/dist/cjs/transition/withTransition.js.map +1 -1
- package/dist/cjs/utils/cookies-client-side.js +2 -10
- package/dist/cjs/utils/cookies-client-side.js.map +1 -1
- package/dist/cjs/utils/get-top-level-domain.js.map +1 -1
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/modalRoot.js +0 -3
- package/dist/cjs/utils/modalRoot.js.map +1 -1
- package/dist/cjs/utils/styled-components-wrapper.js +2 -0
- package/dist/cjs/utils/styled-components-wrapper.js.map +1 -1
- package/dist/esm/accordion/Accordion.mjs +6 -3
- package/dist/esm/accordion/Accordion.mjs.map +1 -1
- package/dist/esm/accordion/AccordionStyles.mjs +8 -8
- package/dist/esm/accordion/AccordionStyles.mjs.map +1 -1
- package/dist/esm/accordion/useExpanded.mjs.map +1 -1
- package/dist/esm/address/Address.mjs +2 -1
- package/dist/esm/address/Address.mjs.map +1 -1
- package/dist/esm/address/AddressStyles.mjs.map +1 -1
- package/dist/esm/address/trimAddress.mjs.map +1 -1
- package/dist/esm/addressBadge/AddressBadge.mjs.map +1 -1
- package/dist/esm/addressBadge/AddressBadgeStyles.mjs.map +1 -1
- package/dist/esm/block/Block.mjs.map +1 -1
- package/dist/esm/block/BlockStyles.mjs.map +1 -1
- package/dist/esm/block/types.mjs.map +1 -1
- package/dist/esm/box/Box.mjs.map +1 -1
- package/dist/esm/button/Button.mjs.map +1 -1
- package/dist/esm/button/ButtonIcon.mjs.map +1 -1
- package/dist/esm/button/ButtonIconStyles.mjs.map +1 -1
- package/dist/esm/button/ButtonStyles.mjs +42 -46
- package/dist/esm/button/ButtonStyles.mjs.map +1 -1
- package/dist/esm/button/types.mjs.map +1 -1
- package/dist/esm/button/useRipple.mjs +1 -1
- package/dist/esm/button/useRipple.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLine.mjs +0 -3
- package/dist/esm/chart-line/ChartLine.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLineLabel.mjs +0 -1
- package/dist/esm/chart-line/ChartLineLabel.mjs.map +1 -1
- package/dist/esm/chart-line/ChartLineStyles.mjs +16 -28
- package/dist/esm/chart-line/ChartLineStyles.mjs.map +1 -1
- package/dist/esm/chart-line/types.mjs.map +1 -1
- package/dist/esm/chart-line/utils/checkViewport.mjs +1 -0
- package/dist/esm/chart-line/utils/checkViewport.mjs.map +1 -1
- package/dist/esm/chart-line/utils/constants.mjs.map +1 -1
- package/dist/esm/chart-line/utils/getContainerSize.mjs +0 -2
- package/dist/esm/chart-line/utils/getContainerSize.mjs.map +1 -1
- package/dist/esm/chart-line/utils/handlePositioning.mjs +30 -32
- package/dist/esm/chart-line/utils/handlePositioning.mjs.map +1 -1
- package/dist/esm/chart-line/utils/processData.mjs +2 -1
- package/dist/esm/chart-line/utils/processData.mjs.map +1 -1
- package/dist/esm/chart-proportion/ChartProportion.mjs +0 -2
- package/dist/esm/chart-proportion/ChartProportion.mjs.map +1 -1
- package/dist/esm/chart-proportion/ChartProportionStyles.mjs +0 -5
- package/dist/esm/chart-proportion/ChartProportionStyles.mjs.map +1 -1
- package/dist/esm/chart-proportion/types.mjs.map +1 -1
- package/dist/esm/checkbox/Checkbox.mjs.map +1 -1
- package/dist/esm/checkbox/CheckboxStyles.mjs.map +1 -1
- package/dist/esm/chip/Chip.mjs.map +1 -1
- package/dist/esm/chip/ChipStyles.mjs.map +1 -1
- package/dist/esm/chip/types.mjs.map +1 -1
- package/dist/esm/container/Container.mjs.map +1 -1
- package/dist/esm/container/ContainerStyles.mjs.map +1 -1
- package/dist/esm/container/types.mjs.map +1 -1
- package/dist/esm/content-theme/content-theme.mjs +4 -2
- package/dist/esm/content-theme/content-theme.mjs.map +1 -1
- package/dist/esm/content-theme/styles.mjs.map +1 -1
- package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.mjs.map +1 -1
- package/dist/esm/cookie-theme-toggler/styles.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/constants.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs +4 -3
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/styles.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/utils.mjs +2 -7
- package/dist/esm/cookies-tooltip/utils.mjs.map +1 -1
- package/dist/esm/data-table/DataTable.mjs.map +1 -1
- package/dist/esm/data-table/DataTableStyles.mjs.map +1 -1
- package/dist/esm/divider/Divider.mjs.map +1 -1
- package/dist/esm/divider/DividerStyles.mjs +0 -1
- package/dist/esm/divider/DividerStyles.mjs.map +1 -1
- package/dist/esm/divider/types.mjs.map +1 -1
- package/dist/esm/heading/Heading.mjs.map +1 -1
- package/dist/esm/heading/HeadingStyles.mjs +0 -2
- package/dist/esm/heading/HeadingStyles.mjs.map +1 -1
- package/dist/esm/heading/types.mjs.map +1 -1
- package/dist/esm/hooks/useBreakpoint.mjs +0 -2
- package/dist/esm/hooks/useBreakpoint.mjs.map +1 -1
- package/dist/esm/hooks/useEscape.mjs.map +1 -1
- package/dist/esm/hooks/useInterceptFocus.mjs.map +1 -1
- package/dist/esm/hooks/useIsomorphicLayoutEffect.mjs +1 -0
- package/dist/esm/hooks/useIsomorphicLayoutEffect.mjs.map +1 -1
- package/dist/esm/hooks/useLockScroll.mjs +0 -6
- package/dist/esm/hooks/useLockScroll.mjs.map +1 -1
- package/dist/esm/hooks/useMergeRefs.mjs.map +1 -1
- package/dist/esm/hooks/useOutsideClick.mjs.map +1 -1
- package/dist/esm/hooks/useSystemTheme.mjs +0 -2
- package/dist/esm/hooks/useSystemTheme.mjs.map +1 -1
- package/dist/esm/hooks/useWindowSize.mjs +0 -1
- package/dist/esm/hooks/useWindowSize.mjs.map +1 -1
- package/dist/esm/icons/index.mjs +1 -0
- package/dist/esm/icons/index.mjs.map +1 -1
- package/dist/esm/identicon/Identicon.mjs +4 -3
- package/dist/esm/identicon/Identicon.mjs.map +1 -1
- package/dist/esm/identicon/IdenticonBadge.mjs.map +1 -1
- package/dist/esm/identicon/IdenticonStyles.mjs.map +1 -1
- package/dist/esm/identicon/types.mjs.map +1 -1
- package/dist/esm/input/Input.mjs +0 -1
- package/dist/esm/input/Input.mjs.map +1 -1
- package/dist/esm/input/InputGroup.mjs.map +1 -1
- package/dist/esm/input/InputGroupStyles.mjs.map +1 -1
- package/dist/esm/input/InputStyles.mjs +36 -36
- package/dist/esm/input/InputStyles.mjs.map +1 -1
- package/dist/esm/input/LabelStyles.mjs.map +1 -1
- package/dist/esm/input/OptionsSlider.mjs +0 -5
- package/dist/esm/input/OptionsSlider.mjs.map +1 -1
- package/dist/esm/input/SliderInput.mjs +0 -2
- package/dist/esm/input/SliderInput.mjs.map +1 -1
- package/dist/esm/input/SliderInputStyles.mjs.map +1 -1
- package/dist/esm/input/Textarea.mjs +0 -1
- package/dist/esm/input/Textarea.mjs.map +1 -1
- package/dist/esm/input/types.mjs.map +1 -1
- package/dist/esm/lido-logo/LidoLogo.mjs +2 -1
- package/dist/esm/lido-logo/LidoLogo.mjs.map +1 -1
- package/dist/esm/lido-logo/LidoLogoStyles.mjs.map +1 -1
- package/dist/esm/link/Link.mjs.map +1 -1
- package/dist/esm/link/LinkStyles.mjs.map +1 -1
- package/dist/esm/loaders/InlineLoader.mjs +0 -2
- package/dist/esm/loaders/InlineLoader.mjs.map +1 -1
- package/dist/esm/loaders/InlineLoaderStyles.mjs.map +1 -1
- package/dist/esm/loaders/Loader.mjs.map +1 -1
- package/dist/esm/loaders/LoaderStyles.mjs.map +1 -1
- package/dist/esm/loaders/types.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenu.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuItem.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuItemStyles.mjs.map +1 -1
- package/dist/esm/main-menu/MainMenuStyles.mjs.map +1 -1
- package/dist/esm/modal/Modal.mjs +0 -2
- package/dist/esm/modal/Modal.mjs.map +1 -1
- package/dist/esm/modal/ModalButton.mjs +2 -1
- package/dist/esm/modal/ModalButton.mjs.map +1 -1
- package/dist/esm/modal/ModalButtonStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalExtra.mjs +2 -1
- package/dist/esm/modal/ModalExtra.mjs.map +1 -1
- package/dist/esm/modal/ModalExtraStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalOverlay.mjs +1 -1
- package/dist/esm/modal/ModalOverlay.mjs.map +1 -1
- package/dist/esm/modal/ModalOverlayStyles.mjs +0 -3
- package/dist/esm/modal/ModalOverlayStyles.mjs.map +1 -1
- package/dist/esm/modal/ModalStyles.mjs.map +1 -1
- package/dist/esm/modal/constants.mjs.map +1 -1
- package/dist/esm/modal/types.mjs.map +1 -1
- package/dist/esm/modal/useModalClose.mjs.map +1 -1
- package/dist/esm/modal/useModalFocus.mjs +0 -3
- package/dist/esm/modal/useModalFocus.mjs.map +1 -1
- package/dist/esm/pagination/Pagination.mjs +2 -11
- package/dist/esm/pagination/Pagination.mjs.map +1 -1
- package/dist/esm/pagination/PaginationItem.mjs.map +1 -1
- package/dist/esm/pagination/PaginationItemStyles.mjs.map +1 -1
- package/dist/esm/pagination/getShowingPages.mjs +2 -29
- package/dist/esm/pagination/getShowingPages.mjs.map +1 -1
- package/dist/esm/pagination/types.mjs.map +1 -1
- package/dist/esm/popover/Popover.mjs.map +1 -1
- package/dist/esm/popover/PopoverRoot.mjs +3 -2
- package/dist/esm/popover/PopoverRoot.mjs.map +1 -1
- package/dist/esm/popover/PopoverRootStyles.mjs +0 -2
- package/dist/esm/popover/PopoverRootStyles.mjs.map +1 -1
- package/dist/esm/popover/PopoverStyles.mjs +0 -1
- package/dist/esm/popover/PopoverStyles.mjs.map +1 -1
- package/dist/esm/popover/calculatePosition.mjs +0 -11
- package/dist/esm/popover/calculatePosition.mjs.map +1 -1
- package/dist/esm/popover/constants.mjs.map +1 -1
- package/dist/esm/popover/types.mjs.map +1 -1
- package/dist/esm/popover/usePopoverPosition.mjs +2 -1
- package/dist/esm/popover/usePopoverPosition.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenu.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuItem.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuItemStyles.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuProvider.mjs.map +1 -1
- package/dist/esm/popup-menu/PopupMenuStyles.mjs.map +1 -1
- package/dist/esm/popup-menu/constants.mjs.map +1 -1
- package/dist/esm/popup-menu/types.mjs.map +1 -1
- package/dist/esm/popup-menu/usePopupFocus.mjs.map +1 -1
- package/dist/esm/section/Section.mjs +2 -1
- package/dist/esm/section/Section.mjs.map +1 -1
- package/dist/esm/section/SectionStyles.mjs.map +1 -1
- package/dist/esm/select/Option.mjs.map +1 -1
- package/dist/esm/select/Select.mjs.map +1 -1
- package/dist/esm/select/SelectArrow.mjs +4 -2
- package/dist/esm/select/SelectArrow.mjs.map +1 -1
- package/dist/esm/select/SelectArrowStyles.mjs.map +1 -1
- package/dist/esm/select/SelectIcon.mjs +2 -1
- package/dist/esm/select/SelectIcon.mjs.map +1 -1
- package/dist/esm/select/SelectIconStyles.mjs +1 -2
- package/dist/esm/select/SelectIconStyles.mjs.map +1 -1
- package/dist/esm/select/SelectStyles.mjs.map +1 -1
- package/dist/esm/select/types.mjs.map +1 -1
- package/dist/esm/select/useSelect.mjs +0 -3
- package/dist/esm/select/useSelect.mjs.map +1 -1
- package/dist/esm/select/useSelectWidth.mjs.map +1 -1
- package/dist/esm/service-page/ServicePage.mjs +2 -1
- package/dist/esm/service-page/ServicePage.mjs.map +1 -1
- package/dist/esm/service-page/ServicePageStyles.mjs.map +1 -1
- package/dist/esm/stack/HStack.mjs.map +1 -1
- package/dist/esm/stack/Stack.mjs.map +1 -1
- package/dist/esm/stack/StackItem.mjs.map +1 -1
- package/dist/esm/stack/StackItemStyles.mjs.map +1 -1
- package/dist/esm/stack/StackProvider.mjs.map +1 -1
- package/dist/esm/stack/StackStyles.mjs.map +1 -1
- package/dist/esm/stack/VStack.mjs.map +1 -1
- package/dist/esm/stack/types.mjs.map +1 -1
- package/dist/esm/styled-system/withStyledSystem.mjs +3 -2
- package/dist/esm/styled-system/withStyledSystem.mjs.map +1 -1
- package/dist/esm/table/Table.mjs.map +1 -1
- package/dist/esm/table/Tbody.mjs.map +1 -1
- package/dist/esm/table/Td.mjs.map +1 -1
- package/dist/esm/table/Tfoot.mjs.map +1 -1
- package/dist/esm/table/Th.mjs.map +1 -1
- package/dist/esm/table/Thead.mjs.map +1 -1
- package/dist/esm/table/Tr.mjs.map +1 -1
- package/dist/esm/table/styles.mjs +0 -1
- package/dist/esm/table/styles.mjs.map +1 -1
- package/dist/esm/table/types.mjs.map +1 -1
- package/dist/esm/text/Text.mjs.map +1 -1
- package/dist/esm/text/TextStyles.mjs +0 -6
- package/dist/esm/text/TextStyles.mjs.map +1 -1
- package/dist/esm/text/types.mjs.map +1 -1
- package/dist/esm/theme/base/borders.mjs.map +1 -1
- package/dist/esm/theme/base/breakpoints.mjs.map +1 -1
- package/dist/esm/theme/base/colors.mjs.map +1 -1
- package/dist/esm/theme/base/index.mjs +2 -1
- package/dist/esm/theme/base/index.mjs.map +1 -1
- package/dist/esm/theme/base/shadows.mjs.map +1 -1
- package/dist/esm/theme/base/spacing.mjs.map +1 -1
- package/dist/esm/theme/base/transitions.mjs.map +1 -1
- package/dist/esm/theme/base/typography.mjs.map +1 -1
- package/dist/esm/theme/constants.mjs.map +1 -1
- package/dist/esm/theme/cookie-theme-provider.mjs +34 -30
- package/dist/esm/theme/cookie-theme-provider.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-fonts.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-colors.mjs +2 -4
- package/dist/esm/theme/document-head-contents/element-theme-colors.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/element-theme-script.mjs +5 -13
- package/dist/esm/theme/document-head-contents/element-theme-script.mjs.map +1 -1
- package/dist/esm/theme/document-head-contents/index.mjs.map +1 -1
- package/dist/esm/theme/hooks.mjs.map +1 -1
- package/dist/esm/theme/theme-provider.mjs +6 -3
- package/dist/esm/theme/theme-provider.mjs.map +1 -1
- package/dist/esm/theme/themes.mjs +8 -4
- package/dist/esm/theme/themes.mjs.map +1 -1
- package/dist/esm/theme/utils/cookies-migration.mjs +0 -4
- package/dist/esm/theme/utils/cookies-migration.mjs.map +1 -1
- package/dist/esm/theme/utils/cookies.mjs +3 -2
- package/dist/esm/theme/utils/cookies.mjs.map +1 -1
- package/dist/esm/theme/utils/generate-css-color-variables.mjs +0 -4
- package/dist/esm/theme/utils/generate-css-color-variables.mjs.map +1 -1
- package/dist/esm/theme/utils/set-theme-cookie.mjs +2 -5
- package/dist/esm/theme/utils/set-theme-cookie.mjs.map +1 -1
- package/dist/esm/toast/ToastContainer.mjs +38 -38
- package/dist/esm/toast/ToastContainer.mjs.map +1 -1
- package/dist/esm/toast/ToastDefault.mjs +2 -1
- package/dist/esm/toast/ToastDefault.mjs.map +1 -1
- package/dist/esm/toast/ToastError.mjs +2 -1
- package/dist/esm/toast/ToastError.mjs.map +1 -1
- package/dist/esm/toast/ToastInfo.mjs +2 -1
- package/dist/esm/toast/ToastInfo.mjs.map +1 -1
- package/dist/esm/toast/ToastPending.mjs +3 -2
- package/dist/esm/toast/ToastPending.mjs.map +1 -1
- package/dist/esm/toast/ToastPendingStyles.mjs.map +1 -1
- package/dist/esm/toast/ToastSuccess.mjs +2 -1
- package/dist/esm/toast/ToastSuccess.mjs.map +1 -1
- package/dist/esm/toast/toastsDefaultOptions.mjs +8 -4
- package/dist/esm/toast/toastsDefaultOptions.mjs.map +1 -1
- package/dist/esm/tooltip/Tooltip.mjs +2 -8
- package/dist/esm/tooltip/Tooltip.mjs.map +1 -1
- package/dist/esm/tooltip/TooltipStyles.mjs.map +1 -1
- package/dist/esm/transition/withTransition.mjs +4 -3
- package/dist/esm/transition/withTransition.mjs.map +1 -1
- package/dist/esm/utils/cookies-client-side.mjs +2 -10
- package/dist/esm/utils/cookies-client-side.mjs.map +1 -1
- package/dist/esm/utils/get-top-level-domain.mjs.map +1 -1
- package/dist/esm/utils/index.mjs +1 -0
- package/dist/esm/utils/index.mjs.map +1 -1
- package/dist/esm/utils/modalRoot.mjs +0 -3
- package/dist/esm/utils/modalRoot.mjs.map +1 -1
- package/dist/esm/utils/styled-components-wrapper.mjs +2 -0
- package/dist/esm/utils/styled-components-wrapper.mjs.map +1 -1
- package/dist/types/accordion/AccordionStyles.d.ts +1 -1
- package/dist/types/checkbox/CheckboxStyles.d.ts +1 -1
- package/dist/types/checkbox/CheckboxStyles.d.ts.map +1 -1
- package/dist/types/cookie-theme-toggler/styles.d.ts +2 -2
- package/dist/types/cookie-theme-toggler/styles.d.ts.map +1 -1
- package/dist/types/data-table/DataTableStyles.d.ts +1 -1
- package/dist/types/data-table/DataTableStyles.d.ts.map +1 -1
- package/dist/types/icons/index.d.ts +83 -83
- package/dist/types/icons/index.d.ts.map +1 -1
- package/dist/types/input/Input.d.ts +1 -1
- package/dist/types/input/OptionsSlider.d.ts +1 -2
- package/dist/types/input/OptionsSlider.d.ts.map +1 -1
- package/dist/types/input/SliderInput.d.ts +1 -2
- package/dist/types/input/SliderInput.d.ts.map +1 -1
- package/dist/types/modal/ModalOverlay.d.ts +2 -2
- package/dist/types/modal/ModalOverlay.d.ts.map +1 -1
- package/dist/types/modal/ModalStyles.d.ts +2 -2
- package/dist/types/popover/PopoverRoot.d.ts +2 -2
- package/dist/types/popover/PopoverRoot.d.ts.map +1 -1
- package/dist/types/popover/PopoverStyles.d.ts +2 -2
- package/dist/types/popover/PopoverStyles.d.ts.map +1 -1
- package/dist/types/popover/usePopoverPosition.d.ts +1 -1
- package/dist/types/popover/usePopoverPosition.d.ts.map +1 -1
- package/dist/types/select/SelectArrowStyles.d.ts +1 -1
- package/dist/types/select/SelectArrowStyles.d.ts.map +1 -1
- package/dist/types/select/SelectIconStyles.d.ts.map +1 -1
- package/dist/types/select/SelectStyles.d.ts +1 -1
- package/dist/types/stack/Stack.d.ts +2 -2
- package/dist/types/table/Td.d.ts +1 -1
- package/dist/types/table/Th.d.ts +1 -1
- package/dist/types/table/styles.d.ts +2 -2
- package/dist/types/table/styles.d.ts.map +1 -1
- package/dist/types/theme/document-head-contents/element-theme-colors.d.ts +1 -2
- package/dist/types/theme/document-head-contents/element-theme-colors.d.ts.map +1 -1
- package/dist/types/theme/document-head-contents/element-theme-script.d.ts +1 -2
- package/dist/types/theme/document-head-contents/element-theme-script.d.ts.map +1 -1
- package/package.json +15 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableStyles.mjs","sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Question } from '../icons/index.js'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n display: flex;\n margin: ${({ theme }) => theme.spaceMap.md}px 0;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n`\n\nexport const DataTableTitleStyle = styled.div`\n color: var(--lido-color-textSecondary);\n flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n color: var(\n --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n );\n text-align: right;\n margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n margin: -6px 0 -5px;\n vertical-align: middle;\n`\n"],"names":["DataTableStyle","styled","div","DataTableRowStyle","theme","spaceMap","md","fontSizesMap","xxs","DataTableTitleStyle","DataTableValueStyle","$highlight","xxl","DataTableQuestionStyle","Question"],"mappings":";;;MAGaA,cAAc,GAAGC,MAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"DataTableStyles.mjs","sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Question } from '../icons/index.js'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n display: flex;\n margin: ${({ theme }) => theme.spaceMap.md}px 0;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n`\n\nexport const DataTableTitleStyle = styled.div`\n color: var(--lido-color-textSecondary);\n flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n color: var(\n --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n );\n text-align: right;\n margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n margin: -6px 0 -5px;\n vertical-align: middle;\n`\n"],"names":["DataTableStyle","styled","div","DataTableRowStyle","_ref","theme","spaceMap","md","_ref2","fontSizesMap","xxs","DataTableTitleStyle","DataTableValueStyle","_ref3","$highlight","_ref4","xxl","DataTableQuestionStyle","Question"],"mappings":";;;MAGaA,cAAc,GAAGC,MAAM,CAACC,GAAG,CAAE,EAAA;AAE7BC,MAAAA,iBAAiB,GAAGF,MAAM,CAACC,GAAG,CAAA;AAC3C;AACA,UAAA,EAAYE,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5C;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,mBAAmB,GAAGV,MAAM,CAACC,GAAG,CAAA;AAC7C;AACA;AACA,EAAC;AAEYU,MAAAA,mBAAmB,GAAGX,MAAM,CAACC,GAA4B,CAAA;AACtE;AACA,iBAAA,EAAmBW,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,UAAU,GAAG,CAAS,OAAA,CAAA,GAAG,CAAM,IAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACxE;AACA;AACA,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACC,QAAQ,CAACU,GAAG,CAAA;AAAA,CAAA,CAAA;AAClD;AACA,EAAC;MAEYC,sBAAsB,GAAGhB,MAAM,CAACiB,QAAQ,CAAC,CAAA;AACtD;AACA;AACA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.mjs","sources":["../../../packages/divider/Divider.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { DividerStyle } from './DividerStyles.js'\nimport { DividerProps } from './types.js'\n\nexport const Divider = forwardRef(\n (\n { type = 'horizontal', indents, children, ...rest }: DividerProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n return <DividerStyle $type={type} $indents={indents} ref={ref} {...rest} />\n },\n)\nDivider.displayName = 'Divider'\n"],"names":["Divider","forwardRef","ref","type","indents","children","rest","_jsx","displayName"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Divider.mjs","sources":["../../../packages/divider/Divider.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { DividerStyle } from './DividerStyles.js'\nimport { DividerProps } from './types.js'\n\nexport const Divider = forwardRef(\n (\n { type = 'horizontal', indents, children, ...rest }: DividerProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n return <DividerStyle $type={type} $indents={indents} ref={ref} {...rest} />\n },\n)\nDivider.displayName = 'Divider'\n"],"names":["Divider","forwardRef","_ref","ref","type","indents","children","rest","_jsx","DividerStyle","$type","$indents","displayName"],"mappings":";;;;AAIO,MAAMA,OAAO,gBAAGC,UAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,YAAY;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAL,IAAA,CAAA;EAGjE,oBAAOM,GAAA,CAACC,YAAY,EAAA;AAACC,IAAAA,KAAK,EAAEN,IAAK;AAACO,IAAAA,QAAQ,EAAEN,OAAQ;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKI,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC7E,CACF,EAAC;AACDP,OAAO,CAACY,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DividerStyles.mjs","sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { DividerIndents, DividerTypes } from './types.js'\n\ntype InjectedProps = {\n $type: DividerTypes\n $indents?: DividerIndents\n theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n horizontal: css<InjectedProps>`\n border-top: 1px solid currentcolor;\n width: 100%;\n height: 0;\n margin: ${getIndents} 0;\n `,\n vertical: css<InjectedProps>`\n border-left: 1px solid currentcolor;\n align-self: stretch;\n width: 0;\n margin: 0 ${getIndents};\n `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n box-sizing: border-box;\n list-style: none;\n opacity: 0.1;\n margin: 0;\n padding: 0;\n flex-shrink: 0;\n flex-grow: 0;\n\n ${(props) => types[props.$type]}\n`\n"],"names":["getIndents","$indents","theme","spaceMap","types","horizontal","css","vertical","DividerStyle","styled","div","props","$type"],"mappings":";;;AAUA,MAAMA,UAAU,
|
|
1
|
+
{"version":3,"file":"DividerStyles.mjs","sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { DividerIndents, DividerTypes } from './types.js'\n\ntype InjectedProps = {\n $type: DividerTypes\n $indents?: DividerIndents\n theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n horizontal: css<InjectedProps>`\n border-top: 1px solid currentcolor;\n width: 100%;\n height: 0;\n margin: ${getIndents} 0;\n `,\n vertical: css<InjectedProps>`\n border-left: 1px solid currentcolor;\n align-self: stretch;\n width: 0;\n margin: 0 ${getIndents};\n `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n box-sizing: border-box;\n list-style: none;\n opacity: 0.1;\n margin: 0;\n padding: 0;\n flex-shrink: 0;\n flex-grow: 0;\n\n ${(props) => types[props.$type]}\n`\n"],"names":["getIndents","_ref","$indents","theme","spaceMap","types","horizontal","css","vertical","DividerStyle","styled","div","props","$type"],"mappings":";;;AAUA,MAAMA,UAAU,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAqB,GAAC,GAAAF,IAAA,CAAA;EACpD,OAAOC,QAAQ,GAAG,CAAA,EAAGC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAI,EAAA,CAAA,GAAG,GAAG,CAAA;AACzD,CAAC,CAAA;AAED,MAAMG,KAAK,GAAG;AACZC,EAAAA,UAAU,EAAEC,GAAkB,CAAA;AAChC;AACA;AACA;AACA,YAAA,EAAcP,UAAU,CAAA;AACxB,EAAG,CAAA;AACDQ,EAAAA,QAAQ,EAAED,GAAkB,CAAA;AAC9B;AACA;AACA;AACA,cAAA,EAAgBP,UAAU,CAAA;AAC1B,EAAA,CAAA;AACA,CAAC,CAAA;AAEYS,MAAAA,YAAY,GAAGC,MAAM,CAACC,GAAkB,CAAA;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAK,IAAKP,KAAK,CAACO,KAAK,CAACC,KAAK,CAAC,CAAA;AACjC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.mjs","sources":["../../../packages/divider/types.tsx"],"sourcesContent":["export type { Theme } from '../theme/index.js'\nimport { LidoComponentProps } from '../utils/index.js'\n\nexport enum DividerType {\n vertical,\n horizontal,\n}\nexport type DividerTypes = keyof typeof DividerType\n\nexport enum DividerIndent {\n xs,\n sm,\n md,\n lg,\n xl,\n}\nexport type DividerIndents = keyof typeof DividerIndent\n\nexport type DividerProps = LidoComponentProps<\n 'div',\n {\n type?: DividerTypes\n indents?: DividerIndents\n children?: never\n }\n>\n"],"names":["DividerType","DividerIndent"],"mappings":"AAGYA,IAAAA,
|
|
1
|
+
{"version":3,"file":"types.mjs","sources":["../../../packages/divider/types.tsx"],"sourcesContent":["export type { Theme } from '../theme/index.js'\nimport { LidoComponentProps } from '../utils/index.js'\n\nexport enum DividerType {\n vertical,\n horizontal,\n}\nexport type DividerTypes = keyof typeof DividerType\n\nexport enum DividerIndent {\n xs,\n sm,\n md,\n lg,\n xl,\n}\nexport type DividerIndents = keyof typeof DividerIndent\n\nexport type DividerProps = LidoComponentProps<\n 'div',\n {\n type?: DividerTypes\n indents?: DividerIndents\n children?: never\n }\n>\n"],"names":["DividerType","DividerIndent"],"mappings":"AAGYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMXC,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.mjs","sources":["../../../packages/heading/Heading.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles.js'\nimport { HeadingProps, HProps } from './types.js'\n\nexport const Heading = forwardRef(\n (\n { size = 'md', color = 'text', ...rest }: HeadingProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n },\n)\nHeading.displayName = 'Heading'\n\nexport const H1 = forwardRef(\n (\n { color = 'text', ...rest }: HProps<'h1'>,\n ref?: ForwardedRef<HTMLHeadingElement>,\n ) => {\n return <H1Style $color={color} ref={ref} {...rest} />\n },\n)\nH1.displayName = 'H1'\n\nexport const H2 = forwardRef(\n (\n { color = 'text', ...rest }: HProps<'h2'>,\n ref?: ForwardedRef<HTMLHeadingElement>,\n ) => {\n return <H2Style $color={color} ref={ref} {...rest} />\n },\n)\nH2.displayName = 'H2'\n\nexport const H3 = forwardRef(\n (\n { color = 'text', ...rest }: HProps<'h3'>,\n ref?: ForwardedRef<HTMLHeadingElement>,\n ) => {\n return <H3Style $color={color} ref={ref} {...rest} />\n },\n)\nH3.displayName = 'H3'\n"],"names":["Heading","forwardRef","ref","size","color","rest","_jsx","displayName","H1","H2","H3"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Heading.mjs","sources":["../../../packages/heading/Heading.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles.js'\nimport { HeadingProps, HProps } from './types.js'\n\nexport const Heading = forwardRef(\n (\n { size = 'md', color = 'text', ...rest }: HeadingProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n },\n)\nHeading.displayName = 'Heading'\n\nexport const H1 = forwardRef(\n (\n { color = 'text', ...rest }: HProps<'h1'>,\n ref?: ForwardedRef<HTMLHeadingElement>,\n ) => {\n return <H1Style $color={color} ref={ref} {...rest} />\n },\n)\nH1.displayName = 'H1'\n\nexport const H2 = forwardRef(\n (\n { color = 'text', ...rest }: HProps<'h2'>,\n ref?: ForwardedRef<HTMLHeadingElement>,\n ) => {\n return <H2Style $color={color} ref={ref} {...rest} />\n },\n)\nH2.displayName = 'H2'\n\nexport const H3 = forwardRef(\n (\n { color = 'text', ...rest }: HProps<'h3'>,\n ref?: ForwardedRef<HTMLHeadingElement>,\n ) => {\n return <H3Style $color={color} ref={ref} {...rest} />\n },\n)\nH3.displayName = 'H3'\n"],"names":["Heading","forwardRef","_ref","ref","size","color","rest","_jsx","HeadingStyle","$size","$color","displayName","H1","_ref2","H1Style","H2","_ref3","H2Style","H3","_ref4","H3Style"],"mappings":";;;;AAIO,MAAMA,OAAO,gBAAGC,UAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAJ,IAAA,CAAA;EAGtD,oBAAOK,GAAA,CAACC,YAAY,EAAA;AAACC,IAAAA,KAAK,EAAEL,IAAK;AAACM,IAAAA,MAAM,EAAEL,KAAM;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKG,IAAAA;AAAI,GAAG,CAAC,CAAA;AACzE,CACF,EAAC;AACDN,OAAO,CAACW,WAAW,GAAG,SAAS,CAAA;AAExB,MAAMC,EAAE,gBAAGX,UAAU,CAC1B,CAAAY,KAAA,EAEEV,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAO,KAAA,CAAA;EAGzC,oBAAON,GAAA,CAACO,OAAO,EAAA;AAACJ,IAAAA,MAAM,EAAEL,KAAM;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKG,IAAAA;AAAI,GAAG,CAAC,CAAA;AACvD,CACF,EAAC;AACDM,EAAE,CAACD,WAAW,GAAG,IAAI,CAAA;AAEd,MAAMI,EAAE,gBAAGd,UAAU,CAC1B,CAAAe,KAAA,EAEEb,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAU,KAAA,CAAA;EAGzC,oBAAOT,GAAA,CAACU,OAAO,EAAA;AAACP,IAAAA,MAAM,EAAEL,KAAM;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKG,IAAAA;AAAI,GAAG,CAAC,CAAA;AACvD,CACF,EAAC;AACDS,EAAE,CAACJ,WAAW,GAAG,IAAI,CAAA;AAEd,MAAMO,EAAE,gBAAGjB,UAAU,CAC1B,CAAAkB,KAAA,EAEEhB,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAa,KAAA,CAAA;EAGzC,oBAAOZ,GAAA,CAACa,OAAO,EAAA;AAACV,IAAAA,MAAM,EAAEL,KAAM;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKG,IAAAA;AAAI,GAAG,CAAC,CAAA;AACvD,CACF,EAAC;AACDY,EAAE,CAACP,WAAW,GAAG,IAAI;;;;"}
|
|
@@ -30,7 +30,6 @@ const sizes = {
|
|
|
30
30
|
line-height: 1.3em;
|
|
31
31
|
`
|
|
32
32
|
};
|
|
33
|
-
|
|
34
33
|
const getHeadingColor = props => {
|
|
35
34
|
const colorsMap = {
|
|
36
35
|
text: `var(--lido-color-text)`,
|
|
@@ -38,7 +37,6 @@ const getHeadingColor = props => {
|
|
|
38
37
|
};
|
|
39
38
|
return colorsMap[props.$color];
|
|
40
39
|
};
|
|
41
|
-
|
|
42
40
|
const commonCSS = css`
|
|
43
41
|
margin: 0;
|
|
44
42
|
padding: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeadingStyles.mjs","sources":["../../../packages/heading/HeadingStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { HeadingColors, HeadingSizes } from './types.js'\n\nexport const sizes = {\n sm: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n line-height: 1.3em;\n `,\n md: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xxl}px;\n line-height: 1.3em;\n `,\n lg: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xxxl}px;\n line-height: 1.3em;\n `,\n}\n\ntype InjectedProps = {\n $color: HeadingColors\n theme: Theme\n}\n\nconst getHeadingColor = (props: InjectedProps) => {\n const colorsMap = {\n text: `var(--lido-color-text)`,\n secondary: `var(--lido-color-textSecondary)`,\n }\n return colorsMap[props.$color]\n}\n\nconst commonCSS = css`\n margin: 0;\n padding: 0;\n font-weight: 800;\n color: ${getHeadingColor};\n`\n\nexport const HeadingStyle = styled.div<InjectedProps & { $size: HeadingSizes }>`\n ${commonCSS}\n ${(props) => sizes[props.$size]}\n`\n\nexport const H1Style = styled.h1<InjectedProps>`\n ${commonCSS}\n ${sizes.lg}\n`\n\nexport const H2Style = styled.h2<InjectedProps>`\n ${commonCSS}\n ${sizes.md}\n`\n\nexport const H3Style = styled.h3<InjectedProps>`\n ${commonCSS}\n ${sizes.sm}\n`\n"],"names":["sizes","sm","css","theme","fontSizesMap","xl","md","xxl","lg","xxxl","getHeadingColor","props","colorsMap","text","secondary","$color","commonCSS","HeadingStyle","styled","div","$size","H1Style","h1","H2Style","h2","H3Style","h3"],"mappings":";;;AAIO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,EAAE,EAAEC,
|
|
1
|
+
{"version":3,"file":"HeadingStyles.mjs","sources":["../../../packages/heading/HeadingStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { HeadingColors, HeadingSizes } from './types.js'\n\nexport const sizes = {\n sm: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n line-height: 1.3em;\n `,\n md: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xxl}px;\n line-height: 1.3em;\n `,\n lg: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xxxl}px;\n line-height: 1.3em;\n `,\n}\n\ntype InjectedProps = {\n $color: HeadingColors\n theme: Theme\n}\n\nconst getHeadingColor = (props: InjectedProps) => {\n const colorsMap = {\n text: `var(--lido-color-text)`,\n secondary: `var(--lido-color-textSecondary)`,\n }\n return colorsMap[props.$color]\n}\n\nconst commonCSS = css`\n margin: 0;\n padding: 0;\n font-weight: 800;\n color: ${getHeadingColor};\n`\n\nexport const HeadingStyle = styled.div<InjectedProps & { $size: HeadingSizes }>`\n ${commonCSS}\n ${(props) => sizes[props.$size]}\n`\n\nexport const H1Style = styled.h1<InjectedProps>`\n ${commonCSS}\n ${sizes.lg}\n`\n\nexport const H2Style = styled.h2<InjectedProps>`\n ${commonCSS}\n ${sizes.md}\n`\n\nexport const H3Style = styled.h3<InjectedProps>`\n ${commonCSS}\n ${sizes.sm}\n`\n"],"names":["sizes","sm","css","_ref","theme","fontSizesMap","xl","md","_ref2","xxl","lg","_ref3","xxxl","getHeadingColor","props","colorsMap","text","secondary","$color","commonCSS","HeadingStyle","styled","div","$size","H1Style","h1","H2Style","h2","H3Style","h3"],"mappings":";;;AAIO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,EAAE,EAAEC,GAAG,CAAA;AACT,eAAA,EAAiBC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;AAAM,KAAC,GAAAD,IAAA,CAAA;AAAA,IAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,GAAA,CAAA;AACrD;AACA,EAAG,CAAA;AACDC,EAAAA,EAAE,EAAEL,GAAG,CAAA;AACT,eAAA,EAAiBM,KAAA,IAAA;IAAA,IAAC;AAAEJ,MAAAA,KAAAA;AAAM,KAAC,GAAAI,KAAA,CAAA;AAAA,IAAA,OAAKJ,KAAK,CAACC,YAAY,CAACI,GAAG,CAAA;AAAA,GAAA,CAAA;AACtD;AACA,EAAG,CAAA;AACDC,EAAAA,EAAE,EAAER,GAAG,CAAA;AACT,eAAA,EAAiBS,KAAA,IAAA;IAAA,IAAC;AAAEP,MAAAA,KAAAA;AAAM,KAAC,GAAAO,KAAA,CAAA;AAAA,IAAA,OAAKP,KAAK,CAACC,YAAY,CAACO,IAAI,CAAA;AAAA,GAAA,CAAA;AACvD;AACA,EAAA,CAAA;AACA,EAAC;AAOD,MAAMC,eAAe,GAAIC,KAAoB,IAAK;AAChD,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,IAAI,EAAE,CAAwB,sBAAA,CAAA;AAC9BC,IAAAA,SAAS,EAAE,CAAA,+BAAA,CAAA;GACZ,CAAA;AACD,EAAA,OAAOF,SAAS,CAACD,KAAK,CAACI,MAAM,CAAC,CAAA;AAChC,CAAC,CAAA;AAED,MAAMC,SAAS,GAAGjB,GAAG,CAAA;AACrB;AACA;AACA;AACA,SAAA,EAAWW,eAAe,CAAA;AAC1B,CAAC,CAAA;AAEYO,MAAAA,YAAY,GAAGC,MAAM,CAACC,GAA4C,CAAA;AAC/E,EAAA,EAAIH,SAAS,CAAA;AACb,EAAA,EAAKL,KAAK,IAAKd,KAAK,CAACc,KAAK,CAACS,KAAK,CAAC,CAAA;AACjC,EAAC;AAEYC,MAAAA,OAAO,GAAGH,MAAM,CAACI,EAAiB,CAAA;AAC/C,EAAA,EAAIN,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACU,EAAE,CAAA;AACZ,EAAC;AAEYgB,MAAAA,OAAO,GAAGL,MAAM,CAACM,EAAiB,CAAA;AAC/C,EAAA,EAAIR,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACO,EAAE,CAAA;AACZ,EAAC;AAEYqB,MAAAA,OAAO,GAAGP,MAAM,CAACQ,EAAiB,CAAA;AAC/C,EAAA,EAAIV,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACC,EAAE,CAAA;AACZ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.mjs","sources":["../../../packages/heading/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\n\nexport enum HeadingColor {\n text,\n secondary,\n}\nexport type HeadingColors = keyof typeof HeadingColor\n\nexport enum HeadingSize {\n sm,\n md,\n lg,\n}\nexport type HeadingSizes = keyof typeof HeadingSize\n\nexport type HeadingProps = LidoComponentProps<\n 'div',\n {\n color?: HeadingColors\n size?: HeadingSizes\n }\n>\n\nexport type HProps<T extends 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> =\n LidoComponentProps<\n T,\n {\n color?: HeadingColors\n }\n >\n"],"names":["HeadingColor","HeadingSize"],"mappings":"AAEYA,IAAAA,
|
|
1
|
+
{"version":3,"file":"types.mjs","sources":["../../../packages/heading/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\n\nexport enum HeadingColor {\n text,\n secondary,\n}\nexport type HeadingColors = keyof typeof HeadingColor\n\nexport enum HeadingSize {\n sm,\n md,\n lg,\n}\nexport type HeadingSizes = keyof typeof HeadingSize\n\nexport type HeadingProps = LidoComponentProps<\n 'div',\n {\n color?: HeadingColors\n size?: HeadingSizes\n }\n>\n\nexport type HProps<T extends 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> =\n LidoComponentProps<\n T,\n {\n color?: HeadingColors\n }\n >\n"],"names":["HeadingColor","HeadingSize"],"mappings":"AAEYA,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,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMZC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
|
@@ -15,14 +15,12 @@ const useBreakpoint = breakpoint => {
|
|
|
15
15
|
useEffect(() => {
|
|
16
16
|
try {
|
|
17
17
|
const mql = window.matchMedia(`(max-width: ${maxWidth})`);
|
|
18
|
-
|
|
19
18
|
const setMobileFromQuery = _ref => {
|
|
20
19
|
let {
|
|
21
20
|
matches
|
|
22
21
|
} = _ref;
|
|
23
22
|
seIsBreakpoint(matches);
|
|
24
23
|
};
|
|
25
|
-
|
|
26
24
|
mql.addEventListener('change', setMobileFromQuery);
|
|
27
25
|
setMobileFromQuery(mql);
|
|
28
26
|
return () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpoint.mjs","sources":["../../../packages/hooks/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useTheme } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\n\nexport const useBreakpoint = (\n breakpoint: keyof Theme['breakpointsMap'],\n): boolean => {\n const theme = useTheme()\n const maxWidth = theme.breakpointsMap[breakpoint].width\n\n const [isBreakpoint, seIsBreakpoint] = useState(() => {\n try {\n return window.matchMedia(`(max-width: ${maxWidth})`).matches\n } catch (error) {\n return false\n }\n })\n\n useEffect(() => {\n try {\n const mql = window.matchMedia(`(max-width: ${maxWidth})`)\n\n const setMobileFromQuery = ({ matches }: { matches: boolean }) => {\n seIsBreakpoint(matches)\n }\n\n mql.addEventListener('change', setMobileFromQuery)\n setMobileFromQuery(mql)\n\n return () => {\n mql.removeEventListener('change', setMobileFromQuery)\n }\n } catch (error) {\n return\n }\n }, [maxWidth])\n\n return isBreakpoint\n}\n"],"names":["useBreakpoint","breakpoint","theme","useTheme","maxWidth","breakpointsMap","width","isBreakpoint","seIsBreakpoint","useState","window","matchMedia","matches","error","useEffect","mql","setMobileFromQuery","addEventListener","removeEventListener"],"mappings":";;;;AAIaA,MAAAA,aAAa,GACxBC,
|
|
1
|
+
{"version":3,"file":"useBreakpoint.mjs","sources":["../../../packages/hooks/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useTheme } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\n\nexport const useBreakpoint = (\n breakpoint: keyof Theme['breakpointsMap'],\n): boolean => {\n const theme = useTheme()\n const maxWidth = theme.breakpointsMap[breakpoint].width\n\n const [isBreakpoint, seIsBreakpoint] = useState(() => {\n try {\n return window.matchMedia(`(max-width: ${maxWidth})`).matches\n } catch (error) {\n return false\n }\n })\n\n useEffect(() => {\n try {\n const mql = window.matchMedia(`(max-width: ${maxWidth})`)\n\n const setMobileFromQuery = ({ matches }: { matches: boolean }) => {\n seIsBreakpoint(matches)\n }\n\n mql.addEventListener('change', setMobileFromQuery)\n setMobileFromQuery(mql)\n\n return () => {\n mql.removeEventListener('change', setMobileFromQuery)\n }\n } catch (error) {\n return\n }\n }, [maxWidth])\n\n return isBreakpoint\n}\n"],"names":["useBreakpoint","breakpoint","theme","useTheme","maxWidth","breakpointsMap","width","isBreakpoint","seIsBreakpoint","useState","window","matchMedia","matches","error","useEffect","mql","setMobileFromQuery","_ref","addEventListener","removeEventListener"],"mappings":";;;;AAIaA,MAAAA,aAAa,GACxBC,UAAyC,IAC7B;AACZ,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;EACxB,MAAMC,QAAQ,GAAGF,KAAK,CAACG,cAAc,CAACJ,UAAU,CAAC,CAACK,KAAK,CAAA;EAEvD,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAC,MAAM;IACpD,IAAI;MACF,OAAOC,MAAM,CAACC,UAAU,CAAC,eAAeP,QAAQ,CAAA,CAAA,CAAG,CAAC,CAACQ,OAAO,CAAA;KAC7D,CAAC,OAAOC,KAAK,EAAE;AACd,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACF,GAAC,CAAC,CAAA;AAEFC,EAAAA,SAAS,CAAC,MAAM;IACd,IAAI;MACF,MAAMC,GAAG,GAAGL,MAAM,CAACC,UAAU,CAAC,CAAA,YAAA,EAAeP,QAAQ,CAAA,CAAA,CAAG,CAAC,CAAA;MAEzD,MAAMY,kBAAkB,GAAGC,IAAA,IAAuC;QAAA,IAAtC;AAAEL,UAAAA,OAAAA;AAA8B,SAAC,GAAAK,IAAA,CAAA;QAC3DT,cAAc,CAACI,OAAO,CAAC,CAAA;OACxB,CAAA;AAEDG,MAAAA,GAAG,CAACG,gBAAgB,CAAC,QAAQ,EAAEF,kBAAkB,CAAC,CAAA;MAClDA,kBAAkB,CAACD,GAAG,CAAC,CAAA;AAEvB,MAAA,OAAO,MAAM;AACXA,QAAAA,GAAG,CAACI,mBAAmB,CAAC,QAAQ,EAAEH,kBAAkB,CAAC,CAAA;OACtD,CAAA;KACF,CAAC,OAAOH,KAAK,EAAE;AACd,MAAA,OAAA;AACF,KAAA;AACF,GAAC,EAAE,CAACT,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OAAOG,YAAY,CAAA;AACrB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEscape.mjs","sources":["../../../packages/hooks/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n callback?.()\n }\n },\n [callback],\n )\n\n useEffect(() => {\n window.addEventListener('keydown', handleKeyDown)\n\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [handleKeyDown])\n}\n"],"names":["useEscape","callback","handleKeyDown","useCallback","event","key","useEffect","window","addEventListener","removeEventListener"],"mappings":";;AAEaA,MAAAA,SAAS,GAAIC,
|
|
1
|
+
{"version":3,"file":"useEscape.mjs","sources":["../../../packages/hooks/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n callback?.()\n }\n },\n [callback],\n )\n\n useEffect(() => {\n window.addEventListener('keydown', handleKeyDown)\n\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [handleKeyDown])\n}\n"],"names":["useEscape","callback","handleKeyDown","useCallback","event","key","useEffect","window","addEventListener","removeEventListener"],"mappings":";;AAEaA,MAAAA,SAAS,GAAIC,QAAqB,IAAW;AACxD,EAAA,MAAMC,aAAa,GAAGC,WAAW,CAC9BC,KAAoB,IAAK;AACxB,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;AAC1BJ,MAAAA,QAAQ,IAAI,CAAA;AACd,KAAA;AACF,GAAC,EACD,CAACA,QAAQ,CACX,CAAC,CAAA;AAEDK,EAAAA,SAAS,CAAC,MAAM;AACdC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC,CAAA;IAEjD,OAAO,MAAMK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC,CAAA;AACnE,GAAC,EAAE,CAACA,aAAa,CAAC,CAAC,CAAA;AACrB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInterceptFocus.mjs","sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n (node: HTMLElement) => void,\n () => void,\n] => {\n const savedElement = useRef<Element | null>(null)\n\n const restoreFocus = useCallback(() => {\n if (!(savedElement.current instanceof HTMLElement)) return\n savedElement.current.focus()\n }, [])\n\n const interceptFocus = useCallback((node: HTMLElement) => {\n savedElement.current = document.activeElement\n\n const isFocusInside = node.contains(document.activeElement)\n if (isFocusInside) return\n\n node.focus()\n }, [])\n\n return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"useInterceptFocus.mjs","sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n (node: HTMLElement) => void,\n () => void,\n] => {\n const savedElement = useRef<Element | null>(null)\n\n const restoreFocus = useCallback(() => {\n if (!(savedElement.current instanceof HTMLElement)) return\n savedElement.current.focus()\n }, [])\n\n const interceptFocus = useCallback((node: HTMLElement) => {\n savedElement.current = document.activeElement\n\n const isFocusInside = node.contains(document.activeElement)\n if (isFocusInside) return\n\n node.focus()\n }, [])\n\n return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":";;AAEaA,MAAAA,iBAAiB,GAAGA,MAG5B;AACH,EAAA,MAAMC,YAAY,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEjD,EAAA,MAAMC,YAAY,GAAGC,WAAW,CAAC,MAAM;AACrC,IAAA,IAAI,EAAEH,YAAY,CAACI,OAAO,YAAYC,WAAW,CAAC,EAAE,OAAA;AACpDL,IAAAA,YAAY,CAACI,OAAO,CAACE,KAAK,EAAE,CAAA;GAC7B,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMC,cAAc,GAAGJ,WAAW,CAAEK,IAAiB,IAAK;AACxDR,IAAAA,YAAY,CAACI,OAAO,GAAGK,QAAQ,CAACC,aAAa,CAAA;IAE7C,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAQ,CAACH,QAAQ,CAACC,aAAa,CAAC,CAAA;AAC3D,IAAA,IAAIC,aAAa,EAAE,OAAA;IAEnBH,IAAI,CAACF,KAAK,EAAE,CAAA;GACb,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAO,CAACC,cAAc,EAAEL,YAAY,CAAC,CAAA;AACvC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsomorphicLayoutEffect.mjs","sources":["../../../packages/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// use this instead of useLayoutEffect for SSR\nexport const useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"useIsomorphicLayoutEffect.mjs","sources":["../../../packages/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// use this instead of useLayoutEffect for SSR\nexport const useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;AAEA;AACO,MAAMA,yBAAyB,GACpC,OAAOC,MAAM,KAAK,WAAW,GAAGC,eAAe,GAAGC;;;;"}
|
|
@@ -14,16 +14,13 @@ const getScrollbarSize = () => {
|
|
|
14
14
|
document.body.removeChild(tempDiv);
|
|
15
15
|
return scrollbarSize;
|
|
16
16
|
};
|
|
17
|
-
|
|
18
17
|
const isVerticalScroll = element => {
|
|
19
18
|
const isBody = document.body === element;
|
|
20
19
|
return isBody ? document.documentElement.scrollHeight > window.innerHeight : element.scrollHeight > element.clientHeight;
|
|
21
20
|
};
|
|
22
|
-
|
|
23
21
|
const getPaddingRight = element => {
|
|
24
22
|
return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;
|
|
25
23
|
};
|
|
26
|
-
|
|
27
24
|
const setStyleProperty = (element, property, value) => {
|
|
28
25
|
if (value) {
|
|
29
26
|
element.style.setProperty(property, value);
|
|
@@ -31,7 +28,6 @@ const setStyleProperty = (element, property, value) => {
|
|
|
31
28
|
element.style.removeProperty(property);
|
|
32
29
|
}
|
|
33
30
|
};
|
|
34
|
-
|
|
35
31
|
const useLockScroll = function () {
|
|
36
32
|
let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
|
|
37
33
|
const lockScroll = useCallback(() => {
|
|
@@ -43,7 +39,6 @@ const useLockScroll = function () {
|
|
|
43
39
|
const paddingRight = getPaddingRight(element) + getScrollbarSize();
|
|
44
40
|
setStyleProperty(element, 'padding-right', `${paddingRight}px`);
|
|
45
41
|
setStyleProperty(element, 'overflow', 'hidden');
|
|
46
|
-
|
|
47
42
|
const unlockScroll = () => {
|
|
48
43
|
const {
|
|
49
44
|
paddingRight,
|
|
@@ -52,7 +47,6 @@ const useLockScroll = function () {
|
|
|
52
47
|
setStyleProperty(element, 'padding-right', paddingRight);
|
|
53
48
|
setStyleProperty(element, 'overflow', overflow);
|
|
54
49
|
};
|
|
55
|
-
|
|
56
50
|
return unlockScroll;
|
|
57
51
|
}, [element]);
|
|
58
52
|
useLayoutEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLockScroll.mjs","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n const tempDiv = document.createElement('div')\n\n Object.assign(tempDiv.style, {\n position: 'absolute',\n left: '-9000px',\n width: '100px',\n height: '100px',\n overflow: 'scroll',\n })\n\n document.body.appendChild(tempDiv)\n const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n document.body.removeChild(tempDiv)\n\n return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n const isBody = document.body === element\n\n return isBody\n ? document.documentElement.scrollHeight > window.innerHeight\n : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n element: HTMLElement,\n property: string,\n value?: string,\n): void => {\n if (value) {\n element.style.setProperty(property, value)\n } else {\n element.style.removeProperty(property)\n }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n const lockScroll = useCallback(() => {\n if (!isVerticalScroll(element)) return\n\n const previousValues = {\n paddingRight: element.style.paddingRight,\n overflow: element.style.overflow,\n }\n\n const paddingRight = getPaddingRight(element) + getScrollbarSize()\n setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n setStyleProperty(element, 'overflow', 'hidden')\n\n const unlockScroll = () => {\n const { paddingRight, overflow } = previousValues\n\n setStyleProperty(element, 'padding-right', paddingRight)\n setStyleProperty(element, 'overflow', overflow)\n }\n\n return unlockScroll\n }, [element])\n\n useLayoutEffect(() => {\n const unlockScroll = lockScroll()\n return unlockScroll\n }, [lockScroll])\n}\n"],"names":["getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","documentElement","scrollHeight","window","innerHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":";;AAEA,MAAMA,gBAAgB,
|
|
1
|
+
{"version":3,"file":"useLockScroll.mjs","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n const tempDiv = document.createElement('div')\n\n Object.assign(tempDiv.style, {\n position: 'absolute',\n left: '-9000px',\n width: '100px',\n height: '100px',\n overflow: 'scroll',\n })\n\n document.body.appendChild(tempDiv)\n const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n document.body.removeChild(tempDiv)\n\n return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n const isBody = document.body === element\n\n return isBody\n ? document.documentElement.scrollHeight > window.innerHeight\n : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n element: HTMLElement,\n property: string,\n value?: string,\n): void => {\n if (value) {\n element.style.setProperty(property, value)\n } else {\n element.style.removeProperty(property)\n }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n const lockScroll = useCallback(() => {\n if (!isVerticalScroll(element)) return\n\n const previousValues = {\n paddingRight: element.style.paddingRight,\n overflow: element.style.overflow,\n }\n\n const paddingRight = getPaddingRight(element) + getScrollbarSize()\n setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n setStyleProperty(element, 'overflow', 'hidden')\n\n const unlockScroll = () => {\n const { paddingRight, overflow } = previousValues\n\n setStyleProperty(element, 'padding-right', paddingRight)\n setStyleProperty(element, 'overflow', overflow)\n }\n\n return unlockScroll\n }, [element])\n\n useLayoutEffect(() => {\n const unlockScroll = lockScroll()\n return unlockScroll\n }, [lockScroll])\n}\n"],"names":["getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","documentElement","scrollHeight","window","innerHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","arguments","length","undefined","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":";;AAEA,MAAMA,gBAAgB,GAAGA,MAAc;AACrC,EAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAA;AAE7CC,EAAAA,MAAM,CAACC,MAAM,CAACJ,OAAO,CAACK,KAAK,EAAE;AAC3BC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,KAAK,EAAE,OAAO;AACdC,IAAAA,MAAM,EAAE,OAAO;AACfC,IAAAA,QAAQ,EAAE,QAAA;AACZ,GAAC,CAAC,CAAA;AAEFT,EAAAA,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACZ,OAAO,CAAC,CAAA;EAClC,MAAMa,aAAa,GAAGb,OAAO,CAACc,WAAW,GAAGd,OAAO,CAACe,WAAW,CAAA;AAC/Dd,EAAAA,QAAQ,CAACU,IAAI,CAACK,WAAW,CAAChB,OAAO,CAAC,CAAA;AAElC,EAAA,OAAOa,aAAa,CAAA;AACtB,CAAC,CAAA;AAED,MAAMI,gBAAgB,GAAIC,OAAoB,IAAc;AAC1D,EAAA,MAAMC,MAAM,GAAGlB,QAAQ,CAACU,IAAI,KAAKO,OAAO,CAAA;AAExC,EAAA,OAAOC,MAAM,GACTlB,QAAQ,CAACmB,eAAe,CAACC,YAAY,GAAGC,MAAM,CAACC,WAAW,GAC1DL,OAAO,CAACG,YAAY,GAAGH,OAAO,CAACM,YAAY,CAAA;AACjD,CAAC,CAAA;AAED,MAAMC,eAAe,GAAIP,OAAoB,IAAa;AACxD,EAAA,OAAOQ,QAAQ,CAACJ,MAAM,CAACK,gBAAgB,CAACT,OAAO,CAAC,CAACU,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;AACzE,CAAC,CAAA;AAED,MAAMC,gBAAgB,GAAGA,CACvBX,OAAoB,EACpBY,QAAgB,EAChBC,KAAc,KACL;AACT,EAAA,IAAIA,KAAK,EAAE;IACTb,OAAO,CAACb,KAAK,CAAC2B,WAAW,CAACF,QAAQ,EAAEC,KAAK,CAAC,CAAA;AAC5C,GAAC,MAAM;AACLb,IAAAA,OAAO,CAACb,KAAK,CAAC4B,cAAc,CAACH,QAAQ,CAAC,CAAA;AACxC,GAAA;AACF,CAAC,CAAA;AAEYI,MAAAA,aAAa,GAAG,YAAgD;AAAA,EAAA,IAA/ChB,OAAoB,GAAAiB,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAGlC,CAAAA,CAAAA,GAAAA,QAAQ,CAACU,IAAI,CAAA;AAChE,EAAA,MAAM2B,UAAU,GAAGC,WAAW,CAAC,MAAM;AACnC,IAAA,IAAI,CAACtB,gBAAgB,CAACC,OAAO,CAAC,EAAE,OAAA;AAEhC,IAAA,MAAMsB,cAAc,GAAG;AACrBZ,MAAAA,YAAY,EAAEV,OAAO,CAACb,KAAK,CAACuB,YAAY;AACxClB,MAAAA,QAAQ,EAAEQ,OAAO,CAACb,KAAK,CAACK,QAAAA;KACzB,CAAA;IAED,MAAMkB,YAAY,GAAGH,eAAe,CAACP,OAAO,CAAC,GAAGnB,gBAAgB,EAAE,CAAA;IAClE8B,gBAAgB,CAACX,OAAO,EAAE,eAAe,EAAE,CAAGU,EAAAA,YAAY,IAAI,CAAC,CAAA;AAC/DC,IAAAA,gBAAgB,CAACX,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAA;IAE/C,MAAMuB,YAAY,GAAGA,MAAM;MACzB,MAAM;QAAEb,YAAY;AAAElB,QAAAA,QAAAA;AAAS,OAAC,GAAG8B,cAAc,CAAA;AAEjDX,MAAAA,gBAAgB,CAACX,OAAO,EAAE,eAAe,EAAEU,YAAY,CAAC,CAAA;AACxDC,MAAAA,gBAAgB,CAACX,OAAO,EAAE,UAAU,EAAER,QAAQ,CAAC,CAAA;KAChD,CAAA;AAED,IAAA,OAAO+B,YAAY,CAAA;AACrB,GAAC,EAAE,CAACvB,OAAO,CAAC,CAAC,CAAA;AAEbwB,EAAAA,eAAe,CAAC,MAAM;AACpB,IAAA,MAAMD,YAAY,GAAGH,UAAU,EAAE,CAAA;AACjC,IAAA,OAAOG,YAAY,CAAA;AACrB,GAAC,EAAE,CAACH,UAAU,CAAC,CAAC,CAAA;AAClB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMergeRefs.mjs","sources":["../../../packages/hooks/useMergeRefs.ts"],"sourcesContent":["import { ForwardedRef, MutableRefObject } from 'react'\nimport { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n refs: (ForwardedRef<T | null> | undefined)[],\n): MutableRefObject<T | null> => {\n return useCallbackMergeRefs(\n refs.filter((ref): ref is ForwardedRef<T> => !!ref),\n )\n}\n"],"names":["useMergeRefs","refs","useCallbackMergeRefs","filter","ref"],"mappings":";;AAGaA,MAAAA,YAAY,GACvBC,
|
|
1
|
+
{"version":3,"file":"useMergeRefs.mjs","sources":["../../../packages/hooks/useMergeRefs.ts"],"sourcesContent":["import { ForwardedRef, MutableRefObject } from 'react'\nimport { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n refs: (ForwardedRef<T | null> | undefined)[],\n): MutableRefObject<T | null> => {\n return useCallbackMergeRefs(\n refs.filter((ref): ref is ForwardedRef<T> => !!ref),\n )\n}\n"],"names":["useMergeRefs","refs","useCallbackMergeRefs","filter","ref"],"mappings":";;AAGaA,MAAAA,YAAY,GACvBC,IAA4C,IACb;AAC/B,EAAA,OAAOC,cAAoB,CACzBD,IAAI,CAACE,MAAM,CAAEC,GAAG,IAA6B,CAAC,CAACA,GAAG,CACpD,CAAC,CAAA;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOutsideClick.mjs","sources":["../../../packages/hooks/useOutsideClick.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n callback?: () => void,\n): {\n ref: RefObject<T>\n} => {\n const ref = useRef<T>(null)\n\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n const popover = ref.current\n const { target } = event\n\n if (!(target instanceof Element)) return\n\n const isOutside = popover?.contains(target) === false\n if (isOutside) callback?.()\n },\n [callback],\n )\n\n useEffect(() => {\n document.addEventListener('mousedown', handleOutsideClick)\n\n return () => document.removeEventListener('mousedown', handleOutsideClick)\n }, [handleOutsideClick])\n\n return { ref }\n}\n"],"names":["useOutsideClick","callback","ref","useRef","handleOutsideClick","useCallback","event","popover","current","target","Element","isOutside","contains","useEffect","document","addEventListener","removeEventListener"],"mappings":";;AAEaA,MAAAA,eAAe,GAC1BC,
|
|
1
|
+
{"version":3,"file":"useOutsideClick.mjs","sources":["../../../packages/hooks/useOutsideClick.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n callback?: () => void,\n): {\n ref: RefObject<T>\n} => {\n const ref = useRef<T>(null)\n\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n const popover = ref.current\n const { target } = event\n\n if (!(target instanceof Element)) return\n\n const isOutside = popover?.contains(target) === false\n if (isOutside) callback?.()\n },\n [callback],\n )\n\n useEffect(() => {\n document.addEventListener('mousedown', handleOutsideClick)\n\n return () => document.removeEventListener('mousedown', handleOutsideClick)\n }, [handleOutsideClick])\n\n return { ref }\n}\n"],"names":["useOutsideClick","callback","ref","useRef","handleOutsideClick","useCallback","event","popover","current","target","Element","isOutside","contains","useEffect","document","addEventListener","removeEventListener"],"mappings":";;AAEaA,MAAAA,eAAe,GAC1BC,QAAqB,IAGlB;AACH,EAAA,MAAMC,GAAG,GAAGC,MAAM,CAAI,IAAI,CAAC,CAAA;AAE3B,EAAA,MAAMC,kBAAkB,GAAGC,WAAW,CACnCC,KAAiB,IAAK;AACrB,IAAA,MAAMC,OAAO,GAAGL,GAAG,CAACM,OAAO,CAAA;IAC3B,MAAM;AAAEC,MAAAA,MAAAA;AAAO,KAAC,GAAGH,KAAK,CAAA;AAExB,IAAA,IAAI,EAAEG,MAAM,YAAYC,OAAO,CAAC,EAAE,OAAA;IAElC,MAAMC,SAAS,GAAGJ,OAAO,EAAEK,QAAQ,CAACH,MAAM,CAAC,KAAK,KAAK,CAAA;AACrD,IAAA,IAAIE,SAAS,EAAEV,QAAQ,IAAI,CAAA;AAC7B,GAAC,EACD,CAACA,QAAQ,CACX,CAAC,CAAA;AAEDY,EAAAA,SAAS,CAAC,MAAM;AACdC,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEX,kBAAkB,CAAC,CAAA;IAE1D,OAAO,MAAMU,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEZ,kBAAkB,CAAC,CAAA;AAC5E,GAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC,CAAA;EAExB,OAAO;AAAEF,IAAAA,GAAAA;GAAK,CAAA;AAChB;;;;"}
|
|
@@ -13,14 +13,12 @@ const useSystemTheme = () => {
|
|
|
13
13
|
const [systemTheme, setSystemTheme] = useState();
|
|
14
14
|
useEffect(() => {
|
|
15
15
|
const mql = window.matchMedia('(prefers-color-scheme: dark)');
|
|
16
|
-
|
|
17
16
|
const setThemeFromQuery = _ref => {
|
|
18
17
|
let {
|
|
19
18
|
matches
|
|
20
19
|
} = _ref;
|
|
21
20
|
setSystemTheme(matches ? ThemeName.dark : ThemeName.light);
|
|
22
21
|
};
|
|
23
|
-
|
|
24
22
|
mql.addEventListener('change', setThemeFromQuery);
|
|
25
23
|
setThemeFromQuery(mql);
|
|
26
24
|
return () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSystemTheme.mjs","sources":["../../../packages/hooks/useSystemTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { ThemeName } from '../theme/index.js'\n\nexport const useSystemTheme = (): ThemeName | undefined => {\n const [systemTheme, setSystemTheme] = useState<ThemeName>()\n\n useEffect(() => {\n const mql = window.matchMedia('(prefers-color-scheme: dark)')\n\n const setThemeFromQuery = ({ matches }: { matches: boolean }) => {\n setSystemTheme(matches ? ThemeName.dark : ThemeName.light)\n }\n\n mql.addEventListener('change', setThemeFromQuery)\n setThemeFromQuery(mql)\n\n return () => {\n mql.removeEventListener('change', setThemeFromQuery)\n }\n }, [])\n\n return systemTheme\n}\n"],"names":["useSystemTheme","systemTheme","setSystemTheme","useState","useEffect","mql","window","matchMedia","setThemeFromQuery","matches","ThemeName","dark","light","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"useSystemTheme.mjs","sources":["../../../packages/hooks/useSystemTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { ThemeName } from '../theme/index.js'\n\nexport const useSystemTheme = (): ThemeName | undefined => {\n const [systemTheme, setSystemTheme] = useState<ThemeName>()\n\n useEffect(() => {\n const mql = window.matchMedia('(prefers-color-scheme: dark)')\n\n const setThemeFromQuery = ({ matches }: { matches: boolean }) => {\n setSystemTheme(matches ? ThemeName.dark : ThemeName.light)\n }\n\n mql.addEventListener('change', setThemeFromQuery)\n setThemeFromQuery(mql)\n\n return () => {\n mql.removeEventListener('change', setThemeFromQuery)\n }\n }, [])\n\n return systemTheme\n}\n"],"names":["useSystemTheme","systemTheme","setSystemTheme","useState","useEffect","mql","window","matchMedia","setThemeFromQuery","_ref","matches","ThemeName","dark","light","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;AAGaA,MAAAA,cAAc,GAAGA,MAA6B;EACzD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,EAAa,CAAA;AAE3DC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,MAAMC,GAAG,GAAGC,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC,CAAA;IAE7D,MAAMC,iBAAiB,GAAGC,IAAA,IAAuC;MAAA,IAAtC;AAAEC,QAAAA,OAAAA;AAA8B,OAAC,GAAAD,IAAA,CAAA;MAC1DP,cAAc,CAACQ,OAAO,GAAGC,SAAS,CAACC,IAAI,GAAGD,SAAS,CAACE,KAAK,CAAC,CAAA;KAC3D,CAAA;AAEDR,IAAAA,GAAG,CAACS,gBAAgB,CAAC,QAAQ,EAAEN,iBAAiB,CAAC,CAAA;IACjDA,iBAAiB,CAACH,GAAG,CAAC,CAAA;AAEtB,IAAA,OAAO,MAAM;AACXA,MAAAA,GAAG,CAACU,mBAAmB,CAAC,QAAQ,EAAEP,iBAAiB,CAAC,CAAA;KACrD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAOP,WAAW,CAAA;AACpB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWindowSize.mjs","sources":["../../../packages/hooks/useWindowSize.ts"],"sourcesContent":["import { useCallback, useState, useEffect } from 'react'\n\ntype WindowSize = [width: number, height: number]\n\nconst getWindowSize = (): WindowSize => {\n const width = window.innerWidth\n const height = window.innerHeight\n\n return [width, height]\n}\n\nexport const useWindowSize = (): WindowSize => {\n const [size, setSize] = useState(getWindowSize)\n\n const handleResize = useCallback(() => {\n setSize(getWindowSize())\n }, [])\n\n useEffect(() => {\n window.addEventListener('resize', handleResize)\n\n return () => window.removeEventListener('resize', handleResize)\n }, [handleResize])\n\n return size\n}\n"],"names":["getWindowSize","width","window","innerWidth","height","innerHeight","useWindowSize","size","setSize","useState","handleResize","useCallback","useEffect","addEventListener","removeEventListener"],"mappings":";;AAIA,MAAMA,aAAa,
|
|
1
|
+
{"version":3,"file":"useWindowSize.mjs","sources":["../../../packages/hooks/useWindowSize.ts"],"sourcesContent":["import { useCallback, useState, useEffect } from 'react'\n\ntype WindowSize = [width: number, height: number]\n\nconst getWindowSize = (): WindowSize => {\n const width = window.innerWidth\n const height = window.innerHeight\n\n return [width, height]\n}\n\nexport const useWindowSize = (): WindowSize => {\n const [size, setSize] = useState(getWindowSize)\n\n const handleResize = useCallback(() => {\n setSize(getWindowSize())\n }, [])\n\n useEffect(() => {\n window.addEventListener('resize', handleResize)\n\n return () => window.removeEventListener('resize', handleResize)\n }, [handleResize])\n\n return size\n}\n"],"names":["getWindowSize","width","window","innerWidth","height","innerHeight","useWindowSize","size","setSize","useState","handleResize","useCallback","useEffect","addEventListener","removeEventListener"],"mappings":";;AAIA,MAAMA,aAAa,GAAGA,MAAkB;AACtC,EAAA,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAAU,CAAA;AAC/B,EAAA,MAAMC,MAAM,GAAGF,MAAM,CAACG,WAAW,CAAA;AAEjC,EAAA,OAAO,CAACJ,KAAK,EAAEG,MAAM,CAAC,CAAA;AACxB,CAAC,CAAA;AAEYE,MAAAA,aAAa,GAAGA,MAAkB;EAC7C,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAACT,aAAa,CAAC,CAAA;AAE/C,EAAA,MAAMU,YAAY,GAAGC,WAAW,CAAC,MAAM;AACrCH,IAAAA,OAAO,CAACR,aAAa,EAAE,CAAC,CAAA;GACzB,EAAE,EAAE,CAAC,CAAA;AAENY,EAAAA,SAAS,CAAC,MAAM;AACdV,IAAAA,MAAM,CAACW,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC,CAAA;IAE/C,OAAO,MAAMR,MAAM,CAACY,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC,CAAA;AACjE,GAAC,EAAE,CAACA,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,OAAOH,IAAI,CAAA;AACb;;;;"}
|
package/dist/esm/icons/index.mjs
CHANGED