@vibe/core 3.0.0-alpha.7 → 3.0.0-alpha.9
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/README.md +14 -0
- package/dist/components/Dropdown/Dropdown.types.d.ts +4 -0
- package/dist/components/Dropdown/DropdownConstants.d.ts +1 -0
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Typography/TypographyHooks.d.ts +2 -2
- package/dist/hooks/ssr/useIsMounted.d.ts +1 -0
- package/dist/mocked_classnames/components/Dropdown/Dropdown.types.d.ts +4 -0
- package/dist/mocked_classnames/components/Dropdown/DropdownConstants.d.ts +1 -0
- package/dist/mocked_classnames/components/Icon/Icon.d.ts +1 -1
- package/dist/mocked_classnames/components/Typography/TypographyHooks.d.ts +2 -2
- package/dist/mocked_classnames/hooks/ssr/useIsMounted.d.ts +1 -0
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Box/Box.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.js.map +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/DropdownConstants.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/DropdownConstants.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js +1 -1
- package/dist/mocked_classnames/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map +1 -1
- package/dist/mocked_classnames/src/components/Icon/Icon.js.map +1 -1
- package/dist/mocked_classnames/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/utils/ListUtils.js +1 -1
- package/dist/mocked_classnames/src/components/List/utils/ListUtils.js.map +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuId.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuId.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMouseLeave.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMouseLeave.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal.js.map +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/TableRoot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainerRoot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Text/Text.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.js +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.js.map +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Typography/Typography.js +1 -1
- package/dist/mocked_classnames/src/components/Typography/Typography.js.map +1 -1
- package/dist/mocked_classnames/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Typography/TypographyHooks.js +1 -1
- package/dist/mocked_classnames/src/components/Typography/TypographyHooks.js.map +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/hooks/ssr/useIsMounted.js +2 -0
- package/dist/mocked_classnames/src/hooks/ssr/useIsMounted.js.map +1 -0
- package/dist/mocked_classnames/src/hooks/useClickOutside/index.js +1 -1
- package/dist/mocked_classnames/src/hooks/useClickOutside/index.js.map +1 -1
- package/dist/mocked_classnames/src/hooks/useKeyEvent/index.js +1 -1
- package/dist/mocked_classnames/src/hooks/useKeyEvent/index.js.map +1 -1
- package/dist/mocked_classnames/src/hooks/useMediaQuery/index.js +1 -1
- package/dist/mocked_classnames/src/hooks/useMediaQuery/index.js.map +1 -1
- package/dist/mocked_classnames/src/hooks/usePopover.js +1 -1
- package/dist/mocked_classnames/src/hooks/usePopover.js.map +1 -1
- package/dist/mocked_classnames/src/hooks/usePrevious/index.js +1 -1
- package/dist/mocked_classnames/src/hooks/usePrevious/index.js.map +1 -1
- package/dist/mocked_classnames/src/hooks/useVibeMediaQuery/index.js +1 -1
- package/dist/mocked_classnames/src/hooks/useVibeMediaQuery/index.js.map +1 -1
- package/dist/mocked_classnames/src/utils/ssr-utils.js.map +1 -1
- package/dist/mocked_classnames/style/dist/index.min.css.js +1 -1
- package/dist/mocked_classnames/utils/ssr-utils.d.ts +1 -0
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/src/components/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/src/components/Box/Box.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Button/Button.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.js.map +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/src/components/Dropdown/DropdownConstants.js +1 -1
- package/dist/src/components/Dropdown/DropdownConstants.js.map +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js +1 -1
- package/dist/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map +1 -1
- package/dist/src/components/Icon/Icon.js.map +1 -1
- package/dist/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/src/components/Label/Label.module.scss.js +1 -1
- package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/src/components/Link/Link.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/List/utils/ListUtils.js +1 -1
- package/dist/src/components/List/utils/ListUtils.js.map +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useMenuId.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useMenuId.js.map +1 -1
- package/dist/src/components/Menu/Menu/hooks/useMouseLeave.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useMouseLeave.js.map +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js +1 -1
- package/dist/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js.map +1 -1
- package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal.js +1 -1
- package/dist/src/components/Modal/Modal.js.map +1 -1
- package/dist/src/components/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/Table/TableRoot.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainerRoot.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/src/components/Text/Text.module.scss.js +1 -1
- package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.js +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.js.map +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/src/components/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/src/components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/src/components/Typography/Typography.js +1 -1
- package/dist/src/components/Typography/Typography.js.map +1 -1
- package/dist/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/src/components/Typography/TypographyHooks.js +1 -1
- package/dist/src/components/Typography/TypographyHooks.js.map +1 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/src/hooks/ssr/useIsMounted.js +2 -0
- package/dist/src/hooks/ssr/useIsMounted.js.map +1 -0
- package/dist/src/hooks/useClickOutside/index.js +1 -1
- package/dist/src/hooks/useClickOutside/index.js.map +1 -1
- package/dist/src/hooks/useKeyEvent/index.js +1 -1
- package/dist/src/hooks/useKeyEvent/index.js.map +1 -1
- package/dist/src/hooks/useMediaQuery/index.js +1 -1
- package/dist/src/hooks/useMediaQuery/index.js.map +1 -1
- package/dist/src/hooks/usePopover.js +1 -1
- package/dist/src/hooks/usePopover.js.map +1 -1
- package/dist/src/hooks/usePrevious/index.js +1 -1
- package/dist/src/hooks/usePrevious/index.js.map +1 -1
- package/dist/src/hooks/useVibeMediaQuery/index.js +1 -1
- package/dist/src/hooks/useVibeMediaQuery/index.js.map +1 -1
- package/dist/src/utils/ssr-utils.js.map +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/dist/utils/ssr-utils.d.ts +1 -0
- package/package.json +17 -16
package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={textWithHighlightWrapper:"textWithHighlightWrapper",highlightText:"highlightText",withEllipsis:"withEllipsis"};!function(e){if("undefined"
|
|
1
|
+
var e={textWithHighlightWrapper:"textWithHighlightWrapper",highlightText:"highlightText",withEllipsis:"withEllipsis"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper em.highlightText {\n background-color: var(--primary-selected-color);\n color: var(--primary-text-color);\n border-radius: 2px;\n}\n\n.textWithHighlightWrapper.withEllipsis {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: var(--heading-clamp-lines);\n -webkit-box-orient: vertical;\n white-space: initial;\n word-break: break-word;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TextWithHighlight.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{useState as o,useMemo as
|
|
1
|
+
import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{useState as o,useMemo as s,useEffect as m}from"react";import{SystemTheme as i,ThemeColor as n}from"./ThemeProviderConstants.js";import{generateRandomAlphaString as a,isAnySystemThemeClassNameOnBody as c,addSystemThemeClassNameToBody as l,removeSystemThemeClassNameFromBody as d,shouldGenerateTheme as u,generateThemeCssOverride as f}from"./ThemeProviderUtils.js";import p from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=h((function(i){var n=i.themeConfig,h=i.children,v=i.themeClassSpecifier,y=i.systemTheme,T=i.className,j=o(!1),C=e(j,2),g=C[0],P=C[1],E=s((function(){return v||a()}),[v]);return p((function(){if(y&&!c())return l(y),function(){d(y)}}),[y]),m((function(){if(u(n)){if(!document.getElementById(n.name)){var e=document.createElement("style");e.type="text/css",e.id=n.name;var r=f(n,E);try{e.appendChild(document.createTextNode(r)),document.head.appendChild(e),P(!0)}catch(e){console.error("vibe ThemeProvider: error inserting theme-generated css - ",e)}return function(){document.head.removeChild(e)}}P(!0)}}),[E,n]),!g&&u(n)?null:t.createElement("div",{className:r(null==n?void 0:n.name,E,T)},h)}),{systemThemes:i,colors:n});export{v as default};
|
|
2
2
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement, useEffect,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement, useEffect, useMemo, useState } from \"react\";\nimport { SystemTheme as SystemThemeEnum, Theme, ThemeColor as ThemeColorEnum } from \"./ThemeProviderConstants\";\nimport { SystemTheme } from \"./ThemeProvider.types\";\nimport {\n addSystemThemeClassNameToBody,\n generateRandomAlphaString,\n generateThemeCssOverride,\n isAnySystemThemeClassNameOnBody,\n removeSystemThemeClassNameFromBody,\n shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { withStaticProps } from \"../../types\";\n\nexport interface ThemeProviderProps {\n /**\n * The theme config to apply, consists of a \"name\" - the name of css class that will be added to the children, which should be unique, and the object of colors overrides for each system theme.\n */\n themeConfig?: Theme;\n /**\n * The children to render with the theme\n */\n children: ReactElement;\n /**\n * String which adds up to theme name selector to make it more specific (in case if themeConfig.name is colliding with some other class name)\n */\n themeClassSpecifier?: string;\n /**\n * The system theme to apply to the body element on mount, if there is no theme class name on the body element already\n */\n systemTheme?: SystemTheme;\n /**\n * ClassName to add to the wrapping div\n */\n className?: string;\n}\n\nconst ThemeProvider: FC<ThemeProviderProps> & {\n systemThemes?: typeof SystemThemeEnum;\n colors?: typeof ThemeColorEnum;\n} = ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }) => {\n const [stylesLoaded, setStylesLoaded] = useState(false);\n const themeClassSpecifier = useMemo(\n () => customThemeClassSpecifier || generateRandomAlphaString(),\n [customThemeClassSpecifier]\n );\n\n // Add the systemTheme class name to the body on mount\n useIsomorphicLayoutEffect(() => {\n if (!systemTheme) {\n return;\n }\n\n if (isAnySystemThemeClassNameOnBody()) {\n // If there is already a systemTheme class name on the body, we don't want to override it\n return;\n }\n\n addSystemThemeClassNameToBody(systemTheme);\n\n return () => {\n // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n removeSystemThemeClassNameFromBody(systemTheme);\n };\n }, [systemTheme]);\n\n useEffect(() => {\n if (!shouldGenerateTheme(themeConfig)) {\n return;\n }\n if (document.getElementById(themeConfig.name)) {\n setStylesLoaded(true);\n return;\n }\n\n const styleElement = document.createElement(\"style\");\n styleElement.type = \"text/css\";\n styleElement.id = themeConfig.name;\n const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n try {\n styleElement.appendChild(document.createTextNode(themeCssOverride));\n document.head.appendChild(styleElement);\n setStylesLoaded(true);\n } catch (error) {\n console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n }\n\n return () => {\n document.head.removeChild(styleElement);\n };\n }, [themeClassSpecifier, themeConfig]);\n\n if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n // Waiting for styles to load before children render\n return null;\n }\n\n // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\nexport default withStaticProps(ThemeProvider, {\n systemThemes: SystemThemeEnum,\n colors: ThemeColorEnum\n});\n"],"names":["withStaticProps","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","useIsomorphicLayoutEffect","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx","systemThemes","SystemThemeEnum","colors","ThemeColorEnum"],"mappings":"koBAsCA,IAiEeA,EAAAA,GA9DX,SAHeC,GAGuF,IAAnGC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAA+BC,EAAyBH,EAA9CI,oBAAgDC,EAAWL,EAAXK,YAAaC,EAASN,EAATM,UACzFC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,MACnC,CAACX,IAiDH,OA7CAY,GAA0B,WACxB,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,GAEvC,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,EACjB,CAAC,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC7E,CAED,OAAO,WACLZ,SAASW,KAAKG,YAAYX,GAhB3B,CAFCZ,GAAgB,EAFjB,CAsBH,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,aAAA,EAAAA,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF,GAE8C,CAC5CoC,aAAcC,EACdC,OAAQC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){if("undefined"
|
|
1
|
+
var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){const t="s_id-8b2898f05f4a_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper {\n min-width: 100px;\n min-height: 40px;\n --tooltip-padding: 0;\n --tooltip-border-radius: var(--border-radius-medium);\n --tooltip-max-width: initial;\n}\n.tipseenWrapperWithoutCustomWidth {\n --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n position: fixed;\n bottom: 0;\n right: 0;\n margin-bottom: var(--spacing-medium);\n margin-right: var(--spacing-medium);\n}\n.tipseenWrapper .tipseenHeader {\n display: flex;\n justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper .tipseenContent {\n margin: 0;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n position: absolute;\n top: var(--spacing-small);\n right: var(--spacing-small);\n z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n color: var(--color-asphalt);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Tipseen.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){if("undefined"
|
|
1
|
+
var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){const n="s_id-e688002d63b5_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent {\n padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n display: flex;\n flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n padding-top: 12px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenBasicContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={buttons:"buttons",dismiss:"dismiss"};!function(e){if("undefined"
|
|
1
|
+
var e={buttons:"buttons",dismiss:"dismiss"};!function(e){const t="s_id-91df242cd10d_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons {\n margin-top: 20px;\n display: flex;\n justify-content: flex-end;\n}\n\n.dismiss {\n margin-right: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenImage:"tipseenImage"};!function(e){if("undefined"
|
|
1
|
+
var e={tipseenImage:"tipseenImage"};!function(e){const t="s_id-5a749fe7aaee_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage {\n object-fit: cover;\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenImage.module.scss.js.map
|
package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){if("undefined"
|
|
1
|
+
var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){const n="s_id-71e151b2b729_3_0_0-alpha_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia {\n width: 100%;\n overflow: hidden;\n display: flex;\n border: 2px solid var(--primary-color);\n border-radius: var(--border-radius-medium);\n position: relative;\n z-index: 1;\n}\n\n.colorInverted {\n border-color: var(--inverted-color-background);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenMedia.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={title:"title"};!function(e){if("undefined"
|
|
1
|
+
var e={title:"title"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0-alpha_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title {\n padding-right: var(--spacing-medium);\n padding-bottom: var(--spacing-xs);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenTitle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){if("undefined"
|
|
1
|
+
var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){const i="s_id-98eba0c83d1f_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard {\n display: flex;\n flex-direction: column;\n}\n.tipseenWizardWizard {\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenWizard.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={toast:"toast",typeNormal:"typeNormal",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",closeButton:"closeButton",actionButton:"actionButton",actionLink:"actionLink",typeDark:"typeDark",icon:"icon",withTransition:"withTransition",bounceIn:"bounceIn",content:"content",textContent:"textContent",enterActive:"enterActive",slideIn:"slideIn",exitActive:"exitActive",slideOut:"slideOut"};!function(n){if("undefined"
|
|
1
|
+
var n={toast:"toast",typeNormal:"typeNormal",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",closeButton:"closeButton",actionButton:"actionButton",actionLink:"actionLink",typeDark:"typeDark",icon:"icon",withTransition:"withTransition",bounceIn:"bounceIn",content:"content",textContent:"textContent",enterActive:"enterActive",slideIn:"slideIn",exitActive:"exitActive",slideOut:"slideOut"};!function(n){const t="s_id-72c9912c1efa_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast {\n box-shadow: var(--box-shadow-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: var(--spacing-medium);\n position: fixed;\n left: 50%;\n top: 0;\n margin-right: auto;\n margin-left: auto;\n padding: var(--spacing-small);\n align-items: center;\n display: flex;\n min-width: 200px;\n width: auto;\n border-radius: var(--border-radius-small);\n color: var(--fixed-light-color);\n transform: translateX(-50%);\n transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast.typeNormal {\n background-color: var(--primary-color);\n}\n.toast.typePositive {\n background-color: var(--positive-color);\n}\n.toast.typeNegative {\n background-color: var(--negative-color);\n}\n.toast.typeWarning {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n.toast.typeWarning .closeButton {\n color: var(--fixed-dark-color);\n}\n.toast.typeWarning .actionButton,\n.toast.typeWarning .actionLink {\n color: var(--fixed-dark-color);\n border-color: var(--fixed-dark-color);\n}\n.toast.typeDark {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.toast.typeDark .closeButton {\n color: var(--text-color-on-inverted);\n}\n.toast.typeDark .actionButton,\n.toast.typeDark .actionLink {\n color: var(--text-color-on-inverted);\n border-color: var(--text-color-on-inverted);\n}\n.icon {\n display: flex;\n margin-left: var(--spacing-small);\n}\n.actionButton.withTransition {\n opacity: 0;\n animation: bounceIn 150ms cubic-bezier(0, 0, 0.4, 1);\n animation-delay: 300ms;\n animation-fill-mode: forwards;\n}\n.content {\n margin: 0 var(--spacing-small);\n flex: 1;\n}\n.textContent {\n display: inline-flex;\n flex-grow: 1;\n}\n.enterActive {\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n animation-name: slideIn;\n animation-duration: 350ms;\n animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive {\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n animation-name: slideOut;\n animation-duration: 350ms;\n animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton {\n margin-left: var(--spacing-small);\n}\n@keyframes slideIn {\n 0% {\n transform: translate(-50%, -100px);\n }\n 40% {\n transform: translate(-50%, 16px);\n }\n 100% {\n transform: translate(-50%, 0px);\n }\n}\n@keyframes slideOut {\n 0% {\n transform: translate(-50%, 0);\n }\n 100% {\n transform: translate(-50%, -100px);\n opacity: 0;\n }\n}\n@keyframes bounceIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Toast.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={actionLink:"actionLink"};!function(e){if("undefined"
|
|
1
|
+
var e={actionLink:"actionLink"};!function(e){const t="s_id-a224471727c9_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink {\n color: var(--text-color-on-primary);\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n.actionLink:hover {\n color: inherit;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ToastLink.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled",medium:"medium",small:"small"};!function(e){if("undefined"
|
|
1
|
+
var e={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled",medium:"medium",small:"small"};!function(e){const n="s_id-49e22e19a989_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n margin: 0 var(--spacing-small);\n position: relative;\n height: var(--toggle-height);\n width: var(--toggle-width);\n cursor: pointer;\n border-radius: 100px !important;\n}\n.toggle:focus-visible, .toggle.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle:focus:not(.focus-visible) {\n outline: none;\n}\n.toggle::after {\n background-color: var(--primary-background-color);\n content: " ";\n position: absolute;\n width: var(--circle-size);\n height: var(--circle-size);\n border-radius: 50%;\n top: calc(50% - 9px);\n transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n background-color: var(--primary-color);\n}\n.toggle.selected::after {\n left: 20px;\n}\n.toggle.notSelected {\n background-color: var(--ui-border-color);\n}\n.toggle.notSelected::after {\n left: 3px;\n}\n.toggle.disabled {\n opacity: var(--disabled-component-opacity);\n cursor: not-allowed;\n}\n.toggle.medium {\n --toggle-width: 41px;\n --toggle-height: 24px;\n}\n.toggle.medium::after {\n --circle-size: 18px;\n}\n.toggle.small {\n --toggle-width: 28px;\n --toggle-height: 16px;\n}\n.toggle.small::after {\n --circle-size: 12px;\n top: calc(50% - 6px);\n left: 14px;\n}\n.toggle.small.notSelected::after {\n left: 2px;\n}');export{e as default};
|
|
2
2
|
//# sourceMappingURL=MockToggle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){if("undefined"
|
|
1
|
+
var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){const n="s_id-4fb1f14d4bb9_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper {\n display: flex;\n align-items: center;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Toggle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={text:"text",disabled:"disabled"};!function(e){if("undefined"
|
|
1
|
+
var e={text:"text",disabled:"disabled"};!function(e){const t="s_id-1dee71639eb3_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text {\n color: var(--primary-text-color);\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n}\n\n.disabled {\n color: var(--disabled-text-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ToggleText.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var o={tooltip:"tooltip",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",arrow:"arrow",dark:"dark",primary:"primary"};!function(o){if("undefined"
|
|
1
|
+
var o={tooltip:"tooltip",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",arrow:"arrow",dark:"dark",primary:"primary"};!function(o){const n="s_id-a3b5adff1ad8_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".tooltip {\n position: relative;\n display: inline-block;\n border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n box-shadow: var(--box-shadow-medium);\n font: var(--font-text2-normal);\n max-width: var(--tooltip-max-width, 50vw);\n word-break: break-word;\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n --tooltip-max-width: 240px;\n}\n.tooltip .image {\n display: block;\n position: relative;\n border-top-right-radius: 2px;\n border-top-left-radius: 2px;\n padding: 2px 2px 0 2px;\n object-fit: cover;\n width: 100%;\n height: 100%;\n min-width: var(--tooltip-max-width);\n z-index: 1;\n}\n.tooltip .title {\n font: var(--font-text2-bold);\n}\n.tooltip .content {\n word-break: break-word;\n display: inline-block;\n padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip.paddingSizeMd {\n border-radius: var(--border-radius-medium);\n padding: var(--spacing-medium);\n font: var(--font-text2-normal);\n}\n.tooltip a.tooltipWhiteLink {\n color: #fff;\n}\n.arrow,\n.dark,\n.arrow.dark {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.primary,\n.arrow.primary {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n}");export{o as default};
|
|
2
2
|
//# sourceMappingURL=Tooltip.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as r}from"react";import i from"classnames";import
|
|
1
|
+
import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as r}from"react";import i from"classnames";import l from"../../hooks/useMergeRef.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{useEllipsisClass as p,useTooltipProps as n}from"./TypographyHooks.js";import d from"../Tooltip/Tooltip.js";import{TypographyContext as c}from"./utils/TypographyContext.js";import f from"./Typography.module.scss.js";var v=s((function(s,v){var y=s.className,j=s.id,u=s.children,T=s.tooltipProps,g=s["data-testid"],h=void 0===g?a(m.TEXT,j):g,x=s.element,b=void 0===x?"span":x,w=s.color,E=void 0===w?"primary":w,N=s.align,k=void 0===N?"start":N,L=s.ellipsis,O=void 0===L||L,P=s.maxLines,_=void 0===P?1:P,C=s.withoutTooltip,H=void 0!==C&&C,I=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=r(null),q=l(v,X),z=1===_,A=p(O,_),B=A.class,D=A.style,F=n(X,H,O,T,u,z,R);return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:j,style:D,"data-testid":h,className:i(f.typography,f[E],f[k],B,y),ref:q,role:I},M),u))}));export{v as default};
|
|
2
2
|
//# sourceMappingURL=Typography.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef, useRef, HTMLAttributes, useContext } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { ElementContent } from \"../../types\";\nimport { TypographyAlign, TypographyColor } from \"./Typography.types\";\nimport { useEllipsisClass, useTooltipProps } from \"./TypographyHooks\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { TypographyContext } from \"./utils/TypographyContext\";\nimport styles from \"./Typography.module.scss\";\n\nexport interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {\n /**\n * The element tag of the text component\n */\n element?: string;\n /**\n * The textual content\n */\n children: ElementContent;\n color?: TypographyColor;\n align?: TypographyAlign;\n /**\n * When the text is too long, cut the end of the text and display instead of it three dots (...)\n */\n ellipsis?: boolean;\n /**\n * Use this prop combined with the boolean ellipsis prop for truncate the text and add an ellipsis after a certain number of lines\n */\n maxLines?: number;\n /**\n * All props are passed to the tooltip displayed when hovering over the text. By default, the tooltip will display when text contains an ellipsis and will show the full text\n */\n tooltipProps?: Partial<TooltipProps>;\n /**\n * Hide tooltip when hovering the text, by default the tooltip swill display when text contains an ellipsis\n */\n withoutTooltip?: boolean;\n}\n\nconst Typography: VibeComponent<TypographyProps, HTMLElement> = forwardRef(\n (\n {\n className,\n id,\n children,\n tooltipProps,\n \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.TEXT, id),\n element = \"span\",\n color = \"primary\",\n align = \"start\",\n ellipsis = true,\n maxLines = 1,\n withoutTooltip = false,\n role,\n ...htmlAttributes\n }: TypographyProps,\n ref\n ) => {\n const { overflowTolerance } = useContext(TypographyContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const ignoreHeightOverflow = maxLines === 1;\n const {
|
|
1
|
+
{"version":3,"file":"Typography.js","sources":["../../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef, useRef, HTMLAttributes, useContext } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { ElementContent } from \"../../types\";\nimport { TypographyAlign, TypographyColor } from \"./Typography.types\";\nimport { useEllipsisClass, useTooltipProps } from \"./TypographyHooks\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { TypographyContext } from \"./utils/TypographyContext\";\nimport styles from \"./Typography.module.scss\";\n\nexport interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {\n /**\n * The element tag of the text component\n */\n element?: string;\n /**\n * The textual content\n */\n children: ElementContent;\n color?: TypographyColor;\n align?: TypographyAlign;\n /**\n * When the text is too long, cut the end of the text and display instead of it three dots (...)\n */\n ellipsis?: boolean;\n /**\n * Use this prop combined with the boolean ellipsis prop for truncate the text and add an ellipsis after a certain number of lines\n */\n maxLines?: number;\n /**\n * All props are passed to the tooltip displayed when hovering over the text. By default, the tooltip will display when text contains an ellipsis and will show the full text\n */\n tooltipProps?: Partial<TooltipProps>;\n /**\n * Hide tooltip when hovering the text, by default the tooltip swill display when text contains an ellipsis\n */\n withoutTooltip?: boolean;\n}\n\nconst Typography: VibeComponent<TypographyProps, HTMLElement> = forwardRef(\n (\n {\n className,\n id,\n children,\n tooltipProps,\n \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.TEXT, id),\n element = \"span\",\n color = \"primary\",\n align = \"start\",\n ellipsis = true,\n maxLines = 1,\n withoutTooltip = false,\n role,\n ...htmlAttributes\n }: TypographyProps,\n ref\n ) => {\n const { overflowTolerance } = useContext(TypographyContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const ignoreHeightOverflow = maxLines === 1;\n const { class: ellipsisClass, style: ellipsisStyle } = useEllipsisClass(ellipsis, maxLines);\n const overrideTooltipProps = useTooltipProps(\n componentRef,\n withoutTooltip,\n ellipsis,\n tooltipProps,\n children,\n ignoreHeightOverflow,\n overflowTolerance\n ) as TooltipProps;\n\n return (\n <Tooltip {...overrideTooltipProps}>\n {React.createElement(\n element,\n {\n id,\n style: ellipsisStyle,\n \"data-testid\": dataTestId,\n className: cx(styles.typography, styles[color], styles[align], ellipsisClass, className),\n ref: mergedRef,\n role,\n ...htmlAttributes\n },\n children\n )}\n </Tooltip>\n );\n }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","ellipsisClass","class","ellipsisStyle","style","overrideTooltipProps","useTooltipProps","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"8gBA2CMA,IAAAA,EAA0DC,GAC9D,SACEC,EAeAC,OAdEC,IAAAA,UACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,aAAYC,IACZ,eAAeC,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,KAAMP,GAAGG,EAAAK,IACtEC,QAAAA,OAAU,IAAHD,EAAG,OAAMA,EAAAE,IAChBC,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,IACjBC,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,IACZC,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,IAAAA,KACGC,EAbLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,WAAA,eAAA,cAAA,UAAA,QAAA,QAAA,WAAA,WAAA,iBAAA,SAiBQ0B,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAC7BI,EAAoC,IAAbb,EAC7Bc,EAAuDC,EAAiBjB,EAAUE,GAAnEgB,EAAaF,EAApBG,MAA6BC,EAAaJ,EAApBK,MACxBC,EAAuBC,EAC3BZ,EACAP,EACAJ,EACAb,EACAD,EACA6B,EACAP,GAGF,OACEgB,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAN,GACVE,EAAMC,cACL/B,EAEEiC,OAAAC,OAAA,CAAA3C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW6C,EAAGC,EAAOC,WAAYD,EAAOlC,GAAQkC,EAAOhC,GAAQoB,EAAelC,GAC9ED,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){if("undefined"
|
|
1
|
+
var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){const e="s_id-911fb9952597_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".typography > a {\n text-decoration: none;\n color: var(--link-color);\n}\n.typography > a:focus-visible, .typography > a.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography > a:focus:not(.focus-visible) {\n outline: none;\n}\n.typography > a:hover {\n text-decoration: underline;\n}\n.typography:disabled, .typography[aria-disabled=true] {\n color: var(--disabled-text-color);\n}\n.primary {\n color: var(--primary-text-color);\n}\n.secondary {\n color: var(--secondary-text-color);\n}\n.onPrimary {\n color: var(--text-color-on-primary);\n}\n.onPrimary a {\n color: var(--text-color-on-primary);\n text-decoration: underline;\n}\n.onInverted {\n color: var(--text-color-on-inverted);\n}\n.onInverted a {\n color: var(--text-color-on-inverted);\n text-decoration: underline;\n}\n.fixedLight {\n color: var(--fixed-light-color);\n}\n.fixedLight a {\n color: var(--fixed-light-color);\n text-decoration: underline;\n}\n.fixedDark {\n color: var(--fixed-dark-color);\n}\n.fixedDark a {\n color: var(--fixed-dark-color);\n text-decoration: underline;\n}\n.inherit {\n color: inherit;\n}\n.inherit a {\n color: inherit;\n text-decoration: underline;\n}\n.start {\n text-align: start;\n}\n.center {\n text-align: center;\n}\n.end {\n text-align: end;\n}\n.singleLineEllipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.multiLineEllipsis {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: var(--text-clamp-lines);\n -webkit-box-orient: vertical;\n white-space: initial;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Typography.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"../../hooks/useIsOverflowing/useIsOverflowing.js";import
|
|
1
|
+
import{useMemo as e}from"react";import r from"../../hooks/useIsOverflowing/useIsOverflowing.js";import n from"./Typography.module.scss.js";function s(r){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return e((function(){var e,t;return r&&(e=s>1?n.multiLineEllipsis:n.singleLineEllipsis,s>1&&(t={"--text-clamp-lines":""+s})),{class:e,style:t}}),[r,s])}function t(e,n,s,t,i,o,l){var c=r({ref:s?e:null,ignoreHeightOverflow:o,tolerance:l});return!n&&s&&c&&"string"==typeof i?Object.assign(Object.assign({},t),{content:i}):{}}export{s as useEllipsisClass,t as useTooltipProps};
|
|
2
2
|
//# sourceMappingURL=TypographyHooks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypographyHooks.js","sources":["../../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { MutableRefObject } from \"react\";\nimport { ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(
|
|
1
|
+
{"version":3,"file":"TypographyHooks.js","sources":["../../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { MutableRefObject, useMemo } from \"react\";\nimport { ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(ellipsis: boolean, maxLines = 1) {\n const result = useMemo(() => {\n let ellipsisClass: string;\n let style: Record<string, string>;\n // If component contains ellipsis return the fit ellipsis class\n if (ellipsis) {\n ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n if (maxLines > 1) {\n // not relevant for single line ellipsis\n style = { \"--text-clamp-lines\": maxLines.toString() };\n }\n }\n\n return { class: ellipsisClass, style };\n }, [ellipsis, maxLines]);\n return result;\n}\n\nexport function useTooltipProps(\n ref: MutableRefObject<HTMLElement>,\n withoutTooltip: boolean,\n ellipsis: boolean,\n tooltipProps: Partial<TooltipProps>,\n children: ElementContent,\n ignoreHeightOverflow: boolean,\n overflowTolerance: number\n) {\n const isOverflowing = useIsOverflowing({\n ref: ellipsis ? ref : null,\n ignoreHeightOverflow,\n tolerance: overflowTolerance\n });\n const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing && typeof children === \"string\";\n return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","ellipsis","maxLines","arguments","length","undefined","useMemo","ellipsisClass","style","styles","multiLineEllipsis","singleLineEllipsis","class","useTooltipProps","ref","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"oJAMgBA,EAAiBC,GAA+B,IAAZC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAe7D,OAdeG,GAAQ,WACrB,IAAIC,EACAC,EAUJ,OARIP,IACFM,EAAgBL,EAAW,EAAIO,EAAOC,kBAAoBD,EAAOE,mBAC7DT,EAAW,IAEbM,EAAQ,CAAE,qBAAsBN,QAI7B,CAAEU,MAAOL,EAAeC,MAAAA,EACjC,GAAG,CAACP,EAAUC,GAEhB,CAEgB,SAAAW,EACdC,EACAC,EACAd,EACAe,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,CACrCP,IAAKb,EAAWa,EAAM,KACtBI,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,GAAkBd,GAAYmB,GAAqC,iBAAbH,EACvDM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}
|
package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){if("undefined"
|
|
1
|
+
var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){const t="s_id-03a8eed790d8_3_0_0-alpha_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedGridWrapper {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=VirtualizedGrid.module.scss.js.map
|
package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={virtualizedListWrapper:"virtualizedListWrapper"};!function(e){if("undefined"
|
|
1
|
+
var e={virtualizedListWrapper:"virtualizedListWrapper"};!function(e){const t="s_id-9250e4cf6c59_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=VirtualizedList.module.scss.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o,useEffect as t}from"react";var n=function(){var n=o(!1),e=r(n,2),i=e[0],u=e[1];return t((function(){return u(!0),function(){u(!1)}}),[]),i};export{n as useIsMounted};
|
|
2
|
+
//# sourceMappingURL=useIsMounted.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useIsMounted.js","sources":["../../../../../src/hooks/ssr/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n// The hook will return true only on client side and not on server side\nexport const useIsMounted = () => {\n const [isMounted, setIsMounted] = useState(false);\n useEffect(() => {\n setIsMounted(true);\n return () => {\n setIsMounted(false);\n };\n }, []);\n return isMounted;\n};\n"],"names":["useIsMounted","_useState","useState","_useState2","_slicedToArray","isMounted","setIsMounted","useEffect"],"mappings":"mIAGaA,EAAe,WAC1B,IAAAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAO9B,OANAI,GAAU,WAER,OADAD,GAAa,GACN,WACLA,GAAa,GAEhB,GAAE,IACID,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useCallback as e,useRef as t}from"react";import
|
|
1
|
+
import{useCallback as e,useRef as t}from"react";import r from"../useEventListener/index.js";import{isClient as n}from"../../utils/ssr-utils.js";function a(a){var c=a.ref,o=a.callback,s=a.ignoreClasses,i=a.eventName,l=void 0===i?"click":i,u=e((function(e){c&&c.current&&!c.current.contains(e.target)&&(s&&e.target instanceof HTMLElement&&e.target.closest(s.join(","))||o(e))}),[c,o,s]),m=t(n()?document.body:null);r({eventName:l,ref:m,callback:u,capture:!0}),r({eventName:"touchend",ref:m,callback:u,capture:!0})}export{a as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { useCallback, useRef, RefObject } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\n\nexport default function useClickOutside({\n ref,\n callback,\n ignoreClasses,\n eventName = \"click\"\n}: {\n ref: RefObject<HTMLElement>;\n callback: GenericEventCallback;\n ignoreClasses?: string[];\n eventName?: keyof HTMLElementEventMap | string;\n}) {\n const onClickOutsideListener = useCallback(\n (event: MouseEvent) => {\n if (!ref || !ref.current || ref.current.contains(event.target as Node)) {\n return;\n }\n\n const shouldIgnoreClasses = ignoreClasses && event.target instanceof HTMLElement;\n if (shouldIgnoreClasses && event.target.closest(ignoreClasses.join(\",\"))) {\n return;\n }\n\n callback(event);\n },\n\n [ref, callback]\n );\n\n const documentRef = useRef(document.body);\n\n useEventListener({\n eventName,\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n\n useEventListener({\n eventName: \"touchend\",\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n}\n"],"names":["useClickOutside","_ref","ref","callback","ignoreClasses","_ref$eventName","eventName","onClickOutsideListener","useCallback","event","current","contains","target","HTMLElement","closest","join","documentRef","useRef","document","body","useEventListener","capture"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { useCallback, useRef, RefObject } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport default function useClickOutside({\n ref,\n callback,\n ignoreClasses,\n eventName = \"click\"\n}: {\n ref: RefObject<HTMLElement>;\n callback: GenericEventCallback;\n ignoreClasses?: string[];\n eventName?: keyof HTMLElementEventMap | string;\n}) {\n const onClickOutsideListener = useCallback(\n (event: MouseEvent) => {\n if (!ref || !ref.current || ref.current.contains(event.target as Node)) {\n return;\n }\n\n const shouldIgnoreClasses = ignoreClasses && event.target instanceof HTMLElement;\n if (shouldIgnoreClasses && event.target.closest(ignoreClasses.join(\",\"))) {\n return;\n }\n\n callback(event);\n },\n\n [ref, callback, ignoreClasses]\n );\n\n const documentRef = useRef(isClient() ? document.body : null);\n\n useEventListener({\n eventName,\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n\n useEventListener({\n eventName: \"touchend\",\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n}\n"],"names":["useClickOutside","_ref","ref","callback","ignoreClasses","_ref$eventName","eventName","onClickOutsideListener","useCallback","event","current","contains","target","HTMLElement","closest","join","documentRef","useRef","isClient","document","body","useEventListener","capture"],"mappings":"gJAKwB,SAAAA,EAAeC,GAUtC,IATCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,UAAAA,OAAY,IAAHD,EAAG,QAAOA,EAObE,EAAyBC,GAC7B,SAACC,GACMP,GAAQA,EAAIQ,UAAWR,EAAIQ,QAAQC,SAASF,EAAMG,UAI3BR,GAAiBK,EAAMG,kBAAkBC,aAC1CJ,EAAMG,OAAOE,QAAQV,EAAcW,KAAK,OAInEZ,EAASM,GACV,GAED,CAACP,EAAKC,EAAUC,IAGZY,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAExDC,EAAiB,CACff,UAAAA,EACAJ,IAAKc,EACLb,SAAUI,EACVe,SAAS,IAGXD,EAAiB,CACff,UAAW,WACXJ,IAAKc,EACLb,SAAUI,EACVe,SAAS,GAEb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useRef as e,useCallback as t}from"react";import
|
|
1
|
+
import{useRef as e,useCallback as t}from"react";import r from"../useEventListener/index.js";import{isClient as o}from"../../utils/ssr-utils.js";var i;!function(e){e.ALT="altKey",e.META="metaKey",e.CTRL="ctrlKey",e.SHIFT="shiftKey",e.CTRL_OR_META="ctrlOrMetaKey"}(i||(i={}));function n(a){var u=a.keys,c=void 0===u?[]:u,l=a.callback,f=a.modifier,s=a.withoutAnyModifier,d=a.ref,m=a.ignoreDocumentFallback,v=void 0!==m&&m,y=a.capture,p=void 0!==y&&y,K=a.preventDefault,T=void 0!==K&&K,k=a.stopPropagation,M=void 0!==k&&k,b=a.keyEventName,A=void 0===b?"keydown":b,E=e(o()?document.body:null),L=t((function(e){c.includes(e.key)&&(f&&!function(e,t){return t===i.CTRL_OR_META?e.ctrlKey||e.metaKey:e[t]}(e,f)||s&&!function(e){return!Object.values(n.modifiers).some((function(t){if("ctrlOrMetaKey"!==t)return!!e[t]}))}(e)||(T&&e.preventDefault(),M&&e.stopPropagation(),l(e)))}),[c,f,s,T,M,l]);r({eventName:A,callback:L,ref:d||(v?null:E),capture:p})}n.modifiers=i;export{n as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useKeyEvent/index.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\n\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\n\nenum Modifier {\n ALT = \"altKey\",\n META = \"metaKey\",\n CTRL = \"ctrlKey\",\n SHIFT = \"shiftKey\",\n CTRL_OR_META = \"ctrlOrMetaKey\"\n}\n\nconst checkModifierInEvent = (event: KeyboardEvent, modifier: Modifier) => {\n if (modifier === Modifier.CTRL_OR_META) {\n return event.ctrlKey || event.metaKey;\n }\n\n return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event: KeyboardEvent) => {\n return !Object.values(useKeyEvent.modifiers).some((m: Modifier) => {\n if (m !== CTRL_OR_META) {\n return !!event[m];\n }\n });\n};\n\nexport interface UseKeyEventArgs {\n keys: KeyboardEvent[\"key\"][];\n // TODO: [breaking] change to keyboard event\n callback: GenericEventCallback;\n modifier?: Modifier;\n keyEventName?: string;\n withoutAnyModifier?: boolean;\n ref?: RefObject<HTMLElement | Document>;\n ignoreDocumentFallback?: boolean;\n capture?: boolean;\n preventDefault?: boolean;\n stopPropagation?: boolean;\n}\n\nexport default function useKeyEvent({\n keys = [],\n callback,\n modifier,\n withoutAnyModifier,\n ref,\n ignoreDocumentFallback = false,\n capture = false,\n preventDefault = false,\n stopPropagation = false,\n keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n}: UseKeyEventArgs) {\n const documentRef = useRef(document.body);\n const onKeyUpPress = useCallback(\n (event: KeyboardEvent) => {\n const { key } = event;\n if (!keys.includes(key)) {\n return;\n }\n if (modifier && !checkModifierInEvent(event, modifier)) {\n return;\n }\n if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n return;\n }\n\n if (preventDefault) {\n event.preventDefault();\n }\n\n if (stopPropagation) {\n event.stopPropagation();\n }\n\n callback(event);\n },\n [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]\n );\n\n let listenerRef;\n\n if (ref) {\n listenerRef = ref;\n } else if (ignoreDocumentFallback) {\n listenerRef = null;\n } else {\n listenerRef = documentRef;\n }\n\n useEventListener({\n eventName: keyEventName,\n callback: onKeyUpPress,\n ref: listenerRef,\n capture\n });\n}\n\nuseKeyEvent.modifiers = Modifier;\n"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useKeyEvent/index.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\n\nenum Modifier {\n ALT = \"altKey\",\n META = \"metaKey\",\n CTRL = \"ctrlKey\",\n SHIFT = \"shiftKey\",\n CTRL_OR_META = \"ctrlOrMetaKey\"\n}\n\nconst checkModifierInEvent = (event: KeyboardEvent, modifier: Modifier) => {\n if (modifier === Modifier.CTRL_OR_META) {\n return event.ctrlKey || event.metaKey;\n }\n\n return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event: KeyboardEvent) => {\n return !Object.values(useKeyEvent.modifiers).some((m: Modifier) => {\n if (m !== CTRL_OR_META) {\n return !!event[m];\n }\n });\n};\n\nexport interface UseKeyEventArgs {\n keys: KeyboardEvent[\"key\"][];\n // TODO: [breaking] change to keyboard event\n callback: GenericEventCallback;\n modifier?: Modifier;\n keyEventName?: string;\n withoutAnyModifier?: boolean;\n ref?: RefObject<HTMLElement | Document>;\n ignoreDocumentFallback?: boolean;\n capture?: boolean;\n preventDefault?: boolean;\n stopPropagation?: boolean;\n}\n\nexport default function useKeyEvent({\n keys = [],\n callback,\n modifier,\n withoutAnyModifier,\n ref,\n ignoreDocumentFallback = false,\n capture = false,\n preventDefault = false,\n stopPropagation = false,\n keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n}: UseKeyEventArgs) {\n const documentRef = useRef(isClient() ? document.body : null);\n const onKeyUpPress = useCallback(\n (event: KeyboardEvent) => {\n const { key } = event;\n if (!keys.includes(key)) {\n return;\n }\n if (modifier && !checkModifierInEvent(event, modifier)) {\n return;\n }\n if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n return;\n }\n\n if (preventDefault) {\n event.preventDefault();\n }\n\n if (stopPropagation) {\n event.stopPropagation();\n }\n\n callback(event);\n },\n [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]\n );\n\n let listenerRef;\n\n if (ref) {\n listenerRef = ref;\n } else if (ignoreDocumentFallback) {\n listenerRef = null;\n } else {\n listenerRef = documentRef;\n }\n\n useEventListener({\n eventName: keyEventName,\n callback: onKeyUpPress,\n ref: listenerRef,\n capture\n });\n}\n\nuseKeyEvent.modifiers = Modifier;\n"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","isClient","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"gJAKA,IAEKA,GAAL,SAAKA,GACHA,EAAA,IAAA,SACAA,EAAA,KAAA,UACAA,EAAA,KAAA,UACAA,EAAA,MAAA,WACAA,EAAA,aAAA,eACD,CAND,CAAKA,IAAAA,EAMJ,CAAA,IA+Ba,SAAUC,EAAWC,GAWjB,IAAAC,EAAAD,EAVhBE,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAkBL,EAAlBK,mBACAC,EAAGN,EAAHM,IAAGC,EAAAP,EACHQ,uBAAAA,OAAyB,IAAHD,GAAQA,EAAAE,EAAAT,EAC9BU,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAX,EACfY,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAb,EACtBc,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAf,EACvBgB,aAAAA,OAAe,IAAHD,EAAG,UAASA,EAElBE,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAClDC,EAAeC,GACnB,SAACC,GAEMtB,EAAKuB,SADMD,EAARE,OAIJtB,IAhDmB,SAACoB,EAAsBpB,GAClD,OAAIA,IAAaN,EAAS6B,aACjBH,EAAMI,SAAWJ,EAAMK,QAGzBL,EAAMpB,EACf,CA0CuB0B,CAAqBN,EAAOpB,IAGzCC,IA5C0B,SAACmB,GACnC,OAAQO,OAAOC,OAAOjC,EAAYkC,WAAWC,MAAK,SAACC,GACjD,GAnBiB,kBAmBbA,EACF,QAASX,EAAMW,EAEnB,GACF,CAsCiCC,CAA4BZ,KAInDZ,GACFY,EAAMZ,iBAGJE,GACFU,EAAMV,kBAGRX,EAASqB,IACX,GACA,CAACtB,EAAME,EAAUC,EAAoBO,EAAgBE,EAAiBX,IAaxEkC,EAAiB,CACfC,UAAWtB,EACXb,SAAUmB,EACVhB,IAXEA,IAEOE,EACK,KAEAS,GAOdP,QAAAA,GAEJ,CAEAX,EAAYkC,UAAYnC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as r,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useState as a
|
|
1
|
+
import{slicedToArray as r,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useState as a}from"react";import e from"../ssr/useIsomorphicLayoutEffect.js";function o(o){var i=t((function(){return Array.isArray(o)?o:[o]}),[o]),u=a(i.map((function(r){return!!window.matchMedia(r).matches}))),c=r(u,2),f=c[0],s=c[1];return e((function(){var t=i.map((function(r){return window.matchMedia(r)})),a=t.map((function(r,t){var a=function(r){s((function(a){var e=n(a);return e[t]=r.matches,e}))};return r.addEventListener("change",a),[r,a]}));return function(){a.forEach((function(n){var t=r(n,2);t[0].removeEventListener("change",t[1])}))}}),[i,s]),f}export{o as default,o as useMediaQuery};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useMediaQuery/index.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useMediaQuery/index.ts"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\nexport function useMediaQuery(query: string | string[]) {\n const queries = useMemo(() => {\n return Array.isArray(query) ? query : [query];\n }, [query]);\n\n const [matches, setMatches] = useState(queries.map(query => !!window.matchMedia(query).matches));\n\n useIsomorphicLayoutEffect(() => {\n const mediaQueryList = queries.map(query => window.matchMedia(query));\n const updated: [MediaQueryList, (event: MediaQueryListEvent) => void][] = mediaQueryList.map((query, index) => {\n // we save the callback function so when we unmount we could remove the listener\n const callback = (event: MediaQueryListEvent) => {\n setMatches(prevState => {\n const newQueries = [...prevState];\n newQueries[index] = event.matches;\n return newQueries;\n });\n };\n query.addEventListener(\"change\", callback);\n return [query, callback];\n });\n return () => {\n updated.forEach(([query, callback]) => {\n query.removeEventListener(\"change\", callback);\n });\n };\n }, [queries, setMatches]);\n return matches;\n}\nexport default useMediaQuery;\n"],"names":["useMediaQuery","query","queries","useMemo","Array","isArray","_useState","useState","map","window","matchMedia","matches","_useState2","_slicedToArray","setMatches","useIsomorphicLayoutEffect","mediaQueryList","updated","index","callback","event","prevState","newQueries","_toConsumableArray","addEventListener","forEach","_ref","_ref2","removeEventListener"],"mappings":"uMAGM,SAAUA,EAAcC,GAC5B,IAAMC,EAAUC,GAAQ,WACtB,OAAOC,MAAMC,QAAQJ,GAASA,EAAQ,CAACA,EACzC,GAAG,CAACA,IAEJK,EAA8BC,EAASL,EAAQM,KAAI,SAAAP,GAAK,QAAMQ,OAAOC,WAAWT,GAAOU,OAAO,KAAEC,EAAAC,EAAAP,EAAA,GAAzFK,EAAOC,EAAA,GAAEE,EAAUF,EAAA,GAsB1B,OApBAG,GAA0B,WACxB,IAAMC,EAAiBd,EAAQM,KAAI,SAAAP,GAAK,OAAIQ,OAAOC,WAAWT,MACxDgB,EAAoED,EAAeR,KAAI,SAACP,EAAOiB,GAEnG,IAAMC,EAAW,SAACC,GAChBN,GAAW,SAAAO,GACT,IAAMC,EAAUC,EAAOF,GAEvB,OADAC,EAAWJ,GAASE,EAAMT,QACnBW,CACT,KAGF,OADArB,EAAMuB,iBAAiB,SAAUL,GAC1B,CAAClB,EAAOkB,EACjB,IACA,OAAO,WACLF,EAAQQ,SAAQ,SAAAC,GAAsB,IAAAC,EAAAd,EAAAa,EAAA,GAAfC,EAAA,GACfC,oBAAoB,SADKD,EAAA,GAEjC,IAEJ,GAAG,CAACzB,EAASY,IACNH,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useMemo as e}from"react";import{usePopper as t}from"react-popper";import{Placement as r}from"./popoverConstants.js";import o from"./ssr/useIsomorphicLayoutEffect.js";import s from"./useForceUpdate.js";var i=r.RIGHT_START,a={name:"flip",options:{fallbackPlacements:[r.RIGHT_END,r.LEFT_START,r.LEFT_END]}};function n(r,n,p){var m=p.isOpen,f=p.placement,l=void 0===f?i:f,c=s();o((function(){c()}),[r,n,c]);var u=e((function(){return{placement:l,modifiers:[a,{name:"displayNone",enabled:!0,phase:"write",fn:function(e){var t=e.state;return t.styles.popper.visibility=m?"visible":"hidden",t}}]}}),[m,l]),d=t(r,n,u);return{styles:d.styles,attributes:d.attributes}}export{n as default};
|
|
2
2
|
//# sourceMappingURL=usePopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.js","sources":["../../../../src/hooks/usePopover.ts"],"sourcesContent":["import { useMemo
|
|
1
|
+
{"version":3,"file":"usePopover.js","sources":["../../../../src/hooks/usePopover.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { usePopper } from \"react-popper\";\nimport { Placement } from \"./popoverConstants\";\nimport useIsomorphicLayoutEffect from \"./ssr/useIsomorphicLayoutEffect\";\nimport useForceUpdate from \"./useForceUpdate\";\nimport type { Options, State } from \"@popperjs/core\";\n\nconst { RIGHT_START, RIGHT_END, LEFT_START, LEFT_END } = Placement;\n\nconst FLIP_MODIFIER = {\n name: \"flip\",\n options: {\n fallbackPlacements: [RIGHT_END, LEFT_START, LEFT_END]\n }\n};\n\nexport default function usePopover(\n referenceElement: HTMLElement,\n popperElement: HTMLElement,\n {\n isOpen,\n placement = RIGHT_START\n }: {\n isOpen?: boolean;\n placement?: Placement;\n }\n) {\n const forceUpdate = useForceUpdate();\n\n // we have to use forceUpdate because\n // usePopper need to run again after any refs changes, even after the first render.\n useIsomorphicLayoutEffect(() => {\n forceUpdate();\n }, [referenceElement, popperElement, forceUpdate]);\n\n const popperOptions: Pick<Options, \"placement\" | \"modifiers\"> = useMemo(() => {\n return {\n placement,\n modifiers: [\n FLIP_MODIFIER,\n {\n name: \"displayNone\",\n enabled: true,\n phase: \"write\",\n fn: ({ state }: { state: State }) => {\n state.styles.popper.visibility = isOpen ? \"visible\" : \"hidden\";\n return state;\n }\n }\n ]\n };\n }, [isOpen, placement]);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, popperOptions);\n\n return { styles, attributes };\n}\n"],"names":["RIGHT_START","Placement","FLIP_MODIFIER","name","options","fallbackPlacements","RIGHT_END","LEFT_START","LEFT_END","usePopover","referenceElement","popperElement","_ref","isOpen","_ref$placement","placement","forceUpdate","useForceUpdate","useIsomorphicLayoutEffect","popperOptions","useMemo","modifiers","enabled","phase","fn","_ref2","state","styles","popper","visibility","_usePopper","usePopper","attributes"],"mappings":"gNAOA,IAAQA,EAAiDC,EAAjDD,YAEFE,EAAgB,CACpBC,KAAM,OACNC,QAAS,CACPC,mBAAoB,CALiCJ,EAApCK,UAAoCL,EAAzBM,WAAyBN,EAAbO,YASpB,SAAAC,EACtBC,EACAC,EAA0BC,GAOzB,IALCC,EAAMD,EAANC,OAAMC,EAAAF,EACNG,UAAAA,OAAYf,IAAHc,EAAGd,EAAWc,EAMnBE,EAAcC,IAIpBC,GAA0B,WACxBF,GACD,GAAE,CAACN,EAAkBC,EAAeK,IAErC,IAAMG,EAA0DC,GAAQ,WACtE,MAAO,CACLL,UAAAA,EACAM,UAAW,CACTnB,EACA,CACEC,KAAM,cACNmB,SAAS,EACTC,MAAO,QACPC,GAAI,SAAAC,GAAgC,IAA7BC,EAAKD,EAALC,MAEL,OADAA,EAAMC,OAAOC,OAAOC,WAAahB,EAAS,UAAY,SAC/Ca,CACT,IAIR,GAAG,CAACb,EAAQE,IAEZe,EAA+BC,EAAUrB,EAAkBC,EAAeQ,GAE1E,MAAO,CAAEQ,OAFKG,EAANH,OAESK,WAFSF,EAAVE,WAGlB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useRef as r
|
|
1
|
+
import{useRef as r}from"react";import t from"../ssr/useIsomorphicLayoutEffect.js";function o(o){var e=r(void 0);return t((function(){e.current=o})),e.current}export{o as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/usePrevious/index.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/usePrevious/index.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\nexport default function usePrevious<Type>(value: Type): Type {\n const ref = useRef(undefined);\n useIsomorphicLayoutEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n"],"names":["usePrevious","value","ref","useRef","undefined","useIsomorphicLayoutEffect","current"],"mappings":"kFAGwB,SAAAA,EAAkBC,GACxC,IAAMC,EAAMC,OAAOC,GAInB,OAHAC,GAA0B,WACxBH,EAAII,QAAUL,CAChB,IACOC,EAAII,OACb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as
|
|
1
|
+
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o}from"react";import e from"../ssr/useIsomorphicLayoutEffect.js";import{useMediaQuery as i}from"../useMediaQuery/index.js";import{SMALL1 as s,SMALL2 as t,MEDIUM1 as u,MEDIUM2 as m,LARGE as a,XLARGE as f,VIBE_MEDIA_QUERIES as l,MEDIA_QUERY_SIZES as p}from"../../utils/media-query-utils.js";function n(){var p=o(s),n=r(p,2),c=n[0],d=n[1],j=i(l),y=r(j,6),v=y[0],x=y[1],_=y[2],b=y[3],g=y[4],h=y[5];return e((function(){v&&d(s),x&&d(t),_&&d(u),b&&d(m),g&&d(a),h&&d(f)}),[v,x,_,b,g,h,d]),c}n.sizes=p;export{n as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useVibeMediaQuery/index.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useVibeMediaQuery/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\nimport useMediaQuery from \"../useMediaQuery\";\nimport {\n VIBE_MEDIA_QUERIES,\n LARGE,\n SMALL1,\n XLARGE,\n MEDIUM1,\n MEDIUM2,\n SMALL2,\n MEDIA_QUERY_SIZES\n} from \"../../utils/media-query-utils\";\n\nexport default function useVibeMediaQuery() {\n const [mediaSize, setMediaSize] = useState(SMALL1);\n const [isSmall1, isSmall2, isMedium1, isMedium2, isLarge, isXLarge] = useMediaQuery(VIBE_MEDIA_QUERIES);\n\n useIsomorphicLayoutEffect(() => {\n if (isSmall1) setMediaSize(SMALL1);\n if (isSmall2) setMediaSize(SMALL2);\n if (isMedium1) setMediaSize(MEDIUM1);\n if (isMedium2) setMediaSize(MEDIUM2);\n if (isLarge) setMediaSize(LARGE);\n if (isXLarge) setMediaSize(XLARGE);\n }, [isSmall1, isSmall2, isMedium1, isMedium2, isLarge, isXLarge, setMediaSize]);\n\n return mediaSize;\n}\n\nuseVibeMediaQuery.sizes = MEDIA_QUERY_SIZES;\n"],"names":["useVibeMediaQuery","_useState","useState","SMALL1","_useState2","_slicedToArray","mediaSize","setMediaSize","_useMediaQuery","useMediaQuery","VIBE_MEDIA_QUERIES","_useMediaQuery2","isSmall1","isSmall2","isMedium1","isMedium2","isLarge","isXLarge","useIsomorphicLayoutEffect","SMALL2","MEDIUM1","MEDIUM2","LARGE","XLARGE","sizes","MEDIA_QUERY_SIZES"],"mappings":"mYAcc,SAAUA,IACtB,IAAAC,EAAkCC,EAASC,GAAOC,EAAAC,EAAAJ,EAAA,GAA3CK,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAsEC,EAAcC,GAAmBC,EAAAN,EAAAG,EAAA,GAAhGI,EAAQD,EAAA,GAAEE,EAAQF,EAAA,GAAEG,EAASH,EAAA,GAAEI,EAASJ,EAAA,GAAEK,EAAOL,EAAA,GAAEM,EAAQN,EAAA,GAWlE,OATAO,GAA0B,WACpBN,GAAUL,EAAaJ,GACvBU,GAAUN,EAAaY,GACvBL,GAAWP,EAAaa,GACxBL,GAAWR,EAAac,GACxBL,GAAST,EAAae,GACtBL,GAAUV,EAAagB,EAC7B,GAAG,CAACX,EAAUC,EAAUC,EAAWC,EAAWC,EAASC,EAAUV,IAE1DD,CACT,CAEAN,EAAkBwB,MAAQC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ssr-utils.js","sources":["../../../../src/utils/ssr-utils.ts"],"sourcesContent":["export const isClient = () => typeof window !== \"undefined\";\n"],"names":["isClient","window"],"mappings":"AAAaA,IAAAA,EAAW,WAAH,MAA2B,oBAAXC,MAAsB"}
|
|
1
|
+
{"version":3,"file":"ssr-utils.js","sources":["../../../../src/utils/ssr-utils.ts"],"sourcesContent":["export const isClient = () => typeof window !== \"undefined\";\nexport const isServer = () => !isClient();\n"],"names":["isClient","window"],"mappings":"AAAaA,IAAAA,EAAW,WAAH,MAA2B,oBAAXC,MAAsB"}
|