@vibe/core 4.5.10 → 4.5.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Menu/MenuGridItem/useMenuGridItemNavContext.d.ts +2 -2
- package/dist/components/Modal/footers/utils/getPropsForButton.d.ts +1 -0
- package/dist/components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js +2 -0
- package/dist/components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js.map +1 -0
- package/dist/components/a11y/dist/GridKeyboardNavigationContext/helper.js +2 -0
- package/dist/components/a11y/dist/GridKeyboardNavigationContext/helper.js.map +1 -0
- package/dist/components/a11y/dist/HiddenText/HiddenText.js +2 -0
- package/dist/components/a11y/dist/HiddenText/HiddenText.js.map +1 -0
- package/dist/components/a11y/dist/HiddenText/HiddenText.module.scss.js +2 -0
- package/dist/components/avatar/dist/Avatar/Avatar.module.scss.js +1 -1
- package/dist/components/avatar/dist/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/components/avatar/dist/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/components/checkbox/dist/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/components/counter/dist/Counter/Counter.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/Dialog.js +1 -1
- package/dist/components/dialog/dist/Dialog/Dialog.js.map +1 -1
- package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/components/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableText/EditableText.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
- package/dist/components/index.d.ts +1 -2
- package/dist/components/label/dist/Label/Label.module.scss.js +1 -1
- package/dist/components/label/dist/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/components/radio-button/dist/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
- package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
- package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
- package/dist/hooks/useFullKeyboardListeners.d.ts +2 -10
- package/dist/metadata/components.json +76 -56
- package/dist/metadata.json +76 -56
- package/dist/mocked_classnames/components/Menu/MenuGridItem/useMenuGridItemNavContext.d.ts +2 -2
- package/dist/mocked_classnames/components/Modal/footers/utils/getPropsForButton.d.ts +1 -0
- package/dist/mocked_classnames/components/index.d.ts +1 -2
- package/dist/mocked_classnames/hooks/useFullKeyboardListeners.d.ts +2 -10
- 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/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.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/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseList/BaseList.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/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.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.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/ColorPickerContent/ColorPickerContent.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js.map +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.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/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownPopup/DropdownPopup.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownPopup/DropdownPopup.js.map +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/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.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/ListItem/ListItem.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.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/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuGridItem/MenuGridItem.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuGridItem/MenuGridItem.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js.map +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/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +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.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.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/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.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.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.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/SlideTransition/SlideTransition.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/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/TableContainer.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/TextArea/TextArea.js +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.js.map +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.js.map +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +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/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/TransitionView/TransitionView.module.scss.js +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/components/next/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/hooks/useFullKeyboardListeners.js +1 -1
- package/dist/mocked_classnames/src/hooks/useFullKeyboardListeners.js.map +1 -1
- package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js +1 -1
- package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js.map +1 -1
- package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js +1 -1
- package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js.map +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/shared/dist/constants/navDirections.js +2 -0
- package/dist/shared/dist/constants/navDirections.js.map +1 -0
- package/dist/shared/dist/hooks/useLastNavigationDirection.js +2 -0
- package/dist/shared/dist/hooks/useLastNavigationDirection.js.map +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/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.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/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/src/components/BaseList/BaseList.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/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +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/ColorPickerContent/ColorPickerContent.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js.map +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.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownPopup/DropdownPopup.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownPopup/DropdownPopup.js.map +1 -1
- package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.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/ListItem/ListItem.js +1 -1
- package/dist/src/components/ListItem/ListItem.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/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuGridItem/MenuGridItem.js +1 -1
- package/dist/src/components/Menu/MenuGridItem/MenuGridItem.js.map +1 -1
- package/dist/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js +1 -1
- package/dist/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js.map +1 -1
- package/dist/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js +1 -1
- package/dist/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js.map +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/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +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.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.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/SlideTransition/SlideTransition.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/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/TableContainer.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/TextArea/TextArea.js +1 -1
- package/dist/src/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.js +1 -1
- package/dist/src/components/TextField/TextField.js.map +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +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/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/TransitionView/TransitionView.module.scss.js +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/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/hooks/useFullKeyboardListeners.js +1 -1
- package/dist/src/hooks/useFullKeyboardListeners.js.map +1 -1
- package/dist/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js +1 -1
- package/dist/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js.map +1 -1
- package/dist/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js +1 -1
- package/dist/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +28 -27
- package/dist/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.d.ts +0 -15
- package/dist/components/GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants.d.ts +0 -25
- package/dist/components/GridKeyboardNavigationContext/helper.d.ts +0 -6
- package/dist/components/GridKeyboardNavigationContext/index.d.ts +0 -1
- package/dist/components/HiddenText/HiddenText.d.ts +0 -10
- package/dist/components/HiddenText/index.d.ts +0 -1
- package/dist/components/Menu/Menu/hooks/useLastNavigationDirection.d.ts +0 -4
- package/dist/mocked_classnames/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.d.ts +0 -15
- package/dist/mocked_classnames/components/GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants.d.ts +0 -25
- package/dist/mocked_classnames/components/GridKeyboardNavigationContext/helper.d.ts +0 -6
- package/dist/mocked_classnames/components/GridKeyboardNavigationContext/index.d.ts +0 -1
- package/dist/mocked_classnames/components/HiddenText/HiddenText.d.ts +0 -10
- package/dist/mocked_classnames/components/HiddenText/index.d.ts +0 -1
- package/dist/mocked_classnames/components/Menu/Menu/hooks/useLastNavigationDirection.d.ts +0 -4
- package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js +0 -2
- package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js.map +0 -1
- package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/helper.js +0 -2
- package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/helper.js.map +0 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.js +0 -2
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.js.map +0 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useLastNavigationDirection.js +0 -2
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useLastNavigationDirection.js.map +0 -1
- package/dist/src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js +0 -2
- package/dist/src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js.map +0 -1
- package/dist/src/components/GridKeyboardNavigationContext/helper.js +0 -2
- package/dist/src/components/GridKeyboardNavigationContext/helper.js.map +0 -1
- package/dist/src/components/HiddenText/HiddenText.js +0 -2
- package/dist/src/components/HiddenText/HiddenText.js.map +0 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +0 -2
- package/dist/src/components/HiddenText/HiddenText.module.scss.js.map +0 -1
- package/dist/src/components/Menu/Menu/hooks/useLastNavigationDirection.js +0 -2
- package/dist/src/components/Menu/Menu/hooks/useLastNavigationDirection.js.map +0 -1
- /package/dist/{mocked_classnames/src/components → components/a11y/dist}/HiddenText/HiddenText.module.scss.js.map +0 -0
package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGridKeyboardNavigation.js","sources":["../../../../../src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.ts"],"sourcesContent":["import { type MutableRefObject, type ReactElement, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { GridKeyboardNavigationContext } from \"../../components/GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport useFullKeyboardListeners, { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport { useEventListener } from \"@vibe/shared\";\nimport {\n calcActiveIndexAfterArrowNavigation,\n getActiveIndexFromInboundNavigation\n} from \"./gridKeyboardNavigationHelper\";\nimport { useLastNavigationDirection } from \"../../components/Menu/Menu/hooks/useLastNavigationDirection\";\n\nconst NO_ACTIVE_INDEX = -1;\n\n/**\n * A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.\n * @param {Object} options\n * @param {React.MutableRefObject} options.ref - the reference for the component that listens to keyboard\n * @param {number} options.itemsCount - the number of items\n * @param {number} options.numberOfItemsInLine - the number of items on each line of the grid\n * @param {function} options.onItemClicked - the callback for selecting an item. It will be called when an active item is selected, for example with \"Enter\".\n * @param {function} options.getItemByIndex - a function which gets an index as a param, and returns the item on that index\n * @param {\"directional\" | \"first\"} options.entryFocusStrategy - Determines how the first item is focused when entering the grid via keyboard.\n * - \"directional\": Tries to focus based on the entry direction (Tab vs Shift+Tab). This is the default.\n * - \"first\": Always focuses the first item.\n * @param {boolean=} options.focusOnMount - if true, the referenced element will be focused when mounted\n * @param {number=} options.focusItemIndexOnMount - optional item index to focus when mounted. Only works with \"options.focusOnMount\".\n * @param {number[]=} options.disabledIndexes - optional array of disabled indices, which will be skipped while navigating.\n * @param {boolean=} options.circularNavigation - if true, the navigation will wrap around the grid\n * @returns {useGridKeyboardNavigationResult}\n *\n * @typedef useGridKeyboardNavigationResult\n * @property {number} activeIndex - the currently active index\n * @property {boolean} isInitialActiveState - if true, the currently active element was due to an initial mounting index option. See \"options.focusItemIndexOnMount\".\n * @property {(index: number, isKeyboardAction?: boolean) => void} onSelectionAction - the callback which should be used to select an item.\n * It should be called with the selected item's index. Use this callback for onClick handlers, for example.\n * The \"isKeyboardAction\" can be used to indicate a keyboard selection, which will affect the currently active index.\n */\nexport default function useGridKeyboardNavigation({\n ref,\n itemsCount,\n numberOfItemsInLine,\n onItemClicked, // the callback to call when an item is selected\n entryFocusStrategy = \"directional\",\n getItemByIndex = (_index: number) => {},\n focusOnMount = false,\n focusItemIndexOnMount = NO_ACTIVE_INDEX,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n ref: MutableRefObject<HTMLElement>;\n itemsCount: number;\n numberOfItemsInLine: number;\n onItemClicked: (element: HTMLElement | ReactElement | void | string, index: number) => void;\n entryFocusStrategy?: \"directional\" | \"first\";\n getItemByIndex: (index: number | void) => HTMLElement | ReactElement | void | string;\n focusOnMount?: boolean;\n focusItemIndexOnMount?: number;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n const [isInitialActiveState, setIsInitialActiveState] = useState(\n focusOnMount && focusItemIndexOnMount !== NO_ACTIVE_INDEX\n );\n const skippedInitialActiveIndexChange = useRef(false);\n const [activeIndex, setActiveIndex] = useState(isInitialActiveState ? focusItemIndexOnMount : NO_ACTIVE_INDEX);\n const [isUsingKeyboardNav, setIsUsingKeyboardNav] = useState(true);\n\n const keyboardContext = useContext(GridKeyboardNavigationContext);\n\n const onArrowNavigation = (direction: NavDirections) => {\n setIsUsingKeyboardNav(true);\n if (activeIndex === NO_ACTIVE_INDEX) {\n setActiveIndex(0);\n return;\n }\n\n const { isOutbound, nextIndex } = calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes,\n circularNavigation\n });\n if (isOutbound) {\n keyboardContext?.onOutboundNavigation(ref, direction);\n } else {\n setActiveIndex(nextIndex);\n }\n };\n\n const onHomeNavigation = useCallback(() => {\n setIsUsingKeyboardNav(true);\n const firstEnabledIndex = disabledIndexes.includes(0)\n ? disabledIndexes.length < itemsCount\n ? Array.from({ length: itemsCount }, (_, i) => i).find(i => !disabledIndexes.includes(i)) ?? 0\n : 0\n : 0;\n setActiveIndex(firstEnabledIndex);\n }, [disabledIndexes, itemsCount]);\n\n const onEndNavigation = useCallback(() => {\n setIsUsingKeyboardNav(true);\n const lastEnabledIndex = disabledIndexes.includes(itemsCount - 1)\n ? disabledIndexes.length < itemsCount\n ? Array.from({ length: itemsCount }, (_, i) => itemsCount - 1 - i).find(i => !disabledIndexes.includes(i)) ??\n itemsCount - 1\n : itemsCount - 1\n : itemsCount - 1;\n setActiveIndex(lastEnabledIndex);\n }, [disabledIndexes, itemsCount]);\n\n useEffect(() => {\n if (!skippedInitialActiveIndexChange.current) {\n skippedInitialActiveIndexChange.current = true;\n return;\n }\n // if the active state changes, this is no longer the initial active state\n setIsInitialActiveState(false);\n }, [activeIndex]);\n\n const blurTargetElement = useCallback(() => ref.current?.blur(), [ref]);\n\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n const onFocus = useCallback(() => {\n if (activeIndex !== NO_ACTIVE_INDEX) {\n setIsUsingKeyboardNav(true);\n return;\n }\n\n const direction = lastNavigationDirectionRef.current;\n setActiveIndex(\n entryFocusStrategy === \"directional\" && direction\n ? getActiveIndexFromInboundNavigation({ direction, numberOfItemsInLine, itemsCount })\n : 0\n );\n setIsUsingKeyboardNav(true);\n }, [\n activeIndex,\n entryFocusStrategy,\n itemsCount,\n lastNavigationDirectionRef,\n numberOfItemsInLine,\n setActiveIndex,\n setIsUsingKeyboardNav\n ]);\n\n const onMouseDown = useCallback(() => {\n // If the user clicked on the grid element we assume that that what will caused the focus\n setIsUsingKeyboardNav(false);\n }, [setIsUsingKeyboardNav]);\n\n const onBlur = useCallback(() => {\n // If we lose focus we will return to isUsingKeyboardNav default mode which is that any interaction\n // with the grid always done by keyboard, unless we clicked on the grid element before that with a mouse\n setIsUsingKeyboardNav(true);\n setActiveIndex(NO_ACTIVE_INDEX);\n }, [setActiveIndex]);\n\n useEventListener({ eventName: \"focus\", callback: onFocus, ref });\n useEventListener({ eventName: \"mousedown\", callback: onMouseDown, ref });\n useEventListener({ eventName: \"blur\", callback: onBlur, ref });\n\n useEffect(() => {\n if (activeIndex > -1) {\n ref.current?.focus();\n }\n }, [activeIndex, ref]);\n\n const onSelectionAction = useCallback(\n (index: number, isKeyboardAction = false) => {\n setIsUsingKeyboardNav(isKeyboardAction);\n setActiveIndex(index);\n\n onItemClicked(getItemByIndex(index), index);\n },\n [setActiveIndex, onItemClicked, getItemByIndex]\n );\n\n const onKeyboardSelection = useCallback(() => {\n if (!isUsingKeyboardNav) {\n return;\n }\n return onSelectionAction(activeIndex, true);\n }, [isUsingKeyboardNav, onSelectionAction, activeIndex]);\n\n useFullKeyboardListeners({\n ref,\n onSelectionKey: onKeyboardSelection,\n onArrowNavigation,\n onEscape: blurTargetElement,\n onHome: onHomeNavigation,\n onEnd: onEndNavigation,\n focusOnMount\n });\n\n // if the user is not using keyboard nav, the consumers should not treat the index as active\n const externalActiveIndex = isUsingKeyboardNav ? activeIndex : NO_ACTIVE_INDEX;\n return {\n activeIndex: externalActiveIndex,\n onSelectionAction,\n isInitialActiveState\n };\n}\n"],"names":["NO_ACTIVE_INDEX","useGridKeyboardNavigation","_ref","ref","itemsCount","numberOfItemsInLine","onItemClicked","_ref$entryFocusStrate","entryFocusStrategy","_ref$getItemByIndex","getItemByIndex","_index","_ref$focusOnMount","focusOnMount","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$disabledIndexes","disabledIndexes","_ref$circularNavigati","circularNavigation","_useState","useState","_useState2","_slicedToArray","isInitialActiveState","setIsInitialActiveState","skippedInitialActiveIndexChange","useRef","_useState3","_useState4","activeIndex","setActiveIndex","_useState5","_useState6","isUsingKeyboardNav","setIsUsingKeyboardNav","keyboardContext","useContext","GridKeyboardNavigationContext","onHomeNavigation","useCallback","firstEnabledIndex","includes","length","_a","Array","from","_","i","find","onEndNavigation","lastEnabledIndex","useEffect","current","blurTargetElement","blur","lastNavigationDirectionRef","useLastNavigationDirection","onFocus","direction","getActiveIndexFromInboundNavigation","onMouseDown","onBlur","useEventListener","eventName","callback","focus","onSelectionAction","index","arguments","undefined","onKeyboardSelection","useFullKeyboardListeners","onSelectionKey","onArrowNavigation","_calcActiveIndexAfter","calcActiveIndexAfterArrowNavigation","nextIndex","isOutbound","onOutboundNavigation","onEscape","onHome","onEnd"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useGridKeyboardNavigation.js","sources":["../../../../../src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.ts"],"sourcesContent":["import { type MutableRefObject, type ReactElement, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { GridKeyboardNavigationContext } from \"@vibe/a11y\";\nimport useFullKeyboardListeners, { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport { useEventListener, useLastNavigationDirection } from \"@vibe/shared\";\nimport {\n calcActiveIndexAfterArrowNavigation,\n getActiveIndexFromInboundNavigation\n} from \"./gridKeyboardNavigationHelper\";\n\nconst NO_ACTIVE_INDEX = -1;\n\n/**\n * A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.\n * @param {Object} options\n * @param {React.MutableRefObject} options.ref - the reference for the component that listens to keyboard\n * @param {number} options.itemsCount - the number of items\n * @param {number} options.numberOfItemsInLine - the number of items on each line of the grid\n * @param {function} options.onItemClicked - the callback for selecting an item. It will be called when an active item is selected, for example with \"Enter\".\n * @param {function} options.getItemByIndex - a function which gets an index as a param, and returns the item on that index\n * @param {\"directional\" | \"first\"} options.entryFocusStrategy - Determines how the first item is focused when entering the grid via keyboard.\n * - \"directional\": Tries to focus based on the entry direction (Tab vs Shift+Tab). This is the default.\n * - \"first\": Always focuses the first item.\n * @param {boolean=} options.focusOnMount - if true, the referenced element will be focused when mounted\n * @param {number=} options.focusItemIndexOnMount - optional item index to focus when mounted. Only works with \"options.focusOnMount\".\n * @param {number[]=} options.disabledIndexes - optional array of disabled indices, which will be skipped while navigating.\n * @param {boolean=} options.circularNavigation - if true, the navigation will wrap around the grid\n * @returns {useGridKeyboardNavigationResult}\n *\n * @typedef useGridKeyboardNavigationResult\n * @property {number} activeIndex - the currently active index\n * @property {boolean} isInitialActiveState - if true, the currently active element was due to an initial mounting index option. See \"options.focusItemIndexOnMount\".\n * @property {(index: number, isKeyboardAction?: boolean) => void} onSelectionAction - the callback which should be used to select an item.\n * It should be called with the selected item's index. Use this callback for onClick handlers, for example.\n * The \"isKeyboardAction\" can be used to indicate a keyboard selection, which will affect the currently active index.\n */\nexport default function useGridKeyboardNavigation({\n ref,\n itemsCount,\n numberOfItemsInLine,\n onItemClicked, // the callback to call when an item is selected\n entryFocusStrategy = \"directional\",\n getItemByIndex = (_index: number) => {},\n focusOnMount = false,\n focusItemIndexOnMount = NO_ACTIVE_INDEX,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n ref: MutableRefObject<HTMLElement>;\n itemsCount: number;\n numberOfItemsInLine: number;\n onItemClicked: (element: HTMLElement | ReactElement | void | string, index: number) => void;\n entryFocusStrategy?: \"directional\" | \"first\";\n getItemByIndex: (index: number | void) => HTMLElement | ReactElement | void | string;\n focusOnMount?: boolean;\n focusItemIndexOnMount?: number;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n const [isInitialActiveState, setIsInitialActiveState] = useState(\n focusOnMount && focusItemIndexOnMount !== NO_ACTIVE_INDEX\n );\n const skippedInitialActiveIndexChange = useRef(false);\n const [activeIndex, setActiveIndex] = useState(isInitialActiveState ? focusItemIndexOnMount : NO_ACTIVE_INDEX);\n const [isUsingKeyboardNav, setIsUsingKeyboardNav] = useState(true);\n\n const keyboardContext = useContext(GridKeyboardNavigationContext);\n\n const onArrowNavigation = (direction: NavDirections) => {\n setIsUsingKeyboardNav(true);\n if (activeIndex === NO_ACTIVE_INDEX) {\n setActiveIndex(0);\n return;\n }\n\n const { isOutbound, nextIndex } = calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes,\n circularNavigation\n });\n if (isOutbound) {\n keyboardContext?.onOutboundNavigation(ref, direction);\n } else {\n setActiveIndex(nextIndex);\n }\n };\n\n const onHomeNavigation = useCallback(() => {\n setIsUsingKeyboardNav(true);\n const firstEnabledIndex = disabledIndexes.includes(0)\n ? disabledIndexes.length < itemsCount\n ? Array.from({ length: itemsCount }, (_, i) => i).find(i => !disabledIndexes.includes(i)) ?? 0\n : 0\n : 0;\n setActiveIndex(firstEnabledIndex);\n }, [disabledIndexes, itemsCount]);\n\n const onEndNavigation = useCallback(() => {\n setIsUsingKeyboardNav(true);\n const lastEnabledIndex = disabledIndexes.includes(itemsCount - 1)\n ? disabledIndexes.length < itemsCount\n ? Array.from({ length: itemsCount }, (_, i) => itemsCount - 1 - i).find(i => !disabledIndexes.includes(i)) ??\n itemsCount - 1\n : itemsCount - 1\n : itemsCount - 1;\n setActiveIndex(lastEnabledIndex);\n }, [disabledIndexes, itemsCount]);\n\n useEffect(() => {\n if (!skippedInitialActiveIndexChange.current) {\n skippedInitialActiveIndexChange.current = true;\n return;\n }\n // if the active state changes, this is no longer the initial active state\n setIsInitialActiveState(false);\n }, [activeIndex]);\n\n const blurTargetElement = useCallback(() => ref.current?.blur(), [ref]);\n\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n const onFocus = useCallback(() => {\n if (activeIndex !== NO_ACTIVE_INDEX) {\n setIsUsingKeyboardNav(true);\n return;\n }\n\n const direction = lastNavigationDirectionRef.current;\n setActiveIndex(\n entryFocusStrategy === \"directional\" && direction\n ? getActiveIndexFromInboundNavigation({ direction, numberOfItemsInLine, itemsCount })\n : 0\n );\n setIsUsingKeyboardNav(true);\n }, [\n activeIndex,\n entryFocusStrategy,\n itemsCount,\n lastNavigationDirectionRef,\n numberOfItemsInLine,\n setActiveIndex,\n setIsUsingKeyboardNav\n ]);\n\n const onMouseDown = useCallback(() => {\n // If the user clicked on the grid element we assume that that what will caused the focus\n setIsUsingKeyboardNav(false);\n }, [setIsUsingKeyboardNav]);\n\n const onBlur = useCallback(() => {\n // If we lose focus we will return to isUsingKeyboardNav default mode which is that any interaction\n // with the grid always done by keyboard, unless we clicked on the grid element before that with a mouse\n setIsUsingKeyboardNav(true);\n setActiveIndex(NO_ACTIVE_INDEX);\n }, [setActiveIndex]);\n\n useEventListener({ eventName: \"focus\", callback: onFocus, ref });\n useEventListener({ eventName: \"mousedown\", callback: onMouseDown, ref });\n useEventListener({ eventName: \"blur\", callback: onBlur, ref });\n\n useEffect(() => {\n if (activeIndex > -1) {\n ref.current?.focus();\n }\n }, [activeIndex, ref]);\n\n const onSelectionAction = useCallback(\n (index: number, isKeyboardAction = false) => {\n setIsUsingKeyboardNav(isKeyboardAction);\n setActiveIndex(index);\n\n onItemClicked(getItemByIndex(index), index);\n },\n [setActiveIndex, onItemClicked, getItemByIndex]\n );\n\n const onKeyboardSelection = useCallback(() => {\n if (!isUsingKeyboardNav) {\n return;\n }\n return onSelectionAction(activeIndex, true);\n }, [isUsingKeyboardNav, onSelectionAction, activeIndex]);\n\n useFullKeyboardListeners({\n ref,\n onSelectionKey: onKeyboardSelection,\n onArrowNavigation,\n onEscape: blurTargetElement,\n onHome: onHomeNavigation,\n onEnd: onEndNavigation,\n focusOnMount\n });\n\n // if the user is not using keyboard nav, the consumers should not treat the index as active\n const externalActiveIndex = isUsingKeyboardNav ? activeIndex : NO_ACTIVE_INDEX;\n return {\n activeIndex: externalActiveIndex,\n onSelectionAction,\n isInitialActiveState\n };\n}\n"],"names":["NO_ACTIVE_INDEX","useGridKeyboardNavigation","_ref","ref","itemsCount","numberOfItemsInLine","onItemClicked","_ref$entryFocusStrate","entryFocusStrategy","_ref$getItemByIndex","getItemByIndex","_index","_ref$focusOnMount","focusOnMount","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$disabledIndexes","disabledIndexes","_ref$circularNavigati","circularNavigation","_useState","useState","_useState2","_slicedToArray","isInitialActiveState","setIsInitialActiveState","skippedInitialActiveIndexChange","useRef","_useState3","_useState4","activeIndex","setActiveIndex","_useState5","_useState6","isUsingKeyboardNav","setIsUsingKeyboardNav","keyboardContext","useContext","GridKeyboardNavigationContext","onHomeNavigation","useCallback","firstEnabledIndex","includes","length","_a","Array","from","_","i","find","onEndNavigation","lastEnabledIndex","useEffect","current","blurTargetElement","blur","lastNavigationDirectionRef","useLastNavigationDirection","onFocus","direction","getActiveIndexFromInboundNavigation","onMouseDown","onBlur","useEventListener","eventName","callback","focus","onSelectionAction","index","arguments","undefined","onKeyboardSelection","useFullKeyboardListeners","onSelectionKey","onArrowNavigation","_calcActiveIndexAfter","calcActiveIndexAfterArrowNavigation","nextIndex","isOutbound","onOutboundNavigation","onEscape","onHome","onEnd"],"mappings":"ufASA,IAAMA,GAAmB,EA0BD,SAAAC,EAAyBC,GAsBhD,IArBCC,EAAGD,EAAHC,IACAC,EAAUF,EAAVE,WACAC,EAAmBH,EAAnBG,oBACAC,EAAaJ,EAAbI,cAAaC,EAAAL,EACbM,mBAAAA,OAAqB,IAAHD,EAAG,cAAaA,EAAAE,EAAAP,EAClCQ,eAAAA,OAAiB,IAAHD,EAAG,SAACE,GAAqB,EAAAF,EAAAG,EAAAV,EACvCW,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAZ,EACpBa,sBAAAA,OAAwBf,IAAHc,EAAGd,EAAec,EAAAE,EAAAd,EACvCe,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACpBiB,mBAAAA,OAAqB,IAAHD,GAAQA,EAa1BE,EAAwDC,EACtDR,GAAgBE,IAA0Bf,GAC3CsB,EAAAC,EAAAH,EAAA,GAFMI,EAAoBF,EAAA,GAAEG,EAAuBH,EAAA,GAG9CI,EAAkCC,GAAO,GAC/CC,EAAsCP,EAASG,EAAuBT,EAAwBf,GAAgB6B,EAAAN,EAAAK,EAAA,GAAvGE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAClCG,EAAoDX,GAAS,GAAKY,EAAAV,EAAAS,EAAA,GAA3DE,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAkBC,EAAWC,GAwB7BC,EAAmBC,GAAY,iBACnCL,GAAsB,GACtB,IAAMM,EAAoBxB,EAAgByB,SAAS,IACtBtC,EAAzBa,EAAgB0B,gBACdC,EAAAC,MAAMC,KAAK,CAAEH,OAAQvC,IAAc,SAAC2C,EAAGC,GAAC,OAAKA,CAAC,IAAEC,MAAK,SAAAD,GAAC,OAAK/B,EAAgByB,SAASM,EAAE,mBAExF,EACJjB,EAAeU,EACjB,GAAG,CAACxB,EAAiBb,IAEf8C,EAAkBV,GAAY,iBAClCL,GAAsB,GACtB,IAAMgB,EAAmBlC,EAAgByB,SAAStC,EAAa,IAClCA,EAAzBa,EAAgB0B,QAEd,QADAC,EAAAC,MAAMC,KAAK,CAAEH,OAAQvC,IAAc,SAAC2C,EAAGC,GAAC,OAAK5C,EAAa,EAAI4C,CAAC,IAAEC,MAAK,SAAAD,GAAC,OAAK/B,EAAgByB,SAASM,EAAG,WACxG,IAAAJ,EAAAA,EAEFxC,EAAa,EACjB2B,EAAeoB,EACjB,GAAG,CAAClC,EAAiBb,IAErBgD,GAAU,WACH1B,EAAgC2B,QAKrC5B,GAAwB,GAJtBC,EAAgC2B,SAAU,CAK9C,GAAG,CAACvB,IAEJ,IAAMwB,EAAoBd,GAAY,WAAK,IAAAI,EAAC,OAAa,QAAbA,EAAAzC,EAAIkD,eAAS,IAAAT,OAAA,EAAAA,EAAAW,MAAM,GAAE,CAACpD,IAE1DqD,EAA+BC,IAA/BD,2BACFE,EAAUlB,GAAY,WAC1B,GAAIV,IAAgB9B,EAApB,CAKA,IAAM2D,EAAYH,EAA2BH,QAC7CtB,EACyB,gBAAvBvB,GAAwCmD,EACpCC,EAAoC,CAAED,UAAAA,EAAWtD,oBAAAA,EAAqBD,WAAAA,IACtE,GAEN+B,GAAsB,EARtB,MAFEA,GAAsB,EAW1B,GAAG,CACDL,EACAtB,EACAJ,EACAoD,EACAnD,EACA0B,EACAI,IAGI0B,EAAcrB,GAAY,WAE9BL,GAAsB,EACxB,GAAG,CAACA,IAEE2B,EAAStB,GAAY,WAGzBL,GAAsB,GACtBJ,EAAe/B,EACjB,GAAG,CAAC+B,IAEJgC,EAAiB,CAAEC,UAAW,QAASC,SAAUP,EAASvD,IAAAA,IAC1D4D,EAAiB,CAAEC,UAAW,YAAaC,SAAUJ,EAAa1D,IAAAA,IAClE4D,EAAiB,CAAEC,UAAW,OAAQC,SAAUH,EAAQ3D,IAAAA,IAExDiD,GAAU,iBACJtB,GAAe,IACJ,QAAbc,EAAAzC,EAAIkD,eAAS,IAAAT,GAAAA,EAAAsB,QAEjB,GAAG,CAACpC,EAAa3B,IAEjB,IAAMgE,EAAoB3B,GACxB,SAAC4B,GACCjC,EAD8BkC,UAAA1B,OAAA,QAAA2B,IAAAD,UAAA,IAAAA,UAAA,IAE9BtC,EAAeqC,GAEf9D,EAAcI,EAAe0D,GAAQA,EACtC,GACD,CAACrC,EAAgBzB,EAAeI,IAG5B6D,EAAsB/B,GAAY,WACtC,GAAKN,EAGL,OAAOiC,EAAkBrC,GAAa,EACvC,GAAE,CAACI,EAAoBiC,EAAmBrC,IAc3C,OAZA0C,EAAyB,CACvBrE,IAAAA,EACAsE,eAAgBF,EAChBG,kBAxHwB,SAACf,GAEzB,GADAxB,GAAsB,GAClBL,IAAgB9B,EAApB,CAKA,IAAA2E,EAAkCC,EAAoC,CACpE9C,YAAAA,EACA1B,WAAAA,EACAC,oBAAAA,EACAsD,UAAAA,EACA1C,gBAAAA,EACAE,mBAAAA,IANkB0D,EAASF,EAATE,UAAFF,EAAVG,WASN1C,SAAAA,EAAiB2C,qBAAqB5E,EAAKwD,GAE3C5B,EAAe8C,EAbjB,MAFE9C,EAAe,IAsHjBiD,SAAU1B,EACV2B,OAAQ1C,EACR2C,MAAOhC,EACPrC,aAAAA,IAKK,CACLiB,YAF0BI,EAAqBJ,EAAc9B,EAG7DmE,kBAAAA,EACA3C,qBAAAA,EAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"@vibe/style/dist/index.min.css";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export*from"@vibe/avatar/mockedClassNames";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export*from"@vibe/button/mockedClassNames";export{ButtonGroup}from"@vibe/button-group/mockedClassNames";export*from"@vibe/checkbox/mockedClassNames";export{default as Chips}from"./components/Chips/Chips.js";export{Clickable,useClickableProps}from"@vibe/clickable/mockedClassNames";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export*from"@vibe/counter/mockedClassNames";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{Dialog,DialogContentContainer}from"@vibe/dialog/mockedClassNames";export*from"@vibe/divider/mockedClassNames";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export*from"@vibe/editable/mockedClassNames";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{ExpandCollapse}from"@vibe/expand-collapse/mockedClassNames";export*from"@vibe/layout/mockedClassNames";export*from"@vibe/formatted-number/mockedClassNames";export
|
|
1
|
+
import"@vibe/style/dist/index.min.css";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export*from"@vibe/avatar/mockedClassNames";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export*from"@vibe/button/mockedClassNames";export{ButtonGroup}from"@vibe/button-group/mockedClassNames";export*from"@vibe/checkbox/mockedClassNames";export{default as Chips}from"./components/Chips/Chips.js";export{Clickable,useClickableProps}from"@vibe/clickable/mockedClassNames";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export*from"@vibe/counter/mockedClassNames";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{Dialog,DialogContentContainer}from"@vibe/dialog/mockedClassNames";export*from"@vibe/divider/mockedClassNames";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export*from"@vibe/editable/mockedClassNames";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{ExpandCollapse}from"@vibe/expand-collapse/mockedClassNames";export*from"@vibe/layout/mockedClassNames";export*from"@vibe/formatted-number/mockedClassNames";export*from"@vibe/a11y/mockedClassNames";export{Heading,Text}from"@vibe/typography/mockedClassNames";export*from"@vibe/icon/mockedClassNames";export*from"@vibe/icon-button/mockedClassNames";export{default as Info}from"./components/Info/Info.js";export*from"@vibe/label/mockedClassNames";export{LayerProvider}from"@vibe/layer/mockedClassNames";export*from"@vibe/link/mockedClassNames";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export*from"@vibe/loader/mockedClassNames";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export*from"@vibe/progress-bars/mockedClassNames";export*from"@vibe/radio-button/mockedClassNames";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{Tooltip}from"@vibe/tooltip/mockedClassNames";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{useEventListener,useKeyEvent}from"@vibe/shared";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{useAfterFirstRender,useClickOutside,useIsOverflowing,usePrevious,useResizeObserver}from"@vibe/hooks";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{getElementColor}from"./types/Colors.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var r;!function(r){r.UP="up",r.DOWN="down",r.LEFT="left",r.RIGHT="right"}(r||(r={}));var o=["ArrowDown"],t=["ArrowUp"],w=["ArrowRight"],n=["ArrowLeft"];export{o as ARROW_DOWN_KEYS,n as ARROW_LEFT_KEYS,w as ARROW_RIGHT_KEYS,t as ARROW_UP_KEYS,r as NavDirections};
|
|
2
|
+
//# sourceMappingURL=navDirections.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navDirections.js","sources":["../../../../../shared/dist/constants/navDirections.js"],"sourcesContent":["export var NavDirections;\n(function (NavDirections) {\n NavDirections[\"UP\"] = \"up\";\n NavDirections[\"DOWN\"] = \"down\";\n NavDirections[\"LEFT\"] = \"left\";\n NavDirections[\"RIGHT\"] = \"right\";\n})(NavDirections || (NavDirections = {}));\nexport const ARROW_DOWN_KEYS = [\"ArrowDown\"];\nexport const ARROW_UP_KEYS = [\"ArrowUp\"];\nexport const ARROW_RIGHT_KEYS = [\"ArrowRight\"];\nexport const ARROW_LEFT_KEYS = [\"ArrowLeft\"];\n//# sourceMappingURL=navDirections.js.map"],"names":["NavDirections","ARROW_DOWN_KEYS","ARROW_UP_KEYS","ARROW_RIGHT_KEYS","ARROW_LEFT_KEYS"],"mappings":"AAAA,IAAYA,GAAZ,SAAYA,GACVA,EAAS,GAAA,KACTA,EAAa,KAAA,OACbA,EAAa,KAAA,OACbA,EAAe,MAAA,OAChB,CALD,CAAYA,IAAAA,EAAa,CAAA,IAOZC,IAAAA,EAAkB,CAAC,aACnBC,EAAgB,CAAC,WACjBC,EAAmB,CAAC,cACpBC,EAAkB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{toConsumableArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as r,useCallback as n}from"react";import{useEventListener as t}from"./useEventListener.js";import{useKeyEvent as o}from"./useKeyEvent.js";import{ARROW_UP_KEYS as c,NavDirections as i,ARROW_RIGHT_KEYS as a,ARROW_DOWN_KEYS as u,ARROW_LEFT_KEYS as s}from"../constants/navDirections.js";var l=[].concat(e(c),e(a),e(u),e(s)),m=function(){var e=r(document),m=r(),f=n((function(e){m.current=e}),[]),p=n((function(e){var r=e.key;c.includes(r)?f(i.UP):a.includes(r)?f(i.RIGHT):u.includes(r)?f(i.DOWN):s.includes(r)&&f(i.LEFT)}),[f]),v=n((function(){m.current=void 0}),[m]);return o({ref:e,capture:!0,keys:l,callback:p}),t({eventName:"mousedown",ref:e,capture:!0,callback:v}),{lastNavigationDirectionRef:m}};export{m as useLastNavigationDirection};
|
|
2
|
+
//# sourceMappingURL=useLastNavigationDirection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLastNavigationDirection.js","sources":["../../../../../shared/dist/hooks/useLastNavigationDirection.js"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useEventListener } from \"./useEventListener\";\nimport { useKeyEvent } from \"./useKeyEvent\";\nimport { ARROW_DOWN_KEYS, ARROW_LEFT_KEYS, ARROW_RIGHT_KEYS, ARROW_UP_KEYS, NavDirections } from \"../constants/navDirections\";\nconst NAVIGATION_KEYS = [...ARROW_UP_KEYS, ...ARROW_RIGHT_KEYS, ...ARROW_DOWN_KEYS, ...ARROW_LEFT_KEYS];\nexport const useLastNavigationDirection = () => {\n const documentRef = useRef(document);\n const lastNavigationDirectionRef = useRef();\n const setLastNavigationDirection = useCallback((dir) => {\n lastNavigationDirectionRef.current = dir;\n }, []);\n const onKeyEvent = useCallback((event) => {\n const { key } = event;\n if (ARROW_UP_KEYS.includes(key)) {\n setLastNavigationDirection(NavDirections.UP);\n }\n else if (ARROW_RIGHT_KEYS.includes(key)) {\n setLastNavigationDirection(NavDirections.RIGHT);\n }\n else if (ARROW_DOWN_KEYS.includes(key)) {\n setLastNavigationDirection(NavDirections.DOWN);\n }\n else if (ARROW_LEFT_KEYS.includes(key)) {\n setLastNavigationDirection(NavDirections.LEFT);\n }\n }, [setLastNavigationDirection]);\n const onMousedownAnywhere = useCallback(() => {\n lastNavigationDirectionRef.current = undefined;\n }, [lastNavigationDirectionRef]);\n useKeyEvent({ ref: documentRef, capture: true, keys: NAVIGATION_KEYS, callback: onKeyEvent });\n useEventListener({ eventName: \"mousedown\", ref: documentRef, capture: true, callback: onMousedownAnywhere });\n return { lastNavigationDirectionRef };\n};\n//# sourceMappingURL=useLastNavigationDirection.js.map"],"names":["NAVIGATION_KEYS","concat","_toConsumableArray","ARROW_UP_KEYS","ARROW_RIGHT_KEYS","ARROW_DOWN_KEYS","ARROW_LEFT_KEYS","useLastNavigationDirection","documentRef","useRef","document","lastNavigationDirectionRef","setLastNavigationDirection","useCallback","dir","current","onKeyEvent","event","key","includes","NavDirections","UP","RIGHT","DOWN","LEFT","onMousedownAnywhere","undefined","useKeyEvent","ref","capture","keys","callback","useEventListener","eventName"],"mappings":"4XAYA,IAAMA,EAAeC,GAAAA,OAAAC,EAAOC,GAAaD,EAAKE,GAAgBF,EAAKG,GAAeH,EAAKI,IAE1EC,EAA6B,WACxC,IAAMC,EAAcC,EAAOC,UACrBC,EAA6BF,IAE7BG,EAA6BC,GAAY,SAACC,GAC9CH,EAA2BI,QAAUD,CACtC,GAAE,IAEGE,EAAaH,GACjB,SAACI,GACC,IAAQC,EAAQD,EAARC,IACJf,EAAcgB,SAASD,GACzBN,EAA2BQ,EAAcC,IAChCjB,EAAiBe,SAASD,GACnCN,EAA2BQ,EAAcE,OAChCjB,EAAgBc,SAASD,GAClCN,EAA2BQ,EAAcG,MAChCjB,EAAgBa,SAASD,IAClCN,EAA2BQ,EAAcI,KAE7C,GACA,CAACZ,IAGGa,EAAsBZ,GAAY,WACtCF,EAA2BI,aAAUW,CACvC,GAAG,CAACf,IAKJ,OAHAgB,EAAY,CAAEC,IAAKpB,EAAaqB,SAAS,EAAMC,KAAM9B,EAAiB+B,SAAUf,IAChFgB,EAAiB,CAAEC,UAAW,YAAaL,IAAKpB,EAAaqB,SAAS,EAAME,SAAUN,IAE/E,CAAEd,2BAAAA,EACX"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={accordion:"
|
|
1
|
+
var e={accordion:"accordion_9d662c9e30",accordionItemExpandCollapse:"accordionItemExpandCollapse_22365c308b",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_aeb18d38e3"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_9d662c9e30 {\n height: fit-content;\n border: 1px solid var(--ui-border-color);\n box-sizing: border-box;\n border-radius: var(--border-radius-small);\n}\n\n.accordion_9d662c9e30 .accordionItemExpandCollapse_22365c308b {\n border-radius: 0;\n border-top: none;\n border-inline: none;\n border-color: var(--ui-border-color);\n}\n\n.accordion_9d662c9e30 .accordionItemExpandCollapseLast_aeb18d38e3 {\n border-bottom: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={alertBanner:"
|
|
1
|
+
var n={alertBanner:"alertBanner_54733456e7",primary:"primary_582b910105",positive:"positive_f205f6bc4c",negative:"negative_8706bf5363",dark:"dark_9e4432e25e",warning:"warning_e581b21453",closeBtn:"closeBtn_1aa36042f6",content:"content_e20d81df8c",closeButtonWrapper:"closeButtonWrapper_d8f644316e",ellipsis:"ellipsis_e86cc39f25",contentItem:"contentItem_7af7f2a5cd",contentItemText:"contentItemText_69c274113a"};!function(n){const e="s_id-d6894f952adc_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_54733456e7 {\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.primary_582b910105 {\n background-color: var(--primary-color);\n}\n\n.positive_f205f6bc4c {\n background-color: var(--positive-color);\n}\n\n.negative_8706bf5363 {\n background-color: var(--negative-color);\n}\n\n.dark_9e4432e25e {\n background-color: var(--inverted-color-background);\n}\n\n.warning_e581b21453 {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n\n.warning_e581b21453 .closeBtn_1aa36042f6 {\n color: var(--fixed-dark-color);\n}\n\n.content_e20d81df8c {\n flex: 1 1 auto;\n display: flex;\n height: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper_d8f644316e {\n flex: 0 0 40px;\n position: relative;\n height: 100%;\n min-width: 0;\n}\n\n.closeBtn_1aa36042f6 {\n position: absolute;\n inset-inline-end: 4px;\n top: 4px;\n}\n\n.ellipsis_e86cc39f25 {\n flex: 0 1 auto;\n}\n\n.contentItem_7af7f2a5cd {\n flex: 0 0 auto;\n min-width: 0;\n}\n\n.contentItemText_69c274113a {\n flex: 0 1 auto;\n min-width: 0;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AlertBanner.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var n={bannerButton:"bannerButton_337f738128",darkBackground:"darkBackground_337f738128",marginLeft:"marginLeft_7b8818f39a"};!function(n){const e="s_id-35a7e70934a8_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton_337f738128 {\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_337f738128 .bannerButton_337f738128 {\n background-color: var(--dark-background-color);\n}\n\n.marginLeft_7b8818f39a {\n margin-inline-start: var(--space-8);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AlertBannerButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={bannerLink:"
|
|
1
|
+
var n={bannerLink:"bannerLink_0cb1e476c0",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_278d346a89",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_2a26820605",marginLeft:"marginLeft_7b8818f39a"};!function(n){const e="s_id-b8e9178179b1_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_0cb1e476c0 {\n text-decoration: underline;\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_278d346a89 {\n color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_2a26820605 {\n color: var(--text-color-on-inverted);\n}\n\n.marginLeft_7b8818f39a {\n margin-inline-start: var(--space-8);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AlertBannerLink.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={bannerText:"
|
|
1
|
+
var e={bannerText:"bannerText_690cdbd1b7",marginLeft:"marginLeft_7b8818f39a"};!function(e){const n="s_id-306a220e9849_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_690cdbd1b7 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.marginLeft_7b8818f39a {\n margin-inline-start: var(--space-8);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AlertBannerText.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={attention:"
|
|
1
|
+
var n={attention:"attention_0aec059f21",animate:"animate_6a255afd88",attentionBoxAnimation:"attentionBoxAnimation_aa9ad3bbb2",primary:"primary_5569179885",positive:"positive_8647dcc3d7",negative:"negative_6614796187",warning:"warning_40d50f4798",neutral:"neutral_83cb8484c9"};!function(n){const a="s_id-4a6eadcbcb7d_4_5_11";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("@keyframes attentionBoxAnimation_aa9ad3bbb2 {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.attention_0aec059f21 {\n width: 100%;\n border-radius: var(--border-radius-medium);\n padding: var(--space-12) var(--space-16);\n position: relative;\n overflow: hidden;\n}\n.attention_0aec059f21.animate_6a255afd88 {\n animation: attentionBoxAnimation_aa9ad3bbb2 200ms var(--motion-timing-transition);\n}\n.attention_0aec059f21.primary_5569179885 {\n background-color: var(--primary-selected-color);\n}\n.attention_0aec059f21.positive_8647dcc3d7 {\n background-color: var(--positive-color-selected);\n}\n.attention_0aec059f21.negative_6614796187 {\n background-color: var(--negative-color-selected);\n}\n.attention_0aec059f21.warning_40d50f4798 {\n background-color: var(--warning-color-selected);\n}\n.attention_0aec059f21.neutral_83cb8484c9 {\n background-color: var(--allgrey-background-color);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBox.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={closeButton:"
|
|
1
|
+
var e={closeButton:"closeButton_cd1412f5ac"};!function(e){const t="s_id-979f8aeb619b_4_5_11";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)}(".closeButton_cd1412f5ac {\n flex-shrink: 0;\n}\n.closeButton_cd1412f5ac:hover {\n background-color: var(--primary-background-hover-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={icon:"
|
|
1
|
+
var e={icon:"icon_914d44564e"};!function(e){const t="s_id-55a80ba34ba3_4_5_11";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)}(".icon_914d44564e {\n color: var(--primary-text-color);\n flex-shrink: 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map
|
package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={attentionBoxLink:"
|
|
1
|
+
var e={attentionBoxLink:"attentionBoxLink_47a1bebbd9"};!function(e){const t="s_id-f7cefb69d475_4_5_11";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)}("a.attentionBoxLink_47a1bebbd9 {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBoxLink.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var e={container:"container_ea1ab7ff92",mainContentGroup:"mainContentGroup_87a5991b47",leadingIcon:"leadingIcon_ef0baaadb1",actionsGroup:"actionsGroup_45f08e5b94"};!function(e){const n="s_id-2f71fab0a877_4_5_11";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_ea1ab7ff92 {\n gap: var(--space-32);\n}\n\n.mainContentGroup_87a5991b47 {\n min-width: 0;\n}\n\n.leadingIcon_ef0baaadb1 {\n align-self: flex-start;\n}\n\n.actionsGroup_45f08e5b94 {\n gap: var(--space-12);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBoxCompact.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={container:"
|
|
1
|
+
var n={container:"container_2a69b02a1e",icon:"icon_05ff5c0e18",title:"title_0c7f3d3a89",text:"text_7423f8854d",actions:"actions_feb1ee4951",closeButton:"closeButton_60887b7eda",hasIcon:"hasIcon_03fed7862b",hasCloseButton:"hasCloseButton_6aa19eb125",hasTitle:"hasTitle_804b7d459f"};!function(n){const e="s_id-d1aa0b2532e6_4_5_11";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_2a69b02a1e {\n --grid-columns: auto 1fr auto;\n display: grid;\n gap: var(--space-4);\n width: 100%;\n grid-template-columns: var(--grid-columns);\n}\n.container_2a69b02a1e .icon_05ff5c0e18 {\n grid-column: 1;\n grid-row: 1;\n align-self: center;\n}\n.container_2a69b02a1e .title_0c7f3d3a89 {\n grid-row: 1;\n grid-column: 2;\n align-self: center;\n}\n.container_2a69b02a1e .text_7423f8854d,\n.container_2a69b02a1e .actions_feb1ee4951 {\n grid-column: 2/-1;\n}\n.container_2a69b02a1e .text_7423f8854d {\n grid-row: 2;\n min-width: 0;\n margin-inline-end: var(--space-8);\n}\n.container_2a69b02a1e .closeButton_60887b7eda {\n grid-row: 1;\n grid-column: 3;\n align-self: start;\n}\n.container_2a69b02a1e .actions_feb1ee4951 {\n grid-row: 3;\n margin-block-start: var(--space-8);\n}\n.container_2a69b02a1e:not(.hasIcon_03fed7862b) {\n --grid-columns: 1fr auto;\n}\n.container_2a69b02a1e:not(.hasIcon_03fed7862b):not(.hasCloseButton_6aa19eb125) {\n --grid-columns: 1fr;\n}\n.container_2a69b02a1e:not(.hasIcon_03fed7862b) .title_0c7f3d3a89 {\n grid-column: 1;\n}\n.container_2a69b02a1e:not(.hasIcon_03fed7862b) .text_7423f8854d,\n.container_2a69b02a1e:not(.hasIcon_03fed7862b) .actions_feb1ee4951 {\n grid-column: 1/-1;\n}\n.container_2a69b02a1e:not(.hasIcon_03fed7862b) .closeButton_60887b7eda {\n grid-column: 2;\n}\n.container_2a69b02a1e:not(.hasCloseButton_6aa19eb125) {\n --grid-columns: auto 1fr;\n}\n.container_2a69b02a1e:not(.hasTitle_804b7d459f) .icon_05ff5c0e18 {\n align-self: start;\n}\n.container_2a69b02a1e:not(.hasTitle_804b7d459f) .text_7423f8854d {\n grid-row: 1;\n grid-column-end: -2;\n}\n.container_2a69b02a1e:not(.hasTitle_804b7d459f) .closeButton_60887b7eda {\n margin-block-start: -1px;\n}\n.container_2a69b02a1e:not(.hasTitle_804b7d459f) .actions_feb1ee4951 {\n grid-row: 2;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBoxDefault.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={avatarGroupContainer:"
|
|
1
|
+
var e={avatarGroupContainer:"avatarGroupContainer_0d9efae0da",avatarContainer:"avatarContainer_87a2955ebf"};!function(e){const a="s_id-34c07868a875_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".avatarGroupContainer_0d9efae0da {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n position: relative;\n padding: 0;\n margin: 0;\n}\n\n.avatarContainer_87a2955ebf {\n margin-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AvatarGroup.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var n={counterContainer:"counterContainer_22d5ecfa4f","focus-visible":"focus-visible_a24d1c3a45",xs:"xs_7023f6b9df",small:"small_81f0487995",medium:"medium_3223947574",large:"large_d96cad2549",primary:"primary_1ae480eae0",dark:"dark_4268a2318c",negative:"negative_a1943fc1b5",light:"light_634c9cf319",disabled:"disabled_43237150af",menu:"menu_781ae68b6a"};!function(n){const e="s_id-d3854ac48ae9_4_5_11";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f {\n background: var(--ui-background-color);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: calc(-1 * var(--space-8));\n z-index: 1;\n border: 1px solid var(--primary-background-color);\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f:focus-visible, .counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.focus-visible_a24d1c3a45 { /* stylelint-disable-line selector-class-pattern */\n outline: none;\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f:focus-visible:focus-visible, .counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f:focus-visible.focus-visible_a24d1c3a45, .counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.focus-visible_a24d1c3a45:focus-visible, .counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.focus-visible_a24d1c3a45.focus-visible_a24d1c3a45 {\n outline: none;\n z-index: 11;\n border-radius: 50%;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f:focus-visible:focus:not(.focus-visible_a24d1c3a45), .counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.focus-visible_a24d1c3a45:focus:not(.focus-visible_a24d1c3a45) {\n outline: none;\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.xs_7023f6b9df {\n height: 20px;\n min-width: 20px;\n border-radius: 10px;\n padding: 0 1px;\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.small_81f0487995 {\n height: 28px;\n min-width: 28px;\n border-radius: 14px;\n padding: 0 1px;\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.medium_3223947574 {\n height: 32px;\n min-width: 32px;\n border-radius: 16px;\n padding: 0 2px;\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.large_d96cad2549 {\n height: 50px;\n min-width: 50px;\n border-radius: 25px;\n padding: 0 var(--space-4);\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.primary_1ae480eae0 {\n color: var(--text-color-on-primary);\n background-color: var(--primary-color);\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.dark_4268a2318c {\n color: var(--text-color-on-inverted);\n background-color: var(--inverted-color-background);\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.negative_a1943fc1b5 {\n color: var(--text-color-on-primary);\n background-color: var(--negative-color);\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.light_634c9cf319 {\n color: var(--primary-text-color);\n background-color: var(--ui-background-color);\n}\n.counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f .disabled_43237150af, .counterContainer_22d5ecfa4f.counterContainer_22d5ecfa4f.disabled_43237150af {\n background-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n}\n.menu_781ae68b6a {\n max-height: 300px;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.menu_781ae68b6a::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.menu_781ae68b6a::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AvatarGroupCounter.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_c35db40682",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_cd1412f5ac",tooltipContainer:"tooltipContainer_457e0170f1","focus-visible":"focus-visible_a24d1c3a45",tooltipGridContainer:"tooltipGridContainer_d498b55dd9",scrollableContainer:"scrollableContainer_68d78321a8"};!function(t){const e="s_id-886ef7c132b6_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_c35db40682 {\n white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_cd1412f5ac {\n flex-shrink: 0;\n}\n.tooltipContainer_457e0170f1 {\n max-height: 300px;\n padding-inline-end: var(--space-16);\n align-items: flex-start !important;\n overflow-x: visible;\n overflow-y: auto;\n margin-top: var(--space-8);\n}\n.tooltipContainer_457e0170f1:focus, .tooltipContainer_457e0170f1:focus-visible, .tooltipContainer_457e0170f1.focus-visible_a24d1c3a45 { /* stylelint-disable-line selector-class-pattern */\n outline: none;\n}\n.tooltipGridContainer_d498b55dd9 {\n max-width: 160px;\n padding-inline-end: 0;\n}\n.scrollableContainer_68d78321a8::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer_68d78321a8::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{t as default};
|
|
2
2
|
//# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={scrollableContainer:"
|
|
1
|
+
var e={scrollableContainer:"scrollableContainer_b66d7b79f6",virtualizedTooltipContainer:"virtualizedTooltipContainer_aa74f94e97","focus-visible":"focus-visible_a24d1c3a45"};!function(e){const i="s_id-21f61936150a_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_b66d7b79f6::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer_b66d7b79f6::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}\n.virtualizedTooltipContainer_aa74f94e97 {\n align-items: flex-start !important;\n display: flex;\n overflow-y: hidden;\n overflow-x: visible;\n}\n.virtualizedTooltipContainer_aa74f94e97:focus, .virtualizedTooltipContainer_aa74f94e97:focus-visible, .virtualizedTooltipContainer_aa74f94e97.focus-visible_a24d1c3a45 { /* stylelint-disable-line selector-class-pattern */\n outline: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={badgeWrapper:"
|
|
1
|
+
var e={badgeWrapper:"badgeWrapper_2f5fb6ac92",badge:"badge_45aae57803",outside:"outside_df7c339d24",topEnd:"topEnd_b9a0dd75d1",rectangular:"rectangular_8ecb4b5f9e",circular:"circular_ed51b6531f",topStart:"topStart_70a95fda71",bottomEnd:"bottomEnd_b1f5e6ee9b",bottomStart:"bottomStart_5bcadd56f5"};!function(e){const a="s_id-06f338dd08c3_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeWrapper_2f5fb6ac92 {\n position: relative;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803 {\n z-index: 1;\n position: absolute;\n border-radius: 16px;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803:not(.outside_df7c339d24) {\n border: 2px solid;\n border-color: var(--primary-background-color);\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.topEnd_b9a0dd75d1.rectangular_8ecb4b5f9e {\n top: 0;\n inset-inline-end: 0;\n translate: 50% -50%;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.topEnd_b9a0dd75d1.outside_df7c339d24 {\n top: 0;\n inset-inline-end: -2px;\n translate: 100% 0;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.topEnd_b9a0dd75d1.circular_ed51b6531f {\n top: 15%;\n inset-inline-end: 15%;\n translate: 50% -50%;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.topStart_70a95fda71.rectangular_8ecb4b5f9e {\n top: 0;\n inset-inline-start: 0;\n translate: -50% -50%;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.topStart_70a95fda71.outside_df7c339d24 {\n top: 0;\n inset-inline-start: -2px;\n translate: -100% 0;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.topStart_70a95fda71.circular_ed51b6531f {\n top: 15%;\n inset-inline-start: 15%;\n translate: -50% -50%;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.bottomEnd_b1f5e6ee9b.rectangular_8ecb4b5f9e {\n bottom: 0;\n inset-inline-end: 0;\n translate: 50% 50%;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.bottomEnd_b1f5e6ee9b.outside_df7c339d24 {\n bottom: 0;\n inset-inline-end: -2px;\n translate: 100% 0;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.bottomEnd_b1f5e6ee9b.circular_ed51b6531f {\n bottom: 15%;\n inset-inline-end: 15%;\n translate: 50% 50%;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.bottomStart_5bcadd56f5.rectangular_8ecb4b5f9e {\n bottom: 0;\n inset-inline-start: 0;\n translate: -50% 50%;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.bottomStart_5bcadd56f5.outside_df7c339d24 {\n bottom: 0;\n inset-inline-start: -2px;\n translate: -100% 0;\n}\n.badgeWrapper_2f5fb6ac92 .badge_45aae57803.bottomStart_5bcadd56f5.circular_ed51b6531f {\n bottom: 15%;\n inset-inline-start: 15%;\n translate: -50% 50%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Badge.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={indicator:"
|
|
1
|
+
var e={indicator:"indicator_1cdd2f5e58",primary:"primary_582b910105",notification:"notification_8706bf5363"};!function(e){const i="s_id-d6448d74722f_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_1cdd2f5e58 {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.indicator_1cdd2f5e58.primary_582b910105 {\n background-color: var(--primary-color);\n}\n.indicator_1cdd2f5e58.notification_8706bf5363 {\n background-color: var(--negative-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Indicator.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"
|
|
1
|
+
var e={wrapper:"wrapper_a4fde888d0","focus-visible":"focus-visible_c6a5130aa6",highlighted:"highlighted_759cc81ce4",disabled:"disabled_d6237e0099",readOnly:"readOnly_bf323fe747",selected:"selected_5569179885",small:"small_e88fc5b24a",medium:"medium_6c075255a1",large:"large_5a01ff2e3f",avatar:"avatar_e5a88be707",icon:"icon_cd1412f5ac",indent:"indent_534d9984db",endElement:"endElement_7501dec628"};!function(e){const a="s_id-c5f50f32df2c_4_5_11";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_a4fde888d0 {\n display: flex;\n align-items: center;\n gap: var(--space-4);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n cursor: pointer;\n}\n.wrapper_a4fde888d0:focus-visible, .wrapper_a4fde888d0.focus-visible_c6a5130aa6 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_a4fde888d0:focus:not(.focus-visible_c6a5130aa6) {\n outline: none;\n}\n.wrapper_a4fde888d0.highlighted_759cc81ce4, .wrapper_a4fde888d0:hover:not(.disabled_d6237e0099):not(.readOnly_bf323fe747) {\n background-color: var(--primary-background-hover-color);\n}\n.wrapper_a4fde888d0.disabled_d6237e0099 {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.wrapper_a4fde888d0.readOnly_bf323fe747 {\n cursor: default;\n}\n.wrapper_a4fde888d0.selected_5569179885 {\n background-color: var(--primary-selected-color);\n}\n.wrapper_a4fde888d0.selected_5569179885.highlighted_759cc81ce4, .wrapper_a4fde888d0.selected_5569179885:hover:not(.disabled_d6237e0099):not(.readOnly_bf323fe747) {\n background-color: var(--primary-selected-hover-color);\n}\n.wrapper_a4fde888d0.small_e88fc5b24a {\n padding: 6px var(--space-8);\n}\n.wrapper_a4fde888d0.medium_6c075255a1 {\n padding: 9px 12px;\n}\n.wrapper_a4fde888d0.large_5a01ff2e3f {\n padding: 13px 12px;\n}\n.wrapper_a4fde888d0 .avatar_e5a88be707,\n.wrapper_a4fde888d0 .icon_cd1412f5ac {\n flex-shrink: 0;\n}\n.wrapper_a4fde888d0 .indent_534d9984db {\n width: 20px;\n}\n.wrapper_a4fde888d0 .endElement_7501dec628 {\n padding-inline-start: var(--space-8);\n margin-inline-start: auto;\n display: flex;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BaseItem.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={baseList:"
|
|
1
|
+
var e={baseList:"baseList_0662953da9"};!function(e){const t="s_id-97ac9c3bb99a_4_5_11";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_0662953da9 {\n margin: 0;\n padding: 0;\n list-style: none;\n overflow-y: auto;\n max-height: var(--baselist-max-height, none);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_0662953da9::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.baseList_0662953da9::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BaseList.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbContent:"
|
|
1
|
+
var e={breadcrumbContent:"breadcrumbContent_63cedbb1d5",withoutText:"withoutText_256869cff2",breadcrumbText:"breadcrumbText_e413bbeac4",breadcrumbIcon:"breadcrumbIcon_049c1f157c",clickable:"clickable_36fc2adfbf",current:"current_70d787c6dc",disabled:"disabled_c84badd6ce",notClickable:"notClickable_523f1a5f26"};!function(e){const n="s_id-6512392a70ad_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_63cedbb1d5 {\n font: var(--font-text2-normal);\n color: var(--secondary-text-color);\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 0 2px;\n overflow: hidden;\n text-decoration: none;\n}\n.breadcrumbContent_63cedbb1d5.withoutText_256869cff2 {\n padding: 4px;\n}\na.breadcrumbContent_63cedbb1d5:hover {\n color: var(--secondary-text-color);\n text-decoration: none;\n}\n.breadcrumbContent_63cedbb1d5 .breadcrumbText_e413bbeac4 {\n color: inherit;\n margin: 0 4px;\n line-height: 22px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.breadcrumbContent_63cedbb1d5 .breadcrumbIcon_049c1f157c {\n height: 14px;\n width: 14px;\n flex-shrink: 0;\n}\n.breadcrumbContent_63cedbb1d5:focus {\n outline: none;\n}\n.breadcrumbContent_63cedbb1d5.clickable_36fc2adfbf {\n cursor: pointer;\n}\n.breadcrumbContent_63cedbb1d5.clickable_36fc2adfbf:hover,\n.breadcrumbContent_63cedbb1d5:focus-within {\n background-color: var(--primary-background-hover-color);\n border-radius: 4px;\n}\n.breadcrumbContent_63cedbb1d5.current_70d787c6dc {\n color: var(--primary-text-color);\n font-weight: 500;\n}\n.breadcrumbContent_63cedbb1d5.disabled_c84badd6ce {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.breadcrumbContent_63cedbb1d5.disabled_c84badd6ce:hover {\n background-color: transparent;\n}\n.breadcrumbContent_63cedbb1d5.notClickable_523f1a5f26 {\n pointer-events: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbItemWrapper:"
|
|
1
|
+
var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_a7de9236fa",disabled:"disabled_7b878cf657"};!function(e){const d="s_id-03f482333e23_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_a7de9236fa {\n display: inline-flex;\n overflow: hidden;\n list-style-type: none;\n cursor: default;\n}\n\n.breadcrumbItemWrapper_a7de9236fa.disabled_7b878cf657 {\n cursor: not-allowed;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbItem.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbMenuWrapper:"
|
|
1
|
+
var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_a7de9236fa"};!function(e){const n="s_id-fc5ae89c4b65_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_a7de9236fa {\n display: inline-flex;\n overflow: hidden;\n list-style-type: none;\n cursor: default;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbsBar:"
|
|
1
|
+
var e={breadcrumbsBar:"breadcrumbsBar_069da8b437",separatorIcon:"separatorIcon_e51f0b0ffc"};!function(e){const n="s_id-24567fd55d40_4_5_11";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(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_069da8b437 ol {\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n}\n\n.breadcrumbsBar_069da8b437 ol .separatorIcon_e51f0b0ffc {\n color: var(--secondary-text-color);\n flex-shrink: 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbsBar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={chips:"
|
|
1
|
+
var e={chips:"chips_9cefd55bc6","chips-pop-in-emphasized":"chips-pop-in-emphasized_b04be5c20e",border:"border_304917af5e",withUserSelect:"withUserSelect_12daabc501",noMargin:"noMargin_c1a1adf1a6",small:"small_ad7db2fdfa",icon:"icon_1b974e3cf1",left:"left_ec529275f4",avatar:"avatar_86a4f55380",customRenderer:"customRenderer_e5d3f419d8",right:"right_c8ed823454",close:"close_c8ed823454",label:"label_5171775af9",noAnimation:"noAnimation_bcadf5e99d",disabled:"disabled_bf323fe747",defaultCursor:"defaultCursor_bf323fe747",clickable:"clickable_36fc2adfbf","focus-visible":"focus-visible_74b0ed67b2",disableTextSelection:"disableTextSelection_5d54e5a8c5"};!function(e){const c="s_id-e473288e58ea_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const a=document.createElement("style");a.id=c,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_9cefd55bc6 {\n display: inline-flex;\n overflow: hidden;\n height: 24px;\n border-radius: 4px;\n padding: 0 8px;\n align-items: center;\n justify-content: center;\n margin: var(--chips-margin, 0 var(--space-4));\n user-select: none;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n color: var(--primary-text-color);\n animation: chips-pop-in-emphasized_b04be5c20e var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_9cefd55bc6.border_304917af5e {\n border: 1px solid var(--primary-background-color);\n}\n.chips_9cefd55bc6.withUserSelect_12daabc501 {\n user-select: text;\n cursor: text;\n}\n.chips_9cefd55bc6.noMargin_c1a1adf1a6 {\n margin: 0;\n}\n.chips_9cefd55bc6.small_ad7db2fdfa {\n height: 20px;\n padding: 0 4px;\n}\n.chips_9cefd55bc6.small_ad7db2fdfa .icon_1b974e3cf1.left_ec529275f4,\n.chips_9cefd55bc6.small_ad7db2fdfa .avatar_86a4f55380.left_ec529275f4,\n.chips_9cefd55bc6.small_ad7db2fdfa .customRenderer_e5d3f419d8.left_ec529275f4 {\n margin-inline-end: var(--space-2);\n}\n.chips_9cefd55bc6.small_ad7db2fdfa .icon_1b974e3cf1.right_c8ed823454,\n.chips_9cefd55bc6.small_ad7db2fdfa .avatar_86a4f55380.right_c8ed823454,\n.chips_9cefd55bc6.small_ad7db2fdfa .customRenderer_e5d3f419d8.right_c8ed823454 {\n margin-inline-start: var(--space-2);\n}\n.chips_9cefd55bc6.small_ad7db2fdfa .icon_1b974e3cf1.close_c8ed823454,\n.chips_9cefd55bc6.small_ad7db2fdfa .avatar_86a4f55380.close_c8ed823454,\n.chips_9cefd55bc6.small_ad7db2fdfa .customRenderer_e5d3f419d8.close_c8ed823454 {\n margin-inline-start: var(--space-2);\n}\n.chips_9cefd55bc6 .label_5171775af9 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.chips_9cefd55bc6.noAnimation_bcadf5e99d {\n animation: none;\n}\n.chips_9cefd55bc6 .icon_1b974e3cf1,\n.chips_9cefd55bc6 .avatar_86a4f55380,\n.chips_9cefd55bc6 .customRenderer_e5d3f419d8 {\n min-width: 18px;\n}\n.chips_9cefd55bc6 .icon_1b974e3cf1.left_ec529275f4,\n.chips_9cefd55bc6 .avatar_86a4f55380.left_ec529275f4,\n.chips_9cefd55bc6 .customRenderer_e5d3f419d8.left_ec529275f4 {\n margin-inline-end: var(--space-4);\n}\n.chips_9cefd55bc6 .icon_1b974e3cf1.right_c8ed823454,\n.chips_9cefd55bc6 .avatar_86a4f55380.right_c8ed823454,\n.chips_9cefd55bc6 .customRenderer_e5d3f419d8.right_c8ed823454 {\n margin-inline-start: var(--space-4);\n}\n.chips_9cefd55bc6 .icon_1b974e3cf1.close_c8ed823454,\n.chips_9cefd55bc6 .avatar_86a4f55380.close_c8ed823454,\n.chips_9cefd55bc6 .customRenderer_e5d3f419d8.close_c8ed823454 {\n margin-inline-start: var(--space-4);\n color: var(--primary-text-color);\n}\n.chips_9cefd55bc6.disabled_bf323fe747 .icon_1b974e3cf1 {\n color: var(--disabled-text-color);\n}\n.chips_9cefd55bc6.disabled_bf323fe747 .label_5171775af9 {\n color: var(--disabled-text-color);\n}\n.chips_9cefd55bc6.defaultCursor_bf323fe747 {\n cursor: default;\n}\n.chips_9cefd55bc6.clickable_36fc2adfbf {\n cursor: pointer;\n}\n.chips_9cefd55bc6.clickable_36fc2adfbf:focus-visible, .chips_9cefd55bc6.clickable_36fc2adfbf.focus-visible_74b0ed67b2 {\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.chips_9cefd55bc6.clickable_36fc2adfbf:focus:not(.focus-visible_74b0ed67b2) {\n outline: none;\n}\n.chips_9cefd55bc6.clickable_36fc2adfbf.disabled_bf323fe747 {\n cursor: default;\n}\n.chips_9cefd55bc6.clickable_36fc2adfbf.disableTextSelection_5d54e5a8c5 {\n -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_b04be5c20e {\n 0% {\n transform: scale(0.3);\n opacity: 0;\n }\n 70% {\n opacity: 1;\n }\n 100% {\n transform: scale(1);\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Chips.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={colorPicker:"
|
|
1
|
+
var e={colorPicker:"colorPicker_3985f2c06f",colorPickerDialogContent:"colorPickerDialogContent_9e80ddd6ea"};!function(e){const t="s_id-ffacbf9b6446_4_5_11";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)}(".colorPicker_3985f2c06f.colorPickerDialogContent_9e80ddd6ea {\n z-index: 1;\n padding: 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ColorPicker.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={clearColorIcon:"
|
|
1
|
+
var e={clearColorIcon:"clearColorIcon_711e9724b5",clearColorButton:"clearColorButton_2832b1cc8e"};!function(e){const n="s_id-745441469971_4_5_11";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)}(".clearColorIcon_711e9724b5 {\n margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_2832b1cc8e {\n margin-top: var(--space-8);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ColorPickerClearButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={colorsGrid:"
|
|
1
|
+
var e={colorsGrid:"colorsGrid_49b4d39908"};!function(e){const d="s_id-0a5f0eb78ee4_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_49b4d39908 {\n padding: 0;\n outline: none;\n display: flex;\n flex-wrap: wrap;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{toConsumableArray as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{difference as e,intersection as r}from"es-toolkit";import t,{forwardRef as i,useRef as l,useCallback as n,useMemo as
|
|
1
|
+
import{toConsumableArray as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{difference as e,intersection as r}from"es-toolkit";import t,{forwardRef as i,useRef as l,useCallback as n,useMemo as a}from"react";import{BaseSizes as s}from"../../../../constants/sizes.js";import{contentColors as c}from"../../../../utils/colors-vars-map.js";import{DEFAULT_NUMBER_OF_COLORS_IN_LINE as d}from"../../ColorPickerConstants.js";import{calculateColorPickerWidth as u}from"../../services/ColorPickerStyleService.js";import m from"./ColorPickerClearButton.js";import f from"./ColorPickerColorsGrid.js";import{useGridKeyboardNavigationContext as C,GridKeyboardNavigationContext as p}from"../../../../../components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import v from"../../../../../icons/dist/react/NoColor.js";import{useMergeRef as I}from"../../../../../shared/dist/hooks/useMergeRef.js";var h=i((function(i,h){var y=i.className,k=i.onValueChange,b=i.value,g=i.noColorText,j=i.colorStyle,N=void 0===j?"regular":j,S=i.ColorIndicatorIcon,x=i.SelectedIndicatorIcon,B=i.shouldRenderIndicatorWithoutBackground,E=i.NoColorIcon,M=void 0===E?v:E,P=i.isBlackListMode,G=void 0===P||P,L=i.colorsList,O=i.isMultiselect,R=i.colorSize,w=void 0===R?s.MEDIUM:R,K=i.numberOfColorsInLine,T=void 0===K?d:K,z=i.tooltipContentByColor,U=void 0===z?{}:z,W=i.focusOnMount,_=i.colorShape,q=void 0===_?"square":_,A=i.forceUseRawColorList,D=i.showColorNameTooltip,H=i.id,V=i["data-testid"],F=l(null),J=I(h,F),Q=l(null),X=l(null),Y=n((function(){k(null)}),[k]),Z=a((function(){return A?L:G?e(c,L):r(c,L)}),[A,G,L]),$=n((function(e){if(O){var r=o(b);if(r.includes(e)){var t=r.indexOf(e);t>-1&&r.splice(t,1)}else r.push(e);k(r)}else k([e])}),[O,k,b]),oo=a((function(){return[{topElement:Q,bottomElement:X}]}),[]),eo=C(oo,F),ro=u(w,T);return t.createElement("div",{className:y,style:{width:ro},ref:J,tabIndex:-1},t.createElement(p.Provider,{value:eo},t.createElement(f,{ref:Q,onColorClicked:$,colorsToRender:Z,numberOfColorsInLine:T,focusOnMount:W,value:b,colorStyle:N,ColorIndicatorIcon:S,shouldRenderIndicatorWithoutBackground:B,SelectedIndicatorIcon:x,colorSize:w,tooltipContentByColor:U,colorShape:q,showColorNameTooltip:D,id:H,"data-testid":V}),g&&t.createElement(m,{Icon:M,onClick:Y,text:g,ref:X})))}));export{h as default};
|
|
2
2
|
//# sourceMappingURL=ColorPickerContent.js.map
|