@vibe/core 3.28.2 → 3.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Divider/Divider.d.ts +6 -0
- package/dist/components/List/List.d.ts +5 -1
- package/dist/components/ListItem/ListItem.d.ts +5 -1
- package/dist/mocked_classnames/components/Divider/Divider.d.ts +6 -0
- package/dist/mocked_classnames/components/List/List.d.ts +5 -1
- package/dist/mocked_classnames/components/ListItem/ListItem.d.ts +5 -1
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Box/Box.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.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.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.js.map +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/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.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.js.map +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/utils/ListUtils.js +1 -1
- package/dist/mocked_classnames/src/components/List/utils/ListUtils.js.map +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.js.map +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/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/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.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/style/dist/index.min.css.js +1 -1
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/src/components/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/src/components/Box/Box.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Button/Button.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.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.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.js.map +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/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.js +1 -1
- package/dist/src/components/List/List.js.map +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/List/utils/ListUtils.js +1 -1
- package/dist/src/components/List/utils/ListUtils.js.map +1 -1
- package/dist/src/components/ListItem/ListItem.js +1 -1
- package/dist/src/components/ListItem/ListItem.js.map +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +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.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/style/dist/index.min.css.js +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as
|
|
1
|
+
import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import r,{forwardRef as i,useRef as n,useState as o,useCallback as s,useEffect as a,useMemo as l}from"react";import c from"../../hooks/useMergeRef.js";import u from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as m}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as d,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ListWrapperComponentType as v}from"./ListConstants.js";import{getTestId as y,ComponentDefaultTestId as b}from"../../tests/testIds.js";import{ListContext as j}from"./utils/ListContext.js";import{useListId as I,getListItemIndexById as L,getNextListItemIndex as x,getPrevListItemIndex as h,getListItemIdByIndex as k,isListItem as A,getListItemComponentType as E}from"./utils/ListUtils.js";import g from"./List.module.scss.js";var R=i((function(i,p){var v=i.className,C=i.id,O=i.component,P=void 0===O?R.components.UL:O,V=i.children,_=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],T=i.renderOnlyVisibleItems,U=void 0!==T&&T,W=i.style,z=i.role,B=void 0===z?"listbox":z,H=i["data-testid"],M=n(null),S=c(p,M),w=n([]),F=I(C),K=o(0),q=e(K,2),G=q[0],J=q[1],Q=P,X=s((function(e){var t;J(L(w,e)),null===(t=null==M?void 0:M.current)||void 0===t||t.setAttribute("aria-activedescendant",e)}),[]),Y=s((function(e){if(!U){e.preventDefault();var t=e.key===d.UP_ARROW,r=void 0;e.key===d.DOWN_ARROW&&w.current.length>G+1?r=x(G,w):t&&G>0&&(r=h(G,w)),void 0!==r&&(X(k(w,r)),w.current[r].focus())}}),[G,U,X]);u({keys:f,callback:Y,ref:M}),a((function(){var e=w.current.findIndex((function(e){return e instanceof HTMLElement&&A(e)&&"true"===(null==e?void 0:e.getAttribute("aria-selected"))}));if(-1!==e)X(k(w,e));else{var t=w.current.findIndex((function(e){return A(e)}));-1!==t&&X(k(w,t))}}),[X]);var Z=l((function(){var e=Array.isArray(V)?V:[V];return U?e=r.createElement(m,null,e):(w.current=w.current.slice(0,e.length),e=r.Children.map(e,(function(e,t){if(!r.isValidElement(e))return e;var i=e.props.id||"".concat(F,"-item-").concat(t),n=w.current[t],o=null==n||A(n);return r.cloneElement(e,{ref:function(e){return w.current[t]=e},tabIndex:G===t&&o?0:-1,id:i,component:E(P),role:e.props.role})}))),e}),[V,P,G,F,U]);return r.createElement(j.Provider,{value:{updateFocusedItem:X}},r.createElement(Q,{"data-testid":H||y(b.LIST,C),ref:S,style:W,className:t(g.list,v),id:F,"aria-label":_,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:B},Z))})),C=p(R,{components:v});export{C as default};
|
|
2
2
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n AriaAttributes,\n CSSProperties,\n forwardRef,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { VibeComponent, withStaticProps, VibeComponentProps } from \"../../types\";\nimport { ListItemProps } from \"../ListItem/ListItem\";\nimport { ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { ListWrapperComponentType as ListWrapperComponentTypeEnum } from \"./ListConstants\";\nimport { ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n getListItemComponentType,\n getListItemIdByIndex,\n getListItemIndexById,\n getNextListItemIndex,\n getPrevListItemIndex,\n isListItem,\n useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\n\nexport interface ListProps extends VibeComponentProps {\n /**\n * the wrapping component to wrap the List Items [div, nav, ul, ol]\n */\n component?: ListElement;\n /**\n * ARIA label string to describe to list\n */\n ariaLabel?: string;\n /**\n * ARIA described by string to reference an id to describe by\n */\n ariaDescribedBy?: string;\n \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n /**\n * Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)\n */\n renderOnlyVisibleItems?: boolean;\n style?: CSSProperties;\n}\n\nconst List: VibeComponent<ListProps> & {\n components?: typeof ListWrapperComponentTypeEnum;\n} = forwardRef(\n (\n {\n className,\n id,\n component = List.components.UL,\n children,\n ariaLabel,\n ariaDescribedBy,\n \"aria-controls\": ariaControls,\n renderOnlyVisibleItems = false,\n style,\n \"data-testid\": dataTestId\n }: ListProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n const overrideId = useListId(id);\n const [focusIndex, setFocusIndex] = useState(0);\n const Component = component;\n\n const updateFocusedItem = useCallback((id: string) => {\n setFocusIndex(getListItemIndexById(childrenRefs, id));\n componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n }, []);\n\n const onUpDownArrows = useCallback(\n (event: KeyboardEvent) => {\n if (renderOnlyVisibleItems) {\n return;\n }\n event.preventDefault();\n\n const isUpKey = event.key === keyCodes.UP_ARROW;\n const isDownKey = event.key === keyCodes.DOWN_ARROW;\n let overrideFocusIndex = undefined;\n\n if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n } else if (isUpKey && focusIndex > 0) {\n overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n }\n if (overrideFocusIndex !== undefined) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n childrenRefs.current[overrideFocusIndex].focus();\n }\n },\n [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n );\n\n useKeyEvent({\n keys: UP_DOWN_ARROWS,\n callback: onUpDownArrows,\n ref: componentRef\n });\n\n useEffect(() => {\n const selectedItemIndex = childrenRefs.current.findIndex(\n child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n );\n if (selectedItemIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n } else {\n const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n if (firstFocusableIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n }\n }\n }, [updateFocusedItem]);\n\n const overrideChildren = useMemo(() => {\n let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n if (renderOnlyVisibleItems) {\n override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n } else {\n childrenRefs.current = childrenRefs.current.slice(0, override.length);\n override = React.Children.map(override, (child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n const id = (child.props as { id: string }).id || `${overrideId}-item-${index}`;\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n return React.cloneElement(child, {\n // @ts-ignore not sure how to deal with ref here\n ref: ref => (childrenRefs.current[index] = ref),\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n id,\n component: getListItemComponentType(component)\n });\n });\n }\n\n return override;\n }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n return (\n <ListContext.Provider value={{ updateFocusedItem }}>\n <Component\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n ref={mergedRef}\n style={style}\n className={cx(styles.list, className)}\n id={overrideId}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n tabIndex={-1}\n role=\"listbox\"\n >\n {overrideChildren}\n </Component>\n </ListContext.Provider>\n );\n }\n);\n\nexport default withStaticProps(List, {\n components: ListWrapperComponentTypeEnum\n});\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","components","UL","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","cx","styles","list","role","withStaticProps","ListWrapperComponentTypeEnum"],"mappings":"u+BAwDA,IAAMA,EAEFC,GACF,SAAAC,EAaEC,GACE,IAZAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAYP,IAAHM,EAAGN,EAAKQ,WAAWC,GAAEH,EAC9BI,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAC,EAAeV,EAAfU,gBACiBC,EAAYX,EAA7B,iBAAeY,EAAAZ,EACfa,uBAAAA,OAAyB,IAAHD,GAAQA,EAC9BE,EAAKd,EAALc,MACeC,EAAUf,EAAzB,eAIIgB,EAAeC,EAAO,MACtBC,EAAYC,EAAYlB,EAAKe,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUnB,GAC7BoB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYxB,EAEZyB,EAAoBC,GAAY,SAAC5B,SACrCyB,EAAcI,EAAqBZ,EAAcjB,IAC1B,QAAvB8B,EAAAjB,aAAY,EAAZA,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBhC,EAC9D,GAAE,IAEGiC,EAAiBL,GACrB,SAACM,GACC,IAAIxB,EAAJ,CAGAwB,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd1C,CAgBF,GACD,CAACvB,EAAYd,EAAwBiB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVnC,IAAKe,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAA,EAAAA,EAAOG,aAAa,qBAEpF,IAA2B,IAAvBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,OAClD,IAAzBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAExD,CACH,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ3D,GAAYA,EAAW,CAACA,GAsBpF,OArBIK,EACFoD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMvD,EAAMuD,EAAMkB,MAAyBzE,IAAE0E,GAAAA,OAAOxD,EAAU,UAAAwD,OAASH,GACjEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/BzD,IAAK,SAAGgF,GAAA,OAAK7D,EAAac,QAAQwC,GAASzE,CAAI,EAC/CiF,SAAUvD,IAAe+C,GAASK,EAAkB,GAAK,EACzD5E,GAAAA,EACAE,UAAW8E,EAAyB9E,IAExC,KAGK4D,CACT,GAAG,CAACzD,EAAUH,EAAWsB,EAAYN,EAAYR,IAEjD,OACEuD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAExD,kBAAAA,IAC7BsC,EAACC,cAAAxC,EACc,CAAA,cAAAd,GAAcwE,EAAUC,EAAuBC,KAAMtF,GAClEF,IAAKiB,EACLJ,MAAOA,EACPZ,UAAWwF,EAAGC,EAAOC,KAAM1F,GAC3BC,GAAIkB,EAAU,aACFZ,EAAS,mBACHC,EAAe,gBAClBC,EACfuE,UAAW,EACXW,KAAK,WAEJ9B,GAIT,IAGa+B,EAAAA,EAAgBhG,EAAM,CACnCQ,WAAYyF"}
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n AriaAttributes,\n AriaRole,\n CSSProperties,\n forwardRef,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { VibeComponent, withStaticProps, VibeComponentProps } from \"../../types\";\nimport { ListItemProps } from \"../ListItem/ListItem\";\nimport { ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { ListWrapperComponentType as ListWrapperComponentTypeEnum } from \"./ListConstants\";\nimport { ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n getListItemComponentType,\n getListItemIdByIndex,\n getListItemIndexById,\n getNextListItemIndex,\n getPrevListItemIndex,\n isListItem,\n useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\n\nexport interface ListProps extends VibeComponentProps {\n /**\n * the wrapping component to wrap the List Items [div, nav, ul, ol]\n */\n component?: ListElement;\n /**\n * ARIA label string to describe to list\n */\n ariaLabel?: string;\n /**\n * ARIA described by string to reference an id to describe by\n */\n ariaDescribedBy?: string;\n \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n /**\n * Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)\n */\n renderOnlyVisibleItems?: boolean;\n style?: CSSProperties;\n /**\n * ARIA role for the list.\n */\n role?: AriaRole;\n}\n\nconst List: VibeComponent<ListProps> & {\n components?: typeof ListWrapperComponentTypeEnum;\n} = forwardRef(\n (\n {\n className,\n id,\n component = List.components.UL,\n children,\n ariaLabel,\n ariaDescribedBy,\n \"aria-controls\": ariaControls,\n renderOnlyVisibleItems = false,\n style,\n role = \"listbox\",\n \"data-testid\": dataTestId\n }: ListProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n const overrideId = useListId(id);\n const [focusIndex, setFocusIndex] = useState(0);\n const Component = component;\n\n const updateFocusedItem = useCallback((id: string) => {\n setFocusIndex(getListItemIndexById(childrenRefs, id));\n componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n }, []);\n\n const onUpDownArrows = useCallback(\n (event: KeyboardEvent) => {\n if (renderOnlyVisibleItems) {\n return;\n }\n event.preventDefault();\n\n const isUpKey = event.key === keyCodes.UP_ARROW;\n const isDownKey = event.key === keyCodes.DOWN_ARROW;\n let overrideFocusIndex = undefined;\n\n if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n } else if (isUpKey && focusIndex > 0) {\n overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n }\n if (overrideFocusIndex !== undefined) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n childrenRefs.current[overrideFocusIndex].focus();\n }\n },\n [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n );\n\n useKeyEvent({\n keys: UP_DOWN_ARROWS,\n callback: onUpDownArrows,\n ref: componentRef\n });\n\n useEffect(() => {\n const selectedItemIndex = childrenRefs.current.findIndex(\n child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n );\n if (selectedItemIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n } else {\n const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n if (firstFocusableIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n }\n }\n }, [updateFocusedItem]);\n\n const overrideChildren = useMemo(() => {\n let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n if (renderOnlyVisibleItems) {\n override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n } else {\n childrenRefs.current = childrenRefs.current.slice(0, override.length);\n override = React.Children.map(override, (child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n const id = (child.props as ListItemProps).id || `${overrideId}-item-${index}`;\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n return React.cloneElement(child, {\n // @ts-ignore not sure how to deal with ref here\n ref: ref => (childrenRefs.current[index] = ref),\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n id,\n component: getListItemComponentType(component),\n role: (child.props as ListItemProps).role\n });\n });\n }\n\n return override;\n }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n return (\n <ListContext.Provider value={{ updateFocusedItem }}>\n <Component\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n ref={mergedRef}\n style={style}\n className={cx(styles.list, className)}\n id={overrideId}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n tabIndex={-1}\n role={role}\n >\n {overrideChildren}\n </Component>\n </ListContext.Provider>\n );\n }\n);\n\nexport default withStaticProps(List, {\n components: ListWrapperComponentTypeEnum\n});\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","components","UL","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","cx","styles","list","withStaticProps","ListWrapperComponentTypeEnum"],"mappings":"u+BA6DA,IAAMA,EAEFC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAYP,IAAHM,EAAGN,EAAKQ,WAAWC,GAAEH,EAC9BI,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAC,EAAeV,EAAfU,gBACiBC,EAAYX,EAA7B,iBAAeY,EAAAZ,EACfa,uBAAAA,OAAyB,IAAHD,GAAQA,EAC9BE,EAAKd,EAALc,MAAKC,EAAAf,EACLgB,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,EAAUjB,EAAzB,eAIIkB,EAAeC,EAAO,MACtBC,EAAYC,EAAYpB,EAAKiB,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUrB,GAC7BsB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAY1B,EAEZ2B,EAAoBC,GAAY,SAAC9B,SACrC2B,EAAcI,EAAqBZ,EAAcnB,IAC1B,QAAvBgC,EAAAjB,aAAY,EAAZA,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBlC,EAC9D,GAAE,IAEGmC,EAAiBL,GACrB,SAACM,GACC,IAAI1B,EAAJ,CAGA0B,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd1C,CAgBF,GACD,CAACvB,EAAYhB,EAAwBmB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVrC,IAAKiB,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAA,EAAAA,EAAOG,aAAa,qBAEpF,IAA2B,IAAvBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,OAClD,IAAzBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAExD,CACH,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ7D,GAAYA,EAAW,CAACA,GAuBpF,OAtBIK,EACFsD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMzD,EAAMyD,EAAMkB,MAAwB3E,IAAE4E,GAAAA,OAAOxD,EAAU,UAAAwD,OAASH,GAChEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/B3D,IAAK,SAAGkF,GAAA,OAAK7D,EAAac,QAAQwC,GAAS3E,CAAI,EAC/CmF,SAAUvD,IAAe+C,GAASK,EAAkB,GAAK,EACzD9E,GAAAA,EACAE,UAAWgF,EAAyBhF,GACpCW,KAAO4C,EAAMkB,MAAwB9D,MAEzC,KAGKmD,CACT,GAAG,CAAC3D,EAAUH,EAAWwB,EAAYN,EAAYV,IAEjD,OACEyD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAExD,kBAAAA,IAC7BsC,EAACC,cAAAxC,EACc,CAAA,cAAAd,GAAcwE,EAAUC,EAAuBC,KAAMxF,GAClEF,IAAKmB,EACLN,MAAOA,EACPZ,UAAW0F,EAAGC,EAAOC,KAAM5F,GAC3BC,GAAIoB,EAAU,aACFd,EAAS,mBACHC,EAAe,gBAClBC,EACfyE,UAAW,EACXpE,KAAMA,GAELiD,GAIT,IAGa8B,EAAAA,EAAgBjG,EAAM,CACnCQ,WAAY0F"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={list:"
|
|
1
|
+
var e={list:"list_45ac1722a6"};!function(e){const t="s_id-ed9bf484fec4_3_28_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list_45ac1722a6 {\n margin: 0;\n padding: 0;\n overflow: auto;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_45ac1722a6::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.list_45ac1722a6::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=List.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={scrollableContainer:"
|
|
1
|
+
var e={scrollableContainer:"scrollableContainer_553a6d0ea4"};!function(e){const n="s_id-6ed55dee5450_3_28_2";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)}(".scrollableContainer_553a6d0ea4 {\n margin: 0;\n padding: 0;\n overflow: auto;\n}\n.scrollableContainer_553a6d0ea4::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer_553a6d0ea4::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=VirtualizedListItems.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as
|
|
1
|
+
import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t}from"react";import n from"../../../hooks/ssr/useIsomorphicLayoutEffect.js";var e=0,u=function(){return"list-".concat(e++)},i=["option","listitem","menuitem","tab","treeitem"],o=function(e){var i=t(),o=r(i,2),c=o[0],f=o[1];return n((function(){f(e||u())}),[e]),c},c=function(r,t){var n;return null===(n=r.current[t])||void 0===n?void 0:n.id},f=function(r,t){return r.current.findIndex((function(r){return(null==r?void 0:r.id)===t}))},l=function(r){switch(r){case"ul":case"ol":return"li";case"nav":return"a";default:return"div"}},a=function(r){return r&&r instanceof HTMLElement&&i.includes(r.getAttribute("role"))},s=function(r,t){for(;t.current.length-1>r;){var n=t.current[++r];if(a(n))return r}},m=function(r,t){for(;r>0;){var n=t.current[--r];if(a(n))return r}};export{u as generateListId,l as getListItemComponentType,c as getListItemIdByIndex,f as getListItemIndexById,s as getNextListItemIndex,m as getPrevListItemIndex,a as isListItem,o as useListId};
|
|
2
2
|
//# sourceMappingURL=ListUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListUtils.js","sources":["../../../../../src/components/List/utils/ListUtils.ts"],"sourcesContent":["import { MutableRefObject, useState } from \"react\";\nimport { ListItemElement } from \"../../ListItem/ListItem.types\";\nimport { ListElement } from \"../List.types\";\nimport useIsomorphicLayoutEffect from \"../../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nlet listIdCounter = 0;\nexport const generateListId = () => {\n return `list-${listIdCounter++}`;\n};\n\nexport const useListId = (id: string) => {\n const [listId, setListId] = useState<string>();\n useIsomorphicLayoutEffect(() => {\n setListId(id || generateListId());\n }, [id]);\n return listId;\n};\n\nexport const getListItemIdByIndex = (childrenRefs: MutableRefObject<HTMLElement[]>, index: number): string => {\n return childrenRefs.current[index]?.id;\n};\n\nexport const getListItemIndexById = (childrenRefs: MutableRefObject<HTMLElement[]>, id: string): number => {\n return childrenRefs.current.findIndex(child => child?.id === id);\n};\n\nexport const getListItemComponentType = (listComponent: ListElement): ListItemElement => {\n switch (listComponent) {\n case \"ul\":\n case \"ol\":\n return \"li\";\n case \"nav\":\n return \"a\";\n default:\n return \"div\";\n }\n};\n\nexport const isListItem = (element: HTMLElement) => {\n return element && element instanceof HTMLElement && element.getAttribute(\"role\")
|
|
1
|
+
{"version":3,"file":"ListUtils.js","sources":["../../../../../src/components/List/utils/ListUtils.ts"],"sourcesContent":["import { MutableRefObject, useState } from \"react\";\nimport { ListItemElement } from \"../../ListItem/ListItem.types\";\nimport { ListElement } from \"../List.types\";\nimport useIsomorphicLayoutEffect from \"../../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nlet listIdCounter = 0;\nexport const generateListId = () => {\n return `list-${listIdCounter++}`;\n};\n\nconst VALID_ROLES = [\"option\", \"listitem\", \"menuitem\", \"tab\", \"treeitem\"];\n\nexport const useListId = (id: string) => {\n const [listId, setListId] = useState<string>();\n useIsomorphicLayoutEffect(() => {\n setListId(id || generateListId());\n }, [id]);\n return listId;\n};\n\nexport const getListItemIdByIndex = (childrenRefs: MutableRefObject<HTMLElement[]>, index: number): string => {\n return childrenRefs.current[index]?.id;\n};\n\nexport const getListItemIndexById = (childrenRefs: MutableRefObject<HTMLElement[]>, id: string): number => {\n return childrenRefs.current.findIndex(child => child?.id === id);\n};\n\nexport const getListItemComponentType = (listComponent: ListElement): ListItemElement => {\n switch (listComponent) {\n case \"ul\":\n case \"ol\":\n return \"li\";\n case \"nav\":\n return \"a\";\n default:\n return \"div\";\n }\n};\n\nexport const isListItem = (element: HTMLElement) => {\n return element && element instanceof HTMLElement && VALID_ROLES.includes(element.getAttribute(\"role\"));\n};\n\nexport const getNextListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex < childrenRefs.current.length - 1) {\n const child = childrenRefs.current[++currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n\nexport const getPrevListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex > 0) {\n const child = childrenRefs.current[--currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n"],"names":["listIdCounter","generateListId","concat","VALID_ROLES","useListId","id","_useState","useState","_useState2","_slicedToArray","listId","setListId","useIsomorphicLayoutEffect","getListItemIdByIndex","childrenRefs","index","_a","current","getListItemIndexById","findIndex","child","getListItemComponentType","listComponent","isListItem","element","HTMLElement","includes","getAttribute","getNextListItemIndex","currentIndex","length","getPrevListItemIndex"],"mappings":"kLAKA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEMG,EAAc,CAAC,SAAU,WAAY,WAAY,MAAO,YAEjDC,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMJ,IAClB,GAAG,CAACI,IACGK,CACT,EAEaG,EAAuB,SAACC,EAA+CC,SAClF,OAAoC,QAA7BC,EAAAF,EAAaG,QAAQF,UAAQ,IAAAC,OAAA,EAAAA,EAAAX,EACtC,EAEaa,EAAuB,SAACJ,EAA+CT,GAClF,OAAOS,EAAaG,QAAQE,WAAU,SAAAC,GAAK,OAAIA,aAAA,EAAAA,EAAOf,MAAOA,IAC/D,EAEagB,EAA2B,SAACC,GACvC,OAAQA,GACN,IAAK,KACL,IAAK,KACH,MAAO,KACT,IAAK,MACH,MAAO,IACT,QACE,MAAO,MAEb,EAEaC,EAAa,SAACC,GACzB,OAAOA,GAAWA,aAAmBC,aAAetB,EAAYuB,SAASF,EAAQG,aAAa,QAChG,EAEaC,EAAuB,SAACC,EAAsBf,GACzD,KAAsBA,EAAaG,QAAQa,OAAS,EAA7CD,GAAgD,CACrD,IAAMT,EAAQN,EAAaG,UAAUY,GACrC,GAAIN,EAAWH,GACb,OAAOS,CAEV,CAEH,EAEaE,EAAuB,SAACF,EAAsBf,GACzD,KAAOe,EAAe,GAAG,CACvB,IAAMT,EAAQN,EAAaG,UAAUY,GACrC,GAAIN,EAAWH,GACb,OAAOS,CAEV,CAEH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import t,{forwardRef as o,useContext as i,useRef as r,useEffect as n,useCallback as a}from"react";import{camelCase as m}from"lodash-es";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import d from"../Text/Text.js";import{SELECTION_KEYS as p}from"../../constants/keyCodes.js";import{SIZES as c}from"../../constants/sizes.js";import{NOOP as u}from"../../utils/function-utils.js";import{withStaticProps as f}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import j from"../../hooks/useKeyEvent/index.js";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import v from"../../hooks/useMergeRef.js";import"../../tests/constants.js";import"../../hooks/useSwitch/index.js";import{ListContext as h}from"../List/utils/ListContext.js";import{ListItemComponentType as k}from"./ListItemConstants.js";import x from"./ListItem.module.scss.js";var b=o((function(o,f){var k=o.className,b=o.id,y=o.component,L=void 0===y?"div":y,I=o.onClick,M=void 0===I?u:I,C=o.onHover,g=void 0===C?u:C,F=o.selected,N=o.disabled,z=void 0!==N&&N,E=o.size,H=void 0===E?c.SMALL:E,P=o.tabIndex,S=void 0===P?0:P,w=o.children,A=o["aria-current"],D=o["data-testid"],K=i(h).updateFocusedItem,
|
|
1
|
+
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import t,{forwardRef as o,useContext as i,useRef as r,useEffect as n,useCallback as a}from"react";import{camelCase as m}from"lodash-es";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import d from"../Text/Text.js";import{SELECTION_KEYS as p}from"../../constants/keyCodes.js";import{SIZES as c}from"../../constants/sizes.js";import{NOOP as u}from"../../utils/function-utils.js";import{withStaticProps as f}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import j from"../../hooks/useKeyEvent/index.js";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import v from"../../hooks/useMergeRef.js";import"../../tests/constants.js";import"../../hooks/useSwitch/index.js";import{ListContext as h}from"../List/utils/ListContext.js";import{ListItemComponentType as k}from"./ListItemConstants.js";import x from"./ListItem.module.scss.js";var b=o((function(o,f){var k=o.className,b=o.id,y=o.component,L=void 0===y?"div":y,I=o.onClick,M=void 0===I?u:I,C=o.onHover,g=void 0===C?u:C,F=o.selected,N=o.disabled,z=void 0!==N&&N,E=o.size,H=void 0===E?c.SMALL:E,P=o.tabIndex,S=void 0===P?0:P,w=o.children,A=o["aria-current"],D=o["data-testid"],K=o.role,T=void 0===K?"option":K,_=i(h).updateFocusedItem,B=r(null),O=v(f,B);n((function(){F&&(null==_||_(b))}),[F,b,_]);var Q=a((function(e){z||M(e,b)}),[z,M,b]);j({keys:p,ref:B,callback:Q});var R=a((function(e){z||g(e,b)}),[z,g,b]);return t.createElement(d,{element:L,"data-testid":D||b,ref:O,className:s(x.listItem,k,l(x,m(H)),e(e({},x.selected,F&&!z),x.disabled,z)),id:b,type:"text2","aria-disabled":z,"aria-selected":F,onClick:Q,onMouseEnter:R,onFocus:R,role:T,tabIndex:S,"aria-current":A},w)}));Object.assign(b,{displayName:"ListItem"});var y=f(b,{sizes:c,components:k});export{y as default};
|
|
2
2
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { AriaAttributes, forwardRef, useCallback, useContext, useEffect, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"../Text/Text\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps, VibeComponentProps, VibeComponent, ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"./ListItemConstants\";\nimport { ListItemElement, ListItemSize } from \"./ListItem.types\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n /**\n * the ListItem element [li, div, a]\n */\n component?: ListItemElement;\n /**\n * The textual content of the list item\n */\n children?: ElementContent;\n /**\n * A class name to be passed to the list item wrapper\n */\n className?: string;\n /**\n * An id to be passed to the list item wrapper\n */\n id?: string;\n /**\n * A callback function which is being called when the item is being clicked\n * It will be called with the following params\n * event (DomEvent)\n * id (the id which is being passed)\n * onClick(event, id)\n */\n onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n /**\n * A callback function which is being called when the item is being hovered\n * It will be called with the following params\n * event (DomEvent)\n * id (the id which is being passed)\n * onHover(event, id)\n */\n onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n /**\n * disabled state - callback will not be called and navigation will be skipped\n */\n disabled?: boolean;\n /**\n * Selected indication\n */\n selected?: boolean;\n /**\n * The size of the list item\n */\n size?: ListItemSize;\n /**\n Tabindex is used for keyboard navigation - if you want to skip \"Tab navigation\" please pass -1.\n */\n tabIndex?: number;\n \"aria-current\"?: AriaAttributes[\"aria-current\"];\n}\n\nconst ListItem: VibeComponent<ListItemProps> & { sizes?: typeof SIZES; components?: typeof ListItemComponentTypeEnum } =\n forwardRef(\n (\n {\n className,\n id,\n component = \"div\",\n onClick = NOOP,\n onHover = NOOP,\n selected,\n disabled = false,\n size = SIZES.SMALL,\n tabIndex = 0,\n children,\n \"aria-current\": ariaCurrent,\n \"data-testid\": dataTestId\n }: ListItemProps,\n ref\n ) => {\n const { updateFocusedItem } = useContext(ListContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n useEffect(() => {\n if (selected) {\n updateFocusedItem?.(id);\n }\n }, [selected, id, updateFocusedItem]);\n\n const componentOnClick = useCallback(\n (event: React.MouseEvent | React.KeyboardEvent) => {\n if (disabled) return;\n onClick(event, id);\n },\n [disabled, onClick, id]\n );\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n ref: componentRef,\n callback: componentOnClick\n });\n\n const componentOnHover = useCallback(\n (event: React.MouseEvent | React.FocusEvent) => {\n if (disabled) return;\n onHover(event, id);\n },\n [disabled, onHover, id]\n );\n\n return (\n <Text\n element={component}\n data-testid={dataTestId || id}\n ref={mergedRef}\n className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n [styles.selected]: selected && !disabled,\n [styles.disabled]: disabled\n })}\n id={id}\n type=\"text2\"\n aria-disabled={disabled}\n aria-selected={selected}\n onClick={componentOnClick}\n onMouseEnter={componentOnHover}\n onFocus={componentOnHover}\n role
|
|
1
|
+
{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { AriaAttributes, AriaRole, forwardRef, useCallback, useContext, useEffect, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"../Text/Text\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps, VibeComponentProps, VibeComponent, ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"./ListItemConstants\";\nimport { ListItemElement, ListItemSize } from \"./ListItem.types\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n /**\n * the ListItem element [li, div, a]\n */\n component?: ListItemElement;\n /**\n * The textual content of the list item\n */\n children?: ElementContent;\n /**\n * A class name to be passed to the list item wrapper\n */\n className?: string;\n /**\n * An id to be passed to the list item wrapper\n */\n id?: string;\n /**\n * A callback function which is being called when the item is being clicked\n * It will be called with the following params\n * event (DomEvent)\n * id (the id which is being passed)\n * onClick(event, id)\n */\n onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n /**\n * A callback function which is being called when the item is being hovered\n * It will be called with the following params\n * event (DomEvent)\n * id (the id which is being passed)\n * onHover(event, id)\n */\n onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n /**\n * disabled state - callback will not be called and navigation will be skipped\n */\n disabled?: boolean;\n /**\n * Selected indication\n */\n selected?: boolean;\n /**\n * The size of the list item\n */\n size?: ListItemSize;\n /**\n Tabindex is used for keyboard navigation - if you want to skip \"Tab navigation\" please pass -1.\n */\n tabIndex?: number;\n \"aria-current\"?: AriaAttributes[\"aria-current\"];\n /**\n * ARIA role for the list item.\n */\n role?: AriaRole;\n}\n\nconst ListItem: VibeComponent<ListItemProps> & { sizes?: typeof SIZES; components?: typeof ListItemComponentTypeEnum } =\n forwardRef(\n (\n {\n className,\n id,\n component = \"div\",\n onClick = NOOP,\n onHover = NOOP,\n selected,\n disabled = false,\n size = SIZES.SMALL,\n tabIndex = 0,\n children,\n \"aria-current\": ariaCurrent,\n \"data-testid\": dataTestId,\n role = \"option\"\n }: ListItemProps,\n ref\n ) => {\n const { updateFocusedItem } = useContext(ListContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n useEffect(() => {\n if (selected) {\n updateFocusedItem?.(id);\n }\n }, [selected, id, updateFocusedItem]);\n\n const componentOnClick = useCallback(\n (event: React.MouseEvent | React.KeyboardEvent) => {\n if (disabled) return;\n onClick(event, id);\n },\n [disabled, onClick, id]\n );\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n ref: componentRef,\n callback: componentOnClick\n });\n\n const componentOnHover = useCallback(\n (event: React.MouseEvent | React.FocusEvent) => {\n if (disabled) return;\n onHover(event, id);\n },\n [disabled, onHover, id]\n );\n\n return (\n <Text\n element={component}\n data-testid={dataTestId || id}\n ref={mergedRef}\n className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n [styles.selected]: selected && !disabled,\n [styles.disabled]: disabled\n })}\n id={id}\n type=\"text2\"\n aria-disabled={disabled}\n aria-selected={selected}\n onClick={componentOnClick}\n onMouseEnter={componentOnHover}\n onFocus={componentOnHover}\n role={role}\n tabIndex={tabIndex}\n aria-current={ariaCurrent}\n >\n {children}\n </Text>\n );\n }\n );\n\nObject.assign(ListItem, {\n // Used by VirtualizedListItems\n displayName: \"ListItem\"\n});\n\nexport default withStaticProps(ListItem, {\n sizes: SIZES,\n components: ListItemComponentTypeEnum\n});\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName","withStaticProps","sizes","components","ListItemComponentTypeEnum"],"mappings":"ynCAuEA,IAAMA,EACJC,GACE,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAITE,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnCI,GAAU,WACJrB,IACFc,SAAAA,EAAoBtB,GAEvB,GAAE,CAACQ,EAAUR,EAAIsB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKtB,GACJN,EAAQ4B,EAAOhC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGtBiC,EAAY,CACVC,KAAMC,EACNrC,IAAK2B,EACLW,SAAUN,IAGZ,IAAMO,EAAmBN,GACvB,SAACC,GACKtB,GACJH,EAAQyB,EAAOhC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEsC,EAAAC,cAACC,EAAI,CACHC,QAASvC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK6B,EACL5B,UAAW2C,EAAGC,EAAOC,SAAU7C,EAAW8C,EAASF,EAAQG,EAAUlC,IAAMmC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOnC,SAAWA,IAAaE,GAC/BiC,EAAOjC,SAAWA,IAErBV,GAAIA,EACJgD,KAAK,QACU,gBAAAtC,kBACAF,EACfJ,QAAS0B,EACTmB,aAAcZ,EACda,QAASb,EACThB,KAAMA,EACNL,SAAUA,EACI,eAAAE,GAEbD,EAGP,IAGJkC,OAAOC,OAAOzD,EAAU,CAEtB0D,YAAa,aAGf,IAAeC,EAAAA,EAAgB3D,EAAU,CACvC4D,MAAO1C,EACP2C,WAAYC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItem:"
|
|
1
|
+
var e={listItem:"listItem_d0ea614231","focus-visible":"focus-visible_50f49f7a10",disabled:"disabled_ae5f87c66c",selected:"selected_4462f55930",small:"small_f381ec16ba",medium:"medium_7b7ff36912",large:"large_da32b827cc"};!function(e){const n="s_id-8402a299d384_3_28_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_d0ea614231 {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n.listItem_d0ea614231:focus-visible, .listItem_d0ea614231.focus-visible_50f49f7a10 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_d0ea614231:focus:not(.focus-visible_50f49f7a10) {\n outline: none;\n}\n.listItem_d0ea614231:hover {\n background-color: var(--primary-background-hover-color);\n}\n.disabled_ae5f87c66c {\n cursor: not-allowed;\n}\n.disabled_ae5f87c66c:hover {\n background-color: transparent;\n}\n.selected_4462f55930 {\n background-color: var(--primary-selected-color);\n}\n.selected_4462f55930:hover {\n background-color: var(--primary-selected-color);\n}\n.small_f381ec16ba {\n height: 32px;\n}\n.medium_7b7ff36912 {\n height: 40px;\n}\n.large_da32b827cc {\n height: 48px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItem.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItemAvatar:"
|
|
1
|
+
var e={listItemAvatar:"listItemAvatar_f558e91d4d",avatar:"avatar_5872437383"};!function(e){const t="s_id-64054545c9e6_3_28_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_f558e91d4d {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n\n.avatar_5872437383 {\n width: 22px;\n height: 22px;\n margin-right: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItemAvatar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItemIcon:"
|
|
1
|
+
var e={listItemIcon:"listItemIcon_f558e91d4d",start:"start_2d3b42b26f",end:"end_f278259006"};!function(e){const t="s_id-0831d1bc0202_3_28_2";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)}(".listItemIcon_f558e91d4d {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n\n.start_2d3b42b26f {\n margin-right: var(--spacing-small);\n}\n\n.end_f278259006 {\n margin-left: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItemIcon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listTitle:"
|
|
1
|
+
var e={listTitle:"listTitle_71e031b174"};!function(e){const t="s_id-d4e0bfe7508e_3_28_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_71e031b174 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n border-radius: var(--border-radius-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListTitle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={loaderContainer:"
|
|
1
|
+
var e={loaderContainer:"loaderContainer_8219582027",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_3f769e2a4f",circleLoaderSpinner:"circleLoaderSpinner_a7a438ea9f",rotate:"rotate_d81010c6a1",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_502d845e9a",dash:"dash_c1060a4d4a"};!function(e){const n="s_id-dcd4d8f866fa_3_28_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_8219582027 {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.loaderContainer_8219582027 .circleLoaderSpinnerBackground_3f769e2a4f {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: var(--ui-background-color);\n}\n.loaderContainer_8219582027 .circleLoaderSpinner_a7a438ea9f {\n animation: rotate_d81010c6a1 1s linear infinite;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: currentColor;\n stroke-linecap: round;\n}\n.loaderContainer_8219582027 .circleLoaderSpinner_a7a438ea9f .circleLoaderSpinnerPath_502d845e9a {\n animation: dash_c1060a4d4a 1s infinite;\n}\n@keyframes rotate_d81010c6a1 {\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes dash_c1060a4d4a {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Loader.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={menu:"
|
|
1
|
+
var e={menu:"menu_fb54fd94c3",small:"small_53af53a891",medium:"medium_a2bfb1cc28",large:"large_ba7b887df7"};!function(e){const n="s_id-1599ba0bb296_3_28_2";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)}(".menu_fb54fd94c3 {\n margin: unset;\n padding: unset;\n position: relative;\n}\n\n.menu_fb54fd94c3:focus {\n outline: none;\n}\n\n.small_53af53a891 {\n width: 200px;\n}\n\n.medium_a2bfb1cc28 {\n width: 220px;\n}\n\n.large_ba7b887df7 {\n width: 240px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Menu.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={menuChildDivider:"
|
|
1
|
+
var e={menuChildDivider:"menuChildDivider_1b93d16bb7"};!function(e){const d="s_id-d277a91266dd_3_28_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_1b93d16bb7 {\n width: 100%;\n padding: 0 var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuDivider.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={title:"
|
|
1
|
+
var e={title:"title_aa2f119874"};!function(e){const t="s_id-b06386a2bb6c_3_28_2";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)}(".title_aa2f119874 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n padding-block: 1px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuItem.module.scss.js.map
|
package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={item:"
|
|
1
|
+
var e={item:"item_70a0dafa32",splitMenuItem:"splitMenuItem_0cdd7f10a2",disabled:"disabled_323db81318",focused:"focused_9804ce4d7c",initialSelected:"initialSelected_2c44d75b7b",selected:"selected_891d209334"};!function(e){const n="s_id-680488cf82d9_3_28_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".item_70a0dafa32 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: unset;\n display: flex;\n flex-direction: row;\n padding: var(--spacing-xs) var(--spacing-small);\n cursor: pointer;\n user-select: none;\n align-items: center;\n border: 1px solid transparent;\n outline: none;\n}\n.item_70a0dafa32.splitMenuItem_0cdd7f10a2 {\n padding: 0 0 0 var(--spacing-small);\n}\n.item_70a0dafa32.disabled_323db81318 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.item_70a0dafa32.focused_9804ce4d7c:not(.disabled_323db81318) {\n background-color: var(--primary-background-hover-color);\n border-radius: var(--border-radius-small);\n}\n.item_70a0dafa32.focused_9804ce4d7c:not(.disabled_323db81318):not(:hover):not(.initialSelected_2c44d75b7b) {\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.item_70a0dafa32.selected_891d209334:not(.disabled_323db81318) {\n background-color: var(--primary-selected-color);\n border-radius: var(--border-radius-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BaseMenuItem.module.scss.js.map
|
package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={iconWrapper:"
|
|
1
|
+
var e={iconWrapper:"iconWrapper_2d3b42b26f",withBackgroundColor:"withBackgroundColor_0998edd625",disabled:"disabled_ed11ed4832",icon:"icon_fe8786a0bb",selected:"selected_f396329191"};!function(e){const o="s_id-f26daa2191ad_3_28_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".iconWrapper_2d3b42b26f {\n margin-right: var(--spacing-small);\n}\n.iconWrapper_2d3b42b26f.withBackgroundColor_0998edd625 {\n border-radius: var(--spacing-xs);\n}\n.iconWrapper_2d3b42b26f.withBackgroundColor_0998edd625.disabled_ed11ed4832 {\n opacity: 0.4;\n}\n.iconWrapper_2d3b42b26f.withBackgroundColor_0998edd625 .icon_fe8786a0bb {\n color: var(--text-color-on-primary);\n}\n.iconWrapper_2d3b42b26f.disabled_ed11ed4832 .icon_fe8786a0bb {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.iconWrapper_2d3b42b26f .icon_fe8786a0bb {\n color: var(--icon-color);\n}\n.iconWrapper_2d3b42b26f .icon_fe8786a0bb.selected_f396329191 {\n color: var(--primary-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemIcon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={subMenuIconWrapper:"
|
|
1
|
+
var e={subMenuIconWrapper:"subMenuIconWrapper_7cce537209",divider:"divider_2b8fdeb5a0",splitSubMenuIcon:"splitSubMenuIcon_cae61b8440",subMenuIcon:"subMenuIcon_17ce6087ed",disabled:"disabled_323db81318",splitMenuItemIconButton:"splitMenuItemIconButton_261c521a77"};!function(e){const n="s_id-3539aaaaa2b9_3_28_2";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_7cce537209 {\n margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_7cce537209 .divider_2b8fdeb5a0 {\n height: 19px;\n}\n.subMenuIconWrapper_7cce537209 .splitSubMenuIcon_cae61b8440 {\n width: 18px;\n height: 18px;\n}\n.subMenuIconWrapper_7cce537209 .subMenuIcon_17ce6087ed,\n.subMenuIconWrapper_7cce537209 .splitSubMenuIcon_cae61b8440 {\n color: var(--icon-color);\n}\n.subMenuIconWrapper_7cce537209 .subMenuIcon_17ce6087ed.disabled_323db81318,\n.subMenuIconWrapper_7cce537209 .splitSubMenuIcon_cae61b8440.disabled_323db81318 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_7cce537209 .splitMenuItemIconButton_261c521a77 {\n width: 34px;\n height: 30px;\n --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={itemButton:"
|
|
1
|
+
var e={itemButton:"itemButton_74914ef15e",buttonComponent:"buttonComponent_4110d6ea0f",content:"content_2557426921"};!function(e){const t="s_id-f631346a82ef_3_28_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton_74914ef15e {\n margin: unset;\n display: flex;\n flex-direction: row;\n padding: var(--spacing-xs) 0;\n align-items: center;\n}\n\n.itemButton_74914ef15e .buttonComponent_4110d6ea0f {\n width: 100%;\n}\n\n.itemButton_74914ef15e .buttonComponent_4110d6ea0f .content_2557426921 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={title:"
|
|
1
|
+
var t={title:"title_2bfb0b3941",titleCaption:"titleCaption_15c408e076",titleCaptionCenter:"titleCaptionCenter_571f657be5",titleCaptionBottom:"titleCaptionBottom_7c5a64cd3e",titleCaptionTop:"titleCaptionTop_b5e5534338"};!function(t){const e="s_id-48e3e93eaf49_3_28_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('.title_2bfb0b3941 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding-block: 1px;\n}\n\n.titleCaption_15c408e076 {\n color: var(--icon-color);\n margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_571f657be5 {\n display: flex;\n flex-basis: 100%;\n align-items: center;\n}\n\n.titleCaptionBottom_7c5a64cd3e,\n.titleCaptionTop_b5e5534338 {\n padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_7c5a64cd3e {\n padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_571f657be5::before,\n.titleCaptionCenter_571f657be5::after {\n content: "";\n flex-grow: 1;\n background-color: var(--ui-border-color);\n height: 1px;\n font-size: 0;\n line-height: 0;\n margin: 0 var(--spacing-small);\n}');export{t as default};
|
|
2
2
|
//# sourceMappingURL=MenuTitle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={wrapper:"
|
|
1
|
+
var n={wrapper:"wrapper_2544a7137d","focus-visible":"focus-visible_f67dfcc523",active:"active_d906f2b07f",sizeXxs:"sizeXxs_84533614f9",sizeXs:"sizeXs_f5aa4338f6",sizeSmall:"sizeSmall_d64b3eccdc",sizeMedium:"sizeMedium_d8436f8305",sizeLarge:"sizeLarge_c4a73deb1a",disabled:"disabled_def3844f7f",text:"text_4110d6ea0f",innerText:"innerText_6e03233a40"};!function(n){const o="s_id-749f9b8f229f_3_28_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".wrapper_2544a7137d {\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_2544a7137d:focus-visible, .wrapper_2544a7137d.focus-visible_f67dfcc523 {\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_2544a7137d:focus:not(.focus-visible_f67dfcc523) {\n outline: none;\n}\n.wrapper_2544a7137d:focus-visible, .wrapper_2544a7137d.focus-visible_f67dfcc523 {\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_2544a7137d:focus:not(.focus-visible_f67dfcc523) {\n outline: none;\n}\n.wrapper_2544a7137d:focus,\n.wrapper_2544a7137d:hover {\n background-color: var(--primary-background-hover-color);\n}\n.wrapper_2544a7137d:active {\n transform: scale(0.95);\n}\n.active_d906f2b07f {\n background-color: var(--primary-selected-color);\n}\n.active_d906f2b07f:focus {\n background-color: var(--primary-selected-color);\n}\n.active_d906f2b07f:hover {\n background-color: var(--primary-selected-color);\n}\n.sizeXxs_84533614f9 {\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_f5aa4338f6 {\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_d64b3eccdc {\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_d8436f8305 {\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_c4a73deb1a {\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_def3844f7f {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.disabled_def3844f7f:hover {\n background-color: transparent;\n}\n.text_4110d6ea0f {\n width: 100%;\n}\n.innerText_6e03233a40 {\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_f30a0be439",overlay:"overlay_11609f777a",modal:"modal_c4199e3680",withHeaderAction:"withHeaderAction_9b1529a067",sizeSmall:"sizeSmall_b5505944fe",sizeMedium:"sizeMedium_9c409bbfe3",sizeLarge:"sizeLarge_a2a2e207a8",sizeFullView:"sizeFullView_05f738ca1d"};!function(n){const e="s_id-1ca56cdae57e_3_28_2";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_f30a0be439 {\n position: fixed;\n inset: 0;\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_11609f777a {\n position: fixed;\n inset: 0;\n height: 100%;\n background-color: var(--color-surface);\n}\n\n.modal_c4199e3680 {\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_c4199e3680.withHeaderAction_9b1529a067 {\n --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_c4199e3680.sizeSmall_b5505944fe {\n --modal-max-height: 50%;\n --modal-width: 480px;\n}\n\n.modal_c4199e3680.sizeMedium_9c409bbfe3 {\n --modal-max-height: 80%;\n --modal-width: 580px;\n}\n\n.modal_c4199e3680.sizeLarge_a2a2e207a8 {\n --modal-max-height: 80%;\n --modal-width: 840px;\n}\n\n.modal_c4199e3680.sizeFullView_05f738ca1d {\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_fd9e691651",title:"title_4110d6ea0f",descriptionIcon:"descriptionIcon_4b644febc4"};!function(e){const n="s_id-9882eed3e38d_3_28_2";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_fd9e691651 {\n width: 100%;\n align-self: flex-start;\n}\n.header_fd9e691651 .title_4110d6ea0f {\n width: 100%;\n}\n.header_fd9e691651 .descriptionIcon_4b644febc4 {\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_7d78782154"};!function(e){const t="s_id-17d5de3a21d7_3_28_2";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_7d78782154 {\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_e8c5a61c3d"};!function(e){const t="s_id-86629ffbaf1c_3_28_2";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_e8c5a61c3d {\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_60ff78ccf0",secondary:"secondary_46f1b5d267"};!function(e){const n="s_id-4cbf6fa94914_3_28_2";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_60ff78ccf0 {\n order: 2;\n}\n.primary_60ff78ccf0:only-child {\n margin-left: auto;\n}\n.secondary_46f1b5d267 {\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_ea63a9cbf6"};!function(e){const t="s_id-23913bf713c7_3_28_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_ea63a9cbf6 {\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_60ff78ccf0",secondary:"secondary_abd0c4e059",stepDots:"stepDots_b626f899f1"};!function(e){const n="s_id-51737ad1ac1f_3_28_2";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_60ff78ccf0 {\n order: 2;\n}\n\n.secondary_abd0c4e059 {\n order: 1;\n}\n\n.stepDots_b626f899f1 {\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_fc3e0b6533",header:"header_b9e170fbb2",divider:"divider_283b13d87a",showDivider:"showDivider_8c2c64383f",content:"content_ef7138d29b"};!function(e){const n="s_id-b8093a4a9ca9_3_28_2";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)}(".layout_fc3e0b6533 {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout_fc3e0b6533 .header_b9e170fbb2 {\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_fc3e0b6533 .divider_283b13d87a {\n flex-shrink: 0;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_fc3e0b6533 .divider_283b13d87a.showDivider_8c2c64383f {\n opacity: 1;\n}\n.layout_fc3e0b6533 .content_ef7138d29b {\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_ece1cc8680",show:"show_938b0110b6"};!function(e){const t="s_id-c76d397ed7f2_3_28_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_ece1cc8680::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_ece1cc8680.show_938b0110b6::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_d0c7d57a62"};!function(e){const n="s_id-a5c90e45f208_3_28_2";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)}(".content_d0c7d57a62 {\n width: 100%;\n height: 100%;\n padding-inline: var(--modal-inline-padding);\n overflow: auto;\n}\n.content_d0c7d57a62::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.content_d0c7d57a62::-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_fc3e0b6533",media:"media_c3acd5cbee",header:"header_f4f9124ac8",content:"content_5b77a6b64d"};!function(e){const n="s_id-0e68c3ff993d_3_28_2";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_fc3e0b6533 {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout_fc3e0b6533 .media_c3acd5cbee {\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_fc3e0b6533 .header_f4f9124ac8 {\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_fc3e0b6533 .content_5b77a6b64d {\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_122016beab",header:"header_5d53825cb2",content:"content_7c18f01301",media:"media_22129721b7"};!function(e){const n="s_id-5a065e57e1cb_3_28_2";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_122016beab {\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_122016beab .header_5d53825cb2 {\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_122016beab .content_7c18f01301 {\n grid-column: 1/2;\n grid-row: 2;\n padding-block-end: var(--spacing-xl);\n}\n.layout_122016beab .media_22129721b7 {\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_7f769443dd",divider:"divider_17a9ed4b41",compact:"compact_76feafe192"};!function(e){const d="s_id-0040463364ed_3_28_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_7f769443dd {\n display: flex;\n}\n.wrapper_7f769443dd .divider_17a9ed4b41 {\n background-color: var(--ui-border-color);\n margin: 16px;\n height: 1px;\n width: 48px;\n}\n.wrapper_7f769443dd .divider_17a9ed4b41.compact_76feafe192 {\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_34842cda36",textContainer:"textContainer_3d45de4b67",sizeCompactTextContainer:"sizeCompactTextContainer_8c81209939",textContainerTitle:"textContainerTitle_2956328e46",visuallyHidden:"visuallyHidden_ad74d79acc",textContainerTitleText:"textContainerTitleText_b0d5b24408",textContainerSubtitleText:"textContainerSubtitleText_b38a908982",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_4680414b18",textPlacementVertical:"textPlacementVertical_54c6643b50",numberDividerContainer:"numberDividerContainer_8d8893125a",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_f1304e0cf7",divider:"divider_40a7b4a612",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_b2729d0a27",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_b0ced2a0c9",clickable:"clickable_b372073e1c",withAnimation:"withAnimation_2073d06137",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_ea51d71f3c",swapEnter:"swapEnter_8c10c75282",swapEnterActive:"swapEnterActive_0a0da5ba2b",swapExit:"swapExit_fa5808726e",swapExitActive:"swapExitActive_c6b2e4ecef",numberContainer:"numberContainer_47ea6314ac",numberContainerText:"numberContainerText_2a6b25484d",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_f44e1475bd",typePrimaryNumberContainer:"typePrimaryNumberContainer_540d51b9f2",typeDangerNumberContainer:"typeDangerNumberContainer_81ed7fbab6",typeSuccessNumberContainer:"typeSuccessNumberContainer_e81256a9aa",typeDarkNumberContainer:"typeDarkNumberContainer_ecf29a0244",statusActiveNumberContainer:"statusActiveNumberContainer_b4eb081317",sizeCompactNumberContainer:"sizeCompactNumberContainer_25d63c4e39",statusPendingNumberContainer:"statusPendingNumberContainer_abf09f7d44","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_cdf3793010"};!function(n){const e="s_id-f9249b867669_3_28_2";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_34842cda36 {\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_3d45de4b67 {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 16px;\n}\n\n.sizeCompactTextContainer_8c81209939 {\n margin-left: var(--spacing-small);\n justify-content: center;\n align-content: center;\n}\n\n.textContainerTitle_2956328e46 {\n width: 100%;\n margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_2956328e46 .visuallyHidden_ad74d79acc {\n display: none;\n}\n\n.textContainerTitleText_b0d5b24408 {\n font: var(--font-text2-medium);\n color: var(--primary-text-color);\n margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_b38a908982 {\n width: 100%;\n font: var(--font-text2-normal);\n color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_4680414b18 {\n margin-bottom: 0px;\n}\n\n.textPlacementVertical_54c6643b50 {\n margin: 8px;\n flex-direction: column;\n flex: 1 1 0px;\n}\n\n.textPlacementVertical_54c6643b50 .textContainer_3d45de4b67 {\n margin-left: 0;\n margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_54c6643b50 .numberDividerContainer_8d8893125a {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_f1304e0cf7 {\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_54c6643b50 .numberDividerContainer_8d8893125a .divider_40a7b4a612 {\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_b2729d0a27 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_b2729d0a27.statusActiveNumberDividerContainer_b0ced2a0c9 {\n width: 40px;\n}\n\n.indicator_34842cda36.clickable_b372073e1c {\n cursor: pointer;\n}\n\n.withAnimation_2073d06137 {\n animation: stepIndicatiorCirclePopElastic_ea51d71f3c var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_8c10c75282 {\n opacity: 0;\n transform: translateY(15px);\n}\n\n.swapEnterActive_0a0da5ba2b {\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_fa5808726e {\n position: relative;\n opacity: 1;\n transform: translateY(0);\n}\n\n.swapExitActive_c6b2e4ecef {\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_47ea6314ac {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n}\n\n.numberContainerText_2a6b25484d {\n margin: auto;\n display: flex;\n align-items: center;\n}\n\n.numberContainerTextCheckIcon_f44e1475bd {\n width: 20px;\n height: 20px;\n margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_540d51b9f2 {\n background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_540d51b9f2:hover {\n background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_81ed7fbab6 {\n background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_81ed7fbab6:hover {\n background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_e81256a9aa {\n background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_e81256a9aa:hover {\n background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_ecf29a0244 {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_ecf29a0244:hover {\n background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_b4eb081317 {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_b4eb081317.typeDangerNumberContainer_81ed7fbab6 {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_b4eb081317.typeSuccessNumberContainer_e81256a9aa {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_b4eb081317.typeDarkNumberContainer_ecf29a0244 {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_25d63c4e39 {\n width: 28px;\n height: 28px;\n}\n\n.statusPendingNumberContainer_abf09f7d44 {\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_abf09f7d44:hover {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n border: none;\n}\n\n.statusPendingNumberContainer_abf09f7d44.typeDangerNumberContainer_81ed7fbab6:hover {\n background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_abf09f7d44.typeSuccessNumberContainer_e81256a9aa:hover {\n background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_abf09f7d44.typeDarkNumberContainer_ecf29a0244:hover {\n background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_cdf3793010 {\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_1dfa740142",typePrimaryPrimary:"typePrimaryPrimary_540d51b9f2",typePrimarySecondary:"typePrimarySecondary_2fdb200fe6",typePrimaryPositive:"typePrimaryPositive_e81256a9aa",typePrimaryNegative:"typePrimaryNegative_81ed7fbab6",typePrimaryWarning:"typePrimaryWarning_2242e74ca3",typeSecondaryPrimary:"typeSecondaryPrimary_4462f55930",typeSecondarySecondary:"typeSecondarySecondary_58d18b1d81",typeSecondaryPositive:"typeSecondaryPositive_c4375f8f1a",typeSecondaryNegative:"typeSecondaryNegative_acda8eba7d",typeSecondaryWarning:"typeSecondaryWarning_827a8a7339",animate:"animate_b5617cc7e4"};!function(e){const r="s_id-4250992e3ce2_3_28_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_1dfa740142 {\n left: 0;\n height: 100%;\n position: absolute;\n border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_540d51b9f2 {\n background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_2fdb200fe6 {\n background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_e81256a9aa {\n background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_81ed7fbab6 {\n background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_2242e74ca3 {\n background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_4462f55930 {\n background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_58d18b1d81 {\n background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_c4375f8f1a {\n background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_acda8eba7d {\n background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_827a8a7339 {\n background-color: var(--warning-color-selected);\n}\n\n.animate_b5617cc7e4 {\n transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Bar.module.scss.js.map
|