@vibe/core 3.8.0 → 3.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Modal/layouts/ModalLayoutScrollableContent.d.ts +1 -1
- package/dist/components/Modal/layouts/useLayoutScrolledContent.d.ts +3 -0
- package/dist/components/SlideTransition/utils/animationVariants.d.ts +0 -6
- package/dist/components/TransitionView/TransitionView.types.d.ts +0 -1
- package/dist/mocked_classnames/components/Modal/layouts/ModalLayoutScrollableContent.d.ts +1 -1
- package/dist/mocked_classnames/components/Modal/layouts/useLayoutScrolledContent.d.ts +3 -0
- package/dist/mocked_classnames/components/SlideTransition/utils/animationVariants.d.ts +0 -6
- package/dist/mocked_classnames/components/TransitionView/TransitionView.types.d.ts +0 -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.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.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.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map +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/Modal/layouts/useLayoutScrolledContent.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/useLayoutScrolledContent.js.map +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/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/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.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.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.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +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.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map +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/Modal/layouts/useLayoutScrolledContent.js +1 -1
- package/dist/src/components/Modal/layouts/useLayoutScrolledContent.js.map +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/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/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 +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 => 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","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,OAAIC,EAAWD,IAAmD,UAAzCA,eAAAA,EAAOE,aAAa,qBAEpD,IAA2B,IAAvBJ,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMK,EAAsBzC,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIC,EAAWD,OAClD,IAAzBG,GACF/B,EAAkBmB,EAAqB7B,EAAcyC,GAExD,CACH,GAAG,CAAC/B,IAEJ,IAAMgC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ1D,GAAYA,EAAW,CAACA,GAsBpF,OArBIK,EACFmD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC5C,EAAac,QAAUd,EAAac,QAAQoC,MAAM,EAAGN,EAASlB,QAC9DkB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACN,EAAOe,GAC9C,IAAKN,EAAMO,eAAehB,GACxB,OAAOA,EAET,IAAMvD,EAAMuD,EAAMiB,MAAyBxE,IAAEyE,GAAAA,OAAOvD,EAAU,UAAAuD,OAASH,GACjEI,EAAazD,EAAac,QAAQuC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAarB,EAAO,CAE/BzD,IAAK,SAAG+E,GAAA,OAAK5D,EAAac,QAAQuC,GAASxE,CAAI,EAC/CgF,SAAUtD,IAAe8C,GAASK,EAAkB,GAAK,EACzD3E,GAAAA,EACAE,UAAW6E,EAAyB7E,IAExC,KAGK2D,CACT,GAAG,CAACxD,EAAUH,EAAWsB,EAAYN,EAAYR,IAEjD,OACEsD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAEvD,kBAAAA,IAC7BqC,EAACC,cAAAvC,EACc,CAAA,cAAAd,GAAcuE,EAAUC,EAAuBC,KAAMrF,GAClEF,IAAKiB,EACLJ,MAAOA,EACPZ,UAAWuF,EAAGC,EAAOC,KAAMzF,GAC3BC,GAAIkB,EAAU,aACFZ,EAAS,mBACHC,EAAe,gBAClBC,EACfsE,UAAW,EACXW,KAAK,WAEJ9B,GAIT,IAGa+B,EAAAA,EAAgB/F,EAAM,CACnCQ,WAAYwF"}
|
|
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,2 +1,2 @@
|
|
|
1
|
-
var e={list:"
|
|
1
|
+
var e={list:"list_cb61c243ce"};!function(e){const t="s_id-ed9bf484fec4_3_9_0";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_cb61c243ce {\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_cb61c243ce::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.list_cb61c243ce::-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_ae83887d0b"};!function(e){const n="s_id-6ed55dee5450_3_9_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_ae83887d0b {\n margin: 0;\n padding: 0;\n overflow: auto;\n}\n.scrollableContainer_ae83887d0b::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer_ae83887d0b::-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 n}from"react";import t from"../../../hooks/ssr/useIsomorphicLayoutEffect.js";var
|
|
1
|
+
import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n}from"react";import t from"../../../hooks/ssr/useIsomorphicLayoutEffect.js";var e=0,u=function(){return"list-".concat(e++)},o=function(e){var o=n(),i=r(o,2),c=i[0],f=i[1];return t((function(){f(e||u())}),[e]),c},i=function(r,n){var t;return null===(t=r.current[n])||void 0===t?void 0:t.id},c=function(r,n){return r.current.findIndex((function(r){return(null==r?void 0:r.id)===n}))},f=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&&"option"===r.getAttribute("role")},l=function(r,n){for(;n.current.length-1>r;){var t=n.current[++r];if(a(t))return r}},s=function(r,n){for(;r>0;){var t=n.current[--r];if(a(t))return r}};export{u as generateListId,f as getListItemComponentType,i as getListItemIdByIndex,c as getListItemIndexById,l as getNextListItemIndex,s 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.getAttribute(\"role\") === \"option\";\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","useListId","id","_useState","useState","_useState2","_slicedToArray","listId","setListId","useIsomorphicLayoutEffect","getListItemIdByIndex","childrenRefs","index","_a","current","getListItemIndexById","findIndex","child","getListItemComponentType","listComponent","isListItem","element","getAttribute","getNextListItemIndex","currentIndex","length","getPrevListItemIndex"],"mappings":"kLAKA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEaG,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMH,IAClB,GAAG,CAACG,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,
|
|
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\") === \"option\";\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","useListId","id","_useState","useState","_useState2","_slicedToArray","listId","setListId","useIsomorphicLayoutEffect","getListItemIdByIndex","childrenRefs","index","_a","current","getListItemIndexById","findIndex","child","getListItemComponentType","listComponent","isListItem","element","HTMLElement","getAttribute","getNextListItemIndex","currentIndex","length","getPrevListItemIndex"],"mappings":"kLAKA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEaG,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMH,IAClB,GAAG,CAACG,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,aAAgD,WAAjCD,EAAQE,aAAa,OAC3E,EAEaC,EAAuB,SAACC,EAAsBd,GACzD,KAAsBA,EAAaG,QAAQY,OAAS,EAA7CD,GAAgD,CACrD,IAAMR,EAAQN,EAAaG,UAAUW,GACrC,GAAIL,EAAWH,GACb,OAAOQ,CAEV,CAEH,EAEaE,EAAuB,SAACF,EAAsBd,GACzD,KAAOc,EAAe,GAAG,CACvB,IAAMR,EAAQN,EAAaG,UAAUW,GACrC,GAAIL,EAAWH,GACb,OAAOQ,CAEV,CAEH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItem:"
|
|
1
|
+
var e={listItem:"listItem_1afc813da6","focus-visible":"focus-visible_f8ccf51ba2",disabled:"disabled_ca70fba3d7",selected:"selected_cf25c02f94",small:"small_3bac8ee5f3",medium:"medium_ae4a098ad8",large:"large_80cf53db43"};!function(e){const n="s_id-8402a299d384_3_9_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_1afc813da6 {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n.listItem_1afc813da6:focus-visible, .listItem_1afc813da6.focus-visible_f8ccf51ba2 {\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_1afc813da6:focus:not(.focus-visible_f8ccf51ba2) {\n outline: none;\n}\n.listItem_1afc813da6:hover {\n background-color: var(--primary-background-hover-color);\n}\n.disabled_ca70fba3d7 {\n cursor: not-allowed;\n}\n.disabled_ca70fba3d7:hover {\n background-color: transparent;\n}\n.selected_cf25c02f94 {\n background-color: var(--primary-selected-color);\n}\n.selected_cf25c02f94:hover {\n background-color: var(--primary-selected-color);\n}\n.small_3bac8ee5f3 {\n height: 32px;\n}\n.medium_ae4a098ad8 {\n height: 40px;\n}\n.large_80cf53db43 {\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_19a84c3284",avatar:"avatar_3d3da991f0"};!function(e){const t="s_id-64054545c9e6_3_9_0";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_19a84c3284 {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n\n.avatar_3d3da991f0 {\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_19a84c3284",start:"start_fa7c856d17",end:"end_7a7a347ab2"};!function(e){const t="s_id-0831d1bc0202_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_19a84c3284 {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n\n.start_fa7c856d17 {\n margin-right: var(--spacing-small);\n}\n\n.end_7a7a347ab2 {\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_9586b65ee1"};!function(e){const t="s_id-d4e0bfe7508e_3_9_0";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_9586b65ee1 {\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_82b5b6cd68",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_f9913bf1f5",circleLoaderSpinner:"circleLoaderSpinner_d5280d30ce",rotate:"rotate_8c6aa711fe",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_a3ca1480fc",dash:"dash_00d390c1e7"};!function(e){const n="s_id-dcd4d8f866fa_3_9_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_82b5b6cd68 {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.loaderContainer_82b5b6cd68 .circleLoaderSpinnerBackground_f9913bf1f5 {\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_82b5b6cd68 .circleLoaderSpinner_d5280d30ce {\n animation: rotate_8c6aa711fe 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_82b5b6cd68 .circleLoaderSpinner_d5280d30ce .circleLoaderSpinnerPath_a3ca1480fc {\n animation: dash_00d390c1e7 1s infinite;\n}\n@keyframes rotate_8c6aa711fe {\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes dash_00d390c1e7 {\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_a0dd5779a7",small:"small_4530835f26",medium:"medium_c95ffde44b",large:"large_fe86736de2"};!function(e){const n="s_id-1599ba0bb296_3_9_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".menu_a0dd5779a7 {\n margin: unset;\n padding: unset;\n position: relative;\n}\n\n.menu_a0dd5779a7:focus {\n outline: none;\n}\n\n.small_4530835f26 {\n width: 200px;\n}\n\n.medium_c95ffde44b {\n width: 220px;\n}\n\n.large_fe86736de2 {\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_7761c72ffd"};!function(e){const d="s_id-d277a91266dd_3_9_0";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_7761c72ffd {\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_9e14932532"};!function(e){const t="s_id-b06386a2bb6c_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_9e14932532 {\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_c49f633495",splitMenuItem:"splitMenuItem_f45a49f80e",disabled:"disabled_db8cd28cce",focused:"focused_d74930cc2a",initialSelected:"initialSelected_50a4f532cf",selected:"selected_f330cff7d0"};!function(e){const n="s_id-680488cf82d9_3_9_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".item_c49f633495 {\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_c49f633495.splitMenuItem_f45a49f80e {\n padding: 0 0 0 var(--spacing-small);\n}\n.item_c49f633495.disabled_db8cd28cce {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.item_c49f633495.focused_d74930cc2a:not(.disabled_db8cd28cce) {\n background-color: var(--primary-background-hover-color);\n border-radius: var(--border-radius-small);\n}\n.item_c49f633495.focused_d74930cc2a:not(.disabled_db8cd28cce):not(:hover):not(.initialSelected_50a4f532cf) {\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_c49f633495.selected_f330cff7d0:not(.disabled_db8cd28cce) {\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_fa7c856d17",withBackgroundColor:"withBackgroundColor_e9eab53fdc",disabled:"disabled_8c04d1a431",icon:"icon_84f34931b6",selected:"selected_915aad6f31"};!function(e){const a="s_id-f26daa2191ad_3_9_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".iconWrapper_fa7c856d17 {\n margin-right: var(--spacing-small);\n}\n.iconWrapper_fa7c856d17.withBackgroundColor_e9eab53fdc {\n border-radius: var(--spacing-xs);\n}\n.iconWrapper_fa7c856d17.withBackgroundColor_e9eab53fdc.disabled_8c04d1a431 {\n opacity: 0.4;\n}\n.iconWrapper_fa7c856d17.withBackgroundColor_e9eab53fdc .icon_84f34931b6 {\n color: var(--text-color-on-primary);\n}\n.iconWrapper_fa7c856d17.disabled_8c04d1a431 .icon_84f34931b6 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.iconWrapper_fa7c856d17 .icon_84f34931b6 {\n color: var(--icon-color);\n}\n.iconWrapper_fa7c856d17 .icon_84f34931b6.selected_915aad6f31 {\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_604c3e3af7",divider:"divider_2e3a627e1d",splitSubMenuIcon:"splitSubMenuIcon_4e86edf29c",disabled:"disabled_db8cd28cce",subMenuIcon:"subMenuIcon_bd7fdce517",splitMenuItemIconButton:"splitMenuItemIconButton_4cd559b283"};!function(e){const n="s_id-ce61865c18da_3_9_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,c.firstChild?c.insertBefore(d,c.firstChild):c.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_604c3e3af7 {\n margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_604c3e3af7 .divider_2e3a627e1d {\n height: 19px;\n}\n.subMenuIconWrapper_604c3e3af7 .splitSubMenuIcon_4e86edf29c {\n width: 18px;\n height: 18px;\n}\n.subMenuIconWrapper_604c3e3af7 .splitSubMenuIcon_4e86edf29c.disabled_db8cd28cce {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_604c3e3af7 .subMenuIcon_bd7fdce517,\n.subMenuIconWrapper_604c3e3af7 .splitSubMenuIcon_4e86edf29c {\n color: var(--icon-color);\n}\n.subMenuIconWrapper_604c3e3af7 .splitMenuItemIconButton_4cd559b283 {\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_5d15457069",buttonComponent:"buttonComponent_ddb270cf87",content:"content_dccf52f12e"};!function(e){const t="s_id-f631346a82ef_3_9_0";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_5d15457069 {\n margin: unset;\n display: flex;\n flex-direction: row;\n padding: var(--spacing-xs) 0;\n align-items: center;\n}\n\n.itemButton_5d15457069 .buttonComponent_ddb270cf87 {\n width: 100%;\n}\n\n.itemButton_5d15457069 .buttonComponent_ddb270cf87 .content_dccf52f12e {\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_c9316ef1f7",titleCaption:"titleCaption_22fb3bbf9e",titleCaptionCenter:"titleCaptionCenter_e4a613ea31",titleCaptionBottom:"titleCaptionBottom_ea7f4122a2",titleCaptionTop:"titleCaptionTop_a717859671"};!function(t){const e="s_id-48e3e93eaf49_3_9_0";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_c9316ef1f7 {\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_22fb3bbf9e {\n color: var(--icon-color);\n margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_e4a613ea31 {\n display: flex;\n flex-basis: 100%;\n align-items: center;\n}\n\n.titleCaptionBottom_ea7f4122a2,\n.titleCaptionTop_a717859671 {\n padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_ea7f4122a2 {\n padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_e4a613ea31::before,\n.titleCaptionCenter_e4a613ea31::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_55772617a0","focus-visible":"focus-visible_b46cc0e038",active:"active_cffbd213bc",sizeXxs:"sizeXxs_590d699bca",sizeXs:"sizeXs_7a867d866a",sizeSmall:"sizeSmall_272dd279b0",sizeMedium:"sizeMedium_3b54e5aecf",sizeLarge:"sizeLarge_6454b9de26",disabled:"disabled_60ae14abb9",text:"text_ddb270cf87",innerText:"innerText_e5306c569a"};!function(n){const o="s_id-749f9b8f229f_3_9_0";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_55772617a0 {\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_55772617a0:focus-visible, .wrapper_55772617a0.focus-visible_b46cc0e038 {\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_55772617a0:focus:not(.focus-visible_b46cc0e038) {\n outline: none;\n}\n.wrapper_55772617a0:focus-visible, .wrapper_55772617a0.focus-visible_b46cc0e038 {\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_55772617a0:focus:not(.focus-visible_b46cc0e038) {\n outline: none;\n}\n.wrapper_55772617a0:focus,\n.wrapper_55772617a0:hover {\n background-color: var(--primary-background-hover-color);\n}\n.wrapper_55772617a0:active {\n transform: scale(0.95);\n}\n.active_cffbd213bc {\n background-color: var(--primary-selected-color);\n}\n.active_cffbd213bc:focus {\n background-color: var(--primary-selected-color);\n}\n.active_cffbd213bc:hover {\n background-color: var(--primary-selected-color);\n}\n.sizeXxs_590d699bca {\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_7a867d866a {\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_272dd279b0 {\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_3b54e5aecf {\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_6454b9de26 {\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_60ae14abb9 {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.disabled_60ae14abb9:hover {\n background-color: transparent;\n}\n.text_ddb270cf87 {\n width: 100%;\n}\n.innerText_e5306c569a {\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
|
|
1
|
+
var e={overlay:"overlay_4f07efde42",modal:"modal_f50e3f7832",withHeaderAction:"withHeaderAction_2e88f85281",sizeSmall:"sizeSmall_e763262588",sizeMedium:"sizeMedium_34e14e8f8d",sizeLarge:"sizeLarge_32a1c62220"};!function(e){const n="s_id-c4e9eb1452e8_3_9_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".overlay_4f07efde42 {\n position: fixed;\n inset: 0;\n background-color: var(--color-surface);\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.modal_f50e3f7832 {\n --top-actions-spacing: var(--spacing-large);\n --top-actions-width: var(--spacing-xl);\n --modal-inline-padding: var(--spacing-xl);\n position: fixed;\n top: 50%;\n left: 50%;\n z-index: var(--monday-modal-z-index, 10000);\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}\n\n.modal_f50e3f7832.withHeaderAction_2e88f85281 {\n --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_f50e3f7832.sizeSmall_e763262588 {\n --modal-max-height: 50%;\n --modal-width: 480px;\n}\n\n.modal_f50e3f7832.sizeMedium_34e14e8f8d {\n --modal-max-height: 80%;\n --modal-width: 580px;\n}\n\n.modal_f50e3f7832.sizeLarge_32a1c62220 {\n --modal-max-height: 80%;\n --modal-width: 840px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Modal.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={header:"
|
|
1
|
+
var e={header:"header_4c95c05d21",title:"title_ddb270cf87",descriptionIcon:"descriptionIcon_f19dd3913e"};!function(e){const d="s_id-9882eed3e38d_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".header_4c95c05d21 {\n width: 100%;\n align-self: flex-start;\n}\n.header_4c95c05d21 .title_ddb270cf87 {\n width: 100%;\n}\n.header_4c95c05d21 .descriptionIcon_f19dd3913e {\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_026cbad5b7"};!function(e){const t="s_id-17d5de3a21d7_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_026cbad5b7 {\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_8a03555446"};!function(e){const t="s_id-de1e18d16543_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_8a03555446 {\n display: flex;\n align-items: center;\n position: absolute;\n right: var(--top-actions-spacing);\n top: var(--top-actions-spacing);\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_956d1e555a",secondary:"secondary_6ea1c2fd03"};!function(e){const n="s_id-4cbf6fa94914_3_9_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_956d1e555a {\n order: 2;\n}\n.primary_956d1e555a:only-child {\n margin-left: auto;\n}\n.secondary_6ea1c2fd03 {\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_6d57d86eca"};!function(e){const t="s_id-23913bf713c7_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_6d57d86eca {\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_956d1e555a",secondary:"secondary_d25946c943",stepDots:"stepDots_5a272d3f10"};!function(e){const n="s_id-51737ad1ac1f_3_9_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_956d1e555a {\n order: 2;\n}\n\n.secondary_d25946c943 {\n order: 1;\n}\n\n.stepDots_5a272d3f10 {\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
|
-
import{slicedToArray as e,defineProperty as
|
|
1
|
+
import{slicedToArray as e,defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o}from"react";import a from"classnames";import{getTestId as l}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import m from"../../../Flex/Flex.js";import n from"../../../Divider/Divider.js";import c from"../ModalFooterShadow.js";import d from"../ModalLayoutScrollableContent.js";import f from"../useLayoutScrolledContent.js";var p=o((function(o,p){var u=o.children,j=o.className,S=o.id,v=o["data-testid"],E=f(),h=E.ref,y=E.isContentScrolled,N=E.isScrollable,A=E.isScrolledToEnd,C=E.onScroll,L=t.Children.toArray(u),M=e(L,2),_=M[0],g=M[1];return t.createElement(t.Fragment,null,t.createElement(m,{direction:"column",align:"start",ref:p,className:a(i.layout,j),id:S,"data-testid":v||l(s.MODAL_NEXT_BASIC_LAYOUT,S)},t.createElement("div",{className:i.header},_),t.createElement(n,{className:a(i.divider,r({},i.showDivider,y)),withoutMargin:!0}),t.createElement(d,{onScroll:C,className:i.content,ref:h},g)),N&&t.createElement(c,{show:!A}))}));export{p as default};
|
|
2
2
|
//# sourceMappingURL=ModalBasicLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport Flex from \"../../../Flex/Flex\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { isContentScrolled, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_NEXT_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n <ModalFooterShadow show={
|
|
1
|
+
{"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport Flex from \"../../../Flex/Flex\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_NEXT_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n </>\n );\n }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_NEXT_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"kjBAYMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EACC,CAAAC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,wBAAyB3B,IAErFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAACO,cAAAW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAgB,IACrGtB,EAAAO,cAACgB,EAA6B,CAAAzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAACO,cAAAiB,EAAkB,CAAAC,MAAO5B,IAGjD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var d={layout:"layout_d3d5a82bda",header:"header_3c32a00778",divider:"divider_20c846e5c9",showDivider:"showDivider_1bb6d551db",content:"content_1fb25ac3d4"};!function(d){const e="s_id-9862aee824ed_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(d))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=d)}(".layout_d3d5a82bda {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout_d3d5a82bda .header_3c32a00778 {\n width: 100%;\n margin-block: var(--spacing-xl) var(--spacing-large);\n padding-inline-end: calc(var(--top-actions-spacing) + var(--top-actions-width) + var(--spacing-medium));\n padding-inline-start: var(--modal-inline-padding);\n}\n.layout_d3d5a82bda .divider_20c846e5c9 {\n flex-shrink: 0;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_d3d5a82bda .divider_20c846e5c9.showDivider_1bb6d551db {\n opacity: 1;\n}\n.layout_d3d5a82bda .content_1fb25ac3d4 {\n padding-block-end: var(--spacing-xl);\n}");export{d as default};
|
|
2
2
|
//# sourceMappingURL=ModalBasicLayout.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={shadowWrapper:"
|
|
1
|
+
var e={shadowWrapper:"shadowWrapper_cc072690bb",show:"show_5ead3be57b"};!function(e){const t="s_id-c76d397ed7f2_3_9_0";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_cc072690bb::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_cc072690bb.show_5ead3be57b::after {\n opacity: 1;\n}');export{e as default};
|
|
2
2
|
//# sourceMappingURL=ModalFooterShadow.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"react";import
|
|
1
|
+
import o,{forwardRef as r}from"react";import e from"classnames";import a from"./ModalLayoutScrollableContent.module.scss.js";var l=r((function(r,l){var t=r.onScroll,c=r.children;return o.createElement("div",{ref:l,className:e(a.content,r.className),onScroll:t},c)}));export{l as default};
|
|
2
2
|
//# sourceMappingURL=ModalLayoutScrollableContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalLayoutScrollableContent.js","sources":["../../../../../src/components/Modal/layouts/ModalLayoutScrollableContent.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalLayoutScrollableContent.module.scss\";\nimport { ModalLayoutScrollableContentProps } from \"./ModalLayoutScrollableContent.types\";\n\nconst ModalLayoutScrollableContent = ({ onScroll, className, children }: ModalLayoutScrollableContentProps) => {\n
|
|
1
|
+
{"version":3,"file":"ModalLayoutScrollableContent.js","sources":["../../../../../src/components/Modal/layouts/ModalLayoutScrollableContent.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalLayoutScrollableContent.module.scss\";\nimport { ModalLayoutScrollableContentProps } from \"./ModalLayoutScrollableContent.types\";\n\nconst ModalLayoutScrollableContent = forwardRef(\n ({ onScroll, className, children }: ModalLayoutScrollableContentProps, ref: ForwardedRef<HTMLDivElement>) => {\n return (\n <div ref={ref} className={cx(styles.content, className)} onScroll={onScroll}>\n {children}\n </div>\n );\n }\n);\n\nexport default ModalLayoutScrollableContent;\n"],"names":["ModalLayoutScrollableContent","forwardRef","_ref","ref","onScroll","children","React","createElement","className","cx","styles","content"],"mappings":"6HAKMA,IAAAA,EAA+BC,GACnC,SAAAC,EAAuEC,GAAqC,IAAzGC,EAAQF,EAARE,SAAqBC,EAAQH,EAARG,SACtB,OACEC,EAAKC,cAAA,MAAA,CAAAJ,IAAKA,EAAKK,UAAWC,EAAGC,EAAOC,QAFlBT,EAATM,WAEgDJ,SAAUA,GAChEC,EAGP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={content:"
|
|
1
|
+
var e={content:"content_e20c68f72b"};!function(e){const n="s_id-a5c90e45f208_3_9_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".content_e20c68f72b {\n width: 100%;\n height: 100%;\n padding-inline: var(--modal-inline-padding);\n overflow: auto;\n}\n.content_e20c68f72b::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.content_e20c68f72b::-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_d3d5a82bda",media:"media_c27ae1b249",header:"header_0c656ba096",content:"content_68aafa771b"};!function(e){const n="s_id-0e68c3ff993d_3_9_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_d3d5a82bda {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout_d3d5a82bda .media_c27ae1b249 {\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_d3d5a82bda .header_0c656ba096 {\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_d3d5a82bda .content_68aafa771b {\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_4202e87d43",header:"header_3ffa045749",content:"content_e0dfc1582c",media:"media_ab557faa69"};!function(e){const n="s_id-5a065e57e1cb_3_9_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_4202e87d43 {\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_4202e87d43 .header_3ffa045749 {\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_4202e87d43 .content_e0dfc1582c {\n grid-column: 1/2;\n grid-row: 2;\n padding-block-end: var(--spacing-xl);\n}\n.layout_4202e87d43 .media_ab557faa69 {\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
|
-
import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as
|
|
1
|
+
import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useRef as n,useCallback as o,useEffect as l}from"react";var t=function(){var t=e(!1),i=r(t,2),c=i[0],u=i[1],a=e(!1),s=r(a,2),f=s[0],v=s[1],d=e(!1),p=r(d,2),b=p[0],m=p[1],S=n(null),g=o((function(){var r=S.current;if(r){var e=r.scrollTop,n=r.scrollHeight,o=r.clientHeight;v(n>o),u(e>0),m(e+o>=n)}}),[]),H=o((function(){g()}),[g]);return l((function(){var r=S.current;if(r){var e=new ResizeObserver((function(){g()}));return e.observe(r),g(),function(){e.disconnect()}}}),[g]),{ref:S,isContentScrolled:c,isScrollable:f,isScrolledToEnd:b,onScroll:H}};export{t as default};
|
|
2
2
|
//# sourceMappingURL=useLayoutScrolledContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLayoutScrolledContent.js","sources":["../../../../../src/components/Modal/layouts/useLayoutScrolledContent.ts"],"sourcesContent":["import { UIEventHandler, useCallback, useState } from \"react\";\n\nconst useLayoutScrolledContent = () => {\n const [isContentScrolled, setContentScrolled] = useState<boolean>(false);\n\n const
|
|
1
|
+
{"version":3,"file":"useLayoutScrolledContent.js","sources":["../../../../../src/components/Modal/layouts/useLayoutScrolledContent.ts"],"sourcesContent":["import { UIEventHandler, useCallback, useEffect, useRef, useState } from \"react\";\n\nconst useLayoutScrolledContent = () => {\n const [isContentScrolled, setContentScrolled] = useState<boolean>(false);\n const [isScrollable, setScrollable] = useState<boolean>(false);\n const [isScrolledToEnd, setScrolledToEnd] = useState<boolean>(false);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const checkScroll = useCallback(() => {\n const element = ref.current;\n if (element) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n setScrollable(scrollHeight > clientHeight);\n setContentScrolled(scrollTop > 0);\n setScrolledToEnd(scrollTop + clientHeight >= scrollHeight);\n }\n }, []);\n\n const onScroll: UIEventHandler<HTMLDivElement> = useCallback(() => {\n checkScroll();\n }, [checkScroll]);\n\n useEffect(() => {\n const element = ref.current;\n if (!element) return;\n\n const resizeObserver = new ResizeObserver(() => {\n checkScroll();\n });\n\n resizeObserver.observe(element);\n\n checkScroll();\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [checkScroll]);\n\n return { ref, isContentScrolled, isScrollable, isScrolledToEnd, onScroll };\n};\n\nexport default useLayoutScrolledContent;\n"],"names":["useLayoutScrolledContent","_useState","useState","_useState2","_slicedToArray","isContentScrolled","setContentScrolled","_useState3","_useState4","isScrollable","setScrollable","_useState5","_useState6","isScrolledToEnd","setScrolledToEnd","ref","useRef","checkScroll","useCallback","element","current","scrollTop","scrollHeight","clientHeight","onScroll","useEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"+JAEA,IAAMA,EAA2B,WAC/B,IAAAC,EAAgDC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjEI,EAAiBF,EAAA,GAAEG,EAAkBH,EAAA,GAC5CI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAYD,EAAA,GAAEE,EAAaF,EAAA,GAClCG,EAA4CT,GAAkB,GAAMU,EAAAR,EAAAO,EAAA,GAA7DE,EAAeD,EAAA,GAAEE,EAAgBF,EAAA,GAElCG,EAAMC,EAAuB,MAE7BC,EAAcC,GAAY,WAC9B,IAAMC,EAAUJ,EAAIK,QACpB,GAAID,EAAS,CACX,IAAQE,EAA0CF,EAA1CE,UAAWC,EAA+BH,EAA/BG,aAAcC,EAAiBJ,EAAjBI,aACjCb,EAAcY,EAAeC,GAC7BjB,EAAmBe,EAAY,GAC/BP,EAAiBO,EAAYE,GAAgBD,EAC9C,CACF,GAAE,IAEGE,EAA2CN,GAAY,WAC3DD,GACF,GAAG,CAACA,IAmBJ,OAjBAQ,GAAU,WACR,IAAMN,EAAUJ,EAAIK,QACpB,GAAKD,EAAL,CAEA,IAAMO,EAAiB,IAAIC,gBAAe,WACxCV,GACF,IAMA,OAJAS,EAAeE,QAAQT,GAEvBF,IAEO,WACLS,EAAeG,aAXH,CAahB,GAAG,CAACZ,IAEG,CAAEF,IAAAA,EAAKV,kBAAAA,EAAmBI,aAAAA,EAAcI,gBAAAA,EAAiBW,SAAAA,EAClE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"
|
|
1
|
+
var e={wrapper:"wrapper_76672a8ecc",divider:"divider_b24770cbef",compact:"compact_bb18108274"};!function(e){const n="s_id-0040463364ed_3_9_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_76672a8ecc {\n display: flex;\n}\n.wrapper_76672a8ecc .divider_b24770cbef {\n background-color: var(--ui-border-color);\n margin: 16px;\n height: 1px;\n width: 48px;\n}\n.wrapper_76672a8ecc .divider_b24770cbef.compact_bb18108274 {\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_6e1a59c803",textContainer:"textContainer_24c994e33d",sizeCompactTextContainer:"sizeCompactTextContainer_8d4bd07109",textContainerTitle:"textContainerTitle_c81fa69cfa",visuallyHidden:"visuallyHidden_318a8d6c37",textContainerTitleText:"textContainerTitleText_96476f3d51",textContainerSubtitleText:"textContainerSubtitleText_e0dade1f6e",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_c68ebcc9ef",textPlacementVertical:"textPlacementVertical_8d249f1095",numberDividerContainer:"numberDividerContainer_77af0c715e",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_96dbcca8a9",divider:"divider_c5ab6f9ebe",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_cdd898a2d4",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_7a5ebc1663",clickable:"clickable_86bae46e86",withAnimation:"withAnimation_de9d3aabc3",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_a119a0d503",swapEnter:"swapEnter_21562fd61a",swapEnterActive:"swapEnterActive_ce9bccf8b1",swapExit:"swapExit_cc9662b2ee",swapExitActive:"swapExitActive_62f64249e7",numberContainer:"numberContainer_23b344b6d1",numberContainerText:"numberContainerText_06a3cd5089",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_6ec0a00138",typePrimaryNumberContainer:"typePrimaryNumberContainer_b1d13e9692",typeDangerNumberContainer:"typeDangerNumberContainer_e22a5f4754",typeSuccessNumberContainer:"typeSuccessNumberContainer_f244acbb0d",typeDarkNumberContainer:"typeDarkNumberContainer_df39b44464",statusActiveNumberContainer:"statusActiveNumberContainer_99adf44616",sizeCompactNumberContainer:"sizeCompactNumberContainer_3f5cad3e1b",statusPendingNumberContainer:"statusPendingNumberContainer_8804a79d52","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_5eca8833d8"};!function(n){const e="s_id-f9249b867669_3_9_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".indicator_6e1a59c803 {\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_24c994e33d {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 16px;\n}\n\n.sizeCompactTextContainer_8d4bd07109 {\n margin-left: var(--spacing-small);\n justify-content: center;\n align-content: center;\n}\n\n.textContainerTitle_c81fa69cfa {\n width: 100%;\n margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_c81fa69cfa .visuallyHidden_318a8d6c37 {\n display: none;\n}\n\n.textContainerTitleText_96476f3d51 {\n font: var(--font-text2-medium);\n color: var(--primary-text-color);\n margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_e0dade1f6e {\n width: 100%;\n font: var(--font-text2-normal);\n color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_c68ebcc9ef {\n margin-bottom: 0px;\n}\n\n.textPlacementVertical_8d249f1095 {\n margin: 8px;\n flex-direction: column;\n flex: 1 1 0px;\n}\n\n.textPlacementVertical_8d249f1095 .textContainer_24c994e33d {\n margin-left: 0;\n margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_8d249f1095 .numberDividerContainer_77af0c715e {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_96dbcca8a9 {\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_8d249f1095 .numberDividerContainer_77af0c715e .divider_c5ab6f9ebe {\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_cdd898a2d4 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_cdd898a2d4.statusActiveNumberDividerContainer_7a5ebc1663 {\n width: 40px;\n}\n\n.indicator_6e1a59c803.clickable_86bae46e86 {\n cursor: pointer;\n}\n\n.withAnimation_de9d3aabc3 {\n animation: stepIndicatiorCirclePopElastic_a119a0d503 var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_21562fd61a {\n opacity: 0;\n transform: translateY(15px);\n}\n\n.swapEnterActive_ce9bccf8b1 {\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_cc9662b2ee {\n position: relative;\n opacity: 1;\n transform: translateY(0);\n}\n\n.swapExitActive_62f64249e7 {\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_23b344b6d1 {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n}\n\n.numberContainerText_06a3cd5089 {\n margin: auto;\n display: flex;\n align-items: center;\n}\n\n.numberContainerTextCheckIcon_6ec0a00138 {\n width: 20px;\n height: 20px;\n margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_b1d13e9692 {\n background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_b1d13e9692:hover {\n background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_e22a5f4754 {\n background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_e22a5f4754:hover {\n background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_f244acbb0d {\n background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_f244acbb0d:hover {\n background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_df39b44464 {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_df39b44464:hover {\n background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_99adf44616 {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_99adf44616.typeDangerNumberContainer_e22a5f4754 {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_99adf44616.typeSuccessNumberContainer_f244acbb0d {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_99adf44616.typeDarkNumberContainer_df39b44464 {\n box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_3f5cad3e1b {\n width: 28px;\n height: 28px;\n}\n\n.statusPendingNumberContainer_8804a79d52 {\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_8804a79d52:hover {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n border: none;\n}\n\n.statusPendingNumberContainer_8804a79d52.typeDangerNumberContainer_e22a5f4754:hover {\n background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_8804a79d52.typeSuccessNumberContainer_f244acbb0d:hover {\n background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_8804a79d52.typeDarkNumberContainer_df39b44464:hover {\n background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_5eca8833d8 {\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_3f9fff53a3",typePrimaryPrimary:"typePrimaryPrimary_b1d13e9692",typePrimarySecondary:"typePrimarySecondary_4124eb2dcc",typePrimaryPositive:"typePrimaryPositive_f244acbb0d",typePrimaryNegative:"typePrimaryNegative_e22a5f4754",typePrimaryWarning:"typePrimaryWarning_baed896527",typeSecondaryPrimary:"typeSecondaryPrimary_cf25c02f94",typeSecondarySecondary:"typeSecondarySecondary_d8cc9839fe",typeSecondaryPositive:"typeSecondaryPositive_a24b23c74c",typeSecondaryNegative:"typeSecondaryNegative_8c203c00e6",typeSecondaryWarning:"typeSecondaryWarning_d193b3fa9b",animate:"animate_ed39cf5d78"};!function(e){const r="s_id-4250992e3ce2_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_3f9fff53a3 {\n left: 0;\n height: 100%;\n position: absolute;\n border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_b1d13e9692 {\n background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_4124eb2dcc {\n background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_f244acbb0d {\n background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_e22a5f4754 {\n background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_baed896527 {\n background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_cf25c02f94 {\n background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_d8cc9839fe {\n background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_a24b23c74c {\n background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_8c203c00e6 {\n background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_d193b3fa9b {\n background-color: var(--warning-color-selected);\n}\n\n.animate_ed39cf5d78 {\n transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Bar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"
|
|
1
|
+
var e={wrapper:"wrapper_7e491a3ecb",fullWidth:"fullWidth_ddb270cf87",container:"container_c4f7a3985c",progressBar:"progressBar_00a20bde50",completed:"completed_c4f7a3985c",label:"label_e9ea0958b8",large:"large_af6774956a",medium:"medium_f755b75cba",small:"small_49d41c4c3a"};!function(e){const a="s_id-5855608df299_3_9_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".wrapper_7e491a3ecb {\n display: flex;\n flex-direction: row;\n justify-content: center;\n width: 100%;\n font: var(--font-text2-normal);\n line-height: 8px !important;\n}\n.wrapper_7e491a3ecb.fullWidth_ddb270cf87 {\n width: 100%;\n}\n.wrapper_7e491a3ecb.fullWidth_ddb270cf87 .container_c4f7a3985c {\n border-radius: 0;\n}\n.wrapper_7e491a3ecb.fullWidth_ddb270cf87 .container_c4f7a3985c .progressBar_00a20bde50 {\n border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_7e491a3ecb.fullWidth_ddb270cf87 .container_c4f7a3985c .progressBar_00a20bde50.completed_c4f7a3985c {\n border-radius: 0;\n}\n.label_e9ea0958b8 {\n padding-left: var(--spacing-xs);\n}\n.large_af6774956a {\n height: 8px;\n line-height: 8px;\n}\n.medium_f755b75cba {\n height: 6px;\n line-height: 6px;\n}\n.small_49d41c4c3a {\n height: 4px;\n line-height: 4px;\n}\n.container_c4f7a3985c {\n position: relative;\n width: 100%;\n background-color: var(--ui-background-color);\n border-radius: var(--border-radius-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=LinearProgressBar.module.scss.js.map
|