@vibe/core 3.43.1 → 3.44.1
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/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.d.ts +7 -0
- package/dist/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts +12 -0
- package/dist/components/BreadcrumbsBar/BreadcrumbsBar.d.ts +2 -1
- package/dist/components/BreadcrumbsBar/index.d.ts +2 -0
- package/dist/components/MenuButton/MenuButton.d.ts +4 -0
- package/dist/hooks/useFullKeyboardListeners.d.ts +2 -0
- package/dist/metadata.json +72 -0
- package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.d.ts +7 -0
- package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts +12 -0
- package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbsBar.d.ts +2 -1
- package/dist/mocked_classnames/components/BreadcrumbsBar/index.d.ts +2 -0
- package/dist/mocked_classnames/components/MenuButton/MenuButton.d.ts +4 -0
- package/dist/mocked_classnames/hooks/useFullKeyboardListeners.d.ts +2 -0
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Box/Box.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js +2 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map +1 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js +2 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js.map +1 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +2 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js.map +1 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.js.map +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/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.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/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.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/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/Text/Text.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.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/TipseenImage.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Typography/Typography.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/hooks/useFullKeyboardListeners.js +1 -1
- package/dist/mocked_classnames/src/hooks/useFullKeyboardListeners.js.map +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/mocked_classnames/src/tests/constants.js +1 -1
- package/dist/mocked_classnames/src/tests/constants.js.map +1 -1
- package/dist/mocked_classnames/style/dist/index.min.css.js +1 -1
- package/dist/mocked_classnames/tests/constants.d.ts +2 -0
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/src/components/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/src/components/Box/Box.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js +2 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map +1 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js +2 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js.map +1 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +2 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js.map +1 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.js.map +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Button/Button.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/src/components/Label/Label.module.scss.js +1 -1
- package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/src/components/Link/Link.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js.map +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/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.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/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.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/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/Text/Text.module.scss.js +1 -1
- package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.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/TipseenImage.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/src/components/Typography/Typography.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/hooks/useFullKeyboardListeners.js +1 -1
- package/dist/src/hooks/useFullKeyboardListeners.js.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/tests/constants.js +1 -1
- package/dist/src/tests/constants.js.map +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/dist/tests/constants.d.ts +2 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /**\n * If true, the button is in an active state.\n */\n active?: boolean;\n /**\n * Class name applied to the button when the dialog is open.\n */\n openDialogComponentClassName?: string;\n /**\n * The component used as the button icon.\n */\n component?: (() => JSX.Element) | React.ElementType;\n /**\n * The size of the button.\n */\n size?: MenuButtonSize;\n /**\n * If true, the menu is open.\n */\n open?: boolean;\n /**\n * Callback fired when the button is clicked.\n */\n onClick?: (event: React.MouseEvent) => void;\n /**\n * The z-index of the menu.\n */\n zIndex?: number;\n /**\n * The label of the button for accessibility.\n */\n ariaLabel?: string;\n /**\n * Class name applied to the menu dialog wrapper.\n */\n dialogClassName?: string;\n /**\n * The offset of the menu relative to the button.\n */\n dialogOffset?: DialogOffset;\n /**\n * The padding size inside the menu dialog.\n */\n dialogPaddingSize?: DialogSize;\n /**\n * The position of the menu dialog relative to the button.\n */\n dialogPosition?: DialogPosition;\n /**\n * Class name ignored for dialog show trigger.\n */\n dialogShowTriggerIgnoreClass?: string;\n /**\n * Class name ignored for dialog hide trigger.\n */\n dialogHideTriggerIgnoreClass?: string;\n /**\n * The container selector in which to append the dialog.\n */\n dialogContainerSelector?: string;\n /**\n * The starting edge alignment of the menu.\n */\n startingEdge?: string;\n /**\n * Callback fired when the menu is shown.\n */\n onMenuShow?: () => void;\n /**\n * Callback fired when the menu is hidden.\n */\n onMenuHide?: () => void;\n /**\n * The text displayed inside the button.\n */\n text?: string;\n /**\n * If true, the button is disabled.\n */\n disabled?: boolean;\n /**\n * The tooltip content displayed when hovering over the button.\n */\n tooltipContent?: string;\n /**\n * If true, removes the tab key from the hide trigger.\n */\n removeTabCloseTrigger?: boolean;\n /**\n * The triggers that cause the tooltip to show or hide.\n */\n tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * The position of the tooltip.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * Class name applied to the tooltip reference wrapper.\n */\n tooltipReferenceClassName?: string;\n /**\n * Additional props for customizing the tooltip.\n */\n tooltipProps?: Partial<TooltipProps>;\n /**\n * If true, hides the menu and tooltip when the button is not visible.\n */\n hideWhenReferenceHidden?: boolean;\n /**\n * The content inside the menu button.\n */\n children?: ElementContent;\n /**\n * The position of the component relative to the text.\n */\n componentPosition?: MenuButtonComponentPosition;\n /**\n * The element used as the trigger for the menu.\n */\n triggerElement?: React.ElementType;\n /**\n * If true, closes the menu when a menu item is clicked.\n */\n closeMenuOnItemClick?: boolean;\n /**\n * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n /**\n * If true, closes the menu when clicking inside the dialog.\n */\n closeDialogOnContentClick?: boolean;\n}\n\nconst MenuButton = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [\"mouseleave\"],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId,\n closeDialogOnContentClick = false\n }: MenuButtonProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button || !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isEscapeKey = event?.key === \"Escape\";\n if (isEscapeKey || closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isEscapeKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n },\n [handleMenuClose]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (closeDialogOnContentClick) {\n triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n triggers.add(Dialog.hideShowTriggers.ENTER);\n }\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useIsomorphicLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n data-vibe={ComponentVibeId.MENU_BUTTON}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\ninterface MenuButtonStaticProps {\n sizes: typeof MenuButtonSizeEnum;\n paddingSizes: typeof DialogContentContainer.sizes;\n dialogPositions: typeof DialogPositionEnum;\n hideTriggers: typeof Dialog.hideShowTriggers;\n componentPositions: typeof MenuButtonComponentPositionEnum;\n}\n\nexport default withStaticProps<MenuButtonProps, MenuButtonStaticProps>(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","withStaticProps","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","hideTriggers","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEventEnum[] = [Dialog.hideShowTriggers.ESCAPE_KEY, Dialog.hideShowTriggers.TAB_KEY];\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /**\n * If true, the button is in an active state.\n */\n active?: boolean;\n /**\n * Class name applied to the button when the dialog is open.\n */\n openDialogComponentClassName?: string;\n /**\n * The component used as the button icon.\n */\n component?: (() => JSX.Element) | React.ElementType;\n /**\n * The size of the button.\n */\n size?: MenuButtonSize;\n /**\n * If true, the menu is open.\n */\n open?: boolean;\n /**\n * Callback fired when the button is clicked.\n */\n onClick?: (event: React.MouseEvent) => void;\n /**\n * The z-index of the menu.\n */\n zIndex?: number;\n /**\n * The label of the button for accessibility.\n */\n ariaLabel?: string;\n /**\n * Class name applied to the menu dialog wrapper.\n */\n dialogClassName?: string;\n /**\n * The offset of the menu relative to the button.\n */\n dialogOffset?: DialogOffset;\n /**\n * The padding size inside the menu dialog.\n */\n dialogPaddingSize?: DialogSize;\n /**\n * The position of the menu dialog relative to the button.\n */\n dialogPosition?: DialogPosition;\n /**\n * Class name ignored for dialog show trigger.\n */\n dialogShowTriggerIgnoreClass?: string;\n /**\n * Class name ignored for dialog hide trigger.\n */\n dialogHideTriggerIgnoreClass?: string;\n /**\n * The container selector in which to append the dialog.\n */\n dialogContainerSelector?: string;\n /**\n * The starting edge alignment of the menu.\n */\n startingEdge?: string;\n /**\n * Callback fired when the menu is shown.\n */\n onMenuShow?: () => void;\n /**\n * Callback fired when the menu is hidden.\n */\n onMenuHide?: () => void;\n /**\n * The text displayed inside the button.\n */\n text?: string;\n /**\n * If true, the button is disabled.\n */\n disabled?: boolean;\n /**\n * The tooltip content displayed when hovering over the button.\n */\n tooltipContent?: string;\n /**\n * If true, removes the tab key from the hide trigger.\n */\n removeTabCloseTrigger?: boolean;\n /**\n * The triggers that cause the tooltip to show or hide.\n */\n tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * The position of the tooltip.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * Class name applied to the tooltip reference wrapper.\n */\n tooltipReferenceClassName?: string;\n /**\n * Additional props for customizing the tooltip.\n */\n tooltipProps?: Partial<TooltipProps>;\n /**\n * If true, hides the menu and tooltip when the button is not visible.\n */\n hideWhenReferenceHidden?: boolean;\n /**\n * The content inside the menu button.\n */\n children?: ElementContent;\n /**\n * The position of the component relative to the text.\n */\n componentPosition?: MenuButtonComponentPosition;\n /**\n * The element used as the trigger for the menu.\n */\n triggerElement?: React.ElementType;\n /**\n * If true, closes the menu when a menu item is clicked.\n */\n closeMenuOnItemClick?: boolean;\n /**\n * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n /**\n * If true, closes the menu when clicking inside the dialog.\n */\n closeDialogOnContentClick?: boolean;\n /**\n * The ARIA control of the menu button for accessibility.\n */\n ariaControls?: string;\n}\n\nconst MenuButton = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [\"mouseleave\"],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId,\n closeDialogOnContentClick = false,\n ariaControls\n }: MenuButtonProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button || !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEventEnum);\n if (isCloseKey || closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isCloseKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEventEnum));\n },\n [handleMenuClose, isOpen]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (closeDialogOnContentClick) {\n triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n triggers.add(Dialog.hideShowTriggers.ENTER);\n }\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useIsomorphicLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n data-vibe={ComponentVibeId.MENU_BUTTON}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-controls={ariaControls}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\ninterface MenuButtonStaticProps {\n sizes: typeof MenuButtonSizeEnum;\n paddingSizes: typeof DialogContentContainer.sizes;\n dialogPositions: typeof DialogPositionEnum;\n hideTriggers: typeof Dialog.hideShowTriggers;\n componentPositions: typeof MenuButtonComponentPositionEnum;\n}\n\nexport default withStaticProps<MenuButtonProps, MenuButtonStaticProps>(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","Dialog","hideShowTriggers","ESCAPE_KEY","TAB_KEY","withStaticProps","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","hideTriggers","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={wrapper:"
|
|
1
|
+
var n={wrapper:"wrapper_c8193e2e1e","focus-visible":"focus-visible_f2450984a9",active:"active_46e633525c",sizeXxs:"sizeXxs_49730e3ccf",sizeXs:"sizeXs_1da77a4109",sizeSmall:"sizeSmall_1a87633355",sizeMedium:"sizeMedium_59218d795e",sizeLarge:"sizeLarge_801d394724",disabled:"disabled_23df184082",text:"text_909a8f1541",innerText:"innerText_430ce9a127"};!function(n){const e="s_id-749f9b8f229f_3_44_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".wrapper_c8193e2e1e {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n border-radius: var(--border-radius-small);\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n color: var(--primary-text-color);\n}\n.wrapper_c8193e2e1e:focus-visible, .wrapper_c8193e2e1e.focus-visible_f2450984a9 {\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.wrapper_c8193e2e1e:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.wrapper_c8193e2e1e:focus-visible, .wrapper_c8193e2e1e.focus-visible_f2450984a9 {\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.wrapper_c8193e2e1e:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.wrapper_c8193e2e1e:focus,\n.wrapper_c8193e2e1e:hover {\n background-color: var(--primary-background-hover-color);\n}\n.wrapper_c8193e2e1e:active {\n transform: scale(0.95);\n}\n.active_46e633525c {\n background-color: var(--primary-selected-color);\n}\n.active_46e633525c:focus {\n background-color: var(--primary-selected-color);\n}\n.active_46e633525c:hover {\n background-color: var(--primary-selected-color);\n}\n.sizeXxs_49730e3ccf {\n width: 16px;\n height: 16px;\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_1da77a4109 {\n width: 24px;\n height: 24px;\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_1a87633355 {\n width: 32px;\n height: 32px;\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_59218d795e {\n width: 40px;\n height: 40px;\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_801d394724 {\n width: 48px;\n height: 48px;\n font: var(--font-h2-normal);\n letter-spacing: var(--letter-spacing-h2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_23df184082 {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.disabled_23df184082:hover {\n background-color: transparent;\n}\n.text_909a8f1541 {\n width: 100%;\n}\n.innerText_430ce9a127 {\n margin: 0 var(--spacing-small);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=MenuButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={container:"
|
|
1
|
+
var n={container:"container_a0de2a4517",overlay:"overlay_a7fbab20d0",modal:"modal_0c97847843",withHeaderAction:"withHeaderAction_d6ad11a249",sizeSmall:"sizeSmall_df9a374602",sizeMedium:"sizeMedium_9c6cced56e",sizeLarge:"sizeLarge_452b19dc0c",sizeFullView:"sizeFullView_e68d9c3620"};!function(n){const e="s_id-c434ea51ca55_3_44_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_a0de2a4517 {\n position: fixed;\n inset: 0;\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_a7fbab20d0 {\n position: fixed;\n inset: 0;\n height: 100%;\n background-color: var(--backdrop-color);\n}\n\n.modal_0c97847843 {\n --top-actions-margin-inline: var(--spacing-large);\n --top-actions-margin-block: var(--spacing-large);\n --top-actions-width: var(--spacing-xl);\n --modal-inline-padding: var(--spacing-xl);\n position: relative;\n top: 50%;\n left: 50%;\n display: flex;\n flex-direction: column;\n width: var(--modal-width);\n max-height: var(--modal-max-height);\n background-color: var(--primary-background-color);\n overflow: hidden;\n border-radius: var(--border-radius-big);\n box-shadow: var(--box-shadow-large);\n outline: none;\n}\n\n.modal_0c97847843.withHeaderAction_d6ad11a249 {\n --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_0c97847843.sizeSmall_df9a374602 {\n --modal-max-height: 50%;\n --modal-width: 480px;\n}\n\n.modal_0c97847843.sizeMedium_9c6cced56e {\n --modal-max-height: 80%;\n --modal-width: 580px;\n}\n\n.modal_0c97847843.sizeLarge_452b19dc0c {\n --modal-max-height: 80%;\n --modal-width: 840px;\n}\n\n.modal_0c97847843.sizeFullView_e68d9c3620 {\n --top-actions-margin-inline: var(--spacing-xl);\n --modal-max-height: 100%;\n --modal-width: auto;\n position: fixed;\n inset: 0;\n height: calc(100% - 40px);\n margin-inline: 40px;\n margin-block-start: 40px;\n border-end-start-radius: unset;\n border-end-end-radius: unset;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Modal.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={header:"
|
|
1
|
+
var e={header:"header_d75e9cbe55",title:"title_909a8f1541",descriptionIcon:"descriptionIcon_40bb6f7e14"};!function(e){const n="s_id-9882eed3e38d_3_44_0";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)}(".header_d75e9cbe55 {\n width: 100%;\n align-self: flex-start;\n}\n.header_d75e9cbe55 .title_909a8f1541 {\n width: 100%;\n}\n.header_d75e9cbe55 .descriptionIcon_40bb6f7e14 {\n flex-shrink: 0;\n margin-inline-end: var(--spacing-xs);\n color: var(--icon-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalHeader.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={media:"
|
|
1
|
+
var e={media:"media_c5516c4126"};!function(e){const t="s_id-17d5de3a21d7_3_44_0";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)}(".media_c5516c4126 {\n max-width: 100%;\n max-height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1 0;\n overflow: hidden;\n position: relative;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalMedia.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={actions:"
|
|
1
|
+
var e={actions:"actions_8b5f4c8e29"};!function(e){const t="s_id-86629ffbaf1c_3_44_0";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)}(".actions_8b5f4c8e29 {\n display: flex;\n align-items: center;\n position: absolute;\n right: var(--top-actions-margin-inline);\n top: var(--top-actions-margin-block);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalTopActions.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={primary:"
|
|
1
|
+
var e={primary:"primary_c5e7363a60",secondary:"secondary_79165d615c"};!function(e){const n="s_id-4cbf6fa94914_3_44_0";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)}(".primary_c5e7363a60 {\n order: 2;\n}\n.primary_c5e7363a60:only-child {\n margin-left: auto;\n}\n.secondary_79165d615c {\n order: 1;\n margin-left: auto;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalFooter.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={footer:"
|
|
1
|
+
var e={footer:"footer_620d4aa4ad"};!function(e){const t="s_id-23913bf713c7_3_44_0";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)}(".footer_620d4aa4ad {\n position: relative;\n width: 100%;\n padding: 20px var(--spacing-large);\n flex-shrink: 0;\n background-color: var(--primary-background-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalFooterBase.module.scss.js.map
|
package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={primary:"
|
|
1
|
+
var e={primary:"primary_c5e7363a60",secondary:"secondary_661eaf2373",stepDots:"stepDots_e0860b3dc6"};!function(e){const n="s_id-51737ad1ac1f_3_44_0";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)}(".primary_c5e7363a60 {\n order: 2;\n}\n\n.secondary_661eaf2373 {\n order: 1;\n}\n\n.stepDots_e0860b3dc6 {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n margin: 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalFooterWizard.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={layout:"
|
|
1
|
+
var e={layout:"layout_6552e8c486",header:"header_247dc2b133",divider:"divider_2cce6601c2",showDivider:"showDivider_45a7262584",content:"content_ce46da171f"};!function(e){const n="s_id-b8093a4a9ca9_3_44_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_6552e8c486 {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout_6552e8c486 .header_247dc2b133 {\n width: 100%;\n margin-block: var(--spacing-xl) var(--spacing-large);\n padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n padding-inline-start: var(--modal-inline-padding);\n}\n.layout_6552e8c486 .divider_2cce6601c2 {\n flex-shrink: 0;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_6552e8c486 .divider_2cce6601c2.showDivider_45a7262584 {\n opacity: 1;\n}\n.layout_6552e8c486 .content_ce46da171f {\n padding-block-end: var(--spacing-xl);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalBasicLayout.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={shadowWrapper:"
|
|
1
|
+
var e={shadowWrapper:"shadowWrapper_98868b00c6",show:"show_3825aa6378"};!function(e){const t="s_id-c76d397ed7f2_3_44_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_98868b00c6::after {\n content: "";\n position: absolute;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n width: 100%;\n height: 10px;\n box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_98868b00c6.show_3825aa6378::after {\n opacity: 1;\n}');export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalFooterShadow.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={content:"
|
|
1
|
+
var e={content:"content_546656079f"};!function(e){const n="s_id-a5c90e45f208_3_44_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".content_546656079f {\n width: 100%;\n height: 100%;\n padding-inline: var(--modal-inline-padding);\n overflow: auto;\n}\n.content_546656079f::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.content_546656079f::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={layout:"
|
|
1
|
+
var e={layout:"layout_6552e8c486",media:"media_b5b5531ec9",header:"header_295e87aca2",content:"content_d16eefec76"};!function(e){const n="s_id-0e68c3ff993d_3_44_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_6552e8c486 {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout_6552e8c486 .media_b5b5531ec9 {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n width: 100%;\n flex-shrink: 0;\n}\n.layout_6552e8c486 .header_295e87aca2 {\n width: 100%;\n text-align: center;\n margin-block: var(--spacing-xl) var(--spacing-small);\n padding-inline: var(--modal-inline-padding);\n}\n.layout_6552e8c486 .content_d16eefec76 {\n width: 100%;\n height: 100%;\n flex: 1;\n align-self: flex-start;\n padding-inline: var(--modal-inline-padding);\n padding-block-end: var(--spacing-large);\n text-align: center;\n overflow: hidden;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalMediaLayout.module.scss.js.map
|
package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={layout:"
|
|
1
|
+
var e={layout:"layout_100987988f",header:"header_78b206ec34",content:"content_bf6e50b896",media:"media_ff9467f905"};!function(e){const n="s_id-5a065e57e1cb_3_44_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_100987988f {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 60% 40%;\n grid-template-rows: auto 1fr;\n min-height: 0;\n}\n.layout_100987988f .header_78b206ec34 {\n width: 100%;\n margin-block: var(--spacing-xl) var(--spacing-large);\n padding-inline: var(--modal-inline-padding);\n grid-column: 1/2;\n grid-row: 1;\n}\n.layout_100987988f .content_bf6e50b896 {\n grid-column: 1/2;\n grid-row: 2;\n padding-block-end: var(--spacing-xl);\n}\n.layout_100987988f .media_ff9467f905 {\n grid-column: 2/3;\n grid-row: 1/3;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalSideBySideLayout.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"
|
|
1
|
+
var e={wrapper:"wrapper_cfec1509a0",divider:"divider_e1841c5c70",compact:"compact_3d885645e8"};!function(e){const n="s_id-0040463364ed_3_44_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_cfec1509a0 {\n display: flex;\n}\n.wrapper_cfec1509a0 .divider_e1841c5c70 {\n background-color: var(--ui-border-color);\n margin: 16px;\n height: 1px;\n width: 48px;\n}\n.wrapper_cfec1509a0 .divider_e1841c5c70.compact_3d885645e8 {\n max-width: 40px;\n min-width: 16px;\n margin-inline-start: var(--spacing-small);\n margin-inline-end: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MultiStepIndicator.module.scss.js.map
|
package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={indicator:"
|
|
1
|
+
var n={indicator:"indicator_fc17d42da2",textContainer:"textContainer_0697d62e18",sizeCompactTextContainer:"sizeCompactTextContainer_2336d19038",textContainerTitle:"textContainerTitle_f5a9437632",visuallyHidden:"visuallyHidden_17ca6e9add",textContainerTitleText:"textContainerTitleText_5846aeb2c3",textContainerSubtitleText:"textContainerSubtitleText_14c799f79d",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_14db20fc3a",textPlacementVertical:"textPlacementVertical_ceebaace4d",numberDividerContainer:"numberDividerContainer_d1940668f1",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_cad0f7fac4",divider:"divider_f59ce739d1",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_730dbe4890",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_aa67b87ff8",clickable:"clickable_90029b09e1",withAnimation:"withAnimation_daa716c030",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_9ea1776e64",swapEnter:"swapEnter_5c34d4b065",swapEnterActive:"swapEnterActive_1dab2e0ccc",swapExit:"swapExit_895866e5f2",swapExitActive:"swapExitActive_834fb8eb44",numberContainer:"numberContainer_15a7908aa1",numberContainerText:"numberContainerText_558b84671d",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_a733daf1d3",typePrimaryNumberContainer:"typePrimaryNumberContainer_4dcc7e0b23",typeDangerNumberContainer:"typeDangerNumberContainer_a1bb8897cd",typeSuccessNumberContainer:"typeSuccessNumberContainer_d62a9df29d",typeDarkNumberContainer:"typeDarkNumberContainer_2e9ee62786",statusActiveNumberContainer:"statusActiveNumberContainer_60294118f6",sizeCompactNumberContainer:"sizeCompactNumberContainer_728327715c",statusPendingNumberContainer:"statusPendingNumberContainer_aa726e1d86","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_644dc61950"};!function(n){const e="s_id-f9249b867669_3_44_0";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)}(".indicator_fc17d42da2 {\n font: var(--font-text2-normal);\n color: var(--text-color-on-primary);\n display: flex;\n margin: 0;\n padding: 0;\n text-indent: 0;\n list-style-type: none;\n}\n\n.textContainer_0697d62e18 {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 16px;\n}\n\n.sizeCompactTextContainer_2336d19038 {\n margin-left: var(--spacing-small);\n justify-content: center;\n align-content: center;\n}\n\n.textContainerTitle_f5a9437632 {\n width: 100%;\n margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_f5a9437632 .visuallyHidden_17ca6e9add {\n display: none;\n}\n\n.textContainerTitleText_5846aeb2c3 {\n font: var(--font-text2-medium);\n color: var(--primary-text-color);\n margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_14c799f79d {\n width: 100%;\n font: var(--font-text2-normal);\n color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_14db20fc3a {\n margin-bottom: 0px;\n}\n\n.textPlacementVertical_ceebaace4d {\n margin: 8px;\n flex-direction: column;\n flex: 1 1 0px;\n}\n\n.textPlacementVertical_ceebaace4d .textContainer_0697d62e18 {\n margin-left: 0;\n margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_ceebaace4d .numberDividerContainer_d1940668f1 {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_cad0f7fac4 {\n display: block;\n font: var(--font-text2-normal);\n max-width: 150px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-bottom: 0;\n}\n\n.textPlacementVertical_ceebaace4d .numberDividerContainer_d1940668f1 .divider_f59ce739d1 {\n background-color: var(--ui-border-color);\n margin: 16px 0 16px 16px;\n height: 1px;\n flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_730dbe4890 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_730dbe4890.statusActiveNumberDividerContainer_aa67b87ff8 {\n width: 40px;\n}\n\n.indicator_fc17d42da2.clickable_90029b09e1 {\n cursor: pointer;\n}\n\n.withAnimation_daa716c030 {\n animation: stepIndicatiorCirclePopElastic_9ea1776e64 var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_5c34d4b065 {\n opacity: 0;\n transform: translateY(15px);\n}\n\n.swapEnterActive_1dab2e0ccc {\n position: relative;\n opacity: 1;\n transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_895866e5f2 {\n position: relative;\n opacity: 1;\n transform: translateY(0);\n}\n\n.swapExitActive_834fb8eb44 {\n position: relative;\n opacity: 0;\n transform: translateY(-15px);\n transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_15a7908aa1 {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n}\n\n.numberContainerText_558b84671d {\n margin: auto;\n display: flex;\n align-items: center;\n}\n\n.numberContainerTextCheckIcon_a733daf1d3 {\n width: 20px;\n height: 20px;\n margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_4dcc7e0b23 {\n background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_4dcc7e0b23:hover {\n background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_a1bb8897cd {\n background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_a1bb8897cd:hover {\n background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_d62a9df29d {\n background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_d62a9df29d:hover {\n background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_2e9ee62786 {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_2e9ee62786:hover {\n background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_60294118f6 {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_60294118f6.typeDangerNumberContainer_a1bb8897cd {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_60294118f6.typeSuccessNumberContainer_d62a9df29d {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_60294118f6.typeDarkNumberContainer_2e9ee62786 {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_728327715c {\n width: 28px;\n height: 28px;\n}\n\n.statusPendingNumberContainer_aa726e1d86 {\n background-color: var(--primary-background-color);\n color: var(--primary-text-color);\n border-color: var(--ui-border-color) !important;\n border: 1px solid;\n}\n\n.statusPendingNumberContainer_aa726e1d86:hover {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n border: none;\n}\n\n.statusPendingNumberContainer_aa726e1d86.typeDangerNumberContainer_a1bb8897cd:hover {\n background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_aa726e1d86.typeSuccessNumberContainer_d62a9df29d:hover {\n background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_aa726e1d86.typeDarkNumberContainer_2e9ee62786:hover {\n background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_644dc61950 {\n 0% {\n transform: scale(1);\n }\n 33% {\n transform: scale(1.2);\n }\n 66% {\n transform: scale(0.9);\n }\n 100% {\n transform: scale(1);\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=StepIndicator.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={bar:"
|
|
1
|
+
var e={bar:"bar_ede57bb6c5",typePrimaryPrimary:"typePrimaryPrimary_4dcc7e0b23",typePrimarySecondary:"typePrimarySecondary_69b4688b03",typePrimaryPositive:"typePrimaryPositive_d62a9df29d",typePrimaryNegative:"typePrimaryNegative_a1bb8897cd",typePrimaryWarning:"typePrimaryWarning_25d358c600",typeSecondaryPrimary:"typeSecondaryPrimary_9d497a7136",typeSecondarySecondary:"typeSecondarySecondary_42ebd5ddbc",typeSecondaryPositive:"typeSecondaryPositive_cacb0eac8f",typeSecondaryNegative:"typeSecondaryNegative_9a59537c53",typeSecondaryWarning:"typeSecondaryWarning_e7fb583c45",animate:"animate_4d54c25759"};!function(e){const r="s_id-4250992e3ce2_3_44_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_ede57bb6c5 {\n left: 0;\n height: 100%;\n position: absolute;\n border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_4dcc7e0b23 {\n background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_69b4688b03 {\n background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_d62a9df29d {\n background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_a1bb8897cd {\n background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_25d358c600 {\n background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_9d497a7136 {\n background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_42ebd5ddbc {\n background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_cacb0eac8f {\n background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_9a59537c53 {\n background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_e7fb583c45 {\n background-color: var(--warning-color-selected);\n}\n\n.animate_4d54c25759 {\n transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Bar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"
|
|
1
|
+
var e={wrapper:"wrapper_1b2510b4d2",fullWidth:"fullWidth_909a8f1541",container:"container_5e2d2083b7",progressBar:"progressBar_b7cf93fef7",completed:"completed_5e2d2083b7",label:"label_2fc801bc7c",large:"large_06115e41bc",medium:"medium_1e8c75d795",small:"small_6d0e74e3ff"};!function(e){const n="s_id-5855608df299_3_44_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_1b2510b4d2 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n width: 100%;\n font: var(--font-text2-normal);\n line-height: 8px !important;\n}\n.wrapper_1b2510b4d2.fullWidth_909a8f1541 {\n width: 100%;\n}\n.wrapper_1b2510b4d2.fullWidth_909a8f1541 .container_5e2d2083b7 {\n border-radius: 0;\n}\n.wrapper_1b2510b4d2.fullWidth_909a8f1541 .container_5e2d2083b7 .progressBar_b7cf93fef7 {\n border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_1b2510b4d2.fullWidth_909a8f1541 .container_5e2d2083b7 .progressBar_b7cf93fef7.completed_5e2d2083b7 {\n border-radius: 0;\n}\n.label_2fc801bc7c {\n padding-left: var(--spacing-xs);\n}\n.large_06115e41bc {\n height: 8px;\n line-height: 8px;\n}\n.medium_1e8c75d795 {\n height: 6px;\n line-height: 6px;\n}\n.small_6d0e74e3ff {\n height: 4px;\n line-height: 4px;\n}\n.container_5e2d2083b7 {\n position: relative;\n width: 100%;\n background-color: var(--ui-background-color);\n border-radius: var(--border-radius-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=LinearProgressBar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={label:"
|
|
1
|
+
var e={label:"label_2fc801bc7c"};!function(e){const t="s_id-de8a28d20526_3_44_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_2fc801bc7c {\n padding-left: var(--spacing-xs);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=PercentageLabel.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={radioButton:"
|
|
1
|
+
var n={radioButton:"radioButton_cc7d14a23f",inputContainer:"inputContainer_730dbe4890",input:"input_fcefc165ea",control:"control_0690f1c7d6",labelAnimation:"labelAnimation_ca0056ea68",radioCheckedAnimation:"radioCheckedAnimation_e5dbc2fffe",disabled:"disabled_7fb6092bed",label:"label_8d5e025907"};!function(n){const e="s_id-76103f93a8b2_3_44_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".radioButton_cc7d14a23f {\n display: grid;\n grid-template-columns: 1.5em auto;\n grid-gap: 0.5em;\n cursor: pointer;\n}\n\n.inputContainer_730dbe4890 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.input_fcefc165ea {\n opacity: 0;\n width: 0;\n height: 0;\n margin: 0;\n}\n\n.control_0690f1c7d6 {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1em;\n height: 1em;\n border: 0.1em solid;\n box-sizing: border-box;\n border-color: var(--ui-border-color);\n border-radius: 50%;\n transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_0690f1c7d6 {\n border-color: var(--primary-color);\n border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_ca0056ea68 {\n animation-name: radioCheckedAnimation_e5dbc2fffe;\n animation-duration: var(--motion-productive-medium);\n animation-timing-function: var(--motion-timing-enter);\n animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_0690f1c7d6 {\n border: 0.5em solid;\n border-color: var(--disabled-background-color);\n border-radius: 50%;\n}\n\ninput:checked:disabled + .control_0690f1c7d6 {\n border: 0.3em solid;\n border-color: var(--disabled-background-color);\n background-color: var(--secondary-text-color);\n}\n\n.radioButton_cc7d14a23f.disabled_7fb6092bed {\n cursor: not-allowed;\n}\n\n.radioButton_cc7d14a23f.disabled_7fb6092bed .label_8d5e025907 {\n color: var(--disabled-text-color);\n}\n\n.inputContainer_730dbe4890 input:focus-visible + .control_0690f1c7d6 {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n border-radius: 50%;\n}\n\n.radioButton_cc7d14a23f:hover .inputContainer_730dbe4890 input:enabled:checked + .control_0690f1c7d6 {\n border-color: var(--primary-hover-color);\n}\n\n.radioButton_cc7d14a23f:hover .inputContainer_730dbe4890 input:enabled:not(:checked) + .control_0690f1c7d6,\n.radioButton_cc7d14a23f:focus-within .inputContainer_730dbe4890 input:enabled:not(:checked) + .control_0690f1c7d6 {\n border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_e5dbc2fffe {\n 0% {\n height: 1em;\n width: 1em;\n }\n 50% {\n height: 0.8em;\n width: 0.8em;\n }\n 100% {\n height: 1em;\n width: 1em;\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=RadioButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={searchWrapper:"
|
|
1
|
+
var e={searchWrapper:"searchWrapper_e55f867033",search:"search_ed396acfa1",loader:"loader_eef3d44c51",icon:"icon_d61a40f918",empty:"empty_f779519025"};!function(e){const a="s_id-4e5e4eb516f6_3_44_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_e55f867033 .search_ed396acfa1 {\n appearance: textfield;\n}\n.searchWrapper_e55f867033 .search_ed396acfa1::-webkit-search-cancel-button, .searchWrapper_e55f867033 .search_ed396acfa1::-webkit-search-results-button {\n appearance: none;\n}\n.searchWrapper_e55f867033 .loader_eef3d44c51 {\n margin-right: var(--spacing-xs);\n}\n.searchWrapper_e55f867033 .icon_d61a40f918 {\n opacity: 1;\n color: var(--icon-color);\n transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_e55f867033 .icon_d61a40f918.empty_f779519025 {\n opacity: 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Search.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={skeleton:"
|
|
1
|
+
var n={skeleton:"skeleton_cfec1509a0",rectangle:"rectangle_5c6df4fa6f",shine:"shine_c4c3a7979f",circle:"circle_30fb4e8209",text:"text_6221a3be55",textH1:"textH1_66cee5d052",textH2:"textH2_9a1e6fdca5",textH3:"textH3_9a1e6fdca5",textH4:"textH4_75e150c353",textH5:"textH5_b4afcd7ba9",textH6:"textH6_da776daeed",textSmall:"textSmall_e07cd717a0",textCustom:"textCustom_da776daeed",fullWidth:"fullWidth_909a8f1541"};!function(n){const e="s_id-8df79849e8ff_3_44_0";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)}(".skeleton_cfec1509a0 {\n display: flex;\n}\n\n.rectangle_5c6df4fa6f {\n height: 160px;\n background: var(--ui-background-color);\n border-radius: var(--border-radius-small);\n overflow: hidden;\n animation-duration: 0.8s;\n animation-direction: alternate;\n animation-iteration-count: infinite;\n animation-name: shine_c4c3a7979f;\n animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_c4c3a7979f {\n 0% {\n opacity: 0.3;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.circle_30fb4e8209 {\n height: 40px;\n background: var(--ui-background-color);\n border-radius: 50%;\n overflow: hidden;\n animation-duration: 0.8s;\n animation-direction: alternate;\n animation-iteration-count: infinite;\n animation-name: shine_c4c3a7979f;\n animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_c4c3a7979f {\n 0% {\n opacity: 0.3;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.text_6221a3be55 {\n background: var(--ui-background-color);\n border-radius: var(--border-radius-small);\n overflow: hidden;\n animation-duration: 0.8s;\n animation-direction: alternate;\n animation-iteration-count: infinite;\n animation-name: shine_c4c3a7979f;\n animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_c4c3a7979f {\n 0% {\n opacity: 0.3;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.textH1_66cee5d052 {\n height: 32px;\n}\n\n.textH2_9a1e6fdca5 {\n height: 24px;\n}\n\n.textH3_9a1e6fdca5 {\n height: 24px;\n}\n\n.textH4_75e150c353 {\n height: 21px;\n}\n\n.textH5_b4afcd7ba9 {\n height: 16px;\n}\n\n.textH6_da776daeed {\n height: 12px;\n}\n\n.textSmall_e07cd717a0,\n.textCustom_da776daeed {\n height: 12px;\n}\n\n.fullWidth_909a8f1541 {\n width: 100%;\n}\n\n.skeleton_cfec1509a0:not(.fullWidth_909a8f1541) .text_6221a3be55 {\n width: 162px;\n}\n\n.skeleton_cfec1509a0:not(.fullWidth_909a8f1541) .circle_30fb4e8209 {\n width: 40px;\n}\n\n.skeleton_cfec1509a0:not(.fullWidth_909a8f1541) .rectangle_5c6df4fa6f {\n width: 160px;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Skeleton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={slide:"
|
|
1
|
+
var e={slide:"slide_72422d301d"};!function(e){const t="s_id-096ffa3ec029_3_44_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_72422d301d {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=SlideTransition.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={selectionIndicator:"
|
|
1
|
+
var e={selectionIndicator:"selectionIndicator_e9fd8103c1"};!function(e){const t="s_id-a25847c4cc71_3_44_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_e9fd8103c1.selectionIndicator_e9fd8103c1.selectionIndicator_e9fd8103c1 {\n text-align: center;\n padding: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=SelectionIndicator.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={slider:"
|
|
1
|
+
var e={slider:"slider_d29deb7b71",valueShown:"valueShown_3c5efba15b",positionTop:"positionTop_66ac0a915a",positionBottom:"positionBottom_9846730fa1"};!function(e){const n="s_id-4e41ea5b2e41_3_44_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_d29deb7b71 {\n align-items: center;\n display: flex;\n max-width: 500px;\n min-width: 200px;\n width: 100%;\n}\n\n.valueShown_3c5efba15b.positionTop_66ac0a915a {\n margin-top: 10px;\n}\n\n.valueShown_3c5efba15b.positionBottom_9846730fa1 {\n margin-bottom: 10px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Slider.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={base:"
|
|
1
|
+
var e={base:"base_68cc6032ac",disabled:"disabled_7f21fc1936",small:"small_29a9c75184",medium:"medium_fe4efb50f1",large:"large_fe4efb50f1"};!function(e){const n="s_id-0abb9e445f96_3_44_0";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)}(".base_68cc6032ac {\n display: flex;\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n}\n\n.disabled_7f21fc1936 {\n cursor: not-allowed !important;\n opacity: var(--disabled-component-opacity);\n}\n\n.disabled_7f21fc1936 * {\n pointer-events: none;\n}\n\n.small_29a9c75184 {\n padding: 0 var(--spacing-small);\n}\n\n.medium_fe4efb50f1 {\n padding: 0 12px;\n}\n\n.large_fe4efb50f1 {\n padding: 0 12px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=SliderBase.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={filledTrack:"
|
|
1
|
+
var e={filledTrack:"filledTrack_7e899c2409",positive:"positive_d62a9df29d",negative:"negative_a1bb8897cd"};!function(e){const n="s_id-bb386829c5aa_3_44_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_7e899c2409 {\n position: absolute;\n border-radius: inherit;\n background-color: var(--primary-color);\n height: inherit;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n}\n\n.positive_d62a9df29d {\n background-color: var(--positive-color);\n}\n\n.negative_a1bb8897cd {\n background-color: var(--negative-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=SliderFilledTrack.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={rail:"
|
|
1
|
+
var e={rail:"rail_429ac034a7",small:"small_c7a9eb4dec",medium:"medium_ce4eb2e27f",large:"large_2e5cf0b9d0"};!function(e){const n="s_id-c66a4285003d_3_44_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_429ac034a7 {\n cursor: pointer;\n display: inline-block;\n position: relative;\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n}\n\n.small_c7a9eb4dec {\n border-radius: 2px;\n height: 2px;\n padding: 8px 0;\n}\n\n.medium_ce4eb2e27f {\n border-radius: 2px;\n height: 4px;\n padding: 12px 0;\n}\n\n.large_2e5cf0b9d0 {\n border-radius: 8px;\n height: 8px;\n padding: 10px 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=SliderRail.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var o={thumb:"
|
|
1
|
+
var o={thumb:"thumb_fb35a64072",dragging:"dragging_e9491a3dcb",focused:"focused_bade9bf577",notDisabledThumb:"notDisabledThumb_5500eccdfc","focus-visible":"focus-visible_7a28e190db",positive:"positive_cc47156628",negative:"negative_5467b8bafa",small:"small_602f6889b1",medium:"medium_dce9feccf6",large:"large_3e1a997bee",label:"label_6f16eb21a1",positionTop:"positionTop_3e218a1e83",positionBottom:"positionBottom_41231e9418",colorPrimary:"colorPrimary_d6413d9e30",colorSecondary:"colorSecondary_7ea6049739"};!function(o){const n="s_id-9ef20defa923_3_44_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_fb35a64072 {\n position: absolute;\n border: 3px solid;\n border-radius: 50%;\n border-color: var(--primary-color);\n background-color: var(--primary-background-color);\n font-size: 14px;\n top: 50%;\n transform: translate(-50%, -50%);\n transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n font-family: var(--font-family);\n}\n\n.dragging_e9491a3dcb {\n cursor: grabbing !important;\n transform: translate(-50%, -50%) scale(1.15, 1.15);\n transform-origin: center center;\n transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n box-shadow: var(--box-shadow-small);\n}\n\n.focused_bade9bf577 {\n border-color: var(--primary-hover-color);\n cursor: grab;\n box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_5500eccdfc:focus-visible, .notDisabledThumb_5500eccdfc.focus-visible_7a28e190db {\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\n.notDisabledThumb_5500eccdfc:focus:not(.focus-visible_7a28e190db) {\n outline: none;\n}\n\n.notDisabledThumb_5500eccdfc:hover {\n border-color: var(--primary-hover-color);\n cursor: grab;\n box-shadow: var(--box-shadow-small);\n}\n\n.positive_cc47156628 {\n border-color: var(--positive-color);\n}\n\n.positive_cc47156628.notDisabledThumb_5500eccdfc:hover {\n border-color: var(--positive-color-hover);\n}\n\n.negative_5467b8bafa {\n border-color: var(--negative-color);\n}\n\n.negative_5467b8bafa.notDisabledThumb_5500eccdfc:hover {\n border-color: var(--negative-color-hover);\n}\n\n.small_602f6889b1 {\n height: 16px;\n width: 16px;\n}\n\n.medium_dce9feccf6 {\n height: 20px;\n width: 20px;\n}\n\n.large_3e1a997bee {\n height: 24px;\n width: 24px;\n}\n\n.label_6f16eb21a1 {\n left: 50%;\n max-width: 64px;\n overflow: hidden;\n position: absolute;\n text-overflow: ellipsis;\n transform: translate(-50%, 0);\n white-space: nowrap;\n}\n\n.label_6f16eb21a1.positionTop_3e218a1e83 {\n bottom: calc(100% + 8px);\n}\n\n.label_6f16eb21a1.positionBottom_41231e9418 {\n top: calc(100% + 8px);\n}\n\n.label_6f16eb21a1.colorPrimary_d6413d9e30 {\n color: var(--primary-text-color);\n}\n\n.label_6f16eb21a1.colorSecondary_7ea6049739 {\n color: var(--secondary-text-color);\n}");export{o as default};
|
|
2
2
|
//# sourceMappingURL=SliderThumb.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={track:"
|
|
1
|
+
var e={track:"track_7a6093fc41",positive:"positive_cacb0eac8f",negative:"negative_9a59537c53"};!function(e){const t="s_id-f9216dea54b1_3_44_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_7a6093fc41 {\n position: absolute;\n border-radius: inherit;\n background-color: var(--primary-selected-color);\n height: inherit;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n}\n\n.positive_cacb0eac8f {\n background-color: var(--positive-color-selected);\n}\n\n.negative_9a59537c53 {\n background-color: var(--negative-color-selected);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=SliderTrack.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={infix:"
|
|
1
|
+
var e={infix:"infix_73d556c696",txt:"txt_42e19c43bc",prefix:"prefix_66abc878cc",postfix:"postfix_285407288e"};!function(e){const n="s_id-4fd2a8cee614_3_44_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_73d556c696 {\n font-size: 14px;\n font-family: var(--font-family);\n flex: 0 0 auto;\n}\n\n.txt_42e19c43bc {\n white-space: nowrap;\n}\n\n.prefix_66abc878cc {\n margin-right: var(--spacing-small);\n}\n\n.postfix_285407288e {\n margin-left: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=SliderInfix.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={button:"
|
|
1
|
+
var n={button:"button_e4e67ae346",mainButton:"mainButton_31c4b17662",secondaryButton:"secondaryButton_55d28cc5a8",secondaryButtonWrapper:"secondaryButtonWrapper_d6331a012f",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_d92407c9e7",active:"active_46e633525c",disabled:"disabled_2ba157111a",kindTertiary:"kindTertiary_e820bb92c3",colorPrimary:"colorPrimary_e820bb92c3",mainActive:"mainActive_ca6738ac18",splitContentOpen:"splitContentOpen_0816c7c0ba",hovered:"hovered_9063693438",colorBrand:"colorBrand_ca6738ac18",colorPositive:"colorPositive_e8f5ae61ad",colorNegative:"colorNegative_e8f5ae61ad",kindPrimary:"kindPrimary_44debff538",colorOnPrimaryColor:"colorOnPrimaryColor_2c80dfe39c",kindSecondary:"kindSecondary_e8f5ae61ad"};!function(n){const r="s_id-b26d62194c18_3_44_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_e4e67ae346 {\n display: inline-flex;\n border-radius: var(--border-radius-small);\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_e4e67ae346 .mainButton_31c4b17662 {\n margin-right: 0;\n}\n\n.button_e4e67ae346 .secondaryButton_55d28cc5a8 {\n margin-left: 0;\n}\n\n.secondaryButtonWrapper_d6331a012f .secondaryButtonIconWrapper_d92407c9e7 {\n display: inline-flex;\n padding: 0 4px;\n}\n\n.active_46e633525c {\n transform: scale(0.95);\n}\n\n.disabled_2ba157111a {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.kindTertiary_e820bb92c3.colorPrimary_e820bb92c3.mainActive_ca6738ac18 .mainButton_31c4b17662 {\n background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_e820bb92c3.colorPrimary_e820bb92c3.mainActive_ca6738ac18 .mainButton_31c4b17662:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_e820bb92c3.colorPrimary_e820bb92c3.mainActive_ca6738ac18 .secondaryButton_55d28cc5a8 {\n background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_e820bb92c3.colorPrimary_e820bb92c3.mainActive_ca6738ac18 .secondaryButton_55d28cc5a8:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_e820bb92c3.colorPrimary_e820bb92c3.mainActive_ca6738ac18.splitContentOpen_0816c7c0ba.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8,\n.kindTertiary_e820bb92c3.colorPrimary_e820bb92c3.mainActive_ca6738ac18.splitContentOpen_0816c7c0ba.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8:hover,\n.kindTertiary_e820bb92c3.colorPrimary_e820bb92c3.mainActive_ca6738ac18.hovered_9063693438.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8,\n.kindTertiary_e820bb92c3.colorPrimary_e820bb92c3.mainActive_ca6738ac18.hovered_9063693438.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8:hover {\n color: var(--primary-color);\n}\n\n.kindTertiary_e820bb92c3.colorBrand_ca6738ac18.mainActive_ca6738ac18 .mainButton_31c4b17662 {\n background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_e820bb92c3.colorBrand_ca6738ac18.mainActive_ca6738ac18 .secondaryButton_55d28cc5a8 {\n background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_e820bb92c3.colorBrand_ca6738ac18.mainActive_ca6738ac18.splitContentOpen_0816c7c0ba.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8,\n.kindTertiary_e820bb92c3.colorBrand_ca6738ac18.mainActive_ca6738ac18.splitContentOpen_0816c7c0ba.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8:hover,\n.kindTertiary_e820bb92c3.colorBrand_ca6738ac18.mainActive_ca6738ac18.hovered_9063693438.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8,\n.kindTertiary_e820bb92c3.colorBrand_ca6738ac18.mainActive_ca6738ac18.hovered_9063693438.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8:hover {\n color: var(--brand-color);\n}\n\n.kindTertiary_e820bb92c3.colorPositive_e8f5ae61ad.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8,\n.kindTertiary_e820bb92c3.colorPositive_e8f5ae61ad:hover .secondaryButton_55d28cc5a8,\n.kindTertiary_e820bb92c3.colorPositive_e8f5ae61ad:focus .secondaryButton_55d28cc5a8 {\n border-color: transparent;\n background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_e820bb92c3.colorPositive_e8f5ae61ad.splitContentOpen_0816c7c0ba .mainButton_31c4b17662,\n.kindTertiary_e820bb92c3.colorPositive_e8f5ae61ad:hover .mainButton_31c4b17662,\n.kindTertiary_e820bb92c3.colorPositive_e8f5ae61ad:focus .mainButton_31c4b17662 {\n background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_e820bb92c3.colorNegative_e8f5ae61ad.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8,\n.kindTertiary_e820bb92c3.colorNegative_e8f5ae61ad:hover .secondaryButton_55d28cc5a8,\n.kindTertiary_e820bb92c3.colorNegative_e8f5ae61ad:focus .secondaryButton_55d28cc5a8 {\n border-color: transparent;\n background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_e820bb92c3.colorNegative_e8f5ae61ad.splitContentOpen_0816c7c0ba .mainButton_31c4b17662,\n.kindTertiary_e820bb92c3.colorNegative_e8f5ae61ad:hover .mainButton_31c4b17662,\n.kindTertiary_e820bb92c3.colorNegative_e8f5ae61ad:focus .mainButton_31c4b17662 {\n background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_e820bb92c3 .secondaryButton_55d28cc5a8 {\n border-left: 1px solid transparent;\n margin-left: 1px;\n}\n\n.kindPrimary_44debff538.disabled_2ba157111a .secondaryButton_55d28cc5a8 {\n border-left: 1px solid;\n border-color: var(--ui-border-color);\n}\n\n.kindPrimary_44debff538:not(.disabled_2ba157111a).colorPrimary_e820bb92c3.mainActive_ca6738ac18 .secondaryButton_55d28cc5a8 {\n background-color: var(--primary-hover-color);\n border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_44debff538:not(.disabled_2ba157111a).colorPrimary_e820bb92c3 .secondaryButton_55d28cc5a8 {\n border-left: 1px solid;\n border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_44debff538:not(.disabled_2ba157111a).colorBrand_ca6738ac18.mainActive_ca6738ac18 .secondaryButton_55d28cc5a8 {\n background-color: var(--brand-hover-color);\n border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_44debff538:not(.disabled_2ba157111a).colorBrand_ca6738ac18 .secondaryButton_55d28cc5a8 {\n border-left: 1px solid;\n border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_44debff538:not(.disabled_2ba157111a).colorPositive_e8f5ae61ad .secondaryButton_55d28cc5a8 {\n border-left: 1px solid;\n border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_44debff538:not(.disabled_2ba157111a).colorNegative_e8f5ae61ad .secondaryButton_55d28cc5a8 {\n border-left: 1px solid;\n border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_44debff538:not(.disabled_2ba157111a).colorOnPrimaryColor_2c80dfe39c .secondaryButton_55d28cc5a8 {\n border-left: 1px solid;\n border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_e8f5ae61ad .mainButton_31c4b17662 {\n border-right: none;\n}\n\n.kindSecondary_e8f5ae61ad.colorPrimary_e820bb92c3.mainActive_ca6738ac18 .mainButton_31c4b17662 {\n background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_e8f5ae61ad.colorPrimary_e820bb92c3.mainActive_ca6738ac18 .mainButton_31c4b17662:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_e8f5ae61ad.colorPrimary_e820bb92c3.mainActive_ca6738ac18 .secondaryButton_55d28cc5a8 {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n\n.kindSecondary_e8f5ae61ad.colorPrimary_e820bb92c3.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8 {\n color: var(--primary-color);\n border-color: var(--primary-color);\n background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_e8f5ae61ad.colorPrimary_e820bb92c3.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_e8f5ae61ad.colorBrand_ca6738ac18.mainActive_ca6738ac18 .mainButton_31c4b17662 {\n background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_e8f5ae61ad.colorBrand_ca6738ac18.mainActive_ca6738ac18 .secondaryButton_55d28cc5a8 {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n\n.kindSecondary_e8f5ae61ad.colorBrand_ca6738ac18.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8,\n.kindSecondary_e8f5ae61ad.colorBrand_ca6738ac18.splitContentOpen_0816c7c0ba .secondaryButton_55d28cc5a8:hover {\n color: var(--brand-color);\n border-color: var(--brand-color);\n background-color: var(--brand-selected-color);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=SplitButton.module.scss.js.map
|