@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
|
@@ -11,18 +11,19 @@ const getElementData = (id, containerId) => {
|
|
|
11
11
|
const label = document.getElementById(`${id}-description`);
|
|
12
12
|
if (!threshold || !label) return null;
|
|
13
13
|
const container = document.getElementById(containerId);
|
|
14
|
-
if (!container) return null;
|
|
14
|
+
if (!container) return null;
|
|
15
15
|
|
|
16
|
+
// Temporarily reset transform to get original positions
|
|
16
17
|
const originalTransform = label.style.transform;
|
|
17
18
|
label.style.removeProperty('transform');
|
|
18
19
|
const thresholdRect = threshold.getBoundingClientRect();
|
|
19
20
|
const labelRect = label.getBoundingClientRect();
|
|
20
|
-
const containerRect = container.getBoundingClientRect();
|
|
21
|
+
const containerRect = container.getBoundingClientRect();
|
|
21
22
|
|
|
23
|
+
// Restore transform if it existed
|
|
22
24
|
if (originalTransform) {
|
|
23
25
|
label.style.setProperty('transform', originalTransform);
|
|
24
26
|
}
|
|
25
|
-
|
|
26
27
|
return {
|
|
27
28
|
elements: {
|
|
28
29
|
threshold,
|
|
@@ -34,16 +35,15 @@ const getElementData = (id, containerId) => {
|
|
|
34
35
|
},
|
|
35
36
|
containerRect
|
|
36
37
|
};
|
|
37
|
-
};
|
|
38
|
-
|
|
38
|
+
};
|
|
39
39
|
|
|
40
|
+
// Calculate offset needed to keep label within viewport bounds
|
|
40
41
|
const calculateLabelOffset = (thresholdRect, labelRect, containerRect, isInverted) => {
|
|
41
42
|
if (isInverted) {
|
|
42
43
|
// Label positioned with left: 0 (extends right from threshold)
|
|
43
44
|
// Check if label extends beyond container right boundary
|
|
44
45
|
const labelRightEdge = thresholdRect.left + labelRect.width;
|
|
45
46
|
const containerRightEdge = containerRect.right - constants.VIEWPORT_MARGIN;
|
|
46
|
-
|
|
47
47
|
if (labelRightEdge > containerRightEdge) {
|
|
48
48
|
return labelRightEdge - containerRightEdge;
|
|
49
49
|
}
|
|
@@ -52,27 +52,25 @@ const calculateLabelOffset = (thresholdRect, labelRect, containerRect, isInverte
|
|
|
52
52
|
// Check if label left edge goes beyond container left boundary
|
|
53
53
|
const labelLeftEdge = thresholdRect.right - labelRect.width;
|
|
54
54
|
const containerLeftEdge = containerRect.left + constants.VIEWPORT_MARGIN;
|
|
55
|
-
|
|
56
55
|
if (labelLeftEdge < containerLeftEdge) {
|
|
57
56
|
return containerLeftEdge - labelLeftEdge;
|
|
58
57
|
}
|
|
59
58
|
}
|
|
60
|
-
|
|
61
59
|
return 0;
|
|
62
|
-
};
|
|
63
|
-
|
|
60
|
+
};
|
|
64
61
|
|
|
62
|
+
// Calculate if flag should be inverted based on viewport overflow
|
|
65
63
|
const shouldInvertLabel = (thresholdRect, labelRect, containerRect, viewportWidth) => {
|
|
66
64
|
const position = containerRect.right - thresholdRect.right;
|
|
67
65
|
const isInverted = checkViewport.checkViewportOverflow(position, labelRect.width, viewportWidth);
|
|
68
66
|
return isInverted;
|
|
69
67
|
};
|
|
70
|
-
|
|
71
68
|
const resetThresholdHeight = threshold => {
|
|
72
69
|
if (!threshold) return;
|
|
73
70
|
threshold.style.removeProperty('height');
|
|
74
|
-
};
|
|
71
|
+
};
|
|
75
72
|
|
|
73
|
+
// Apply label positioning based on inversion
|
|
76
74
|
const applyLabelPosition = (label, isInverted) => {
|
|
77
75
|
if (isInverted) {
|
|
78
76
|
label.style.setProperty('left', '0px');
|
|
@@ -83,68 +81,67 @@ const applyLabelPosition = (label, isInverted) => {
|
|
|
83
81
|
label.style.setProperty('left', 'auto');
|
|
84
82
|
label.dataset.isInverted = 'false';
|
|
85
83
|
}
|
|
86
|
-
};
|
|
87
|
-
|
|
84
|
+
};
|
|
88
85
|
|
|
86
|
+
// Calculate distance between two thresholds considering label inversion
|
|
89
87
|
const calculateFlagDistance = (currentRect, previousRect, currentLabelRect, isPreviousInverted) => {
|
|
90
88
|
return isPreviousInverted ? currentRect.left - previousRect.left - currentLabelRect.width : currentRect.left - previousRect.left;
|
|
91
|
-
};
|
|
92
|
-
|
|
89
|
+
};
|
|
93
90
|
|
|
91
|
+
// Get first previous threshold on the same position as the current threshold
|
|
94
92
|
const getPreviousThreshold = (previousIds, currentId) => {
|
|
95
93
|
const currentElement = document.getElementById(currentId);
|
|
96
94
|
if (!currentElement) return null;
|
|
97
95
|
const currentLabelPosition = currentElement.dataset.labelPosition;
|
|
98
|
-
|
|
99
96
|
for (let i = previousIds.length - 1; i >= 0; i--) {
|
|
100
97
|
const id = previousIds[i];
|
|
101
98
|
const element = document.getElementById(id);
|
|
102
|
-
|
|
103
99
|
if (element?.dataset.labelPosition === currentLabelPosition) {
|
|
104
100
|
return id;
|
|
105
101
|
}
|
|
106
102
|
}
|
|
107
|
-
|
|
108
103
|
return null;
|
|
109
104
|
};
|
|
110
|
-
|
|
111
105
|
const handlePositioning = props => {
|
|
112
106
|
const {
|
|
113
107
|
previousIds = [],
|
|
114
108
|
id,
|
|
115
109
|
reset,
|
|
116
110
|
containerId
|
|
117
|
-
} = props;
|
|
111
|
+
} = props;
|
|
118
112
|
|
|
113
|
+
// Check if we are in browser (not SSR)
|
|
119
114
|
if (typeof window === 'undefined') return;
|
|
120
|
-
|
|
121
115
|
if (reset) {
|
|
122
116
|
resetThresholdHeight(document.getElementById(id));
|
|
123
117
|
return;
|
|
124
118
|
}
|
|
125
|
-
|
|
126
119
|
const currentData = getElementData(id, containerId);
|
|
127
120
|
if (!currentData) return;
|
|
128
121
|
const {
|
|
129
122
|
elements: currentElements,
|
|
130
123
|
rects: currentRects,
|
|
131
124
|
containerRect
|
|
132
|
-
} = currentData;
|
|
125
|
+
} = currentData;
|
|
133
126
|
|
|
134
|
-
|
|
127
|
+
// Calculate inversion for current label using container width
|
|
128
|
+
const currentIsInverted = shouldInvertLabel(currentRects.threshold, currentRects.label, containerRect, containerRect.width);
|
|
135
129
|
|
|
136
|
-
|
|
130
|
+
// Apply positioning for current label
|
|
131
|
+
applyLabelPosition(currentElements.label, currentIsInverted);
|
|
137
132
|
|
|
138
|
-
|
|
133
|
+
// Calculate offset needed to keep label within bounds
|
|
134
|
+
const currentOffset = calculateLabelOffset(currentRects.threshold, currentRects.label, containerRect, currentIsInverted);
|
|
139
135
|
|
|
136
|
+
// Apply offset if needed
|
|
140
137
|
if (currentOffset > 0) {
|
|
141
138
|
const direction = currentIsInverted ? -currentOffset : currentOffset;
|
|
142
139
|
currentElements.label.style.setProperty('transform', `translateX(${direction}px)`);
|
|
143
140
|
} else {
|
|
144
141
|
currentElements.label.style.removeProperty('transform');
|
|
145
|
-
}
|
|
146
|
-
|
|
142
|
+
}
|
|
147
143
|
|
|
144
|
+
// Handle previous threshold positioning if exists
|
|
148
145
|
const previousId = getPreviousThreshold(previousIds, id);
|
|
149
146
|
if (!previousId) return;
|
|
150
147
|
const previousData = getElementData(previousId, containerId);
|
|
@@ -152,12 +149,13 @@ const handlePositioning = props => {
|
|
|
152
149
|
const {
|
|
153
150
|
rects: previousRects,
|
|
154
151
|
elements: previousElements
|
|
155
|
-
} = previousData;
|
|
152
|
+
} = previousData;
|
|
156
153
|
|
|
157
|
-
|
|
154
|
+
// Calculate inversion for previous flag using window width (as in original)
|
|
155
|
+
const previousIsInverted = previousElements.label.dataset.isInverted === 'true';
|
|
158
156
|
|
|
157
|
+
// Calculate distance and adjust height if needed
|
|
159
158
|
const distance = calculateFlagDistance(currentRects.threshold, previousRects.threshold, currentRects.label, previousIsInverted);
|
|
160
|
-
|
|
161
159
|
if (distance < currentRects.label.width) {
|
|
162
160
|
const newHeight = previousRects.threshold.height + constants.LABEL_HEIGHT_INCREASE;
|
|
163
161
|
currentElements.threshold.style.setProperty('height', `${newHeight}px`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"handlePositioning.js","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"sourcesContent":["import { checkViewportOverflow } from './checkViewport.js'\nimport { LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN } from './constants.js'\n\ntype HandlePositioningProps = {\n previousIds?: string[]\n id: string\n reset?: boolean\n containerId: string\n}\n\ntype PositioningData = {\n elements: {\n threshold: HTMLElement\n label: HTMLElement\n }\n rects: {\n threshold: DOMRect\n label: DOMRect\n }\n containerRect: DOMRect\n}\n\n// Get elements and their rects in one go\nconst getElementData = (\n id: string,\n containerId: string,\n): PositioningData | null => {\n const threshold = document.getElementById(id)\n const label = document.getElementById(`${id}-description`)\n\n if (!threshold || !label) return null\n\n const container = document.getElementById(containerId)\n if (!container) return null\n\n // Temporarily reset transform to get original positions\n const originalTransform = label.style.transform\n label.style.removeProperty('transform')\n\n const thresholdRect = threshold.getBoundingClientRect()\n const labelRect = label.getBoundingClientRect()\n const containerRect = container.getBoundingClientRect()\n\n // Restore transform if it existed\n if (originalTransform) {\n label.style.setProperty('transform', originalTransform)\n }\n\n return {\n elements: { threshold, label },\n rects: { threshold: thresholdRect, label: labelRect },\n containerRect,\n }\n}\n\n// Calculate offset needed to keep label within viewport bounds\nconst calculateLabelOffset = (\n thresholdRect: DOMRect,\n labelRect: DOMRect,\n containerRect: DOMRect,\n isInverted: boolean,\n): number => {\n if (isInverted) {\n // Label positioned with left: 0 (extends right from threshold)\n // Check if label extends beyond container right boundary\n const labelRightEdge = thresholdRect.left + labelRect.width\n const containerRightEdge = containerRect.right - VIEWPORT_MARGIN\n\n if (labelRightEdge > containerRightEdge) {\n return labelRightEdge - containerRightEdge\n }\n } else {\n // Label positioned with right: 0 (extends left from threshold - default behavior)\n // Check if label left edge goes beyond container left boundary\n const labelLeftEdge = thresholdRect.right - labelRect.width\n const containerLeftEdge = containerRect.left + VIEWPORT_MARGIN\n\n if (labelLeftEdge < containerLeftEdge) {\n return containerLeftEdge - labelLeftEdge\n }\n }\n return 0\n}\n\n// Calculate if flag should be inverted based on viewport overflow\nconst shouldInvertLabel = (\n thresholdRect: DOMRect,\n labelRect: DOMRect,\n containerRect: DOMRect,\n viewportWidth: number,\n): boolean => {\n const position = containerRect.right - thresholdRect.right\n\n const isInverted = checkViewportOverflow(\n position,\n labelRect.width,\n viewportWidth,\n )\n\n return isInverted\n}\n\nexport const resetThresholdHeight = (threshold: HTMLElement | null): void => {\n if (!threshold) return\n\n threshold.style.removeProperty('height')\n}\n\n// Apply label positioning based on inversion\nconst applyLabelPosition = (label: HTMLElement, isInverted: boolean): void => {\n if (isInverted) {\n label.style.setProperty('left', '0px')\n label.style.setProperty('right', 'auto')\n label.dataset.isInverted = 'true'\n } else {\n label.style.setProperty('right', '0px')\n label.style.setProperty('left', 'auto')\n label.dataset.isInverted = 'false'\n }\n}\n\n// Calculate distance between two thresholds considering label inversion\nconst calculateFlagDistance = (\n currentRect: DOMRect,\n previousRect: DOMRect,\n currentLabelRect: DOMRect,\n isPreviousInverted: boolean,\n): number => {\n return isPreviousInverted\n ? currentRect.left - previousRect.left - currentLabelRect.width\n : currentRect.left - previousRect.left\n}\n\n// Get first previous threshold on the same position as the current threshold\nconst getPreviousThreshold = (\n previousIds: string[],\n currentId: string,\n): string | null => {\n const currentElement = document.getElementById(currentId)\n if (!currentElement) return null\n\n const currentLabelPosition = currentElement.dataset.labelPosition\n\n for (let i = previousIds.length - 1; i >= 0; i--) {\n const id = previousIds[i]\n const element = document.getElementById(id)\n if (element?.dataset.labelPosition === currentLabelPosition) {\n return id\n }\n }\n\n return null\n}\n\nexport const handlePositioning = (props: HandlePositioningProps): void => {\n const { previousIds = [], id, reset, containerId } = props\n\n // Check if we are in browser (not SSR)\n if (typeof window === 'undefined') return\n\n if (reset) {\n resetThresholdHeight(document.getElementById(id))\n return\n }\n\n const currentData = getElementData(id, containerId)\n if (!currentData) return\n\n const {\n elements: currentElements,\n rects: currentRects,\n containerRect,\n } = currentData\n\n // Calculate inversion for current label using container width\n const currentIsInverted = shouldInvertLabel(\n currentRects.threshold,\n currentRects.label,\n containerRect,\n containerRect.width,\n )\n\n // Apply positioning for current label\n applyLabelPosition(currentElements.label, currentIsInverted)\n\n // Calculate offset needed to keep label within bounds\n const currentOffset = calculateLabelOffset(\n currentRects.threshold,\n currentRects.label,\n containerRect,\n currentIsInverted,\n )\n\n // Apply offset if needed\n if (currentOffset > 0) {\n const direction = currentIsInverted ? -currentOffset : currentOffset\n currentElements.label.style.setProperty(\n 'transform',\n `translateX(${direction}px)`,\n )\n } else {\n currentElements.label.style.removeProperty('transform')\n }\n\n // Handle previous threshold positioning if exists\n const previousId = getPreviousThreshold(previousIds, id)\n if (!previousId) return\n\n const previousData = getElementData(previousId, containerId)\n if (!previousData) return\n\n const { rects: previousRects, elements: previousElements } = previousData\n\n // Calculate inversion for previous flag using window width (as in original)\n const previousIsInverted =\n previousElements.label.dataset.isInverted === 'true'\n\n // Calculate distance and adjust height if needed\n const distance = calculateFlagDistance(\n currentRects.threshold,\n previousRects.threshold,\n currentRects.label,\n previousIsInverted,\n )\n\n if (distance < currentRects.label.width) {\n const newHeight = previousRects.threshold.height + LABEL_HEIGHT_INCREASE\n currentElements.threshold.style.setProperty('height', `${newHeight}px`)\n }\n}\n"],"names":["getElementData","id","containerId","threshold","document","getElementById","label","container","originalTransform","style","transform","removeProperty","thresholdRect","getBoundingClientRect","labelRect","containerRect","setProperty","elements","rects","calculateLabelOffset","isInverted","labelRightEdge","left","width","containerRightEdge","right","VIEWPORT_MARGIN","labelLeftEdge","containerLeftEdge","shouldInvertLabel","viewportWidth","position","checkViewportOverflow","resetThresholdHeight","applyLabelPosition","dataset","calculateFlagDistance","currentRect","previousRect","currentLabelRect","isPreviousInverted","getPreviousThreshold","previousIds","currentId","currentElement","currentLabelPosition","labelPosition","i","length","element","handlePositioning","props","reset","window","currentData","currentElements","currentRects","currentIsInverted","currentOffset","direction","previousId","previousData","previousRects","previousElements","previousIsInverted","distance","newHeight","height","LABEL_HEIGHT_INCREASE"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"handlePositioning.js","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"sourcesContent":["import { checkViewportOverflow } from './checkViewport.js'\nimport { LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN } from './constants.js'\n\ntype HandlePositioningProps = {\n previousIds?: string[]\n id: string\n reset?: boolean\n containerId: string\n}\n\ntype PositioningData = {\n elements: {\n threshold: HTMLElement\n label: HTMLElement\n }\n rects: {\n threshold: DOMRect\n label: DOMRect\n }\n containerRect: DOMRect\n}\n\n// Get elements and their rects in one go\nconst getElementData = (\n id: string,\n containerId: string,\n): PositioningData | null => {\n const threshold = document.getElementById(id)\n const label = document.getElementById(`${id}-description`)\n\n if (!threshold || !label) return null\n\n const container = document.getElementById(containerId)\n if (!container) return null\n\n // Temporarily reset transform to get original positions\n const originalTransform = label.style.transform\n label.style.removeProperty('transform')\n\n const thresholdRect = threshold.getBoundingClientRect()\n const labelRect = label.getBoundingClientRect()\n const containerRect = container.getBoundingClientRect()\n\n // Restore transform if it existed\n if (originalTransform) {\n label.style.setProperty('transform', originalTransform)\n }\n\n return {\n elements: { threshold, label },\n rects: { threshold: thresholdRect, label: labelRect },\n containerRect,\n }\n}\n\n// Calculate offset needed to keep label within viewport bounds\nconst calculateLabelOffset = (\n thresholdRect: DOMRect,\n labelRect: DOMRect,\n containerRect: DOMRect,\n isInverted: boolean,\n): number => {\n if (isInverted) {\n // Label positioned with left: 0 (extends right from threshold)\n // Check if label extends beyond container right boundary\n const labelRightEdge = thresholdRect.left + labelRect.width\n const containerRightEdge = containerRect.right - VIEWPORT_MARGIN\n\n if (labelRightEdge > containerRightEdge) {\n return labelRightEdge - containerRightEdge\n }\n } else {\n // Label positioned with right: 0 (extends left from threshold - default behavior)\n // Check if label left edge goes beyond container left boundary\n const labelLeftEdge = thresholdRect.right - labelRect.width\n const containerLeftEdge = containerRect.left + VIEWPORT_MARGIN\n\n if (labelLeftEdge < containerLeftEdge) {\n return containerLeftEdge - labelLeftEdge\n }\n }\n return 0\n}\n\n// Calculate if flag should be inverted based on viewport overflow\nconst shouldInvertLabel = (\n thresholdRect: DOMRect,\n labelRect: DOMRect,\n containerRect: DOMRect,\n viewportWidth: number,\n): boolean => {\n const position = containerRect.right - thresholdRect.right\n\n const isInverted = checkViewportOverflow(\n position,\n labelRect.width,\n viewportWidth,\n )\n\n return isInverted\n}\n\nexport const resetThresholdHeight = (threshold: HTMLElement | null): void => {\n if (!threshold) return\n\n threshold.style.removeProperty('height')\n}\n\n// Apply label positioning based on inversion\nconst applyLabelPosition = (label: HTMLElement, isInverted: boolean): void => {\n if (isInverted) {\n label.style.setProperty('left', '0px')\n label.style.setProperty('right', 'auto')\n label.dataset.isInverted = 'true'\n } else {\n label.style.setProperty('right', '0px')\n label.style.setProperty('left', 'auto')\n label.dataset.isInverted = 'false'\n }\n}\n\n// Calculate distance between two thresholds considering label inversion\nconst calculateFlagDistance = (\n currentRect: DOMRect,\n previousRect: DOMRect,\n currentLabelRect: DOMRect,\n isPreviousInverted: boolean,\n): number => {\n return isPreviousInverted\n ? currentRect.left - previousRect.left - currentLabelRect.width\n : currentRect.left - previousRect.left\n}\n\n// Get first previous threshold on the same position as the current threshold\nconst getPreviousThreshold = (\n previousIds: string[],\n currentId: string,\n): string | null => {\n const currentElement = document.getElementById(currentId)\n if (!currentElement) return null\n\n const currentLabelPosition = currentElement.dataset.labelPosition\n\n for (let i = previousIds.length - 1; i >= 0; i--) {\n const id = previousIds[i]\n const element = document.getElementById(id)\n if (element?.dataset.labelPosition === currentLabelPosition) {\n return id\n }\n }\n\n return null\n}\n\nexport const handlePositioning = (props: HandlePositioningProps): void => {\n const { previousIds = [], id, reset, containerId } = props\n\n // Check if we are in browser (not SSR)\n if (typeof window === 'undefined') return\n\n if (reset) {\n resetThresholdHeight(document.getElementById(id))\n return\n }\n\n const currentData = getElementData(id, containerId)\n if (!currentData) return\n\n const {\n elements: currentElements,\n rects: currentRects,\n containerRect,\n } = currentData\n\n // Calculate inversion for current label using container width\n const currentIsInverted = shouldInvertLabel(\n currentRects.threshold,\n currentRects.label,\n containerRect,\n containerRect.width,\n )\n\n // Apply positioning for current label\n applyLabelPosition(currentElements.label, currentIsInverted)\n\n // Calculate offset needed to keep label within bounds\n const currentOffset = calculateLabelOffset(\n currentRects.threshold,\n currentRects.label,\n containerRect,\n currentIsInverted,\n )\n\n // Apply offset if needed\n if (currentOffset > 0) {\n const direction = currentIsInverted ? -currentOffset : currentOffset\n currentElements.label.style.setProperty(\n 'transform',\n `translateX(${direction}px)`,\n )\n } else {\n currentElements.label.style.removeProperty('transform')\n }\n\n // Handle previous threshold positioning if exists\n const previousId = getPreviousThreshold(previousIds, id)\n if (!previousId) return\n\n const previousData = getElementData(previousId, containerId)\n if (!previousData) return\n\n const { rects: previousRects, elements: previousElements } = previousData\n\n // Calculate inversion for previous flag using window width (as in original)\n const previousIsInverted =\n previousElements.label.dataset.isInverted === 'true'\n\n // Calculate distance and adjust height if needed\n const distance = calculateFlagDistance(\n currentRects.threshold,\n previousRects.threshold,\n currentRects.label,\n previousIsInverted,\n )\n\n if (distance < currentRects.label.width) {\n const newHeight = previousRects.threshold.height + LABEL_HEIGHT_INCREASE\n currentElements.threshold.style.setProperty('height', `${newHeight}px`)\n }\n}\n"],"names":["getElementData","id","containerId","threshold","document","getElementById","label","container","originalTransform","style","transform","removeProperty","thresholdRect","getBoundingClientRect","labelRect","containerRect","setProperty","elements","rects","calculateLabelOffset","isInverted","labelRightEdge","left","width","containerRightEdge","right","VIEWPORT_MARGIN","labelLeftEdge","containerLeftEdge","shouldInvertLabel","viewportWidth","position","checkViewportOverflow","resetThresholdHeight","applyLabelPosition","dataset","calculateFlagDistance","currentRect","previousRect","currentLabelRect","isPreviousInverted","getPreviousThreshold","previousIds","currentId","currentElement","currentLabelPosition","labelPosition","i","length","element","handlePositioning","props","reset","window","currentData","currentElements","currentRects","currentIsInverted","currentOffset","direction","previousId","previousData","previousRects","previousElements","previousIsInverted","distance","newHeight","height","LABEL_HEIGHT_INCREASE"],"mappings":"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"}
|
|
@@ -13,7 +13,8 @@ const processData = (data, containerId, maxValue) => {
|
|
|
13
13
|
} = item;
|
|
14
14
|
const id = `${containerId}-${constants.CHART_LINE_LABEL_ID}-${index}-${threshold.label}`;
|
|
15
15
|
const width = threshold.value / (calculatedMaxValue / 100);
|
|
16
|
-
const processedItem = {
|
|
16
|
+
const processedItem = {
|
|
17
|
+
...item,
|
|
17
18
|
id,
|
|
18
19
|
index,
|
|
19
20
|
width
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"processData.js","sources":["../../../../packages/chart-line/utils/processData.ts"],"sourcesContent":["import { CHART_LINE_LABEL_ID } from './constants.js'\nimport { LineData } from '../types.js'\n\ntype ProcessedLineData = LineData & {\n id: string\n index: number\n width: number\n}\n\ntype ProcessedData = {\n data: ProcessedLineData[]\n ids: string[]\n}\n\nexport const processData = (\n data: LineData[],\n containerId: string,\n maxValue?: number,\n): ProcessedData => {\n // Calculate maxValue once if not provided\n const calculatedMaxValue =\n maxValue ?? Math.max(...data.map((item) => item.threshold.value))\n\n return data\n .sort((a, b) => a.threshold.value - b.threshold.value)\n .reduce<ProcessedData>(\n (acc, item, index) => {\n const { threshold } = item\n const id = `${containerId}-${CHART_LINE_LABEL_ID}-${index}-${threshold.label}`\n const width = threshold.value / (calculatedMaxValue / 100)\n\n const processedItem: ProcessedLineData = {\n ...item,\n id,\n index,\n width,\n }\n\n acc.data.push(processedItem)\n acc.ids.push(id)\n\n return acc\n },\n { data: [], ids: [] },\n )\n}\n"],"names":["processData","data","containerId","maxValue","calculatedMaxValue","Math","max","map","item","threshold","value","sort","a","b","reduce","acc","index","id","CHART_LINE_LABEL_ID","label","width","processedItem","push","ids"],"mappings":";;;;;;AAcO,MAAMA,WAAW,
|
|
1
|
+
{"version":3,"file":"processData.js","sources":["../../../../packages/chart-line/utils/processData.ts"],"sourcesContent":["import { CHART_LINE_LABEL_ID } from './constants.js'\nimport { LineData } from '../types.js'\n\ntype ProcessedLineData = LineData & {\n id: string\n index: number\n width: number\n}\n\ntype ProcessedData = {\n data: ProcessedLineData[]\n ids: string[]\n}\n\nexport const processData = (\n data: LineData[],\n containerId: string,\n maxValue?: number,\n): ProcessedData => {\n // Calculate maxValue once if not provided\n const calculatedMaxValue =\n maxValue ?? Math.max(...data.map((item) => item.threshold.value))\n\n return data\n .sort((a, b) => a.threshold.value - b.threshold.value)\n .reduce<ProcessedData>(\n (acc, item, index) => {\n const { threshold } = item\n const id = `${containerId}-${CHART_LINE_LABEL_ID}-${index}-${threshold.label}`\n const width = threshold.value / (calculatedMaxValue / 100)\n\n const processedItem: ProcessedLineData = {\n ...item,\n id,\n index,\n width,\n }\n\n acc.data.push(processedItem)\n acc.ids.push(id)\n\n return acc\n },\n { data: [], ids: [] },\n )\n}\n"],"names":["processData","data","containerId","maxValue","calculatedMaxValue","Math","max","map","item","threshold","value","sort","a","b","reduce","acc","index","id","CHART_LINE_LABEL_ID","label","width","processedItem","push","ids"],"mappings":";;;;;;AAcO,MAAMA,WAAW,GAAGA,CACzBC,IAAgB,EAChBC,WAAmB,EACnBC,QAAiB,KACC;AAClB;EACA,MAAMC,kBAAkB,GACtBD,QAAQ,IAAIE,IAAI,CAACC,GAAG,CAAC,GAAGL,IAAI,CAACM,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,SAAS,CAACC,KAAK,CAAC,CAAC,CAAA;AAEnE,EAAA,OAAOT,IAAI,CACRU,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACH,SAAS,CAACC,KAAK,GAAGG,CAAC,CAACJ,SAAS,CAACC,KAAK,CAAC,CACrDI,MAAM,CACL,CAACC,GAAG,EAAEP,IAAI,EAAEQ,KAAK,KAAK;IACpB,MAAM;AAAEP,MAAAA,SAAAA;AAAU,KAAC,GAAGD,IAAI,CAAA;AAC1B,IAAA,MAAMS,EAAE,GAAG,CAAGf,EAAAA,WAAW,CAAIgB,CAAAA,EAAAA,6BAAmB,CAAIF,CAAAA,EAAAA,KAAK,CAAIP,CAAAA,EAAAA,SAAS,CAACU,KAAK,CAAE,CAAA,CAAA;IAC9E,MAAMC,KAAK,GAAGX,SAAS,CAACC,KAAK,IAAIN,kBAAkB,GAAG,GAAG,CAAC,CAAA;AAE1D,IAAA,MAAMiB,aAAgC,GAAG;AACvC,MAAA,GAAGb,IAAI;MACPS,EAAE;MACFD,KAAK;AACLI,MAAAA,KAAAA;KACD,CAAA;AAEDL,IAAAA,GAAG,CAACd,IAAI,CAACqB,IAAI,CAACD,aAAa,CAAC,CAAA;AAC5BN,IAAAA,GAAG,CAACQ,GAAG,CAACD,IAAI,CAACL,EAAE,CAAC,CAAA;AAEhB,IAAA,OAAOF,GAAG,CAAA;AACZ,GAAC,EACD;AAAEd,IAAAA,IAAI,EAAE,EAAE;AAAEsB,IAAAA,GAAG,EAAE,EAAA;AAAG,GACtB,CAAC,CAAA;AACL;;;;"}
|
|
@@ -21,7 +21,6 @@ const ChartProportion = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
21
21
|
borderSize,
|
|
22
22
|
...rest
|
|
23
23
|
} = props;
|
|
24
|
-
|
|
25
24
|
if (loading) {
|
|
26
25
|
return /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.WrapperStyle, {
|
|
27
26
|
$height: height,
|
|
@@ -30,7 +29,6 @@ const ChartProportion = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
30
29
|
children: /*#__PURE__*/jsxRuntime.jsx(InlineLoader.InlineLoader, {})
|
|
31
30
|
});
|
|
32
31
|
}
|
|
33
|
-
|
|
34
32
|
return /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.WrapperStyle, {
|
|
35
33
|
$height: height,
|
|
36
34
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartProportion.js","sources":["../../../packages/chart-proportion/ChartProportion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport {\n ProportionStyle,\n WrapperStyle,\n ProportionProgressStyle,\n ProportionProgressLineStyle,\n ProportionLabelStyle,\n} from './ChartProportionStyles.js'\nimport { ChartProportionProps } from './types.js'\n\nexport const ChartProportion = forwardRef(\n (props: ChartProportionProps, ref?: ForwardedRef<HTMLDivElement>) => {\n const {\n loading = false,\n onClick,\n children,\n height,\n border,\n data,\n showLabels,\n margin,\n borderSize,\n ...rest\n } = props\n\n if (loading) {\n return (\n <WrapperStyle $height={height} ref={ref} {...rest}>\n <InlineLoader />\n </WrapperStyle>\n )\n }\n\n return (\n <WrapperStyle $height={height} ref={ref} {...rest}>\n {data.map((item, index) => {\n const { color, value, progress, label } = item\n const isShowLabel = showLabels && label\n\n return (\n <ProportionStyle\n key={index}\n $flexGrow={value}\n $backgroundColor={color}\n $border={border}\n $borderSize={borderSize}\n $margin={margin}\n >\n {isShowLabel && (\n <ProportionLabelStyle>{label}</ProportionLabelStyle>\n )}\n <ProportionProgressStyle\n $progress={progress}\n $backgroundColor={color}\n $border={border}\n $borderSize={borderSize}\n >\n {progress !== 100 && <ProportionProgressLineStyle />}\n </ProportionProgressStyle>\n </ProportionStyle>\n )\n })}\n </WrapperStyle>\n )\n },\n)\nChartProportion.displayName = 'ChartProportion'\n"],"names":["ChartProportion","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","margin","borderSize","rest","_jsx","WrapperStyle","InlineLoader","map","item","index","color","value","progress","label","isShowLabel","_jsxs","ProportionStyle","ProportionLabelStyle","ProportionProgressStyle","ProportionProgressLineStyle","displayName"],"mappings":";;;;;;;;;;AAaO,MAAMA,eAAe,gBAAGC,gBAAU,CACvC,CAACC,
|
|
1
|
+
{"version":3,"file":"ChartProportion.js","sources":["../../../packages/chart-proportion/ChartProportion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport {\n ProportionStyle,\n WrapperStyle,\n ProportionProgressStyle,\n ProportionProgressLineStyle,\n ProportionLabelStyle,\n} from './ChartProportionStyles.js'\nimport { ChartProportionProps } from './types.js'\n\nexport const ChartProportion = forwardRef(\n (props: ChartProportionProps, ref?: ForwardedRef<HTMLDivElement>) => {\n const {\n loading = false,\n onClick,\n children,\n height,\n border,\n data,\n showLabels,\n margin,\n borderSize,\n ...rest\n } = props\n\n if (loading) {\n return (\n <WrapperStyle $height={height} ref={ref} {...rest}>\n <InlineLoader />\n </WrapperStyle>\n )\n }\n\n return (\n <WrapperStyle $height={height} ref={ref} {...rest}>\n {data.map((item, index) => {\n const { color, value, progress, label } = item\n const isShowLabel = showLabels && label\n\n return (\n <ProportionStyle\n key={index}\n $flexGrow={value}\n $backgroundColor={color}\n $border={border}\n $borderSize={borderSize}\n $margin={margin}\n >\n {isShowLabel && (\n <ProportionLabelStyle>{label}</ProportionLabelStyle>\n )}\n <ProportionProgressStyle\n $progress={progress}\n $backgroundColor={color}\n $border={border}\n $borderSize={borderSize}\n >\n {progress !== 100 && <ProportionProgressLineStyle />}\n </ProportionProgressStyle>\n </ProportionStyle>\n )\n })}\n </WrapperStyle>\n )\n },\n)\nChartProportion.displayName = 'ChartProportion'\n"],"names":["ChartProportion","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","margin","borderSize","rest","_jsx","WrapperStyle","$height","InlineLoader","map","item","index","color","value","progress","label","isShowLabel","_jsxs","ProportionStyle","$flexGrow","$backgroundColor","$border","$borderSize","$margin","ProportionLabelStyle","ProportionProgressStyle","$progress","ProportionProgressLineStyle","displayName"],"mappings":";;;;;;;;;;AAaO,MAAMA,eAAe,gBAAGC,gBAAU,CACvC,CAACC,KAA2B,EAAEC,GAAkC,KAAK;EACnE,MAAM;AACJC,IAAAA,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAGX,KAAK,CAAA;AAET,EAAA,IAAIE,OAAO,EAAE;IACX,oBACEU,cAAA,CAACC,kCAAY,EAAA;AAACC,MAAAA,OAAO,EAAET,MAAO;AAACJ,MAAAA,GAAG,EAAEA,GAAI;AAAA,MAAA,GAAKU,IAAI;AAAAP,MAAAA,QAAA,eAC/CQ,cAAA,CAACG,yBAAY,EAAE,EAAA,CAAA;AAAC,KACJ,CAAC,CAAA;AAEnB,GAAA;EAEA,oBACEH,cAAA,CAACC,kCAAY,EAAA;AAACC,IAAAA,OAAO,EAAET,MAAO;AAACJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKU,IAAI;IAAAP,QAAA,EAC9CG,IAAI,CAACS,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MACzB,MAAM;QAAEC,KAAK;QAAEC,KAAK;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGL,IAAI,CAAA;AAC9C,MAAA,MAAMM,WAAW,GAAGf,UAAU,IAAIc,KAAK,CAAA;MAEvC,oBACEE,eAAA,CAACC,qCAAe,EAAA;AAEdC,QAAAA,SAAS,EAAEN,KAAM;AACjBO,QAAAA,gBAAgB,EAAER,KAAM;AACxBS,QAAAA,OAAO,EAAEtB,MAAO;AAChBuB,QAAAA,WAAW,EAAEnB,UAAW;AACxBoB,QAAAA,OAAO,EAAErB,MAAO;AAAAL,QAAAA,QAAA,EAEfmB,CAAAA,WAAW,iBACVX,cAAA,CAACmB,0CAAoB,EAAA;AAAA3B,UAAAA,QAAA,EAAEkB,KAAAA;AAAK,SAAuB,CACpD,eACDV,cAAA,CAACoB,6CAAuB,EAAA;AACtBC,UAAAA,SAAS,EAAEZ,QAAS;AACpBM,UAAAA,gBAAgB,EAAER,KAAM;AACxBS,UAAAA,OAAO,EAAEtB,MAAO;AAChBuB,UAAAA,WAAW,EAAEnB,UAAW;UAAAN,QAAA,EAEvBiB,QAAQ,KAAK,GAAG,iBAAIT,cAAA,CAACsB,iDAA2B,EAAE,EAAA,CAAA;AAAC,SAC7B,CAAC,CAAA;AAAA,OAAA,EAjBrBhB,KAkBU,CAAC,CAAA;KAErB,CAAA;AAAC,GACU,CAAC,CAAA;AAEnB,CACF,EAAC;AACDpB,eAAe,CAACqC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -43,13 +43,11 @@ const ProportionStyle = styledComponentsWrapper.default.div`
|
|
|
43
43
|
$border,
|
|
44
44
|
$borderSize
|
|
45
45
|
} = _ref3;
|
|
46
|
-
|
|
47
46
|
if ($border === types.ChartProportionBorderType.rounded) {
|
|
48
47
|
return _styled.css`
|
|
49
48
|
border-radius: ${borderSizes[$borderSize]};
|
|
50
49
|
`;
|
|
51
50
|
}
|
|
52
|
-
|
|
53
51
|
return _styled.css``;
|
|
54
52
|
}}
|
|
55
53
|
|
|
@@ -86,7 +84,6 @@ const ProportionProgressStyle = styledComponentsWrapper.default.div`
|
|
|
86
84
|
$borderSize,
|
|
87
85
|
$progress
|
|
88
86
|
} = _ref7;
|
|
89
|
-
|
|
90
87
|
if ($border === types.ChartProportionBorderType.rounded) {
|
|
91
88
|
if ($progress !== 100) {
|
|
92
89
|
return _styled.css`
|
|
@@ -94,12 +91,10 @@ const ProportionProgressStyle = styledComponentsWrapper.default.div`
|
|
|
94
91
|
${borderSizes[$borderSize]};
|
|
95
92
|
`;
|
|
96
93
|
}
|
|
97
|
-
|
|
98
94
|
return _styled.css`
|
|
99
95
|
border-radius: ${borderSizes[$borderSize]};
|
|
100
96
|
`;
|
|
101
97
|
}
|
|
102
|
-
|
|
103
98
|
return _styled.css``;
|
|
104
99
|
}}
|
|
105
100
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartProportionStyles.js","sources":["../../../packages/chart-proportion/ChartProportionStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport {\n ChartProportionBorderSize,\n ChartProportionBorderType,\n MarginSize,\n} from './types.js'\n\nexport const WrapperStyle = styled.div<{\n $height: number\n}>`\n display: flex;\n width: 100%;\n height: ${({ $height }) => $height}px;\n position: relative;\n`\n\nconst borderSizes = {\n sm: '2px',\n md: '4px',\n lg: '8px',\n}\n\nconst marginSizes = {\n sm: '2px',\n md: '4px',\n lg: '8px',\n}\n\nexport const ProportionStyle = styled.div<{\n $border: ChartProportionBorderType\n $borderSize: ChartProportionBorderSize\n $margin: MarginSize\n $flexGrow: number\n $backgroundColor?: string\n}>`\n background: rgb(19 18 23 / 4%);\n flex-grow: ${({ $flexGrow }) => $flexGrow};\n height: 100%;\n position: relative;\n\n ${({ $border, $borderSize }) => {\n if ($border === ChartProportionBorderType.rounded) {\n return css`\n border-radius: ${borderSizes[$borderSize]};\n `\n }\n return css``\n }}\n\n &:not(:last-child) {\n ${({ $margin }) => {\n return css`\n margin-right: ${marginSizes[$margin]};\n `\n }}\n }\n`\n\nexport const ProportionProgressStyle = styled.div<{\n $progress: number\n $backgroundColor?: string\n $border: ChartProportionBorderType\n $borderSize: ChartProportionBorderSize\n}>`\n background-color: ${({ $backgroundColor }) =>\n $backgroundColor ? $backgroundColor : 'transparent'};\n height: 100%;\n width: ${({ $progress }) => $progress}%;\n position: relative;\n\n ${({ $border, $borderSize, $progress }) => {\n if ($border === ChartProportionBorderType.rounded) {\n if ($progress !== 100) {\n return css`\n border-radius: ${borderSizes[$borderSize]} 0 0\n ${borderSizes[$borderSize]};\n `\n }\n return css`\n border-radius: ${borderSizes[$borderSize]};\n `\n }\n\n return css``\n }}\n`\n\nexport const ProportionProgressLineStyle = styled.div`\n position: absolute;\n right: 0;\n background-color: #273852;\n height: calc(100% + 2px);\n top: -1px;\n bottom: -1px;\n width: 2px;\n margin-left: auto;\n border-radius: 2px;\n`\nexport const ProportionLabelStyle = styled.div`\n position: absolute;\n top: -22px;\n right: 0;\n white-space: nowrap;\n font-size: 10px;\n line-height: 20px;\n color: #7a8aa0;\n`\n"],"names":["WrapperStyle","styled","div","$height","borderSizes","sm","md","lg","marginSizes","ProportionStyle","$flexGrow","$border","$borderSize","ChartProportionBorderType","rounded","css","$margin","ProportionProgressStyle","$backgroundColor","$progress","ProportionProgressLineStyle","ProportionLabelStyle"],"mappings":";;;;;;;;AAOaA,MAAAA,YAAY,GAAGC,+BAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"ChartProportionStyles.js","sources":["../../../packages/chart-proportion/ChartProportionStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport {\n ChartProportionBorderSize,\n ChartProportionBorderType,\n MarginSize,\n} from './types.js'\n\nexport const WrapperStyle = styled.div<{\n $height: number\n}>`\n display: flex;\n width: 100%;\n height: ${({ $height }) => $height}px;\n position: relative;\n`\n\nconst borderSizes = {\n sm: '2px',\n md: '4px',\n lg: '8px',\n}\n\nconst marginSizes = {\n sm: '2px',\n md: '4px',\n lg: '8px',\n}\n\nexport const ProportionStyle = styled.div<{\n $border: ChartProportionBorderType\n $borderSize: ChartProportionBorderSize\n $margin: MarginSize\n $flexGrow: number\n $backgroundColor?: string\n}>`\n background: rgb(19 18 23 / 4%);\n flex-grow: ${({ $flexGrow }) => $flexGrow};\n height: 100%;\n position: relative;\n\n ${({ $border, $borderSize }) => {\n if ($border === ChartProportionBorderType.rounded) {\n return css`\n border-radius: ${borderSizes[$borderSize]};\n `\n }\n return css``\n }}\n\n &:not(:last-child) {\n ${({ $margin }) => {\n return css`\n margin-right: ${marginSizes[$margin]};\n `\n }}\n }\n`\n\nexport const ProportionProgressStyle = styled.div<{\n $progress: number\n $backgroundColor?: string\n $border: ChartProportionBorderType\n $borderSize: ChartProportionBorderSize\n}>`\n background-color: ${({ $backgroundColor }) =>\n $backgroundColor ? $backgroundColor : 'transparent'};\n height: 100%;\n width: ${({ $progress }) => $progress}%;\n position: relative;\n\n ${({ $border, $borderSize, $progress }) => {\n if ($border === ChartProportionBorderType.rounded) {\n if ($progress !== 100) {\n return css`\n border-radius: ${borderSizes[$borderSize]} 0 0\n ${borderSizes[$borderSize]};\n `\n }\n return css`\n border-radius: ${borderSizes[$borderSize]};\n `\n }\n\n return css``\n }}\n`\n\nexport const ProportionProgressLineStyle = styled.div`\n position: absolute;\n right: 0;\n background-color: #273852;\n height: calc(100% + 2px);\n top: -1px;\n bottom: -1px;\n width: 2px;\n margin-left: auto;\n border-radius: 2px;\n`\nexport const ProportionLabelStyle = styled.div`\n position: absolute;\n top: -22px;\n right: 0;\n white-space: nowrap;\n font-size: 10px;\n line-height: 20px;\n color: #7a8aa0;\n`\n"],"names":["WrapperStyle","styled","div","_ref","$height","borderSizes","sm","md","lg","marginSizes","ProportionStyle","_ref2","$flexGrow","_ref3","$border","$borderSize","ChartProportionBorderType","rounded","css","_ref4","$margin","ProportionProgressStyle","_ref5","$backgroundColor","_ref6","$progress","_ref7","ProportionProgressLineStyle","ProportionLabelStyle"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../packages/chart-proportion/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartProportionBorderType {\n rounded = 'rounded',\n square = 'square',\n}\nexport type ChartProportionBorderTypes = keyof typeof ChartProportionBorderType\n\nexport enum ChartProportionBorderSize {\n sm = 'sm',\n md = 'md',\n lg = 'lg',\n}\nexport type ChartProportionBorderSizes = keyof typeof ChartProportionBorderSize\n\nexport enum MarginSize {\n sm = 'sm',\n md = 'md',\n lg = 'lg',\n}\nexport type MarginSizes = keyof typeof MarginSize\n\nexport type ChartProportionConfig = {\n height: number\n border: ChartProportionBorderType\n borderSize: ChartProportionBorderSize\n margin: MarginSize\n showLabels?: boolean\n loading?: boolean\n data: ChartProportionData[]\n}\n\nexport type ChartProportionData = {\n show?: boolean\n color?: string\n value: number\n progress: number\n label?: string\n}\n\nexport type ChartProportionProps = LidoComponentProps<\n 'div',\n ChartProportionConfig\n>\n"],"names":["ChartProportionBorderType","ChartProportionBorderSize","MarginSize"],"mappings":";;;;AAGYA,IAAAA,
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../packages/chart-proportion/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartProportionBorderType {\n rounded = 'rounded',\n square = 'square',\n}\nexport type ChartProportionBorderTypes = keyof typeof ChartProportionBorderType\n\nexport enum ChartProportionBorderSize {\n sm = 'sm',\n md = 'md',\n lg = 'lg',\n}\nexport type ChartProportionBorderSizes = keyof typeof ChartProportionBorderSize\n\nexport enum MarginSize {\n sm = 'sm',\n md = 'md',\n lg = 'lg',\n}\nexport type MarginSizes = keyof typeof MarginSize\n\nexport type ChartProportionConfig = {\n height: number\n border: ChartProportionBorderType\n borderSize: ChartProportionBorderSize\n margin: MarginSize\n showLabels?: boolean\n loading?: boolean\n data: ChartProportionData[]\n}\n\nexport type ChartProportionData = {\n show?: boolean\n color?: string\n value: number\n progress: number\n label?: string\n}\n\nexport type ChartProportionProps = LidoComponentProps<\n 'div',\n ChartProportionConfig\n>\n"],"names":["ChartProportionBorderType","ChartProportionBorderSize","MarginSize"],"mappings":";;;;AAGYA,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAzBA,yBAAyB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMzBC,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOzBC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types.js'\nimport {\n CheckboxWrapperStyle,\n CheckboxInputStyle,\n CheckboxIconStyle,\n} from './CheckboxStyles.js'\nimport { Text } from '../text/index.js'\nimport { Box } from '../box/index.js'\n\nexport const Checkbox = forwardRef(\n (\n {\n className,\n style,\n wrapperRef,\n disabled,\n children,\n label,\n ...rest\n }: CheckboxProps,\n inputRef?: ForwardedRef<HTMLInputElement>,\n ) => {\n return (\n <CheckboxWrapperStyle\n className={className}\n style={style}\n ref={wrapperRef}\n >\n <CheckboxInputStyle\n type='checkbox'\n disabled={disabled}\n ref={inputRef}\n {...rest}\n />\n <CheckboxIconStyle />\n {label && (\n <Box ml={8}>\n <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n {label}\n </Text>\n </Box>\n )}\n </CheckboxWrapperStyle>\n )\n },\n)\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","inputRef","className","style","wrapperRef","disabled","children","label","rest","_jsxs","CheckboxWrapperStyle","_jsx","CheckboxInputStyle","CheckboxIconStyle","Box","Text","displayName"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types.js'\nimport {\n CheckboxWrapperStyle,\n CheckboxInputStyle,\n CheckboxIconStyle,\n} from './CheckboxStyles.js'\nimport { Text } from '../text/index.js'\nimport { Box } from '../box/index.js'\n\nexport const Checkbox = forwardRef(\n (\n {\n className,\n style,\n wrapperRef,\n disabled,\n children,\n label,\n ...rest\n }: CheckboxProps,\n inputRef?: ForwardedRef<HTMLInputElement>,\n ) => {\n return (\n <CheckboxWrapperStyle\n className={className}\n style={style}\n ref={wrapperRef}\n >\n <CheckboxInputStyle\n type='checkbox'\n disabled={disabled}\n ref={inputRef}\n {...rest}\n />\n <CheckboxIconStyle />\n {label && (\n <Box ml={8}>\n <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n {label}\n </Text>\n </Box>\n )}\n </CheckboxWrapperStyle>\n )\n },\n)\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","_ref","inputRef","className","style","wrapperRef","disabled","children","label","rest","_jsxs","CheckboxWrapperStyle","ref","_jsx","CheckboxInputStyle","type","CheckboxIconStyle","Box","ml","Text","size","color","displayName"],"mappings":";;;;;;;;;;AAUO,MAAMA,QAAQ,gBAAGC,gBAAU,CAChC,CAAAC,IAAA,EAUEC,QAAyC,KACtC;EAAA,IAVH;IACEC,SAAS;IACTC,KAAK;IACLC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACL,GAAGC,IAAAA;AACU,GAAC,GAAAR,IAAA,CAAA;EAGhB,oBACES,eAAA,CAACC,mCAAoB,EAAA;AACnBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,KAAK,EAAEA,KAAM;AACbQ,IAAAA,GAAG,EAAEP,UAAW;IAAAE,QAAA,EAAA,cAEhBM,cAAA,CAACC,iCAAkB,EAAA;AACjBC,MAAAA,IAAI,EAAC,UAAU;AACfT,MAAAA,QAAQ,EAAEA,QAAS;AACnBM,MAAAA,GAAG,EAAEV,QAAS;MAAA,GACVO,IAAAA;AAAI,KACT,CAAC,eACFI,cAAA,CAACG,gCAAiB,EAAA,EAAE,CAAC,EACpBR,KAAK,iBACJK,cAAA,CAACI,OAAG,EAAA;AAACC,MAAAA,EAAE,EAAE,CAAE;MAAAX,QAAA,eACTM,cAAA,CAACM,SAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,KAAK;AAACC,QAAAA,KAAK,EAAEf,QAAQ,GAAG,WAAW,GAAG,SAAU;AAAAC,QAAAA,QAAA,EACxDC,KAAAA;OACG,CAAA;AAAC,KACJ,CACN,CAAA;AAAA,GACmB,CAAC,CAAA;AAE3B,CACF,EAAC;AACDT,QAAQ,CAACuB,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxStyles.js","sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Check } from '../icons/index.js'\n\nexport const CheckboxWrapperStyle = styled.label`\n flex-shrink: 0;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n line-height: 0;\n align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n height: 24px;\n width: 24px;\n border-radius: 4px;\n transition:\n box-shadow 0.1s ease,\n background-color 0.1s ease;\n fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n width: 1px;\n height: 1px;\n position: absolute;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n &:not(:disabled) ~ * {\n cursor: pointer;\n }\n\n label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n }\n\n & + ${CheckboxIconStyle} {\n background-color: var(--lido-color-controlBg);\n box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n path {\n opacity: 0;\n }\n }\n\n &:checked + ${CheckboxIconStyle} {\n background-color: var(--lido-color-primary);\n box-shadow: none;\n\n path {\n opacity: 1;\n }\n }\n\n &:disabled + ${CheckboxIconStyle} {\n opacity: 0.5;\n cursor: default;\n }\n\n &:focus-visible + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n }\n\n &:focus-visible:checked + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n }\n`\n"],"names":["CheckboxWrapperStyle","styled","label","CheckboxIconStyle","Check","CheckboxInputStyle","input"],"mappings":";;;;;;;AAGaA,MAAAA,oBAAoB,GAAGC,+BAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"CheckboxStyles.js","sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Check } from '../icons/index.js'\n\nexport const CheckboxWrapperStyle = styled.label`\n flex-shrink: 0;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n line-height: 0;\n align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n height: 24px;\n width: 24px;\n border-radius: 4px;\n transition:\n box-shadow 0.1s ease,\n background-color 0.1s ease;\n fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n width: 1px;\n height: 1px;\n position: absolute;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n &:not(:disabled) ~ * {\n cursor: pointer;\n }\n\n label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n }\n\n & + ${CheckboxIconStyle} {\n background-color: var(--lido-color-controlBg);\n box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n path {\n opacity: 0;\n }\n }\n\n &:checked + ${CheckboxIconStyle} {\n background-color: var(--lido-color-primary);\n box-shadow: none;\n\n path {\n opacity: 1;\n }\n }\n\n &:disabled + ${CheckboxIconStyle} {\n opacity: 0.5;\n cursor: default;\n }\n\n &:focus-visible + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n }\n\n &:focus-visible:checked + ${CheckboxIconStyle} {\n box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n }\n`\n"],"names":["CheckboxWrapperStyle","styled","label","CheckboxIconStyle","Check","CheckboxInputStyle","input"],"mappings":";;;;;;;AAGaA,MAAAA,oBAAoB,GAAGC,+BAAM,CAACC,KAAK,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,iBAAiB,GAAGF,+BAAM,CAACG,WAAK,CAAC,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,kBAAkB,GAAGJ,+BAAM,CAACK,KAAK,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAAA,EAAiDH,iBAAiB,CAAA;AAClE;AACA;AACA;AACA,MAAA,EAAQA,iBAAiB,CAAA;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,EAAgBA,iBAAiB,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAA,EAAiBA,iBAAiB,CAAA;AAClC;AACA;AACA;AACA;AACA,oBAAA,EAAsBA,iBAAiB,CAAA;AACvC;AACA;AACA;AACA,4BAAA,EAA8BA,iBAAiB,CAAA;AAC/C;AACA;AACA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sources":["../../../packages/chip/Chip.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ChipProps } from './types.js'\nimport { ChipWrapperStyle } from './ChipStyles.js'\n\nexport const Chip = forwardRef(\n (\n { children, onClick, variant = 'positive', ...rest }: ChipProps,\n ref?: ForwardedRef<HTMLInputElement>,\n ) => {\n return (\n <ChipWrapperStyle\n $interactive={!!onClick}\n $variant={variant}\n onClick={onClick}\n {...rest}\n ref={ref}\n >\n {children}\n </ChipWrapperStyle>\n )\n },\n)\nChip.displayName = 'Chip'\n"],"names":["Chip","forwardRef","ref","children","onClick","variant","rest","_jsx","ChipWrapperStyle","displayName"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"Chip.js","sources":["../../../packages/chip/Chip.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ChipProps } from './types.js'\nimport { ChipWrapperStyle } from './ChipStyles.js'\n\nexport const Chip = forwardRef(\n (\n { children, onClick, variant = 'positive', ...rest }: ChipProps,\n ref?: ForwardedRef<HTMLInputElement>,\n ) => {\n return (\n <ChipWrapperStyle\n $interactive={!!onClick}\n $variant={variant}\n onClick={onClick}\n {...rest}\n ref={ref}\n >\n {children}\n </ChipWrapperStyle>\n )\n },\n)\nChip.displayName = 'Chip'\n"],"names":["Chip","forwardRef","_ref","ref","children","onClick","variant","rest","_jsx","ChipWrapperStyle","$interactive","$variant","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,IAAI,gBAAGC,gBAAU,CAC5B,CAAAC,IAAA,EAEEC,GAAoC,KACjC;EAAA,IAFH;IAAEC,QAAQ;IAAEC,OAAO;AAAEC,IAAAA,OAAO,GAAG,UAAU;IAAE,GAAGC,IAAAA;AAAgB,GAAC,GAAAL,IAAA,CAAA;EAG/D,oBACEM,cAAA,CAACC,2BAAgB,EAAA;IACfC,YAAY,EAAE,CAAC,CAACL,OAAQ;AACxBM,IAAAA,QAAQ,EAAEL,OAAQ;AAClBD,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbE,IAAI;AACRJ,IAAAA,GAAG,EAAEA,GAAI;AAAAC,IAAAA,QAAA,EAERA,QAAAA;AAAQ,GACO,CAAC,CAAA;AAEvB,CACF,EAAC;AACDJ,IAAI,CAACY,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipStyles.js","sources":["../../../packages/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChipVariants } from './types.js'\n\ntype InjectedPropsTr = {\n $variant: ChipVariants\n $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n positive: css`\n background: var(--lido-color-success);\n color: var(--lido-color-foreground);\n `,\n negative: css`\n background: var(--lido-color-error);\n color: var(--lido-color-foreground);\n `,\n gray: css`\n background: var(--lido-color-shadowLight);\n color: var(--lido-color-textSecondary);\n `,\n warning: css`\n background: var(--lido-color-warning);\n color: var(--lido-color-foreground);\n `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n font-size: 14px;\n line-height: 20px;\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n align-items: center;\n white-space: nowrap;\n outline: none;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n padding: 0.2em 0.4em;\n cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["ChipVariantsStyle","positive","css","negative","gray","warning","ChipWrapperStyle","styled","div","theme","borderRadiusesMap","xs","$interactive","$variant"],"mappings":";;;;;;;AAQA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,QAAQ,EAAEC,
|
|
1
|
+
{"version":3,"file":"ChipStyles.js","sources":["../../../packages/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChipVariants } from './types.js'\n\ntype InjectedPropsTr = {\n $variant: ChipVariants\n $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n positive: css`\n background: var(--lido-color-success);\n color: var(--lido-color-foreground);\n `,\n negative: css`\n background: var(--lido-color-error);\n color: var(--lido-color-foreground);\n `,\n gray: css`\n background: var(--lido-color-shadowLight);\n color: var(--lido-color-textSecondary);\n `,\n warning: css`\n background: var(--lido-color-warning);\n color: var(--lido-color-foreground);\n `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n font-size: 14px;\n line-height: 20px;\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n align-items: center;\n white-space: nowrap;\n outline: none;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n padding: 0.2em 0.4em;\n cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["ChipVariantsStyle","positive","css","negative","gray","warning","ChipWrapperStyle","styled","div","_ref","theme","borderRadiusesMap","xs","_ref2","$interactive","_ref3","$variant"],"mappings":";;;;;;;AAQA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,QAAQ,EAAEC,WAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,QAAQ,EAAED,WAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,IAAI,EAAEF,WAAG,CAAA;AACX;AACA;AACA,EAAG,CAAA;AACDG,EAAAA,OAAO,EAAEH,WAAG,CAAA;AACd;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYI,MAAAA,gBAAgB,GAAGC,+BAAM,CAACC,GAAoB,CAAA;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAA,EAAmBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,YAAY,GAAG,SAAS,GAAG,MAAM,CAAA;AAAA,CAAC,CAAA;AACrE,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKf,iBAAiB,CAACgB,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AACjD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../packages/chip/types.ts"],"sourcesContent":["import { RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChipVariant {\n positive,\n negative,\n warning,\n gray,\n}\n\nexport type ChipVariants = keyof typeof ChipVariant\n\nexport type ChipProps = LidoComponentProps<\n 'div',\n {\n wrapperRef?: RefObject<HTMLLabelElement>\n variant?: ChipVariants\n }\n>\n"],"names":["ChipVariant"],"mappings":";;;;AAIYA,IAAAA,
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../packages/chip/types.ts"],"sourcesContent":["import { RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChipVariant {\n positive,\n negative,\n warning,\n gray,\n}\n\nexport type ChipVariants = keyof typeof ChipVariant\n\nexport type ChipProps = LidoComponentProps<\n 'div',\n {\n wrapperRef?: RefObject<HTMLLabelElement>\n variant?: ChipVariants\n }\n>\n"],"names":["ChipVariant"],"mappings":";;;;AAIYA,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,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../packages/container/Container.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ContainerStyle } from './ContainerStyles.js'\nimport { ContainerProps } from './types.js'\n\nexport const Container = forwardRef(\n (\n { size = 'full', ...rest }: ContainerProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n return <ContainerStyle $size={size} ref={ref} {...rest} />\n },\n)\nContainer.displayName = 'Container'\n"],"names":["Container","forwardRef","ref","size","rest","_jsx","ContainerStyle","displayName"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"Container.js","sources":["../../../packages/container/Container.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ContainerStyle } from './ContainerStyles.js'\nimport { ContainerProps } from './types.js'\n\nexport const Container = forwardRef(\n (\n { size = 'full', ...rest }: ContainerProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n return <ContainerStyle $size={size} ref={ref} {...rest} />\n },\n)\nContainer.displayName = 'Container'\n"],"names":["Container","forwardRef","_ref","ref","size","rest","_jsx","ContainerStyle","$size","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,SAAS,gBAAGC,gBAAU,CACjC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAH,IAAA,CAAA;EAG1C,oBAAOI,cAAA,CAACC,8BAAc,EAAA;AAACC,IAAAA,KAAK,EAAEJ,IAAK;AAACD,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKE,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC5D,CACF,EAAC;AACDL,SAAS,CAACS,WAAW,GAAG,WAAW;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContainerStyles.js","sources":["../../../packages/container/ContainerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ContainerSizes } from './types.js'\n\nconst sizes = {\n full: css`\n max-width: 1424px;\n `,\n content: css`\n max-width: 960px;\n `,\n tight: css`\n max-width: 560px;\n `,\n}\n\nexport const ContainerStyle = styled.div<{ $size: ContainerSizes }>`\n box-sizing: border-box;\n margin: 0 auto;\n min-width: 320px;\n width: 100%;\n padding: 0 ${({ theme }) => theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.lg} {\n padding: 0 ${({ theme }) => theme.spaceMap.lg}px;\n }\n\n ${({ $size }) => sizes[$size]}\n`\n"],"names":["sizes","full","css","content","tight","ContainerStyle","styled","div","theme","spaceMap","xxl","mediaQueries","lg","$size"],"mappings":";;;;;;;AAGA,MAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAEC,
|
|
1
|
+
{"version":3,"file":"ContainerStyles.js","sources":["../../../packages/container/ContainerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ContainerSizes } from './types.js'\n\nconst sizes = {\n full: css`\n max-width: 1424px;\n `,\n content: css`\n max-width: 960px;\n `,\n tight: css`\n max-width: 560px;\n `,\n}\n\nexport const ContainerStyle = styled.div<{ $size: ContainerSizes }>`\n box-sizing: border-box;\n margin: 0 auto;\n min-width: 320px;\n width: 100%;\n padding: 0 ${({ theme }) => theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.lg} {\n padding: 0 ${({ theme }) => theme.spaceMap.lg}px;\n }\n\n ${({ $size }) => sizes[$size]}\n`\n"],"names":["sizes","full","css","content","tight","ContainerStyle","styled","div","_ref","theme","spaceMap","xxl","_ref2","mediaQueries","lg","_ref3","_ref4","$size"],"mappings":";;;;;;;AAGA,MAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAEC,WAAG,CAAA;AACX;AACA,EAAG,CAAA;AACDC,EAAAA,OAAO,EAAED,WAAG,CAAA;AACd;AACA,EAAG,CAAA;AACDE,EAAAA,KAAK,EAAEF,WAAG,CAAA;AACZ;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYG,MAAAA,cAAc,GAAGC,+BAAM,CAACC,GAA8B,CAAA;AACnE;AACA;AACA;AACA;AACA,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAChD;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACC,QAAQ,CAACI,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA,EAAA,EAAIE,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKhB,KAAK,CAACiB,KAAK,CAAC,CAAA;AAAA,CAAA,CAAA;AAC/B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../packages/container/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ContainerSize {\n full,\n content,\n tight,\n}\nexport type ContainerSizes = keyof typeof ContainerSize\n\nexport type ContainerProps = LidoComponentProps<\n 'div',\n {\n size?: ContainerSizes\n }\n>\n"],"names":["ContainerSize"],"mappings":";;;;AAGYA,IAAAA,
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../packages/container/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ContainerSize {\n full,\n content,\n tight,\n}\nexport type ContainerSizes = keyof typeof ContainerSize\n\nexport type ContainerProps = LidoComponentProps<\n 'div',\n {\n size?: ContainerSizes\n }\n>\n"],"names":["ContainerSize"],"mappings":";;;;AAGYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
|
@@ -12,9 +12,11 @@ const ContentTheme = _ref => {
|
|
|
12
12
|
...rest
|
|
13
13
|
} = _ref;
|
|
14
14
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
15
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(styles.ContentThemeOnlyDark, {
|
|
15
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(styles.ContentThemeOnlyDark, {
|
|
16
|
+
...rest,
|
|
16
17
|
children: darkContent
|
|
17
|
-
}), /*#__PURE__*/jsxRuntime.jsx(styles.ContentThemeOnlyLight, {
|
|
18
|
+
}), /*#__PURE__*/jsxRuntime.jsx(styles.ContentThemeOnlyLight, {
|
|
19
|
+
...rest,
|
|
18
20
|
children: lightContent
|
|
19
21
|
})]
|
|
20
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-theme.js","sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles.js'\nimport { ContentThemeProps } from './types.js'\n\nexport const ContentTheme: FC<ContentThemeProps> = ({\n darkContent,\n lightContent,\n ...rest\n}: ContentThemeProps) => {\n return (\n <>\n <ContentThemeOnlyDark {...rest}>{darkContent}</ContentThemeOnlyDark>\n <ContentThemeOnlyLight {...rest}>{lightContent}</ContentThemeOnlyLight>\n </>\n )\n}\n"],"names":["ContentTheme","darkContent","lightContent","rest","_jsxs","_Fragment","_jsx","ContentThemeOnlyDark","ContentThemeOnlyLight"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"content-theme.js","sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles.js'\nimport { ContentThemeProps } from './types.js'\n\nexport const ContentTheme: FC<ContentThemeProps> = ({\n darkContent,\n lightContent,\n ...rest\n}: ContentThemeProps) => {\n return (\n <>\n <ContentThemeOnlyDark {...rest}>{darkContent}</ContentThemeOnlyDark>\n <ContentThemeOnlyLight {...rest}>{lightContent}</ContentThemeOnlyLight>\n </>\n )\n}\n"],"names":["ContentTheme","_ref","darkContent","lightContent","rest","_jsxs","_Fragment","children","_jsx","ContentThemeOnlyDark","ContentThemeOnlyLight"],"mappings":";;;;;;;AAIaA,MAAAA,YAAmC,GAAGC,IAAA,IAI1B;EAAA,IAJ2B;IAClDC,WAAW;IACXC,YAAY;IACZ,GAAGC,IAAAA;AACc,GAAC,GAAAH,IAAA,CAAA;EAClB,oBACEI,eAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,2BAAoB,EAAA;AAAA,MAAA,GAAKL,IAAI;AAAAG,MAAAA,QAAA,EAAGL,WAAAA;AAAW,KAAuB,CAAC,eACpEM,cAAA,CAACE,4BAAqB,EAAA;AAAA,MAAA,GAAKN,IAAI;AAAAG,MAAAA,QAAA,EAAGJ,YAAAA;AAAY,KAAwB,CAAC,CAAA;AAAA,GACvE,CAAC,CAAA;AAEP;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../packages/content-theme/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ContentThemeOnlyDark = styled.div`\n display: var(--lido-color-darkDisplay, contents);\n`\n\nexport const ContentThemeOnlyLight = styled.div`\n display: var(--lido-color-lightDisplay, contents);\n`\n"],"names":["ContentThemeOnlyDark","styled","div","ContentThemeOnlyLight"],"mappings":";;;;;;AAEaA,MAAAA,oBAAoB,GAAGC,+BAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../packages/content-theme/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ContentThemeOnlyDark = styled.div`\n display: var(--lido-color-darkDisplay, contents);\n`\n\nexport const ContentThemeOnlyLight = styled.div`\n display: var(--lido-color-lightDisplay, contents);\n`\n"],"names":["ContentThemeOnlyDark","styled","div","ContentThemeOnlyLight"],"mappings":";;;;;;AAEaA,MAAAA,oBAAoB,GAAGC,+BAAM,CAACC,GAAG,CAAA;AAC9C;AACA,EAAC;AAEYC,MAAAA,qBAAqB,GAAGF,+BAAM,CAACC,GAAG,CAAA;AAC/C;AACA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cookie-theme-toggler.js","sources":["../../../packages/cookie-theme-toggler/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n CookieThemeTogglerStyle,\n CookieThemeTogglerDarkIcon,\n CookieThemeTogglerLightIcon,\n} from './styles.js'\nimport { useThemeToggle } from '../theme/index.js'\nimport { ButtonProps } from '../button/index.js'\n\nexport type ThemeTogglerProps = Omit<ButtonProps, 'color' | 'onClick'>\n\nexport const ThemeToggler: FC = (props: ButtonProps) => {\n const { toggleTheme } = useThemeToggle()\n\n return (\n <CookieThemeTogglerStyle color='secondary' onClick={toggleTheme} {...props}>\n <CookieThemeTogglerLightIcon />\n <CookieThemeTogglerDarkIcon />\n </CookieThemeTogglerStyle>\n )\n}\n"],"names":["ThemeToggler","props","toggleTheme","useThemeToggle","_jsxs","CookieThemeTogglerStyle","_jsx","CookieThemeTogglerLightIcon","CookieThemeTogglerDarkIcon"],"mappings":";;;;;;;;;;;;;;;;AAWaA,MAAAA,YAAgB,GAAIC,
|
|
1
|
+
{"version":3,"file":"cookie-theme-toggler.js","sources":["../../../packages/cookie-theme-toggler/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n CookieThemeTogglerStyle,\n CookieThemeTogglerDarkIcon,\n CookieThemeTogglerLightIcon,\n} from './styles.js'\nimport { useThemeToggle } from '../theme/index.js'\nimport { ButtonProps } from '../button/index.js'\n\nexport type ThemeTogglerProps = Omit<ButtonProps, 'color' | 'onClick'>\n\nexport const ThemeToggler: FC = (props: ButtonProps) => {\n const { toggleTheme } = useThemeToggle()\n\n return (\n <CookieThemeTogglerStyle color='secondary' onClick={toggleTheme} {...props}>\n <CookieThemeTogglerLightIcon />\n <CookieThemeTogglerDarkIcon />\n </CookieThemeTogglerStyle>\n )\n}\n"],"names":["ThemeToggler","props","toggleTheme","useThemeToggle","_jsxs","CookieThemeTogglerStyle","color","onClick","children","_jsx","CookieThemeTogglerLightIcon","CookieThemeTogglerDarkIcon"],"mappings":";;;;;;;;;;;;;;;;AAWaA,MAAAA,YAAgB,GAAIC,KAAkB,IAAK;EACtD,MAAM;AAAEC,IAAAA,WAAAA;GAAa,GAAGC,oBAAc,EAAE,CAAA;EAExC,oBACEC,eAAA,CAACC,8BAAuB,EAAA;AAACC,IAAAA,KAAK,EAAC,WAAW;AAACC,IAAAA,OAAO,EAAEL,WAAY;AAAA,IAAA,GAAKD,KAAK;IAAAO,QAAA,EAAA,cACxEC,cAAA,CAACC,kCAA2B,EAAA,EAAE,CAAC,eAC/BD,cAAA,CAACE,iCAA0B,EAAA,EAAE,CAAC,CAAA;AAAA,GACP,CAAC,CAAA;AAE9B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../packages/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\nimport { Dark, Light } from '../icons/index.js'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n variant: 'text',\n size: 'xs',\n})`\n display: inline-grid;\n grid-template-areas: 'a';\n min-width: 0;\n margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n line-height: 0;\n font-size: 0;\n padding: 0;\n\n width: 44px;\n height: 44px;\n // button element contains span as children container, we want to bypass it.\n // by aiming explicit \"span:first-child\" we're verifying that this is what we are aiming for\n // witout breaking our SVGs\n & > span:first-child {\n display: contents;\n }\n`\n\nexport const CookieThemeTogglerLightIcon = styled(Light)`\n grid-area: a;\n align-self: center;\n justify-self: center;\n visibility: var(--lido-color-darkModeVisibility);\n`\n\nexport const CookieThemeTogglerDarkIcon = styled(Dark)`\n grid-area: a;\n align-self: center;\n justify-self: center;\n visibility: var(--lido-color-lightModeVisibility);\n`\n"],"names":["CookieThemeTogglerStyle","styled","Button","attrs","variant","size","theme","spaceMap","sm","CookieThemeTogglerLightIcon","Light","CookieThemeTogglerDarkIcon","Dark"],"mappings":";;;;;;;;;AAIO,MAAMA,uBAAuB,GAAGC,+BAAM,CAACC,
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../packages/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\nimport { Dark, Light } from '../icons/index.js'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n variant: 'text',\n size: 'xs',\n})`\n display: inline-grid;\n grid-template-areas: 'a';\n min-width: 0;\n margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n line-height: 0;\n font-size: 0;\n padding: 0;\n\n width: 44px;\n height: 44px;\n // button element contains span as children container, we want to bypass it.\n // by aiming explicit \"span:first-child\" we're verifying that this is what we are aiming for\n // witout breaking our SVGs\n & > span:first-child {\n display: contents;\n }\n`\n\nexport const CookieThemeTogglerLightIcon = styled(Light)`\n grid-area: a;\n align-self: center;\n justify-self: center;\n visibility: var(--lido-color-darkModeVisibility);\n`\n\nexport const CookieThemeTogglerDarkIcon = styled(Dark)`\n grid-area: a;\n align-self: center;\n justify-self: center;\n visibility: var(--lido-color-lightModeVisibility);\n`\n"],"names":["CookieThemeTogglerStyle","styled","Button","attrs","variant","size","_ref","theme","spaceMap","sm","CookieThemeTogglerLightIcon","Light","CookieThemeTogglerDarkIcon","Dark"],"mappings":";;;;;;;;;AAIO,MAAMA,uBAAuB,GAAGC,+BAAM,CAACC,aAAM,CAAC,CAACC,KAAK,CAAC;AAC1DC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,IAAI,EAAE,IAAA;AACR,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,2BAA2B,GAAGT,+BAAM,CAACU,WAAK,CAAC,CAAA;AACxD;AACA;AACA;AACA;AACA,EAAC;MAEYC,0BAA0B,GAAGX,+BAAM,CAACY,UAAI,CAAC,CAAA;AACtD;AACA;AACA;AACA;AACA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../packages/cookies-tooltip/constants.ts"],"sourcesContent":["export const COOKIE_ALLOWED_KEY = 'cookie-allowed'\nexport const COOKIE_VALUE_YES = 'yes'\nexport const COOKIE_VALUE_NO = 'no'\n"],"names":["COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO"],"mappings":";;;;AAAO,MAAMA,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../packages/cookies-tooltip/constants.ts"],"sourcesContent":["export const COOKIE_ALLOWED_KEY = 'cookie-allowed'\nexport const COOKIE_VALUE_YES = 'yes'\nexport const COOKIE_VALUE_NO = 'no'\n"],"names":["COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO"],"mappings":";;;;AAAO,MAAMA,kBAAkB,GAAG,iBAAgB;AAC3C,MAAMC,gBAAgB,GAAG,MAAK;AAC9B,MAAMC,eAAe,GAAG;;;;;;"}
|