@vibe/core 3.83.4 → 3.84.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BaseItem/hooks/useListItemProps.d.ts +20 -0
- package/dist/components/BaseList/BaseList.d.ts +4 -0
- package/dist/components/BaseList/BaseList.types.d.ts +60 -0
- package/dist/components/BaseList/context/BaseListContext.d.ts +66 -0
- package/dist/components/BaseList/hooks/useBaseListFocus.d.ts +42 -0
- package/dist/components/BaseList/hooks/useBaseListKeyboard.d.ts +28 -0
- package/dist/components/BaseList/index.d.ts +3 -0
- package/dist/components/BaseList/utils/baseListUtils.d.ts +10 -0
- package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
- package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
- package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
- package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
- package/dist/mocked_classnames/components/BaseItem/hooks/useListItemProps.d.ts +20 -0
- package/dist/mocked_classnames/components/BaseList/BaseList.d.ts +4 -0
- package/dist/mocked_classnames/components/BaseList/BaseList.types.d.ts +60 -0
- package/dist/mocked_classnames/components/BaseList/context/BaseListContext.d.ts +66 -0
- package/dist/mocked_classnames/components/BaseList/hooks/useBaseListFocus.d.ts +42 -0
- package/dist/mocked_classnames/components/BaseList/hooks/useBaseListKeyboard.d.ts +28 -0
- package/dist/mocked_classnames/components/BaseList/index.d.ts +3 -0
- package/dist/mocked_classnames/components/BaseList/utils/baseListUtils.d.ts +10 -0
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseItem/BaseItem.js +1 -1
- package/dist/mocked_classnames/src/components/BaseItem/BaseItem.js.map +1 -1
- package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseItem/hooks/useListItemProps.js +2 -0
- package/dist/mocked_classnames/src/components/BaseItem/hooks/useListItemProps.js.map +1 -0
- package/dist/mocked_classnames/src/components/BaseList/context/BaseListContext.js +2 -0
- package/dist/mocked_classnames/src/components/BaseList/context/BaseListContext.js.map +1 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/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/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/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/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/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/mocked_classnames/src/constants/keyCodes.js +1 -1
- package/dist/mocked_classnames/src/constants/keyCodes.js.map +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/BaseItem/BaseItem.js +1 -1
- package/dist/src/components/BaseItem/BaseItem.js.map +1 -1
- package/dist/src/components/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/src/components/BaseItem/hooks/useListItemProps.js +2 -0
- package/dist/src/components/BaseItem/hooks/useListItemProps.js.map +1 -0
- package/dist/src/components/BaseList/context/BaseListContext.js +2 -0
- package/dist/src/components/BaseList/context/BaseListContext.js.map +1 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/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/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/Divider/Divider.module.scss.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/src/components/Label/Label.module.scss.js +1 -1
- package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/src/components/Link/Link.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/src/components/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/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/src/components/next/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/next/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/src/constants/keyCodes.js +1 -1
- package/dist/src/constants/keyCodes.js.map +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type BaseItemProps } from "../BaseItem.types";
|
|
2
|
+
type ListItemPropsInput<Item extends Record<string, unknown>> = Pick<BaseItemProps<Item>, "id" | "component" | "size" | "highlighted" | "role" | "itemProps">;
|
|
3
|
+
interface ListItemPropsOutput {
|
|
4
|
+
id: string | undefined;
|
|
5
|
+
component: string;
|
|
6
|
+
size: "small" | "medium" | "large";
|
|
7
|
+
highlighted: boolean;
|
|
8
|
+
role: string | undefined;
|
|
9
|
+
itemProps: Record<string, unknown>;
|
|
10
|
+
refCallback: ((element: HTMLElement | null) => void) | undefined;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Merges explicit BaseItem props with context values from BaseList.
|
|
14
|
+
* Explicit props always take precedence over context.
|
|
15
|
+
*
|
|
16
|
+
* @param props - The explicit props passed to BaseItem
|
|
17
|
+
* @returns Merged props with context values as defaults
|
|
18
|
+
*/
|
|
19
|
+
export declare function useListItemProps<Item extends Record<string, unknown>>(props: ListItemPropsInput<Item>): ListItemPropsOutput;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { type AriaAttributes, type AriaRole, type ReactElement } from "react";
|
|
2
|
+
import type React from "react";
|
|
3
|
+
import { type VibeComponentProps } from "../../types";
|
|
4
|
+
import { type BaseItemSizes } from "../BaseItem";
|
|
5
|
+
export type BaseListElement = "div" | "nav" | "ul" | "ol";
|
|
6
|
+
export type BaseListSizes = BaseItemSizes;
|
|
7
|
+
export interface BaseListProps extends Omit<React.HTMLAttributes<HTMLElement>, "id">, VibeComponentProps {
|
|
8
|
+
/**
|
|
9
|
+
* A unique identifier for the list. Required to ensure unique IDs across micro-frontends.
|
|
10
|
+
*/
|
|
11
|
+
id: string;
|
|
12
|
+
/**
|
|
13
|
+
* The HTML element to render as. Defaults to "ul".
|
|
14
|
+
*/
|
|
15
|
+
as?: BaseListElement;
|
|
16
|
+
/**
|
|
17
|
+
* The child elements inside the list.
|
|
18
|
+
*/
|
|
19
|
+
children?: ReactElement | ReactElement[];
|
|
20
|
+
/**
|
|
21
|
+
* The ARIA label describing the list. Required for accessibility when ariaDescribedBy is not provided.
|
|
22
|
+
*/
|
|
23
|
+
ariaLabel?: string;
|
|
24
|
+
/**
|
|
25
|
+
* The ID of an element that describes the list.
|
|
26
|
+
*/
|
|
27
|
+
ariaDescribedBy?: string;
|
|
28
|
+
/**
|
|
29
|
+
* The ID of an element controlled by the list.
|
|
30
|
+
*/
|
|
31
|
+
"aria-controls"?: AriaAttributes["aria-controls"];
|
|
32
|
+
/**
|
|
33
|
+
* The ARIA role of the list. Defaults to "listbox".
|
|
34
|
+
*/
|
|
35
|
+
role?: AriaRole;
|
|
36
|
+
/**
|
|
37
|
+
* The size of the list items.
|
|
38
|
+
*/
|
|
39
|
+
size?: BaseListSizes;
|
|
40
|
+
/**
|
|
41
|
+
* The maximum height of the list container. Enables scrolling when content exceeds this height.
|
|
42
|
+
*/
|
|
43
|
+
maxHeight?: number | string;
|
|
44
|
+
/**
|
|
45
|
+
* If true, the list will automatically focus on mount.
|
|
46
|
+
*/
|
|
47
|
+
focusOnMount?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Index of the item that should be focused initially. Defaults to 0.
|
|
50
|
+
*/
|
|
51
|
+
defaultFocusIndex?: number;
|
|
52
|
+
/**
|
|
53
|
+
* Callback fired when the focused item changes.
|
|
54
|
+
*/
|
|
55
|
+
onFocusChange?: (index: number, id?: string) => void;
|
|
56
|
+
/**
|
|
57
|
+
* If true, disables all keyboard navigation and focus management.
|
|
58
|
+
*/
|
|
59
|
+
disabled?: boolean;
|
|
60
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React, { type ReactNode, type AriaRole } from "react";
|
|
2
|
+
import { type BaseListSizes } from "../BaseList.types";
|
|
3
|
+
export interface BaseListItemContextProps {
|
|
4
|
+
/**
|
|
5
|
+
* The index of this item in the list.
|
|
6
|
+
*/
|
|
7
|
+
index: number;
|
|
8
|
+
/**
|
|
9
|
+
* The derived ID for this item.
|
|
10
|
+
*/
|
|
11
|
+
id: string;
|
|
12
|
+
/**
|
|
13
|
+
* Whether this item is currently highlighted (has keyboard focus).
|
|
14
|
+
*/
|
|
15
|
+
highlighted: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* The tabIndex for this item (0 if highlighted, -1 otherwise).
|
|
18
|
+
*/
|
|
19
|
+
tabIndex: number;
|
|
20
|
+
/**
|
|
21
|
+
* The HTML element to render as.
|
|
22
|
+
*/
|
|
23
|
+
component: string;
|
|
24
|
+
/**
|
|
25
|
+
* The size of the item.
|
|
26
|
+
*/
|
|
27
|
+
size: BaseListSizes;
|
|
28
|
+
/**
|
|
29
|
+
* The ARIA role for this item.
|
|
30
|
+
*/
|
|
31
|
+
role: AriaRole | undefined;
|
|
32
|
+
/**
|
|
33
|
+
* Callback ref to register the item's DOM element.
|
|
34
|
+
*/
|
|
35
|
+
refCallback: (element: HTMLElement | null) => void;
|
|
36
|
+
}
|
|
37
|
+
export interface BaseListContextProps {
|
|
38
|
+
/**
|
|
39
|
+
* The index of the currently focused/active item.
|
|
40
|
+
*/
|
|
41
|
+
activeItemIndex: number;
|
|
42
|
+
/**
|
|
43
|
+
* Callback to update the focused item by id and index.
|
|
44
|
+
*/
|
|
45
|
+
updateFocusedItem: (id: string, index: number) => void;
|
|
46
|
+
/**
|
|
47
|
+
* Register an item ref for keyboard navigation.
|
|
48
|
+
*/
|
|
49
|
+
registerItem: (ref: HTMLElement | null, index: number) => void;
|
|
50
|
+
/**
|
|
51
|
+
* The size of items in the list.
|
|
52
|
+
*/
|
|
53
|
+
size?: BaseListSizes;
|
|
54
|
+
}
|
|
55
|
+
export interface BaseListProviderProps {
|
|
56
|
+
value: BaseListContextProps;
|
|
57
|
+
children: ReactNode;
|
|
58
|
+
}
|
|
59
|
+
export interface BaseListItemProviderProps {
|
|
60
|
+
value: BaseListItemContextProps;
|
|
61
|
+
children: ReactNode;
|
|
62
|
+
}
|
|
63
|
+
export declare const BaseListProvider: ({ value, children }: BaseListProviderProps) => React.JSX.Element;
|
|
64
|
+
export declare const BaseListItemProvider: ({ value, children }: BaseListItemProviderProps) => React.JSX.Element;
|
|
65
|
+
export declare const useBaseList: () => BaseListContextProps;
|
|
66
|
+
export declare const useBaseListItem: () => BaseListItemContextProps | undefined;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface UseBaseListFocusProps {
|
|
3
|
+
/**
|
|
4
|
+
* Index of the item that should be focused initially.
|
|
5
|
+
*/
|
|
6
|
+
defaultFocusIndex: number;
|
|
7
|
+
/**
|
|
8
|
+
* Callback fired when the focused item changes.
|
|
9
|
+
*/
|
|
10
|
+
onFocusChange?: (index: number, id?: string) => void;
|
|
11
|
+
/**
|
|
12
|
+
* The unique identifier for the list.
|
|
13
|
+
*/
|
|
14
|
+
listId: string | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* If true, disables focus management.
|
|
17
|
+
*/
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface UseBaseListFocusResult {
|
|
21
|
+
/**
|
|
22
|
+
* The index of the currently focused item.
|
|
23
|
+
*/
|
|
24
|
+
focusIndex: number;
|
|
25
|
+
/**
|
|
26
|
+
* The ID of the active descendant for aria-activedescendant.
|
|
27
|
+
*/
|
|
28
|
+
activeDescendantId: string | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* Callback to update the focused item.
|
|
31
|
+
*/
|
|
32
|
+
updateFocusedItem: (itemId: string, index: number) => void;
|
|
33
|
+
/**
|
|
34
|
+
* Callback to register an item ref.
|
|
35
|
+
*/
|
|
36
|
+
registerItem: (itemRef: HTMLElement | null, index: number) => void;
|
|
37
|
+
/**
|
|
38
|
+
* Ref array containing all item DOM elements.
|
|
39
|
+
*/
|
|
40
|
+
childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;
|
|
41
|
+
}
|
|
42
|
+
export declare const useBaseListFocus: ({ defaultFocusIndex, onFocusChange, listId, disabled }: UseBaseListFocusProps) => UseBaseListFocusResult;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface UseBaseListKeyboardProps {
|
|
3
|
+
/**
|
|
4
|
+
* The index of the currently focused item.
|
|
5
|
+
*/
|
|
6
|
+
focusIndex: number;
|
|
7
|
+
/**
|
|
8
|
+
* Ref array containing all item DOM elements.
|
|
9
|
+
*/
|
|
10
|
+
childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;
|
|
11
|
+
/**
|
|
12
|
+
* The unique identifier for the list.
|
|
13
|
+
*/
|
|
14
|
+
listId: string | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Callback to update the focused item.
|
|
17
|
+
*/
|
|
18
|
+
updateFocusedItem: (itemId: string, index: number) => void;
|
|
19
|
+
/**
|
|
20
|
+
* Ref to the list container element.
|
|
21
|
+
*/
|
|
22
|
+
componentRef: React.RefObject<HTMLElement>;
|
|
23
|
+
/**
|
|
24
|
+
* If true, disables keyboard navigation.
|
|
25
|
+
*/
|
|
26
|
+
disabled: boolean;
|
|
27
|
+
}
|
|
28
|
+
export declare const useBaseListKeyboard: ({ focusIndex, childrenRefs, listId, updateFocusedItem, componentRef, disabled }: UseBaseListKeyboardProps) => void;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { default as BaseList } from "./BaseList";
|
|
2
|
+
export * from "./BaseList.types";
|
|
3
|
+
export { BaseListProvider, BaseListItemProvider, useBaseList, useBaseListItem, type BaseListContextProps, type BaseListItemContextProps, type BaseListProviderProps, type BaseListItemProviderProps } from "./context/BaseListContext";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const VALID_ROLES: string[];
|
|
2
|
+
export declare const getChildRole: (listRole: string) => string;
|
|
3
|
+
export declare const getItemId: (listId: string, index: number, customId?: string) => string;
|
|
4
|
+
export declare const isListItem: (element: HTMLElement | null) => boolean;
|
|
5
|
+
export declare const isFocusableListItem: (element: HTMLElement | null) => boolean;
|
|
6
|
+
export declare const getItemComponentType: (listElement: string) => string;
|
|
7
|
+
export declare const findAdjacentFocusableIndex: (refs: (HTMLElement | null)[], currentIndex: number, direction: "next" | "prev", shouldWrap?: boolean) => number | undefined;
|
|
8
|
+
export declare const findFirstFocusableIndex: (refs: (HTMLElement | null)[]) => number;
|
|
9
|
+
export declare const findLastFocusableIndex: (refs: (HTMLElement | null)[]) => number;
|
|
10
|
+
export declare const findSelectedItemIndex: (refs: (HTMLElement | null)[]) => number;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var a={arrow:"
|
|
1
|
+
var a={arrow:"arrow_0b4c7d234a"};!function(a){var e="s_id-3fb64cda561a_3_0_11";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;var r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow_0b4c7d234a {\n width: 12px;\n height: 12px;\n position: absolute;\n border-radius: 2px;\n background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow_0b4c7d234a[data-placement*=right], .black-app-theme .arrow_0b4c7d234a[data-placement*=right], .hacker-app-theme .arrow_0b4c7d234a[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_0b4c7d234a[data-placement*=left], .black-app-theme .arrow_0b4c7d234a[data-placement*=left], .hacker-app-theme .arrow_0b4c7d234a[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_0b4c7d234a[data-placement*=bottom], .black-app-theme .arrow_0b4c7d234a[data-placement*=bottom], .hacker-app-theme .arrow_0b4c7d234a[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_0b4c7d234a[data-placement*=top], .black-app-theme .arrow_0b4c7d234a[data-placement*=top], .hacker-app-theme .arrow_0b4c7d234a[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_0b4c7d234a[data-placement*=bottom] {\n top: 1px;\n}\n.arrow_0b4c7d234a[data-placement*=top] {\n bottom: 1px;\n}\n.arrow_0b4c7d234a[data-placement*=left] {\n right: 1px;\n}\n.arrow_0b4c7d234a[data-placement*=right] {\n left: 1px;\n}");export{a as default};
|
|
2
2
|
//# sourceMappingURL=Dialog.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={contentWrapper:"
|
|
1
|
+
var e={contentWrapper:"contentWrapper_187ed4f114",top:"top_df6c555d51",right:"right_c8ecf788b2",left:"left_398797c38e",bottom:"bottom_1e12c8dc7f",bottomStart:"bottomStart_a35f149a00",topStart:"topStart_26f5b9daea",bottomEnd:"bottomEnd_e7024fdf31",topEnd:"topEnd_44d2601331",leftStart:"leftStart_cfa8ac70aa",rightStart:"rightStart_7e16f16d69",leftEnd:"leftEnd_d87ac4a24c",rightEnd:"rightEnd_ebba7da78f",contentComponent:"contentComponent_effd6286d7",hasTooltip:"hasTooltip_8a2aa0b04f",opacitySlideAppear:"opacitySlideAppear_44fef1cba2",opacitySlideAppearActive:"opacitySlideAppearActive_0b7383c958",expandAppear:"expandAppear_691bfe57f1",expandExit:"expandExit_d5a9eccb8d",edgeBottom:"edgeBottom_d7f91dad73",edgeTop:"edgeTop_a2a5f5f2dc",expandAppearActive:"expandAppearActive_5a54c26ad6"};!function(e){var a="s_id-ca4097b848ab_3_0_11";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;var d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper_187ed4f114 {\n outline: 0;\n}\n.contentWrapper_187ed4f114.top_df6c555d51, .contentWrapper_187ed4f114.right_c8ecf788b2, .contentWrapper_187ed4f114.left_398797c38e, .contentWrapper_187ed4f114.bottom_1e12c8dc7f {\n padding: var(--spacing-xs);\n}\n.contentWrapper_187ed4f114.bottomStart_a35f149a00, .contentWrapper_187ed4f114.topStart_26f5b9daea, .contentWrapper_187ed4f114.bottomEnd_e7024fdf31, .contentWrapper_187ed4f114.topEnd_44d2601331 {\n padding-block: var(--spacing-xs);\n}\n.contentWrapper_187ed4f114.bottomStart_a35f149a00, .contentWrapper_187ed4f114.topStart_26f5b9daea {\n padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_187ed4f114.bottomEnd_e7024fdf31, .contentWrapper_187ed4f114.topEnd_44d2601331 {\n padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_187ed4f114.leftStart_cfa8ac70aa, .contentWrapper_187ed4f114.rightStart_7e16f16d69, .contentWrapper_187ed4f114.leftEnd_d87ac4a24c, .contentWrapper_187ed4f114.rightEnd_ebba7da78f {\n padding-inline: var(--spacing-xs);\n}\n.contentWrapper_187ed4f114.leftStart_cfa8ac70aa, .contentWrapper_187ed4f114.rightStart_7e16f16d69 {\n padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_187ed4f114.leftEnd_d87ac4a24c, .contentWrapper_187ed4f114.rightEnd_ebba7da78f {\n padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_187ed4f114[data-popper-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent_effd6286d7:focus {\n outline: none;\n}\n.contentComponent_effd6286d7.hasTooltip_8a2aa0b04f {\n padding: 6px;\n}\n.opacitySlideAppear_44fef1cba2 {\n opacity: 0;\n}\n.opacitySlideAppear_44fef1cba2.top_df6c555d51 {\n transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_44fef1cba2.right_c8ecf788b2 {\n transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_44fef1cba2.bottom_1e12c8dc7f {\n transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_44fef1cba2.left_398797c38e {\n transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_0b7383c958 {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive_0b7383c958.top_df6c555d51, .opacitySlideAppearActive_0b7383c958.bottom_1e12c8dc7f {\n transform: translateY(0);\n}\n.opacitySlideAppearActive_0b7383c958.right_c8ecf788b2, .opacitySlideAppearActive_0b7383c958.left_398797c38e {\n transform: translateX(0);\n}\n.expandAppear_691bfe57f1,\n.expandExit_d5a9eccb8d {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_691bfe57f1.top_df6c555d51, .expandAppear_691bfe57f1.topStart_26f5b9daea, .expandAppear_691bfe57f1.topEnd_44d2601331,\n.expandExit_d5a9eccb8d.top_df6c555d51,\n.expandExit_d5a9eccb8d.topStart_26f5b9daea,\n.expandExit_d5a9eccb8d.topEnd_44d2601331 {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear_691bfe57f1.top_df6c555d51.edgeBottom_d7f91dad73, .expandAppear_691bfe57f1.topStart_26f5b9daea.edgeBottom_d7f91dad73, .expandAppear_691bfe57f1.topEnd_44d2601331.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.top_df6c555d51.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.topStart_26f5b9daea.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.topEnd_44d2601331.edgeBottom_d7f91dad73 {\n transform-origin: bottom left;\n}\n.expandAppear_691bfe57f1.top_df6c555d51.edgeTop_a2a5f5f2dc, .expandAppear_691bfe57f1.topStart_26f5b9daea.edgeTop_a2a5f5f2dc, .expandAppear_691bfe57f1.topEnd_44d2601331.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.top_df6c555d51.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.topStart_26f5b9daea.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.topEnd_44d2601331.edgeTop_a2a5f5f2dc {\n transform-origin: bottom right;\n}\n.expandAppear_691bfe57f1.right_c8ecf788b2, .expandAppear_691bfe57f1.rightStart_7e16f16d69, .expandAppear_691bfe57f1.rightEnd_ebba7da78f,\n.expandExit_d5a9eccb8d.right_c8ecf788b2,\n.expandExit_d5a9eccb8d.rightStart_7e16f16d69,\n.expandExit_d5a9eccb8d.rightEnd_ebba7da78f {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear_691bfe57f1.right_c8ecf788b2.edgeBottom_d7f91dad73, .expandAppear_691bfe57f1.rightStart_7e16f16d69.edgeBottom_d7f91dad73, .expandAppear_691bfe57f1.rightEnd_ebba7da78f.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.right_c8ecf788b2.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.rightStart_7e16f16d69.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.rightEnd_ebba7da78f.edgeBottom_d7f91dad73 {\n transform-origin: top left;\n}\n.expandAppear_691bfe57f1.right_c8ecf788b2.edgeTop_a2a5f5f2dc, .expandAppear_691bfe57f1.rightStart_7e16f16d69.edgeTop_a2a5f5f2dc, .expandAppear_691bfe57f1.rightEnd_ebba7da78f.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.right_c8ecf788b2.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.rightStart_7e16f16d69.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.rightEnd_ebba7da78f.edgeTop_a2a5f5f2dc {\n transform-origin: bottom left;\n}\n.expandAppear_691bfe57f1.bottom_1e12c8dc7f, .expandAppear_691bfe57f1.bottomStart_a35f149a00, .expandAppear_691bfe57f1.bottomEnd_e7024fdf31,\n.expandExit_d5a9eccb8d.bottom_1e12c8dc7f,\n.expandExit_d5a9eccb8d.bottomStart_a35f149a00,\n.expandExit_d5a9eccb8d.bottomEnd_e7024fdf31 {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear_691bfe57f1.bottom_1e12c8dc7f.edgeBottom_d7f91dad73, .expandAppear_691bfe57f1.bottomStart_a35f149a00.edgeBottom_d7f91dad73, .expandAppear_691bfe57f1.bottomEnd_e7024fdf31.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.bottom_1e12c8dc7f.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.bottomStart_a35f149a00.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.bottomEnd_e7024fdf31.edgeBottom_d7f91dad73 {\n transform-origin: top left;\n}\n.expandAppear_691bfe57f1.bottom_1e12c8dc7f.edgeTop_a2a5f5f2dc, .expandAppear_691bfe57f1.bottomStart_a35f149a00.edgeTop_a2a5f5f2dc, .expandAppear_691bfe57f1.bottomEnd_e7024fdf31.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.bottom_1e12c8dc7f.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.bottomStart_a35f149a00.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.bottomEnd_e7024fdf31.edgeTop_a2a5f5f2dc {\n transform-origin: top right;\n}\n.expandAppear_691bfe57f1.left_398797c38e, .expandAppear_691bfe57f1.leftStart_cfa8ac70aa, .expandAppear_691bfe57f1.leftEnd_d87ac4a24c,\n.expandExit_d5a9eccb8d.left_398797c38e,\n.expandExit_d5a9eccb8d.leftStart_cfa8ac70aa,\n.expandExit_d5a9eccb8d.leftEnd_d87ac4a24c {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear_691bfe57f1.left_398797c38e.edgeBottom_d7f91dad73, .expandAppear_691bfe57f1.leftStart_cfa8ac70aa.edgeBottom_d7f91dad73, .expandAppear_691bfe57f1.leftEnd_d87ac4a24c.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.left_398797c38e.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.leftStart_cfa8ac70aa.edgeBottom_d7f91dad73,\n.expandExit_d5a9eccb8d.leftEnd_d87ac4a24c.edgeBottom_d7f91dad73 {\n transform-origin: top right;\n}\n.expandAppear_691bfe57f1.left_398797c38e.edgeTop_a2a5f5f2dc, .expandAppear_691bfe57f1.leftStart_cfa8ac70aa.edgeTop_a2a5f5f2dc, .expandAppear_691bfe57f1.leftEnd_d87ac4a24c.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.left_398797c38e.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.leftStart_cfa8ac70aa.edgeTop_a2a5f5f2dc,\n.expandExit_d5a9eccb8d.leftEnd_d87ac4a24c.edgeTop_a2a5f5f2dc {\n transform-origin: bottom right;\n}\n.expandExit_d5a9eccb8d {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_5a54c26ad6 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive_5a54c26ad6.top_df6c555d51, .expandAppearActive_5a54c26ad6.topStart_26f5b9daea, .expandAppearActive_5a54c26ad6.topEnd_44d2601331, .expandAppearActive_5a54c26ad6.bottom_1e12c8dc7f, .expandAppearActive_5a54c26ad6.bottomStart_a35f149a00, .expandAppearActive_5a54c26ad6.bottomEnd_e7024fdf31, .expandAppearActive_5a54c26ad6.right_c8ecf788b2, .expandAppearActive_5a54c26ad6.rightStart_7e16f16d69, .expandAppearActive_5a54c26ad6.rightEnd_ebba7da78f, .expandAppearActive_5a54c26ad6.left_398797c38e, .expandAppearActive_5a54c26ad6.leftStart_cfa8ac70aa, .expandAppearActive_5a54c26ad6.leftEnd_d87ac4a24c {\n transform: scale(1);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=DialogContent.module.scss.js.map
|
package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={dialogContentContainer:"
|
|
1
|
+
var e={dialogContentContainer:"dialogContentContainer_1b8a1c0f7b",sizeSmall:"sizeSmall_b4c7368703",sizeMedium:"sizeMedium_07d35767fe",sizeLarge:"sizeLarge_98b56b6e62",typePopover:"typePopover_80845ab7fd",typeModal:"typeModal_bd1fb0ee9a"};!function(e){var a="s_id-f752ec1c8102_3_0_11";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;var o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_1b8a1c0f7b:focus {\n outline: none;\n}\n\n.sizeSmall_b4c7368703 {\n padding: var(--spacing-small);\n}\n\n.sizeMedium_07d35767fe {\n padding: var(--spacing-medium);\n}\n\n.sizeLarge_98b56b6e62 {\n padding: var(--spacing-large);\n}\n\n.typePopover_80845ab7fd {\n box-shadow: var(--box-shadow-medium);\n border-radius: var(--border-radius-medium);\n background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_80845ab7fd, .black-app-theme .typePopover_80845ab7fd, .hacker-app-theme .typePopover_80845ab7fd {\n box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_bd1fb0ee9a {\n box-shadow: var(--box-shadow-large);\n border-radius: var(--border-radius-big);\n background-color: var(--primary-background-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=DialogContentContainer.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"
|
|
1
|
+
var e={wrapper:"wrapper_dc782204a6",referenceWrapper:"referenceWrapper_8e21284be6",loader:"loader_732a412571",xxs:"xxs_865832fc47"};!function(e){var n="s_id-8d1605f1f87b_3_0_4";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;var r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_dc782204a6 {\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n display: inline-flex;\n}\n\n.referenceWrapper_8e21284be6 {\n display: inline-flex;\n}\n\n.referenceWrapper_8e21284be6 button .loader_732a412571 {\n width: 16px;\n height: 16px;\n}\n\n.referenceWrapper_8e21284be6 button .loader_732a412571.xxs_865832fc47 {\n width: 10px;\n height: 10px;\n}\n\n.referenceWrapper_8e21284be6 button .loader_732a412571.xxs_865832fc47 svg {\n display: block;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=IconButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var a={tooltip:"
|
|
1
|
+
var a={tooltip:"tooltip_b30990657b",image:"image_aff5d80493",title:"title_7cc5d38b35",content:"content_7e8b9e715e",paddingSizeMd:"paddingSizeMd_cfd8a563e3",tooltipWhiteLink:"tooltipWhiteLink_97ea025c8b",arrow:"arrow_b6a7cb9f4d",dark:"dark_4fbab72964",primary:"primary_acf42ed308"};!function(a){var r="s_id-332ea663cae9_3_0_4";if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;var o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltip_b30990657b {\n position: relative;\n display: inline-block;\n border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n box-shadow: var(--box-shadow-medium);\n font: var(--font-text2-normal);\n max-width: var(--tooltip-max-width, 50vw);\n word-break: break-word;\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n --tooltip-max-width: 240px;\n white-space: pre-wrap;\n}\n.tooltip_b30990657b .image_aff5d80493 {\n display: block;\n position: relative;\n border-top-right-radius: 2px;\n border-top-left-radius: 2px;\n padding: 2px 2px 0 2px;\n -o-object-fit: cover;\n object-fit: cover;\n width: 100%;\n height: 100%;\n min-width: var(--tooltip-max-width);\n z-index: 1;\n}\n.tooltip_b30990657b .title_7cc5d38b35 {\n font: var(--font-text2-bold);\n}\n.tooltip_b30990657b .content_7e8b9e715e {\n word-break: break-word;\n display: inline-block;\n padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_b30990657b.paddingSizeMd_cfd8a563e3 {\n border-radius: var(--border-radius-medium);\n padding: var(--spacing-medium);\n font: var(--font-text2-normal);\n}\n.tooltip_b30990657b a.tooltipWhiteLink_97ea025c8b {\n color: #fff;\n}\n.arrow_b6a7cb9f4d,\n.dark_4fbab72964,\n.arrow_b6a7cb9f4d.dark_4fbab72964 {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_b6a7cb9f4d.arrow_b6a7cb9f4d.dark_4fbab72964, .black-app-theme .arrow_b6a7cb9f4d.arrow_b6a7cb9f4d.dark_4fbab72964, .hacker-app-theme .arrow_b6a7cb9f4d.arrow_b6a7cb9f4d.dark_4fbab72964,\n.dark-app-theme .arrow_b6a7cb9f4d.arrow_b6a7cb9f4d.primary_acf42ed308,\n.black-app-theme .arrow_b6a7cb9f4d.arrow_b6a7cb9f4d.primary_acf42ed308,\n.hacker-app-theme .arrow_b6a7cb9f4d.arrow_b6a7cb9f4d.primary_acf42ed308 {\n box-shadow: none;\n}\n.primary_acf42ed308,\n.arrow_b6a7cb9f4d.primary_acf42ed308 {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n}");export{a as default};
|
|
2
2
|
//# sourceMappingURL=Tooltip.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={h1Bold:"
|
|
1
|
+
var n={h1Bold:"h1Bold_ec9e90d71e",h1Medium:"h1Medium_b8b10e22cc",h1Normal:"h1Normal_136e13d771",h1Light:"h1Light_24fc5a5f54",h2Bold:"h2Bold_47549e5edd",h2Medium:"h2Medium_f9cc629afd",h2Normal:"h2Normal_3a230b8ac0",h2Light:"h2Light_0b81dd8b9b",h3Bold:"h3Bold_5392c5fa84",h3Medium:"h3Medium_d28a14714d",h3Normal:"h3Normal_3638f5c8be",h3Light:"h3Light_05cbd0e0f3",heading:"heading_51b0817c79"};!function(n){var o="s_id-59bb8c9e4a21_3_0_4";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;var e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_ec9e90d71e {\n font: var(--font-h1-bold);\n letter-spacing: var(--letter-spacing-h1-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_b8b10e22cc {\n font: var(--font-h1-medium);\n letter-spacing: var(--letter-spacing-h1-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_136e13d771 {\n font: var(--font-h1-normal);\n letter-spacing: var(--letter-spacing-h1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_24fc5a5f54 {\n font: var(--font-h1-light);\n letter-spacing: var(--letter-spacing-h1-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_47549e5edd {\n font: var(--font-h2-bold);\n letter-spacing: var(--letter-spacing-h2-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_f9cc629afd {\n font: var(--font-h2-medium);\n letter-spacing: var(--letter-spacing-h2-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_3a230b8ac0 {\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.h2Light_0b81dd8b9b {\n font: var(--font-h2-light);\n letter-spacing: var(--letter-spacing-h2-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_5392c5fa84 {\n font: var(--font-h3-bold);\n letter-spacing: var(--letter-spacing-h3-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_d28a14714d {\n font: var(--font-h3-medium);\n letter-spacing: var(--letter-spacing-h3-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_3638f5c8be {\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.h3Light_05cbd0e0f3 {\n font: var(--font-h3-light);\n letter-spacing: var(--letter-spacing-h3-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.heading_51b0817c79 {\n margin: 0;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Heading.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={text1Bold:"
|
|
1
|
+
var t={text1Bold:"text1Bold_97f34fd383",text1Medium:"text1Medium_85dd0aafb0",text1Normal:"text1Normal_7ebbfa75bc",text2Bold:"text2Bold_7cc5d38b35",text2Medium:"text2Medium_2e4b445e66",text2Normal:"text2Normal_4d682c2736",text3Bold:"text3Bold_178c716891",text3Medium:"text3Medium_619f3b91e4",text3Normal:"text3Normal_f4f1f32eda",text:"text_0b060faab4"};!function(t){var e="s_id-68cb3da94f9d_3_0_4";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;var a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_97f34fd383 {\n font: var(--font-text1-bold);\n}\n.text1Medium_85dd0aafb0 {\n font: var(--font-text1-medium);\n}\n.text1Normal_7ebbfa75bc {\n font: var(--font-text1-normal);\n}\n.text2Bold_7cc5d38b35 {\n font: var(--font-text2-bold);\n}\n.text2Medium_2e4b445e66 {\n font: var(--font-text2-medium);\n}\n.text2Normal_4d682c2736 {\n font: var(--font-text2-normal);\n}\n.text3Bold_178c716891 {\n font: var(--font-text3-bold);\n}\n.text3Medium_619f3b91e4 {\n font: var(--font-text3-medium);\n}\n.text3Normal_f4f1f32eda {\n font: var(--font-text3-normal);\n}\np:first-of-type.text_0b060faab4 {\n margin-block: 0;\n}\np.text_0b060faab4 + p {\n margin-block-start: var(--spacing-large);\n margin-block-end: 0;\n}");export{t as default};
|
|
2
2
|
//# sourceMappingURL=Text.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={typography:"
|
|
1
|
+
var e={typography:"typography_75b94563ee","focus-visible":"focus-visible_0a1cfd5ae6",primary:"primary_e45e4528a1",secondary:"secondary_4932ff2e14",negative:"negative_1a56039c16",onPrimary:"onPrimary_be137042bc",onInverted:"onInverted_80abbe8440",fixedLight:"fixedLight_ffd14d0219",fixedDark:"fixedDark_0b12acc180",inherit:"inherit_eef68cf6a2",alignInherit:"alignInherit_c05f9efa64",start:"start_115af12674",center:"center_06783fe85a",end:"end_5816e9d0a7",singleLineEllipsis:"singleLineEllipsis_a248c8d340",multiLineEllipsis:"multiLineEllipsis_565f110495"};!function(e){var n="s_id-4464ab31b8e6_3_0_4";if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;var i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.typography_75b94563ee > a {\n text-decoration: none;\n color: var(--link-color);\n}\n.typography_75b94563ee > a:focus-visible, .typography_75b94563ee > a.focus-visible_0a1cfd5ae6 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_75b94563ee > a:focus:not(.focus-visible_0a1cfd5ae6) {\n outline: none;\n}\n.typography_75b94563ee > a:hover {\n text-decoration: underline;\n}\n.typography_75b94563ee:disabled, .typography_75b94563ee[aria-disabled=true] {\n color: var(--disabled-text-color);\n}\n.primary_e45e4528a1 {\n color: var(--primary-text-color);\n}\n.secondary_4932ff2e14 {\n color: var(--secondary-text-color);\n}\n.negative_1a56039c16 {\n color: var(--color-error);\n}\n.onPrimary_be137042bc {\n color: var(--text-color-on-primary);\n}\n.onPrimary_be137042bc a {\n color: var(--text-color-on-primary);\n text-decoration: underline;\n}\n.onInverted_80abbe8440 {\n color: var(--text-color-on-inverted);\n}\n.onInverted_80abbe8440 a {\n color: var(--text-color-on-inverted);\n text-decoration: underline;\n}\n.fixedLight_ffd14d0219 {\n color: var(--fixed-light-color);\n}\n.fixedLight_ffd14d0219 a {\n color: var(--fixed-light-color);\n text-decoration: underline;\n}\n.fixedDark_0b12acc180 {\n color: var(--fixed-dark-color);\n}\n.fixedDark_0b12acc180 a {\n color: var(--fixed-dark-color);\n text-decoration: underline;\n}\n.inherit_eef68cf6a2 {\n color: inherit;\n}\n.inherit_eef68cf6a2 a {\n color: inherit;\n text-decoration: underline;\n}\n.alignInherit_c05f9efa64 {\n text-align: inherit;\n}\n.start_115af12674 {\n text-align: start;\n}\n.center_06783fe85a {\n text-align: center;\n}\n.end_5816e9d0a7 {\n text-align: end;\n}\n.singleLineEllipsis_a248c8d340 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.multiLineEllipsis_565f110495 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: var(--text-clamp-lines);\n -webkit-box-orient: vertical;\n white-space: initial;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Typography.module.scss.js.map
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type BaseItemProps } from "../BaseItem.types";
|
|
2
|
+
type ListItemPropsInput<Item extends Record<string, unknown>> = Pick<BaseItemProps<Item>, "id" | "component" | "size" | "highlighted" | "role" | "itemProps">;
|
|
3
|
+
interface ListItemPropsOutput {
|
|
4
|
+
id: string | undefined;
|
|
5
|
+
component: string;
|
|
6
|
+
size: "small" | "medium" | "large";
|
|
7
|
+
highlighted: boolean;
|
|
8
|
+
role: string | undefined;
|
|
9
|
+
itemProps: Record<string, unknown>;
|
|
10
|
+
refCallback: ((element: HTMLElement | null) => void) | undefined;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Merges explicit BaseItem props with context values from BaseList.
|
|
14
|
+
* Explicit props always take precedence over context.
|
|
15
|
+
*
|
|
16
|
+
* @param props - The explicit props passed to BaseItem
|
|
17
|
+
* @returns Merged props with context values as defaults
|
|
18
|
+
*/
|
|
19
|
+
export declare function useListItemProps<Item extends Record<string, unknown>>(props: ListItemPropsInput<Item>): ListItemPropsOutput;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { type AriaAttributes, type AriaRole, type ReactElement } from "react";
|
|
2
|
+
import type React from "react";
|
|
3
|
+
import { type VibeComponentProps } from "../../types";
|
|
4
|
+
import { type BaseItemSizes } from "../BaseItem";
|
|
5
|
+
export type BaseListElement = "div" | "nav" | "ul" | "ol";
|
|
6
|
+
export type BaseListSizes = BaseItemSizes;
|
|
7
|
+
export interface BaseListProps extends Omit<React.HTMLAttributes<HTMLElement>, "id">, VibeComponentProps {
|
|
8
|
+
/**
|
|
9
|
+
* A unique identifier for the list. Required to ensure unique IDs across micro-frontends.
|
|
10
|
+
*/
|
|
11
|
+
id: string;
|
|
12
|
+
/**
|
|
13
|
+
* The HTML element to render as. Defaults to "ul".
|
|
14
|
+
*/
|
|
15
|
+
as?: BaseListElement;
|
|
16
|
+
/**
|
|
17
|
+
* The child elements inside the list.
|
|
18
|
+
*/
|
|
19
|
+
children?: ReactElement | ReactElement[];
|
|
20
|
+
/**
|
|
21
|
+
* The ARIA label describing the list. Required for accessibility when ariaDescribedBy is not provided.
|
|
22
|
+
*/
|
|
23
|
+
ariaLabel?: string;
|
|
24
|
+
/**
|
|
25
|
+
* The ID of an element that describes the list.
|
|
26
|
+
*/
|
|
27
|
+
ariaDescribedBy?: string;
|
|
28
|
+
/**
|
|
29
|
+
* The ID of an element controlled by the list.
|
|
30
|
+
*/
|
|
31
|
+
"aria-controls"?: AriaAttributes["aria-controls"];
|
|
32
|
+
/**
|
|
33
|
+
* The ARIA role of the list. Defaults to "listbox".
|
|
34
|
+
*/
|
|
35
|
+
role?: AriaRole;
|
|
36
|
+
/**
|
|
37
|
+
* The size of the list items.
|
|
38
|
+
*/
|
|
39
|
+
size?: BaseListSizes;
|
|
40
|
+
/**
|
|
41
|
+
* The maximum height of the list container. Enables scrolling when content exceeds this height.
|
|
42
|
+
*/
|
|
43
|
+
maxHeight?: number | string;
|
|
44
|
+
/**
|
|
45
|
+
* If true, the list will automatically focus on mount.
|
|
46
|
+
*/
|
|
47
|
+
focusOnMount?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Index of the item that should be focused initially. Defaults to 0.
|
|
50
|
+
*/
|
|
51
|
+
defaultFocusIndex?: number;
|
|
52
|
+
/**
|
|
53
|
+
* Callback fired when the focused item changes.
|
|
54
|
+
*/
|
|
55
|
+
onFocusChange?: (index: number, id?: string) => void;
|
|
56
|
+
/**
|
|
57
|
+
* If true, disables all keyboard navigation and focus management.
|
|
58
|
+
*/
|
|
59
|
+
disabled?: boolean;
|
|
60
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React, { type ReactNode, type AriaRole } from "react";
|
|
2
|
+
import { type BaseListSizes } from "../BaseList.types";
|
|
3
|
+
export interface BaseListItemContextProps {
|
|
4
|
+
/**
|
|
5
|
+
* The index of this item in the list.
|
|
6
|
+
*/
|
|
7
|
+
index: number;
|
|
8
|
+
/**
|
|
9
|
+
* The derived ID for this item.
|
|
10
|
+
*/
|
|
11
|
+
id: string;
|
|
12
|
+
/**
|
|
13
|
+
* Whether this item is currently highlighted (has keyboard focus).
|
|
14
|
+
*/
|
|
15
|
+
highlighted: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* The tabIndex for this item (0 if highlighted, -1 otherwise).
|
|
18
|
+
*/
|
|
19
|
+
tabIndex: number;
|
|
20
|
+
/**
|
|
21
|
+
* The HTML element to render as.
|
|
22
|
+
*/
|
|
23
|
+
component: string;
|
|
24
|
+
/**
|
|
25
|
+
* The size of the item.
|
|
26
|
+
*/
|
|
27
|
+
size: BaseListSizes;
|
|
28
|
+
/**
|
|
29
|
+
* The ARIA role for this item.
|
|
30
|
+
*/
|
|
31
|
+
role: AriaRole | undefined;
|
|
32
|
+
/**
|
|
33
|
+
* Callback ref to register the item's DOM element.
|
|
34
|
+
*/
|
|
35
|
+
refCallback: (element: HTMLElement | null) => void;
|
|
36
|
+
}
|
|
37
|
+
export interface BaseListContextProps {
|
|
38
|
+
/**
|
|
39
|
+
* The index of the currently focused/active item.
|
|
40
|
+
*/
|
|
41
|
+
activeItemIndex: number;
|
|
42
|
+
/**
|
|
43
|
+
* Callback to update the focused item by id and index.
|
|
44
|
+
*/
|
|
45
|
+
updateFocusedItem: (id: string, index: number) => void;
|
|
46
|
+
/**
|
|
47
|
+
* Register an item ref for keyboard navigation.
|
|
48
|
+
*/
|
|
49
|
+
registerItem: (ref: HTMLElement | null, index: number) => void;
|
|
50
|
+
/**
|
|
51
|
+
* The size of items in the list.
|
|
52
|
+
*/
|
|
53
|
+
size?: BaseListSizes;
|
|
54
|
+
}
|
|
55
|
+
export interface BaseListProviderProps {
|
|
56
|
+
value: BaseListContextProps;
|
|
57
|
+
children: ReactNode;
|
|
58
|
+
}
|
|
59
|
+
export interface BaseListItemProviderProps {
|
|
60
|
+
value: BaseListItemContextProps;
|
|
61
|
+
children: ReactNode;
|
|
62
|
+
}
|
|
63
|
+
export declare const BaseListProvider: ({ value, children }: BaseListProviderProps) => React.JSX.Element;
|
|
64
|
+
export declare const BaseListItemProvider: ({ value, children }: BaseListItemProviderProps) => React.JSX.Element;
|
|
65
|
+
export declare const useBaseList: () => BaseListContextProps;
|
|
66
|
+
export declare const useBaseListItem: () => BaseListItemContextProps | undefined;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface UseBaseListFocusProps {
|
|
3
|
+
/**
|
|
4
|
+
* Index of the item that should be focused initially.
|
|
5
|
+
*/
|
|
6
|
+
defaultFocusIndex: number;
|
|
7
|
+
/**
|
|
8
|
+
* Callback fired when the focused item changes.
|
|
9
|
+
*/
|
|
10
|
+
onFocusChange?: (index: number, id?: string) => void;
|
|
11
|
+
/**
|
|
12
|
+
* The unique identifier for the list.
|
|
13
|
+
*/
|
|
14
|
+
listId: string | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* If true, disables focus management.
|
|
17
|
+
*/
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface UseBaseListFocusResult {
|
|
21
|
+
/**
|
|
22
|
+
* The index of the currently focused item.
|
|
23
|
+
*/
|
|
24
|
+
focusIndex: number;
|
|
25
|
+
/**
|
|
26
|
+
* The ID of the active descendant for aria-activedescendant.
|
|
27
|
+
*/
|
|
28
|
+
activeDescendantId: string | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* Callback to update the focused item.
|
|
31
|
+
*/
|
|
32
|
+
updateFocusedItem: (itemId: string, index: number) => void;
|
|
33
|
+
/**
|
|
34
|
+
* Callback to register an item ref.
|
|
35
|
+
*/
|
|
36
|
+
registerItem: (itemRef: HTMLElement | null, index: number) => void;
|
|
37
|
+
/**
|
|
38
|
+
* Ref array containing all item DOM elements.
|
|
39
|
+
*/
|
|
40
|
+
childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;
|
|
41
|
+
}
|
|
42
|
+
export declare const useBaseListFocus: ({ defaultFocusIndex, onFocusChange, listId, disabled }: UseBaseListFocusProps) => UseBaseListFocusResult;
|