@vibe/core 4.5.18 → 4.5.20
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/base/dist/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/components/BaseItem/BaseItem.types.d.ts +1 -1
- package/dist/components/a11y/dist/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/components/accordion/dist/Accordion/Accordion.module.scss.js +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/components/avatar/dist/Avatar/Avatar.module.scss.js +1 -1
- package/dist/components/avatar/dist/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/components/avatar/dist/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/components/badge/dist/Badge/Badge.js +2 -0
- package/dist/components/badge/dist/Badge/Badge.js.map +1 -0
- package/dist/components/badge/dist/Badge/Badge.module.scss.js +2 -0
- package/dist/components/badge/dist/Badge/Indicator/Indicator.js +2 -0
- package/dist/components/badge/dist/Badge/Indicator/Indicator.js.map +1 -0
- package/dist/components/badge/dist/Badge/Indicator/Indicator.module.scss.js +2 -0
- package/dist/components/badge/dist/_virtual/_tslib.js +2 -0
- package/dist/components/badge/dist/_virtual/_tslib.js.map +1 -0
- package/dist/components/button/dist/Button/Button.module.scss.js +1 -1
- package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/components/checkbox/dist/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/components/chips/dist/Chips/Chips.js +2 -0
- package/dist/components/chips/dist/Chips/Chips.js.map +1 -0
- package/dist/components/chips/dist/Chips/Chips.module.scss.js +2 -0
- package/dist/components/clickable/dist/Clickable/Clickable.module.scss.js +1 -1
- package/dist/components/color-picker/dist/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/components/counter/dist/Counter/Counter.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/components/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/components/divider/dist/Divider/Divider.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableText/EditableText.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/components/empty-state/dist/EmptyState/EmptyState.js +2 -0
- package/dist/components/empty-state/dist/EmptyState/EmptyState.js.map +1 -0
- package/dist/components/empty-state/dist/EmptyState/EmptyState.module.scss.js +2 -0
- package/dist/components/empty-state/dist/_virtual/_tslib.js +2 -0
- package/dist/components/empty-state/dist/_virtual/_tslib.js.map +1 -0
- package/dist/components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/components/icon/dist/Icon/Icon.module.scss.js +1 -1
- package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
- package/dist/components/index.d.ts +4 -4
- package/dist/components/info/dist/Info/Info.js +2 -0
- package/dist/components/info/dist/Info/Info.js.map +1 -0
- package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.js +2 -0
- package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.js.map +1 -0
- package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +2 -0
- package/dist/components/info/dist/Info/components/InfoLink/InfoLink.js +2 -0
- package/dist/components/info/dist/Info/components/InfoLink/InfoLink.js.map +1 -0
- package/dist/components/info/dist/Info/components/InfoLink/InfoLink.module.scss.js +2 -0
- package/dist/components/info/dist/_virtual/_tslib.js +2 -0
- package/dist/components/info/dist/_virtual/_tslib.js.map +1 -0
- package/dist/components/label/dist/Label/Label.module.scss.js +1 -1
- package/dist/components/label/dist/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/components/layout/dist/Box/Box.module.scss.js +1 -1
- package/dist/components/layout/dist/Flex/Flex.module.scss.js +1 -1
- package/dist/components/link/dist/Link/Link.module.scss.js +1 -1
- package/dist/components/loader/dist/Loader/Loader.module.scss.js +1 -1
- package/dist/components/progress-bars/dist/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
- package/dist/components/radio-button/dist/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/components/skeleton/dist/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/components/tabs/dist/Tab/Tab.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabList/TabList.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/components/toggle/dist/Switch/Switch.module.scss.js +1 -1
- package/dist/components/toggle/dist/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/components/toggle/dist/Toggle/Toggle.module.scss.js +1 -1
- package/dist/components/toggle/dist/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/components/transitions/dist/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/components/transitions/dist/TransitionView/TransitionView.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/components/virtualized-grid/dist/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/components/virtualized-list/dist/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/hooks/dist/useSetFocus/index.js +2 -0
- package/dist/hooks/dist/useSetFocus/index.js.map +1 -0
- package/dist/hooks/index.d.ts +1 -2
- package/dist/metadata/components.json +34 -4
- package/dist/metadata.json +34 -4
- package/dist/mocked_classnames/components/BaseItem/BaseItem.types.d.ts +1 -1
- package/dist/mocked_classnames/components/index.d.ts +4 -4
- package/dist/mocked_classnames/hooks/index.d.ts +1 -2
- package/dist/mocked_classnames/services/themes.d.ts +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/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownChip.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownChip.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.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/Search/Search.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/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/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/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/mocked_classnames/types/Colors.d.ts +1 -22
- package/dist/services/themes.d.ts +1 -1
- package/dist/shared/dist/tests/constants.js +1 -1
- package/dist/shared/dist/tests/constants.js.map +1 -1
- package/dist/shared/dist/types/Colors.js +1 -1
- package/dist/shared/dist/types/Colors.js.map +1 -1
- package/dist/{mocked_classnames/src/services/themes.js → shared/dist/utils/get-css-var.js} +1 -1
- package/dist/shared/dist/utils/get-css-var.js.map +1 -0
- 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/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/DropdownChip.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/DropdownChip.js.map +1 -1
- package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.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/Search/Search.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/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/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/src/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/index.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/dist/types/Colors.d.ts +1 -22
- package/package.json +44 -40
- package/dist/components/Badge/Badge.d.ts +0 -34
- package/dist/components/Badge/Badge.types.d.ts +0 -3
- package/dist/components/Badge/Indicator/Indicator.d.ts +0 -11
- package/dist/components/Badge/Indicator/Indicator.types.d.ts +0 -1
- package/dist/components/Badge/index.d.ts +0 -2
- package/dist/components/Chips/Chips.d.ts +0 -114
- package/dist/components/Chips/Chips.types.d.ts +0 -1
- package/dist/components/Chips/index.d.ts +0 -2
- package/dist/components/EmptyState/EmptyState.d.ts +0 -4
- package/dist/components/EmptyState/EmptyState.types.d.ts +0 -27
- package/dist/components/EmptyState/index.d.ts +0 -2
- package/dist/components/Info/Info.d.ts +0 -4
- package/dist/components/Info/Info.types.d.ts +0 -60
- package/dist/components/Info/components/InfoDialogContent/InfoDialogContent.d.ts +0 -4
- package/dist/components/Info/components/InfoDialogContent/InfoDialogContent.types.d.ts +0 -16
- package/dist/components/Info/components/InfoLink/InfoLink.d.ts +0 -5
- package/dist/components/Info/components/index.d.ts +0 -3
- package/dist/components/Info/index.d.ts +0 -2
- package/dist/hooks/useSetFocus/index.d.ts +0 -10
- package/dist/mocked_classnames/components/Badge/Badge.d.ts +0 -34
- package/dist/mocked_classnames/components/Badge/Badge.types.d.ts +0 -3
- package/dist/mocked_classnames/components/Badge/Indicator/Indicator.d.ts +0 -11
- package/dist/mocked_classnames/components/Badge/Indicator/Indicator.types.d.ts +0 -1
- package/dist/mocked_classnames/components/Badge/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Chips/Chips.d.ts +0 -114
- package/dist/mocked_classnames/components/Chips/Chips.types.d.ts +0 -1
- package/dist/mocked_classnames/components/Chips/index.d.ts +0 -2
- package/dist/mocked_classnames/components/EmptyState/EmptyState.d.ts +0 -4
- package/dist/mocked_classnames/components/EmptyState/EmptyState.types.d.ts +0 -27
- package/dist/mocked_classnames/components/EmptyState/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Info/Info.d.ts +0 -4
- package/dist/mocked_classnames/components/Info/Info.types.d.ts +0 -60
- package/dist/mocked_classnames/components/Info/components/InfoDialogContent/InfoDialogContent.d.ts +0 -4
- package/dist/mocked_classnames/components/Info/components/InfoDialogContent/InfoDialogContent.types.d.ts +0 -16
- package/dist/mocked_classnames/components/Info/components/InfoLink/InfoLink.d.ts +0 -5
- package/dist/mocked_classnames/components/Info/components/index.d.ts +0 -3
- package/dist/mocked_classnames/components/Info/index.d.ts +0 -2
- package/dist/mocked_classnames/hooks/useSetFocus/index.d.ts +0 -10
- package/dist/mocked_classnames/src/components/Badge/Badge.js +0 -2
- package/dist/mocked_classnames/src/components/Badge/Badge.js.map +0 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.js +0 -2
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.js.map +0 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Chips/Chips.js +0 -2
- package/dist/mocked_classnames/src/components/Chips/Chips.js.map +0 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.js +0 -2
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.js.map +0 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Info/Info.js +0 -2
- package/dist/mocked_classnames/src/components/Info/Info.js.map +0 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.js +0 -2
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.js.map +0 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.js +0 -2
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.js.map +0 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +0 -2
- package/dist/mocked_classnames/src/hooks/useSetFocus/index.js +0 -2
- package/dist/mocked_classnames/src/hooks/useSetFocus/index.js.map +0 -1
- package/dist/mocked_classnames/src/services/themes.js.map +0 -1
- package/dist/mocked_classnames/src/types/Colors.js +0 -2
- package/dist/mocked_classnames/src/types/Colors.js.map +0 -1
- package/dist/src/components/Badge/Badge.js +0 -2
- package/dist/src/components/Badge/Badge.js.map +0 -1
- package/dist/src/components/Badge/Badge.module.scss.js +0 -2
- package/dist/src/components/Badge/Badge.module.scss.js.map +0 -1
- package/dist/src/components/Badge/Indicator/Indicator.js +0 -2
- package/dist/src/components/Badge/Indicator/Indicator.js.map +0 -1
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +0 -2
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js.map +0 -1
- package/dist/src/components/Chips/Chips.js +0 -2
- package/dist/src/components/Chips/Chips.js.map +0 -1
- package/dist/src/components/Chips/Chips.module.scss.js +0 -2
- package/dist/src/components/Chips/Chips.module.scss.js.map +0 -1
- package/dist/src/components/EmptyState/EmptyState.js +0 -2
- package/dist/src/components/EmptyState/EmptyState.js.map +0 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +0 -2
- package/dist/src/components/EmptyState/EmptyState.module.scss.js.map +0 -1
- package/dist/src/components/Info/Info.js +0 -2
- package/dist/src/components/Info/Info.js.map +0 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.js +0 -2
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.js.map +0 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +0 -2
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js.map +0 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.js +0 -2
- package/dist/src/components/Info/components/InfoLink/InfoLink.js.map +0 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +0 -2
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js.map +0 -1
- package/dist/src/hooks/useSetFocus/index.js +0 -2
- package/dist/src/hooks/useSetFocus/index.js.map +0 -1
- package/dist/src/services/themes.js +0 -2
- package/dist/src/services/themes.js.map +0 -1
- package/dist/src/types/Colors.js +0 -2
- package/dist/src/types/Colors.js.map +0 -1
- /package/dist/{mocked_classnames/src/components → components/badge/dist}/Badge/Badge.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/badge/dist}/Badge/Indicator/Indicator.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/chips/dist}/Chips/Chips.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/empty-state/dist}/EmptyState/EmptyState.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/info/dist}/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/info/dist}/Info/components/InfoLink/InfoLink.module.scss.js.map +0 -0
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type RefObject } from "react";
|
|
2
|
-
export default function useSetFocus({ ref, focusCallback, blurCallback }: {
|
|
3
|
-
ref: RefObject<HTMLElement>;
|
|
4
|
-
focusCallback?: () => void;
|
|
5
|
-
blurCallback?: () => void;
|
|
6
|
-
}): {
|
|
7
|
-
isFocused: boolean;
|
|
8
|
-
focus: () => void;
|
|
9
|
-
blur: () => void;
|
|
10
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as a,useRef as r}from"react";import o from"classnames";import{camelCase as i}from"es-toolkit";import{useMergeRef as s,getStyle as m}from"@vibe/shared";import{getTestId as n}from"../../tests/testIds.js";import{ComponentVibeId as c,ComponentDefaultTestId as d}from"../../tests/constants.js";import l from"./Indicator/Indicator.js";import{Counter as p}from"@vibe/counter/mockedClassNames";import f from"./Badge.module.scss.js";var v=a((function(a,v){var g=a.type,u=void 0===g?"indicator":g,b=a.anchor,j=void 0===b?"top-end":b,E=a.alignment,h=void 0===E?"rectangular":E,N=a.className,B=a.id,I=a["data-testid"],k=a.children,y=t(a,["type","anchor","alignment","className","id","data-testid","children"]),A=r(null),D=s(v,A),G=o(f.badge,m(f,i(j)),m(f,h)),O=y.color||"indicator"===u?"notification":"negative";return e.createElement("div",{ref:D,className:o(f.badgeWrapper,N),id:B,"data-vibe":c.BADGE},k,e.createElement("div",{className:G,"data-testid":I||n(d.BADGE,B)},"indicator"===u?e.createElement(l,Object.assign({color:O},y)):"counter"===u&&e.createElement(p,Object.assign({color:O},y))))}));export{v as default};
|
|
2
|
-
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport { Counter, type CounterProps, type CounterColor } from \"@vibe/counter\";\n\nimport { type IndicatorColor } from \"./Indicator/Indicator.types\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n /**\n * The position of the badge relative to its parent.\n */\n anchor?: BadgeAnchor;\n /**\n * The alignment style of the badge.\n */\n alignment?: BadgeAlignments;\n /**\n * The content the badge is attached to.\n */\n children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n /**\n * The type of badge, set to `\"counter\"` for numeric values.\n */\n type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n /**\n * The type of badge, set to `\"indicator\"` for a simple dot.\n */\n type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n (\n {\n type = \"indicator\",\n anchor = \"top-end\",\n alignment = \"rectangular\",\n className,\n id,\n \"data-testid\": dataTestId,\n children,\n ...badgeProps\n }: BadgeProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const badgeClassNames = cx(\n styles.badge,\n getStyle(styles, camelCase(anchor as unknown as string)),\n getStyle(styles, alignment)\n );\n\n const color = badgeProps.color || type === \"indicator\" ? \"notification\" : \"negative\";\n\n return (\n <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id} data-vibe={ComponentVibeId.BADGE}>\n {children}\n <div className={badgeClassNames} data-testid={dataTestId || getTestId(ComponentDefaultTestId.BADGE, id)}>\n {type === \"indicator\" ? (\n <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n ) : (\n type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default Badge;\n"],"names":["Badge","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","badgeWrapper","ComponentVibeId","BADGE","createElement","getTestId","ComponentDefaultTestId","Indicator","Object","assign","Counter"],"mappings":"kfA6CMA,IAAAA,EAAQC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,uBAAKxB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOM,aAAclB,GAAYC,GAAIA,EAAE,YAAakB,EAAgBC,OACpGjB,EACDc,EAAKI,cAAA,MAAA,CAAArB,UAAWU,EAA8B,cAAAR,GAAcoB,EAAUC,EAAuBH,MAAOnB,IACxF,cAATP,EACCuB,EAACI,cAAAG,EAAUC,OAAAC,OAAA,CAAAV,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACU,EAAOF,OAAAC,OAAA,CAACV,MAAOA,GAA4BZ,KAK5E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(n){const t="s_id-06f338dd08c3_4_5_17";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".badgeWrapper {\n position: relative;\n}\n.badgeWrapper .badge {\n z-index: 1;\n position: absolute;\n border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n border: 2px solid;\n border-color: var(--primary-background-color);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n top: 0;\n inset-inline-end: 0;\n translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n top: 0;\n inset-inline-end: -2px;\n translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n top: 15%;\n inset-inline-end: 15%;\n translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n top: 0;\n inset-inline-start: 0;\n translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n top: 0;\n inset-inline-start: -2px;\n translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n top: 15%;\n inset-inline-start: 15%;\n translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n bottom: 0;\n inset-inline-end: 0;\n translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n bottom: 0;\n inset-inline-end: -2px;\n translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n bottom: 15%;\n inset-inline-end: 15%;\n translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n bottom: 0;\n inset-inline-start: 0;\n translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n bottom: 0;\n inset-inline-start: -2px;\n translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n bottom: 15%;\n inset-inline-start: 15%;\n translate: -50% 50%;\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=Badge.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as r}from"../../../tests/testIds.js";var e=function(e){var i=e.color,m=e.id,c=e["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===i?"notification":i],e.className),"data-testid":c||r(a.INDICATOR,m)})};export{e as default};
|
|
2
|
-
//# sourceMappingURL=Indicator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Indicator.js","sources":["../../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { type IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n /**\n * The color of the indicator.\n */\n color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n return (\n <div\n className={cx(styles.indicator, styles[color], className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.INDICATOR, id)}\n />\n );\n};\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR"],"mappings":"oNAeA,IAAMA,EAAY,SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_4_5_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.indicator.primary {\n background-color: var(--primary-color);\n}\n.indicator.notification {\n background-color: var(--negative-color);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Indicator.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as i,useState as r,useCallback as s,useMemo as l}from"react";import n from"classnames";import{Icon as c}from"@vibe/icon/mockedClassNames";import{useMergeRef as m}from"@vibe/shared";import{CloseSmall as d}from"@vibe/icons";import{getCSSVar as u}from"../../services/themes.js";import{getElementColor as v}from"../../types/Colors.js";import{Avatar as p}from"@vibe/avatar/mockedClassNames";import{IconButton as f}from"@vibe/icon-button/mockedClassNames";import{Text as b}from"@vibe/typography/mockedClassNames";import{getTestId as g,ComponentDefaultTestId as y}from"../../tests/testIds.js";import h from"../../hooks/useSetFocus/index.js";import{useClickableProps as N}from"@vibe/clickable/mockedClassNames";import k from"./Chips.module.scss.js";import{ComponentVibeId as C}from"../../tests/constants.js";var j=a((function(a,j){var x=a.className,E=a.avatarClassName,S=a.iconClassName,M=a.id,w=a.label,A=void 0===w?"":w,z=a.leftIcon,O=void 0===z?null:z,T=a.rightIcon,B=void 0===T?null:T,D=a.leftAvatar,I=void 0===D?null:D,P=a.rightAvatar,R=void 0===P?null:P,F=a.disabled,H=void 0!==F&&F,L=a.readOnly,_=void 0!==L&&L,U=a.allowTextSelection,q=void 0!==U&&U,G=a.color,J=void 0===G?"primary":G,K=a.iconSize,Q=void 0===K?18:K,V=a.onDelete,W=void 0===V?function(e,o){}:V,X=a.onMouseDown,Y=a.onClick,Z=a.noAnimation,$=void 0===Z||Z,ee=a["aria-label"],oe=a["aria-haspopup"],te=void 0!==oe&&oe,ae=a.leftAvatarType,ie=void 0===ae?"img":ae,re=a.rightAvatarType,se=void 0===re?"img":re,le=a.showBorder,ne=void 0!==le&&le,ce=a.leftRenderer,me=a.rightRenderer,de=a.closeButtonAriaLabel,ue=void 0===de?"Remove":de,ve=a.noMargin,pe=void 0!==ve&&ve,fe=a.size,be=void 0===fe?"medium":fe,ge=a["data-testid"]||g(y.CHIP,M),ye=!!Y||!!X,he=!_&&!H,Ne=ee||"string"==typeof A&&A||"",ke=i(null),Ce=i(null),je=r(!1),xe=e(je,2),Ee=xe[0],Se=xe[1],Me=s((function(){return Se(!0)}),[]),we=s((function(){return Se(!1)}),[]),Ae=h({ref:Ce}).isFocused,ze=m(j,Ce),Oe=n(k.chips,x,o(o(o(o(o(o({},k.disabled,H),k.noAnimation,$),k.withUserSelect,q),k.border,ne),k.noMargin,pe),k.small,"small"===be)),Te=n(k.clickable,Oe,o(o({},k.disabled,H),k.disableTextSelection,!q)),Be=l((function(){return{backgroundColor:H?u("disabled-background-color"):ye&&(Ee||Ae)?v(J,!0,!0):v(J,!0)}}),[H,ye,Ee,Ae,J]),De=s((function(e){e.stopPropagation(),W&&W(M,e)}),[M,W]),Ie=s((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Pe=N({onClick:Ie,onMouseDown:X,disabled:H,id:M,"data-testid":ge,"aria-label":Ne,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},ze),Re=ye?Object.assign(Object.assign({},Pe),{ref:ze,className:Te,style:Be,onMouseEnter:Me,onMouseLeave:we}):{className:Oe,"aria-label":Ne,style:Be,ref:ze,onClick:Ie,onMouseDown:X,id:M,"data-testid":ge,onMouseEnter:Me,onMouseLeave:we},Fe="text"===ie?{text:I}:{src:I},He="text"===ie?{text:R}:{src:R};return t.createElement("div",Object.assign({},Re,{"data-vibe":C.CHIPS}),I?t.createElement(p,Object.assign({withoutBorder:!0,className:n(k.avatar,k.left,E),customSize:18,type:ie,key:M},Fe)):null,O?t.createElement(c,{className:n(k.icon,k.left,S),type:"font",icon:O,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:n(k.customRenderer,k.left)},ce),t.createElement(b,{type:"text2",className:k.label},A),B?t.createElement(c,{className:n(k.icon,k.right,S),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,R?t.createElement(p,Object.assign({withoutBorder:!0,className:n(k.avatar,k.right,E),customSize:18,type:se,key:M},He)):null,me&&t.createElement("div",{className:n(k.customRenderer,k.right)},me),he&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:n(k.icon,k.close),"aria-label":ue,hideTooltip:!0,icon:d,onClick:De,"data-testid":"".concat(ge,"-close"),ref:ke}))}));export{j as default};
|
|
2
|
-
//# sourceMappingURL=Chips.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.js","sources":["../../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { Avatar, type AvatarType } from \"@vibe/avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n /**\n * The text or content displayed inside the chip.\n */\n label?: ElementContent;\n /**\n * If true, the chip is disabled.\n */\n disabled?: boolean;\n /**\n * If true, the chip is read-only and cannot be deleted.\n */\n readOnly?: boolean;\n /**\n * A React element displayed on the right side.\n */\n rightRenderer?: ElementContent;\n /**\n * A React element displayed on the left side.\n */\n leftRenderer?: ElementContent;\n /**\n * Icon displayed on the right side.\n */\n rightIcon?: SubIcon;\n /**\n * Icon displayed on the left side.\n */\n leftIcon?: SubIcon;\n /**\n * Image URL or text for an avatar displayed on the right.\n */\n rightAvatar?: string;\n /**\n * The type of avatar displayed on the right.\n */\n rightAvatarType?: AvatarType;\n /**\n * Image URL or text for an avatar displayed on the left.\n */\n leftAvatar?: string;\n /**\n * The type of avatar displayed on the left.\n */\n leftAvatarType?: AvatarType;\n /**\n * Class name applied to left or right icons.\n */\n iconClassName?: string;\n /**\n * Class name applied to left or right avatars.\n */\n avatarClassName?: string;\n /**\n * The background color of the chip.\n */\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n /**\n * The size of the icons inside the chip.\n */\n iconSize?: number | string;\n /**\n * Callback fired when the chip is deleted.\n */\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /**\n * If true, disables the chip's entry animation.\n */\n noAnimation?: boolean;\n /**\n * If true, allows the user to select text inside the chip.\n */\n allowTextSelection?: boolean;\n /**\n * Callback fired when the mouse button is pressed on the chip.\n */\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /**\n * Callback fired when the chip is clicked.\n */\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /**\n * The label of the chip for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * If true, indicates that the chip has a popup.\n */\n \"aria-haspopup\"?: boolean;\n /**\n * If true, displays a border around the chip.\n */\n showBorder?: boolean;\n /**\n * The label for the close button.\n */\n closeButtonAriaLabel?: string;\n /**\n * If true, removes the default margin from the chip.\n */\n noMargin?: boolean;\n /**\n * The size of the chip.\n */\n size?: ChipsSize;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup = false,\n \"data-testid\": dataTestId,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false,\n size = \"medium\"\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = !!onClick || !!onMouseDown;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [isHovered, setIsHovered] = useState(false);\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin,\n [styles.small]: size === \"small\"\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered || isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n \"aria-label\": overrideAriaLabel,\n \"aria-hidden\": false,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: backgroundColorStyle,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n type=\"font\"\n icon={leftIcon}\n size={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n type=\"font\"\n icon={rightIcon}\n size={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n aria-label={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHaspopup","ariaHasPopup","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","_ref$size","size","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={chips:"chips","chips-pop-in-emphasized":"chips-pop-in-emphasized",border:"border",withUserSelect:"withUserSelect",noMargin:"noMargin",small:"small",icon:"icon",left:"left",avatar:"avatar",customRenderer:"customRenderer",right:"right",close:"close",label:"label",noAnimation:"noAnimation",disabled:"disabled",defaultCursor:"defaultCursor",clickable:"clickable","focus-visible":"focus-visible",disableTextSelection:"disableTextSelection"};!function(n){const e="s_id-e473288e58ea_4_5_17";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const s=document.createElement("style");s.id=e,i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips {\n display: inline-flex;\n overflow: hidden;\n height: 24px;\n border-radius: 4px;\n padding: 0 8px;\n align-items: center;\n justify-content: center;\n margin: var(--chips-margin, 0 var(--space-4));\n user-select: none;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n color: var(--primary-text-color);\n animation: chips-pop-in-emphasized var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips.border {\n border: 1px solid var(--primary-background-color);\n}\n.chips.withUserSelect {\n user-select: text;\n cursor: text;\n}\n.chips.noMargin {\n margin: 0;\n}\n.chips.small {\n height: 20px;\n padding: 0 4px;\n}\n.chips.small .icon.left,\n.chips.small .avatar.left,\n.chips.small .customRenderer.left {\n margin-inline-end: var(--space-2);\n}\n.chips.small .icon.right,\n.chips.small .avatar.right,\n.chips.small .customRenderer.right {\n margin-inline-start: var(--space-2);\n}\n.chips.small .icon.close,\n.chips.small .avatar.close,\n.chips.small .customRenderer.close {\n margin-inline-start: var(--space-2);\n}\n.chips .label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.chips.noAnimation {\n animation: none;\n}\n.chips .icon,\n.chips .avatar,\n.chips .customRenderer {\n min-width: 18px;\n}\n.chips .icon.left,\n.chips .avatar.left,\n.chips .customRenderer.left {\n margin-inline-end: var(--space-4);\n}\n.chips .icon.right,\n.chips .avatar.right,\n.chips .customRenderer.right {\n margin-inline-start: var(--space-4);\n}\n.chips .icon.close,\n.chips .avatar.close,\n.chips .customRenderer.close {\n margin-inline-start: var(--space-4);\n color: var(--primary-text-color);\n}\n.chips.disabled .icon {\n color: var(--disabled-text-color);\n}\n.chips.disabled .label {\n color: var(--disabled-text-color);\n}\n.chips.defaultCursor {\n cursor: default;\n}\n.chips.clickable {\n cursor: pointer;\n}\n.chips.clickable:focus-visible, .chips.clickable.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips.clickable:focus:not(.focus-visible) {\n outline: none;\n}\n.chips.clickable.disabled {\n cursor: default;\n}\n.chips.clickable.disableTextSelection {\n -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized {\n 0% {\n transform: scale(0.3);\n opacity: 0;\n }\n 70% {\n opacity: 1;\n }\n 100% {\n transform: scale(1);\n }\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=Chips.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{typeof as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import i,{forwardRef as a}from"react";import r from"classnames";import{Flex as s}from"@vibe/layout/mockedClassNames";import{Heading as m,Text as n}from"@vibe/typography/mockedClassNames";import o from"./EmptyState.module.scss.js";import{getStyle as l}from"@vibe/shared";import{getTestId as c,ComponentDefaultTestId as p}from"../../tests/testIds.js";import{Button as d}from"@vibe/button/mockedClassNames";import{Link as u}from"@vibe/link/mockedClassNames";import{ComponentVibeId as f}from"../../tests/constants.js";var g=a((function(a,g){var b=a.className,v=a.title,E=a.description,y=a.visual,j=a.mainAction,x=a.supportingAction,N=a.layout,k=void 0===N?"default":N,T=a.id,_=a["data-testid"],h="compact"===k;return i.createElement(s,{direction:"column",align:"center",justify:"center",gap:h?"small":"medium",className:r(o.emptyState,l(o,k),b),id:T,"data-testid":_||c(p.EMPTY_STATE,T),"data-vibe":f.EMPTY_STATE,ref:g},!!y&&y,i.createElement(s,{direction:"column",align:"center",gap:h?12:"medium",className:o.content},i.createElement(s,{direction:"column",align:"center",gap:"xs"},v&&i.createElement(m,{type:"h3",weight:"normal",className:o.title,align:"center",ellipsis:!1},v),"string"==typeof E?i.createElement(n,{className:o.description,align:"center",ellipsis:!1},E):E),(j||x)&&i.createElement(s,{direction:"column",align:"center",gap:"small",className:o.actions},function(t,a){if("object"===e(t)&&"text"in t)return i.createElement(d,Object.assign({kind:"secondary",size:a?"small":"medium"},t),t.text);return t}(j,h),function(a,r){if("object"===e(a)){if("text"in a&&"href"in a){var s=a.text,m=t(a,["text"]);return i.createElement(u,Object.assign({text:s},m))}if("text"in a){var n=a.text,o=t(a,["text"]);return i.createElement(d,Object.assign({kind:"tertiary",size:r?"small":"medium"},o),n)}}return a}(x,h))))}));export{g as default};
|
|
2
|
-
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sources":["../../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n data-vibe={ComponentVibeId.EMPTY_STATE}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction || supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"+nBAYMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC/B,CACA,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGP,CACF,CAEA,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var t={emptyState:"emptyState",compact:"compact",content:"content",title:"title",description:"description",actions:"actions"};!function(t){const e="s_id-e8e63a5fb772_4_5_17";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(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState {\n width: 100%;\n padding: var(--space-24);\n box-sizing: border-box;\n background: var(--primary-background-color);\n}\n.emptyState.compact {\n padding: var(--space-16);\n}\n.emptyState .content {\n width: 100%;\n text-align: center;\n}\n.emptyState .content .title {\n max-width: 500px;\n}\n.emptyState .content .description {\n max-width: 500px;\n}\n.emptyState .content .actions {\n width: 100%;\n}");export{t as default};
|
|
2
|
-
//# sourceMappingURL=EmptyState.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as o,useRef as a,useState as t,useCallback as l}from"react";import{Info as n}from"@vibe/icons";import{IconButton as r}from"@vibe/icon-button/mockedClassNames";import{Dialog as s}from"@vibe/dialog/mockedClassNames";import"../../../_virtual/_tslib.js";import"classnames";import"@vibe/link/mockedClassNames";import"./components/InfoLink/InfoLink.module.scss.js";import d from"./components/InfoDialogContent/InfoDialogContent.js";import{ComponentDefaultTestId as c,ComponentVibeId as m}from"../../tests/constants.js";import{getTestId as p}from"../../tests/testIds.js";import{useMergeRef as u}from"@vibe/shared";var f=o((function(o,f){var b=o.id,v=o.className,g=o.title,k=o.body,h=o.link,y=o["aria-label"],N=o["aria-labelledby"],D=o.position,I=void 0===D?"bottom-start":D,j=o.disabled,C=void 0!==j&&j,T=o.onDialogShow,E=o.onDialogHide,H=o.hideButtonTooltip,S=o.dialogClassName,_=o.containerSelector,w=o["data-testid"],x=a(null),B=u(f,x),F=a(null),A=t(!1),L=e(A,2),O=L[0],q=L[1],z=b?"".concat(b,"-dialog"):void 0,P=l((function(){q(!0),null==T||T(),requestAnimationFrame((function(){var e;null===(e=F.current)||void 0===e||e.focus()}))}),[T]),R=l((function(e){var i;q(!1),null==E||E(),"Escape"===e.key&&(null===(i=x.current)||void 0===i||i.focus())}),[E]);return i.createElement(s,{id:z,disable:C,position:I,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:P,onDialogDidHide:R,containerSelector:_,content:i.createElement(d,{ref:F,id:z,title:g,body:k,link:h,className:S}),hideWhenReferenceHidden:!0},i.createElement(r,{ref:B,id:b,className:v,icon:n,size:"xs",kind:"tertiary",active:O,disabled:C,"aria-label":y,"aria-labelledby":N,"aria-controls":z,"aria-haspopup":"dialog","aria-expanded":O,"data-testid":w||p(c.INFO,b),"data-vibe":m.INFO,hideTooltip:H}))}));export{f as default};
|
|
2
|
-
//# sourceMappingURL=Info.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Info.js","sources":["../../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Dialog, type DialogEvent } from \"@vibe/dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { useMergeRef } from \"@vibe/shared\";\n\nconst Info = forwardRef(\n (\n {\n id,\n className,\n title,\n body,\n link,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n position = \"bottom-start\",\n disabled = false,\n onDialogShow,\n onDialogHide,\n hideButtonTooltip,\n dialogClassName,\n containerSelector,\n \"data-testid\": dataTestId\n }: InfoProps,\n ref: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const iconButtonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, iconButtonRef);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n\n const [isOpen, setIsOpen] = useState(false);\n\n const dialogId = id ? `${id}-dialog` : undefined;\n\n const handleDialogShow = useCallback(() => {\n setIsOpen(true);\n onDialogShow?.();\n requestAnimationFrame(() => {\n dialogContentRef.current?.focus();\n });\n }, [onDialogShow]);\n\n const handleDialogHide = useCallback(\n (e: DialogEvent) => {\n setIsOpen(false);\n onDialogHide?.();\n if ((e as React.KeyboardEvent).key === \"Escape\") {\n iconButtonRef.current?.focus();\n }\n },\n [onDialogHide]\n );\n\n return (\n <Dialog\n id={dialogId}\n disable={disabled}\n position={position}\n moveBy={{ main: 4, secondary: 0 }}\n showTrigger={[\"click\"]}\n hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n onDialogDidShow={handleDialogShow}\n onDialogDidHide={handleDialogHide}\n containerSelector={containerSelector}\n content={\n <InfoDialogContent\n ref={dialogContentRef}\n id={dialogId}\n title={title}\n body={body}\n link={link}\n className={dialogClassName}\n />\n }\n hideWhenReferenceHidden\n >\n <IconButton\n ref={mergedRef}\n id={id}\n className={className}\n icon={InfoIcon}\n size=\"xs\"\n kind=\"tertiary\"\n active={isOpen}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-controls={dialogId}\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.INFO, id)}\n data-vibe={ComponentVibeId.INFO}\n hideTooltip={hideButtonTooltip}\n />\n </Dialog>\n );\n }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"msBAUMA,IAAAA,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAmBH,EAAuB,MAEhDI,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW5B,EAAE,GAAA6B,OAAM7B,kBAAc8B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVhB,SAAAA,IACAsB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAACzB,IAEE0B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVf,SAAAA,IACuC,WAAlC0B,EAA0BC,MACN,QAAvBL,EAAAjB,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACxB,IAGH,OACE4B,EAACC,cAAAC,GACC1C,GAAI4B,EACJe,QAASjC,EACTF,SAAUA,EACVoC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBtB,kBAAmBA,EACnBoC,QACEX,EAAAC,cAACW,EACC,CAAArD,IAAKsB,EACLrB,GAAI4B,EACJ1B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfuC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTvD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXsD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRhB,SAAUA,EAAQ,aACNL,EAAS,kBACJC,EAAc,gBAChBsB,EAAQ,gBACT,SAAQ,gBACPF,EAAM,cACRV,GAAc4C,EAAUC,EAAuBC,KAAM9D,GAAG,YAC1D+D,EAAgBD,KAC3BE,YAAanD,IAIrB"}
|
package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e,{forwardRef as t}from"react";import{DialogContentContainer as a}from"@vibe/dialog/mockedClassNames";import{Text as o}from"@vibe/typography/mockedClassNames";import{Flex as m}from"@vibe/layout/mockedClassNames";import r from"../InfoLink/InfoLink.js";import s from"./InfoDialogContent.module.scss.js";var i=t((function(t,i){var l=t.title,n=t.body,c=t.link;return l||n||c?e.createElement(a,{id:t.id,type:"popover",size:"medium",className:t.className},e.createElement(m,{ref:i,tabIndex:-1,align:"start",direction:"column",gap:"xs",className:s.contentWrapper},l&&e.createElement(o,{type:"text2",weight:"bold"},l),n&&e.createElement(o,{type:"text2",element:"p"},n),c&&e.createElement(r,Object.assign({className:s.link},c)))):null}));export{i as default};
|
|
2
|
-
//# sourceMappingURL=InfoDialogContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoDialogContent.js","sources":["../../../../../../../src/components/Info/components/InfoDialogContent/InfoDialogContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport InfoLink from \"../InfoLink/InfoLink\";\nimport { type InfoDialogContentProps } from \"./InfoDialogContent.types\";\nimport styles from \"./InfoDialogContent.module.scss\";\n\nconst InfoDialogContent = forwardRef(\n ({ id, title, body, link, className }: InfoDialogContentProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!title && !body && !link) {\n return null;\n }\n\n return (\n <DialogContentContainer id={id} type=\"popover\" size=\"medium\" className={className}>\n <Flex ref={ref} tabIndex={-1} align=\"start\" direction=\"column\" gap=\"xs\" className={styles.contentWrapper}>\n {title && (\n <Text type=\"text2\" weight=\"bold\">\n {title}\n </Text>\n )}\n {body && (\n <Text type=\"text2\" element=\"p\">\n {body}\n </Text>\n )}\n {link && <InfoLink className={styles.link} {...link} />}\n </Flex>\n </DialogContentContainer>\n );\n }\n);\n\nexport default InfoDialogContent;\n"],"names":["InfoDialogContent","forwardRef","_ref","ref","title","body","link","React","createElement","DialogContentContainer","id","type","size","className","Flex","tabIndex","align","direction","gap","styles","contentWrapper","Text","weight","element","InfoLink","Object","assign"],"mappings":"oTAQMA,IAAAA,EAAoBC,GACxB,SAAAC,EAA+DC,GAA2C,IAAnGC,EAAKF,EAALE,MAAOC,EAAIH,EAAJG,KAAMC,EAAIJ,EAAJI,KAClB,OAAKF,GAAUC,GAASC,EAKtBC,EAACC,cAAAC,GAAuBC,GANvBR,EAAFQ,GAMiCC,KAAK,UAAUC,KAAK,SAASC,UAN9BX,EAATW,WAOpBN,EAACC,cAAAM,EAAK,CAAAX,IAAKA,EAAKY,UAAW,EAAGC,MAAM,QAAQC,UAAU,SAASC,IAAI,KAAKL,UAAWM,EAAOC,gBACvFhB,GACCG,EAACC,cAAAa,GAAKV,KAAK,QAAQW,OAAO,QACvBlB,GAGJC,GACCE,EAACC,cAAAa,GAAKV,KAAK,QAAQY,QAAQ,KACxBlB,GAGJC,GAAQC,EAAAC,cAACgB,EAAQC,OAAAC,OAAA,CAACb,UAAWM,EAAOb,MAAUA,MAhB5C,IAoBX"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_4_5_17";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)}(".contentWrapper {\n max-width: 240px;\n}\n.contentWrapper .link {\n margin-top: var(--space-4);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=InfoDialogContent.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__rest as s}from"../../../../../_virtual/_tslib.js";import r,{forwardRef as a}from"react";import e from"classnames";import{Link as m}from"@vibe/link/mockedClassNames";import o from"./InfoLink.module.scss.js";var t=a((function(a,t){var i=a.className,l=s(a,["className"]);return r.createElement(m,Object.assign({ref:t,className:e(o.infoLink,i)},l))}));export{t as default};
|
|
2
|
-
//# sourceMappingURL=InfoLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoLink.js","sources":["../../../../../../../src/components/Info/components/InfoLink/InfoLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./InfoLink.module.scss\";\n\nexport type InfoLinkProps = LinkProps;\n\nconst InfoLink = forwardRef(\n ({ className, ...linkProps }: InfoLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} className={cx(styles.infoLink, className)} {...linkProps} />;\n }\n);\n\nexport default InfoLink;\n"],"names":["InfoLink","forwardRef","_a","ref","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","infoLink"],"mappings":"uNAOMA,IAAAA,EAAWC,GACf,SAACC,EAA4CC,GAA5C,IAAEC,EAAwCF,EAAxCE,UAAcC,EAASC,EAAAJ,EAAzB,eACC,OAAOK,EAAAC,cAACC,EAAKC,OAAAC,OAAA,CAAAR,IAAKA,EAAKC,UAAWQ,EAAGC,EAAOC,SAAUV,IAAgBC,GACxE"}
|
package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={infoLink:"infoLink"};!function(e){const t="s_id-63a4f7de1b47_4_5_17";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)}(".infoLink {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=InfoLink.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o,useEffect as e,useCallback as u}from"react";import{useEventListener as c}from"@vibe/shared";import{usePrevious as a}from"@vibe/hooks";function l(l){var t=l.ref,f=l.focusCallback,n=l.blurCallback,i=o(!1),s=r(i,2),b=s[0],m=s[1],v=a(b);e((function(){void 0!==v&&(b?f&&f():n&&n())}),[n,f,b,v]);var p=u((function(){t.current.focus()}),[t]),d=u((function(){t.current.blur()}),[t]);return c({eventName:"focus",ref:t,callback:function(){m(!0)}}),c({eventName:"blur",ref:t,callback:function(){m(!1)}}),{isFocused:b,focus:p,blur:d}}export{l as default};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useSetFocus/index.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useState } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { usePrevious } from \"@vibe/hooks\";\n\n// TODO: [breaking] rename to useFocus? and maybe change signature to be like useHover?\nexport default function useSetFocus({\n ref,\n focusCallback,\n blurCallback\n}: {\n ref: RefObject<HTMLElement>;\n focusCallback?: () => void;\n blurCallback?: () => void;\n}) {\n const [isFocused, setIsFocused] = useState(false);\n const isFocusedPrev = usePrevious(isFocused);\n\n useEffect(() => {\n if (isFocusedPrev === undefined) {\n // Don't call callback on first render\n return;\n }\n\n // Calling back from here to be sure that isFocused value have already been updated\n if (isFocused) {\n focusCallback && focusCallback();\n } else {\n blurCallback && blurCallback();\n }\n }, [blurCallback, focusCallback, isFocused, isFocusedPrev]);\n\n const focus = useCallback(() => {\n ref.current.focus();\n }, [ref]);\n\n const blur = useCallback(() => {\n ref.current.blur();\n }, [ref]);\n\n const onFocus = () => {\n setIsFocused(true);\n };\n\n const onBlur = () => {\n setIsFocused(false);\n };\n\n useEventListener({\n eventName: \"focus\",\n ref,\n callback: onFocus\n });\n\n useEventListener({\n eventName: \"blur\",\n ref,\n callback: onBlur\n });\n\n return { isFocused, focus, blur };\n}\n"],"names":["useSetFocus","_ref","ref","focusCallback","blurCallback","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","isFocusedPrev","usePrevious","useEffect","undefined","focus","useCallback","current","blur","useEventListener","eventName","callback"],"mappings":"0OAKc,SAAUA,EAAWC,GAQlC,IAPCC,EAAGD,EAAHC,IACAC,EAAaF,EAAbE,cACAC,EAAYH,EAAZG,aAMAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAgBC,EAAYH,GAElCI,GAAU,gBACcC,IAAlBH,IAMAF,EACFN,GAAiBA,IAEjBC,GAAgBA,IAEnB,GAAE,CAACA,EAAcD,EAAeM,EAAWE,IAE5C,IAAMI,EAAQC,GAAY,WACxBd,EAAIe,QAAQF,OACd,GAAG,CAACb,IAEEgB,EAAOF,GAAY,WACvBd,EAAIe,QAAQC,MACd,GAAG,CAAChB,IAsBJ,OAZAiB,EAAiB,CACfC,UAAW,QACXlB,IAAAA,EACAmB,SAXc,WACdX,GAAa,MAafS,EAAiB,CACfC,UAAW,OACXlB,IAAAA,EACAmB,SAba,WACbX,GAAa,MAeR,CAAED,UAAAA,EAAWM,MAAAA,EAAOG,KAAAA,EAC7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sources":["../../../../src/services/themes.ts"],"sourcesContent":["function isThemesSupported() {\n try {\n if (!window.CSS || !window.CSS.supports) return false;\n // check if browser supports basic var value usage\n return window.CSS.supports(\"color\", \"var(--fake-var)\");\n } catch (e) {\n return false;\n }\n}\n\nexport function getCSSVar(varName: string, fallback?: string) {\n const fb = fallback ? `, ${fallback}` : \"\";\n if (isThemesSupported()) {\n return `var(--${varName}${fb})`;\n }\n}\n\nexport const getComputedVarColor = (elem: Element, cssVar: string) =>\n getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex: string) {\n if (hex.startsWith(\"#\")) {\n hex = hex.substring(1);\n }\n const bigint = parseInt(hex, 16);\n const r = (bigint >> 16) & 255;\n const g = (bigint >> 8) & 255;\n const b = bigint & 255;\n\n return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","fb","concat","window","CSS","supports","e","isThemesSupported"],"mappings":"AAUgB,SAAAA,EAAUC,EAAiBC,GACzC,IAAMC,EAAKD,EAAQ,KAAAE,OAAQF,GAAa,GACxC,GAZF,WACE,IACE,SAAKG,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,kBACrC,CAAC,MAAOC,GACP,OAAO,CACT,CACF,CAIMC,GACF,MAAA,SAAAL,OAAgBH,GAAOG,OAAGD,EAAE,IAEhC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{contentColors as e}from"../utils/colors-vars-map.js";var o={positive:"--positive-color-selected",negative:"--negative-color-selected",primary:"--primary-selected-color",warning:"--warning-color-selected",neutral:"--ui-background-color"},r={positive:"--positive-color-selected-hover",negative:"--negative-color-selected-hover",primary:"--primary-selected-hover-color",warning:"--warning-color-selected-hover",neutral:"--ui-background-hover-color"};function c(c){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.includes(c)?"var(--color-".concat(c).concat(t?"-selected":"",")"):Object.keys(r).includes(c)&&i?"var(".concat(r[c],")"):Object.keys(o).includes(c)&&t?"var(".concat(o[c],")"):c}export{c as getElementColor};
|
|
2
|
-
//# sourceMappingURL=Colors.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Colors.js","sources":["../../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n positive: \"--positive-color-selected\",\n negative: \"--negative-color-selected\",\n primary: \"--primary-selected-color\",\n warning: \"--warning-color-selected\",\n neutral: \"--ui-background-color\"\n};\n\nconst MapStateSelectedHoverColor = {\n positive: \"--positive-color-selected-hover\",\n negative: \"--negative-color-selected-hover\",\n primary: \"--primary-selected-hover-color\",\n warning: \"--warning-color-selected-hover\",\n neutral: \"--ui-background-hover-color\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor = ContentColor | \"positive\" | \"negative\" | \"primary\" | \"warning\" | \"neutral\";\n\nexport function getElementColor(\n colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n if (contentColors.includes(colorValue as ContentColor)) {\n return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n }\n if (\n Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n isSelectedHoverPalette\n ) {\n return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n }\n if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n }\n return colorValue;\n}\n\nexport type ColorStyle = \"regular\" | \"hover\" | \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","neutral","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,2BACTC,QAAS,yBAGLC,EAA6B,CACjCL,SAAU,kCACVC,SAAU,kCACVC,QAAS,iCACTC,QAAS,iCACTC,QAAS,+BASL,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKlB,GAAuBe,SAASP,IAAyCC,EACvF,OAAAO,OAAchB,EAAsBQ,GAAqC,KAEpEA,CACT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"es-toolkit";import{getTestId as i}from"../../tests/testIds.js";import{ComponentVibeId as n,ComponentDefaultTestId as d}from"../../tests/constants.js";import m from"./Indicator/Indicator.js";import c from"./Badge.module.scss.js";import l from"../../../components/counter/dist/Counter/Counter.js";import{useMergeRef as p}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as f}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var u=r((function(r,u){var g=r.type,j=void 0===g?"indicator":g,v=r.anchor,h=void 0===v?"top-end":v,b=r.alignment,E=void 0===b?"rectangular":b,N=r.className,y=r.id,B=r["data-testid"],C=r.children,I=t(r,["type","anchor","alignment","className","id","data-testid","children"]),k=o(null),A=p(u,k),D=s(c.badge,f(c,a(h)),f(c,E)),G=I.color||"indicator"===j?"notification":"negative";return e.createElement("div",{ref:A,className:s(c.badgeWrapper,N),id:y,"data-vibe":n.BADGE},C,e.createElement("div",{className:D,"data-testid":B||i(d.BADGE,y)},"indicator"===j?e.createElement(m,Object.assign({color:G},I)):"counter"===j&&e.createElement(l,Object.assign({color:G},I))))}));export{u as default};
|
|
2
|
-
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport { Counter, type CounterProps, type CounterColor } from \"@vibe/counter\";\n\nimport { type IndicatorColor } from \"./Indicator/Indicator.types\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n /**\n * The position of the badge relative to its parent.\n */\n anchor?: BadgeAnchor;\n /**\n * The alignment style of the badge.\n */\n alignment?: BadgeAlignments;\n /**\n * The content the badge is attached to.\n */\n children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n /**\n * The type of badge, set to `\"counter\"` for numeric values.\n */\n type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n /**\n * The type of badge, set to `\"indicator\"` for a simple dot.\n */\n type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n (\n {\n type = \"indicator\",\n anchor = \"top-end\",\n alignment = \"rectangular\",\n className,\n id,\n \"data-testid\": dataTestId,\n children,\n ...badgeProps\n }: BadgeProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const badgeClassNames = cx(\n styles.badge,\n getStyle(styles, camelCase(anchor as unknown as string)),\n getStyle(styles, alignment)\n );\n\n const color = badgeProps.color || type === \"indicator\" ? \"notification\" : \"negative\";\n\n return (\n <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id} data-vibe={ComponentVibeId.BADGE}>\n {children}\n <div className={badgeClassNames} data-testid={dataTestId || getTestId(ComponentDefaultTestId.BADGE, id)}>\n {type === \"indicator\" ? (\n <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n ) : (\n type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default Badge;\n"],"names":["Badge","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","badgeWrapper","ComponentVibeId","BADGE","createElement","getTestId","ComponentDefaultTestId","Indicator","Object","assign","Counter"],"mappings":"8lBA6CMA,IAAAA,EAAQC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,uBAAKxB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOM,aAAclB,GAAYC,GAAIA,EAAE,YAAakB,EAAgBC,OACpGjB,EACDc,EAAKI,cAAA,MAAA,CAAArB,UAAWU,EAA8B,cAAAR,GAAcoB,EAAUC,EAAuBH,MAAOnB,IACxF,cAATP,EACCuB,EAACI,cAAAG,EAAUC,OAAAC,OAAA,CAAAV,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACU,EAAOF,OAAAC,OAAA,CAACV,MAAOA,GAA4BZ,KAK5E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={badgeWrapper:"badgeWrapper_f92827e6ca",badge:"badge_172c228460",outside:"outside_3464c647e7",topEnd:"topEnd_c07207efd7",rectangular:"rectangular_346857b9b8",circular:"circular_5c0261cbc6",topStart:"topStart_fca88c4f8a",bottomEnd:"bottomEnd_7b548bcec5",bottomStart:"bottomStart_9831d6e9b5"};!function(e){const n="s_id-06f338dd08c3_4_5_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".badgeWrapper_f92827e6ca {\n position: relative;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460 {\n z-index: 1;\n position: absolute;\n border-radius: 16px;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460:not(.outside_3464c647e7) {\n border: 2px solid;\n border-color: var(--primary-background-color);\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.topEnd_c07207efd7.rectangular_346857b9b8 {\n top: 0;\n inset-inline-end: 0;\n translate: 50% -50%;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.topEnd_c07207efd7.outside_3464c647e7 {\n top: 0;\n inset-inline-end: -2px;\n translate: 100% 0;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.topEnd_c07207efd7.circular_5c0261cbc6 {\n top: 15%;\n inset-inline-end: 15%;\n translate: 50% -50%;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.topStart_fca88c4f8a.rectangular_346857b9b8 {\n top: 0;\n inset-inline-start: 0;\n translate: -50% -50%;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.topStart_fca88c4f8a.outside_3464c647e7 {\n top: 0;\n inset-inline-start: -2px;\n translate: -100% 0;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.topStart_fca88c4f8a.circular_5c0261cbc6 {\n top: 15%;\n inset-inline-start: 15%;\n translate: -50% -50%;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.bottomEnd_7b548bcec5.rectangular_346857b9b8 {\n bottom: 0;\n inset-inline-end: 0;\n translate: 50% 50%;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.bottomEnd_7b548bcec5.outside_3464c647e7 {\n bottom: 0;\n inset-inline-end: -2px;\n translate: 100% 0;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.bottomEnd_7b548bcec5.circular_5c0261cbc6 {\n bottom: 15%;\n inset-inline-end: 15%;\n translate: 50% 50%;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.bottomStart_9831d6e9b5.rectangular_346857b9b8 {\n bottom: 0;\n inset-inline-start: 0;\n translate: -50% 50%;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.bottomStart_9831d6e9b5.outside_3464c647e7 {\n bottom: 0;\n inset-inline-start: -2px;\n translate: -100% 0;\n}\n.badgeWrapper_f92827e6ca .badge_172c228460.bottomStart_9831d6e9b5.circular_5c0261cbc6 {\n bottom: 15%;\n inset-inline-start: 15%;\n translate: -50% 50%;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Badge.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as r}from"../../../tests/testIds.js";var e=function(e){var i=e.color,m=e.id,c=e["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===i?"notification":i],e.className),"data-testid":c||r(a.INDICATOR,m)})};export{e as default};
|
|
2
|
-
//# sourceMappingURL=Indicator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { type IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n /**\n * The color of the indicator.\n */\n color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n return (\n <div\n className={cx(styles.indicator, styles[color], className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.INDICATOR, id)}\n />\n );\n};\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR"],"mappings":"oNAeA,IAAMA,EAAY,SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={indicator:"indicator_1d42f1d1d3",primary:"primary_b170ab7475",notification:"notification_97ef824ef0"};!function(e){const d="s_id-d6448d74722f_4_5_17";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".indicator_1d42f1d1d3 {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.indicator_1d42f1d1d3.primary_b170ab7475 {\n background-color: var(--primary-color);\n}\n.indicator_1d42f1d1d3.notification_97ef824ef0 {\n background-color: var(--negative-color);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Indicator.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Indicator.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as i,useState as s,useCallback as r,useMemo as n}from"react";import l from"classnames";import{getCSSVar as c}from"../../services/themes.js";import{getElementColor as d}from"../../types/Colors.js";import{getTestId as m,ComponentDefaultTestId as u}from"../../tests/testIds.js";import p from"../../hooks/useSetFocus/index.js";import v from"./Chips.module.scss.js";import{ComponentVibeId as f}from"../../tests/constants.js";import b from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import g from"../../../components/avatar/dist/Avatar/Avatar.js";import h from"../../../components/icon/dist/Icon/Icon.js";import y from"../../../components/typography/dist/Text/Text.js";import j from"../../../components/icon-button/dist/IconButton/IconButton.js";import k from"../../../icons/dist/react/CloseSmall.js";import{useMergeRef as x}from"../../../shared/dist/hooks/useMergeRef.js";var C=a((function(a,C){var N=a.className,E=a.avatarClassName,S=a.iconClassName,A=a.id,M=a.label,I=void 0===M?"":M,w=a.leftIcon,T=void 0===w?null:w,z=a.rightIcon,B=void 0===z?null:z,P=a.leftAvatar,O=void 0===P?null:P,R=a.rightAvatar,D=void 0===R?null:R,F=a.disabled,H=void 0!==F&&F,L=a.readOnly,_=void 0!==L&&L,U=a.allowTextSelection,q=void 0!==U&&U,G=a.color,J=void 0===G?"primary":G,K=a.iconSize,Q=void 0===K?18:K,V=a.onDelete,W=void 0===V?function(e,o){}:V,X=a.onMouseDown,Y=a.onClick,Z=a.noAnimation,$=void 0===Z||Z,ee=a["aria-label"],oe=a["aria-haspopup"],te=void 0!==oe&&oe,ae=a.leftAvatarType,ie=void 0===ae?"img":ae,se=a.rightAvatarType,re=void 0===se?"img":se,ne=a.showBorder,le=void 0!==ne&&ne,ce=a.leftRenderer,de=a.rightRenderer,me=a.closeButtonAriaLabel,ue=void 0===me?"Remove":me,pe=a.noMargin,ve=void 0!==pe&&pe,fe=a.size,be=void 0===fe?"medium":fe,ge=a["data-testid"]||m(u.CHIP,A),he=!!Y||!!X,ye=!_&&!H,je=ee||"string"==typeof I&&I||"",ke=i(null),xe=i(null),Ce=s(!1),Ne=e(Ce,2),Ee=Ne[0],Se=Ne[1],Ae=r((function(){return Se(!0)}),[]),Me=r((function(){return Se(!1)}),[]),Ie=p({ref:xe}).isFocused,we=x(C,xe),Te=l(v.chips,N,o(o(o(o(o(o({},v.disabled,H),v.noAnimation,$),v.withUserSelect,q),v.border,le),v.noMargin,ve),v.small,"small"===be)),ze=l(v.clickable,Te,o(o({},v.disabled,H),v.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:H?c("disabled-background-color"):he&&(Ee||Ie)?d(J,!0,!0):d(J,!0)}}),[H,he,Ee,Ie,J]),Pe=r((function(e){e.stopPropagation(),W&&W(A,e)}),[A,W]),Oe=r((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Re=b({onClick:Oe,onMouseDown:X,disabled:H,id:A,"data-testid":ge,"aria-label":je,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},we),De=he?Object.assign(Object.assign({},Re),{ref:we,className:ze,style:Be,onMouseEnter:Ae,onMouseLeave:Me}):{className:Te,"aria-label":je,style:Be,ref:we,onClick:Oe,onMouseDown:X,id:A,"data-testid":ge,onMouseEnter:Ae,onMouseLeave:Me},Fe="text"===ie?{text:O}:{src:O},He="text"===ie?{text:D}:{src:D};return t.createElement("div",Object.assign({},De,{"data-vibe":f.CHIPS}),O?t.createElement(g,Object.assign({withoutBorder:!0,className:l(v.avatar,v.left,E),customSize:18,type:ie,key:A},Fe)):null,T?t.createElement(h,{className:l(v.icon,v.left,S),type:"font",icon:T,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:l(v.customRenderer,v.left)},ce),t.createElement(y,{type:"text2",className:v.label},I),B?t.createElement(h,{className:l(v.icon,v.right,S),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,D?t.createElement(g,Object.assign({withoutBorder:!0,className:l(v.avatar,v.right,E),customSize:18,type:re,key:A},He)):null,de&&t.createElement("div",{className:l(v.customRenderer,v.right)},de),ye&&t.createElement(j,{size:"xxs",color:"on-primary-color",className:l(v.icon,v.close),"aria-label":ue,hideTooltip:!0,icon:k,onClick:Pe,"data-testid":"".concat(ge,"-close"),ref:ke}))}));export{C as default};
|
|
2
|
-
//# sourceMappingURL=Chips.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { Avatar, type AvatarType } from \"@vibe/avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n /**\n * The text or content displayed inside the chip.\n */\n label?: ElementContent;\n /**\n * If true, the chip is disabled.\n */\n disabled?: boolean;\n /**\n * If true, the chip is read-only and cannot be deleted.\n */\n readOnly?: boolean;\n /**\n * A React element displayed on the right side.\n */\n rightRenderer?: ElementContent;\n /**\n * A React element displayed on the left side.\n */\n leftRenderer?: ElementContent;\n /**\n * Icon displayed on the right side.\n */\n rightIcon?: SubIcon;\n /**\n * Icon displayed on the left side.\n */\n leftIcon?: SubIcon;\n /**\n * Image URL or text for an avatar displayed on the right.\n */\n rightAvatar?: string;\n /**\n * The type of avatar displayed on the right.\n */\n rightAvatarType?: AvatarType;\n /**\n * Image URL or text for an avatar displayed on the left.\n */\n leftAvatar?: string;\n /**\n * The type of avatar displayed on the left.\n */\n leftAvatarType?: AvatarType;\n /**\n * Class name applied to left or right icons.\n */\n iconClassName?: string;\n /**\n * Class name applied to left or right avatars.\n */\n avatarClassName?: string;\n /**\n * The background color of the chip.\n */\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n /**\n * The size of the icons inside the chip.\n */\n iconSize?: number | string;\n /**\n * Callback fired when the chip is deleted.\n */\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /**\n * If true, disables the chip's entry animation.\n */\n noAnimation?: boolean;\n /**\n * If true, allows the user to select text inside the chip.\n */\n allowTextSelection?: boolean;\n /**\n * Callback fired when the mouse button is pressed on the chip.\n */\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /**\n * Callback fired when the chip is clicked.\n */\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /**\n * The label of the chip for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * If true, indicates that the chip has a popup.\n */\n \"aria-haspopup\"?: boolean;\n /**\n * If true, displays a border around the chip.\n */\n showBorder?: boolean;\n /**\n * The label for the close button.\n */\n closeButtonAriaLabel?: string;\n /**\n * If true, removes the default margin from the chip.\n */\n noMargin?: boolean;\n /**\n * The size of the chip.\n */\n size?: ChipsSize;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup = false,\n \"data-testid\": dataTestId,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false,\n size = \"medium\"\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = !!onClick || !!onMouseDown;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [isHovered, setIsHovered] = useState(false);\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin,\n [styles.small]: size === \"small\"\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered || isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n \"aria-label\": overrideAriaLabel,\n \"aria-hidden\": false,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: backgroundColorStyle,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n type=\"font\"\n icon={leftIcon}\n size={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n type=\"font\"\n icon={rightIcon}\n size={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n aria-label={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHaspopup","ariaHasPopup","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","_ref$size","size","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={chips:"chips_03bb00ee31","chips-pop-in-emphasized":"chips-pop-in-emphasized_798579059e",border:"border_890788cc5e",withUserSelect:"withUserSelect_854fc22183",noMargin:"noMargin_2d5df4326e",small:"small_7913b12ffb",icon:"icon_cb9a1e1f1f",left:"left_9f7c375a90",avatar:"avatar_3dbf7267c4",customRenderer:"customRenderer_46dd65c293",right:"right_b9132d0565",close:"close_b9132d0565",label:"label_52bdb3a686",noAnimation:"noAnimation_fef0abd247",disabled:"disabled_89b633443e",defaultCursor:"defaultCursor_89b633443e",clickable:"clickable_af79ff1068","focus-visible":"focus-visible_7c7bd226a5",disableTextSelection:"disableTextSelection_5dfc06fa34"};!function(e){const n="s_id-e473288e58ea_4_5_17";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_03bb00ee31 {\n display: inline-flex;\n overflow: hidden;\n height: 24px;\n border-radius: 4px;\n padding: 0 8px;\n align-items: center;\n justify-content: center;\n margin: var(--chips-margin, 0 var(--space-4));\n user-select: none;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n color: var(--primary-text-color);\n animation: chips-pop-in-emphasized_798579059e var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_03bb00ee31.border_890788cc5e {\n border: 1px solid var(--primary-background-color);\n}\n.chips_03bb00ee31.withUserSelect_854fc22183 {\n user-select: text;\n cursor: text;\n}\n.chips_03bb00ee31.noMargin_2d5df4326e {\n margin: 0;\n}\n.chips_03bb00ee31.small_7913b12ffb {\n height: 20px;\n padding: 0 4px;\n}\n.chips_03bb00ee31.small_7913b12ffb .icon_cb9a1e1f1f.left_9f7c375a90,\n.chips_03bb00ee31.small_7913b12ffb .avatar_3dbf7267c4.left_9f7c375a90,\n.chips_03bb00ee31.small_7913b12ffb .customRenderer_46dd65c293.left_9f7c375a90 {\n margin-inline-end: var(--space-2);\n}\n.chips_03bb00ee31.small_7913b12ffb .icon_cb9a1e1f1f.right_b9132d0565,\n.chips_03bb00ee31.small_7913b12ffb .avatar_3dbf7267c4.right_b9132d0565,\n.chips_03bb00ee31.small_7913b12ffb .customRenderer_46dd65c293.right_b9132d0565 {\n margin-inline-start: var(--space-2);\n}\n.chips_03bb00ee31.small_7913b12ffb .icon_cb9a1e1f1f.close_b9132d0565,\n.chips_03bb00ee31.small_7913b12ffb .avatar_3dbf7267c4.close_b9132d0565,\n.chips_03bb00ee31.small_7913b12ffb .customRenderer_46dd65c293.close_b9132d0565 {\n margin-inline-start: var(--space-2);\n}\n.chips_03bb00ee31 .label_52bdb3a686 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.chips_03bb00ee31.noAnimation_fef0abd247 {\n animation: none;\n}\n.chips_03bb00ee31 .icon_cb9a1e1f1f,\n.chips_03bb00ee31 .avatar_3dbf7267c4,\n.chips_03bb00ee31 .customRenderer_46dd65c293 {\n min-width: 18px;\n}\n.chips_03bb00ee31 .icon_cb9a1e1f1f.left_9f7c375a90,\n.chips_03bb00ee31 .avatar_3dbf7267c4.left_9f7c375a90,\n.chips_03bb00ee31 .customRenderer_46dd65c293.left_9f7c375a90 {\n margin-inline-end: var(--space-4);\n}\n.chips_03bb00ee31 .icon_cb9a1e1f1f.right_b9132d0565,\n.chips_03bb00ee31 .avatar_3dbf7267c4.right_b9132d0565,\n.chips_03bb00ee31 .customRenderer_46dd65c293.right_b9132d0565 {\n margin-inline-start: var(--space-4);\n}\n.chips_03bb00ee31 .icon_cb9a1e1f1f.close_b9132d0565,\n.chips_03bb00ee31 .avatar_3dbf7267c4.close_b9132d0565,\n.chips_03bb00ee31 .customRenderer_46dd65c293.close_b9132d0565 {\n margin-inline-start: var(--space-4);\n color: var(--primary-text-color);\n}\n.chips_03bb00ee31.disabled_89b633443e .icon_cb9a1e1f1f {\n color: var(--disabled-text-color);\n}\n.chips_03bb00ee31.disabled_89b633443e .label_52bdb3a686 {\n color: var(--disabled-text-color);\n}\n.chips_03bb00ee31.defaultCursor_89b633443e {\n cursor: default;\n}\n.chips_03bb00ee31.clickable_af79ff1068 {\n cursor: pointer;\n}\n.chips_03bb00ee31.clickable_af79ff1068:focus-visible, .chips_03bb00ee31.clickable_af79ff1068.focus-visible_7c7bd226a5 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_03bb00ee31.clickable_af79ff1068:focus:not(.focus-visible_7c7bd226a5) {\n outline: none;\n}\n.chips_03bb00ee31.clickable_af79ff1068.disabled_89b633443e {\n cursor: default;\n}\n.chips_03bb00ee31.clickable_af79ff1068.disableTextSelection_5dfc06fa34 {\n -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_798579059e {\n 0% {\n transform: scale(0.3);\n opacity: 0;\n }\n 70% {\n opacity: 1;\n }\n 100% {\n transform: scale(1);\n }\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Chips.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import i,{forwardRef as n}from"react";import s from"classnames";import r from"./EmptyState.module.scss.js";import{getTestId as a,ComponentDefaultTestId as o}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";import l from"../../../components/layout/dist/Flex/Flex.js";import c from"../../../components/typography/dist/Heading/Heading.js";import p from"../../../components/typography/dist/Text/Text.js";import d from"../../../components/button/dist/Button/Button.js";import u from"../../../components/link/dist/Link/Link.js";import{getStyle as f}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var g=n((function(n,g){var j=n.className,x=n.title,y=n.description,E=n.visual,b=n.mainAction,v=n.supportingAction,T=n.layout,h=void 0===T?"default":T,N=n.id,_=n["data-testid"],k="compact"===h;return i.createElement(l,{direction:"column",align:"center",justify:"center",gap:k?"small":"medium",className:s(r.emptyState,f(r,h),j),id:N,"data-testid":_||a(o.EMPTY_STATE,N),"data-vibe":m.EMPTY_STATE,ref:g},!!E&&E,i.createElement(l,{direction:"column",align:"center",gap:k?12:"medium",className:r.content},i.createElement(l,{direction:"column",align:"center",gap:"xs"},x&&i.createElement(c,{type:"h3",weight:"normal",className:r.title,align:"center",ellipsis:!1},x),"string"==typeof y?i.createElement(p,{className:r.description,align:"center",ellipsis:!1},y):y),(b||v)&&i.createElement(l,{direction:"column",align:"center",gap:"small",className:r.actions},function(e,n){if("object"===t(e)&&"text"in e)return i.createElement(d,Object.assign({kind:"secondary",size:n?"small":"medium"},e),e.text);return e}(b,k),function(n,s){if("object"===t(n)){if("text"in n&&"href"in n){var r=n.text,a=e(n,["text"]);return i.createElement(u,Object.assign({text:r},a))}if("text"in n){var o=n.text,m=e(n,["text"]);return i.createElement(d,Object.assign({kind:"tertiary",size:s?"small":"medium"},m),o)}}return n}(v,k))))}));export{g as default};
|
|
2
|
-
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n data-vibe={ComponentVibeId.EMPTY_STATE}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction || supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"iwBAYMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC/B,CACA,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGP,CACF,CAEA,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={emptyState:"emptyState_fc79e7f5b9",compact:"compact_9ca9d28313",content:"content_7bfb69d616",title:"title_4addefe20d",description:"description_4addefe20d",actions:"actions_1e9847c5cb"};!function(e){const t="s_id-e8e63a5fb772_4_5_17";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)}(".emptyState_fc79e7f5b9 {\n width: 100%;\n padding: var(--space-24);\n box-sizing: border-box;\n background: var(--primary-background-color);\n}\n.emptyState_fc79e7f5b9.compact_9ca9d28313 {\n padding: var(--space-16);\n}\n.emptyState_fc79e7f5b9 .content_7bfb69d616 {\n width: 100%;\n text-align: center;\n}\n.emptyState_fc79e7f5b9 .content_7bfb69d616 .title_4addefe20d {\n max-width: 500px;\n}\n.emptyState_fc79e7f5b9 .content_7bfb69d616 .description_4addefe20d {\n max-width: 500px;\n}\n.emptyState_fc79e7f5b9 .content_7bfb69d616 .actions_1e9847c5cb {\n width: 100%;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=EmptyState.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as a,useCallback as n}from"react";import"../../../_virtual/_tslib.js";import"classnames";import"./components/InfoLink/InfoLink.module.scss.js";import r from"./components/InfoDialogContent/InfoDialogContent.js";import{ComponentDefaultTestId as s,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import c from"../../../components/dialog/dist/Dialog/Dialog.js";import m from"../../../components/icon-button/dist/IconButton/IconButton.js";import u from"../../../icons/dist/react/Info.js";import{useMergeRef as p}from"../../../shared/dist/hooks/useMergeRef.js";var f=e((function(e,f){var g=e.id,b=e.className,v=e.title,h=e.body,k=e.link,j=e["aria-label"],y=e["aria-labelledby"],D=e.position,I=void 0===D?"bottom-start":D,N=e.disabled,B=void 0!==N&&N,T=e.onDialogShow,E=e.onDialogHide,H=e.hideButtonTooltip,S=e.dialogClassName,_=e.containerSelector,w=e["data-testid"],x=t(null),C=p(f,x),F=t(null),A=a(!1),L=o(A,2),O=L[0],R=L[1],q=g?"".concat(g,"-dialog"):void 0,z=n((function(){R(!0),null==T||T(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[T]),M=n((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=x.current)||void 0===i||i.focus())}),[E]);return i.createElement(c,{id:q,disable:B,position:I,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:_,content:i.createElement(r,{ref:F,id:q,title:v,body:h,link:k,className:S}),hideWhenReferenceHidden:!0},i.createElement(m,{ref:C,id:g,className:b,icon:u,size:"xs",kind:"tertiary",active:O,disabled:B,"aria-label":j,"aria-labelledby":y,"aria-controls":q,"aria-haspopup":"dialog","aria-expanded":O,"data-testid":w||d(s.INFO,g),"data-vibe":l.INFO,hideTooltip:H}))}));export{f as default};
|
|
2
|
-
//# sourceMappingURL=Info.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Info.js","sources":["../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Dialog, type DialogEvent } from \"@vibe/dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { useMergeRef } from \"@vibe/shared\";\n\nconst Info = forwardRef(\n (\n {\n id,\n className,\n title,\n body,\n link,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n position = \"bottom-start\",\n disabled = false,\n onDialogShow,\n onDialogHide,\n hideButtonTooltip,\n dialogClassName,\n containerSelector,\n \"data-testid\": dataTestId\n }: InfoProps,\n ref: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const iconButtonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, iconButtonRef);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n\n const [isOpen, setIsOpen] = useState(false);\n\n const dialogId = id ? `${id}-dialog` : undefined;\n\n const handleDialogShow = useCallback(() => {\n setIsOpen(true);\n onDialogShow?.();\n requestAnimationFrame(() => {\n dialogContentRef.current?.focus();\n });\n }, [onDialogShow]);\n\n const handleDialogHide = useCallback(\n (e: DialogEvent) => {\n setIsOpen(false);\n onDialogHide?.();\n if ((e as React.KeyboardEvent).key === \"Escape\") {\n iconButtonRef.current?.focus();\n }\n },\n [onDialogHide]\n );\n\n return (\n <Dialog\n id={dialogId}\n disable={disabled}\n position={position}\n moveBy={{ main: 4, secondary: 0 }}\n showTrigger={[\"click\"]}\n hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n onDialogDidShow={handleDialogShow}\n onDialogDidHide={handleDialogHide}\n containerSelector={containerSelector}\n content={\n <InfoDialogContent\n ref={dialogContentRef}\n id={dialogId}\n title={title}\n body={body}\n link={link}\n className={dialogClassName}\n />\n }\n hideWhenReferenceHidden\n >\n <IconButton\n ref={mergedRef}\n id={id}\n className={className}\n icon={InfoIcon}\n size=\"xs\"\n kind=\"tertiary\"\n active={isOpen}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-controls={dialogId}\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.INFO, id)}\n data-vibe={ComponentVibeId.INFO}\n hideTooltip={hideButtonTooltip}\n />\n </Dialog>\n );\n }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"guBAUMA,IAAAA,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAmBH,EAAuB,MAEhDI,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW5B,EAAE,GAAA6B,OAAM7B,kBAAc8B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVhB,SAAAA,IACAsB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAACzB,IAEE0B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVf,SAAAA,IACuC,WAAlC0B,EAA0BC,MACN,QAAvBL,EAAAjB,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACxB,IAGH,OACE4B,EAACC,cAAAC,GACC1C,GAAI4B,EACJe,QAASjC,EACTF,SAAUA,EACVoC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBtB,kBAAmBA,EACnBoC,QACEX,EAAAC,cAACW,EACC,CAAArD,IAAKsB,EACLrB,GAAI4B,EACJ1B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfuC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTvD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXsD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRhB,SAAUA,EAAQ,aACNL,EAAS,kBACJC,EAAc,gBAChBsB,EAAQ,gBACT,SAAQ,gBACPF,EAAM,cACRV,GAAc4C,EAAUC,EAAuBC,KAAM9D,GAAG,YAC1D+D,EAAgBD,KAC3BE,YAAanD,IAIrB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e,{forwardRef as t}from"react";import o from"../InfoLink/InfoLink.js";import n from"./InfoDialogContent.module.scss.js";import a from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import r from"../../../../../components/layout/dist/Flex/Flex.js";import i from"../../../../../components/typography/dist/Text/Text.js";var m=t((function(t,m){var s=t.title,l=t.body,p=t.link;return s||l||p?e.createElement(a,{id:t.id,type:"popover",size:"medium",className:t.className},e.createElement(r,{ref:m,tabIndex:-1,align:"start",direction:"column",gap:"xs",className:n.contentWrapper},s&&e.createElement(i,{type:"text2",weight:"bold"},s),l&&e.createElement(i,{type:"text2",element:"p"},l),p&&e.createElement(o,Object.assign({className:n.link},p)))):null}));export{m as default};
|
|
2
|
-
//# sourceMappingURL=InfoDialogContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoDialogContent.js","sources":["../../../../../../src/components/Info/components/InfoDialogContent/InfoDialogContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport InfoLink from \"../InfoLink/InfoLink\";\nimport { type InfoDialogContentProps } from \"./InfoDialogContent.types\";\nimport styles from \"./InfoDialogContent.module.scss\";\n\nconst InfoDialogContent = forwardRef(\n ({ id, title, body, link, className }: InfoDialogContentProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!title && !body && !link) {\n return null;\n }\n\n return (\n <DialogContentContainer id={id} type=\"popover\" size=\"medium\" className={className}>\n <Flex ref={ref} tabIndex={-1} align=\"start\" direction=\"column\" gap=\"xs\" className={styles.contentWrapper}>\n {title && (\n <Text type=\"text2\" weight=\"bold\">\n {title}\n </Text>\n )}\n {body && (\n <Text type=\"text2\" element=\"p\">\n {body}\n </Text>\n )}\n {link && <InfoLink className={styles.link} {...link} />}\n </Flex>\n </DialogContentContainer>\n );\n }\n);\n\nexport default InfoDialogContent;\n"],"names":["InfoDialogContent","forwardRef","_ref","ref","title","body","link","React","createElement","DialogContentContainer","id","type","size","className","Flex","tabIndex","align","direction","gap","styles","contentWrapper","Text","weight","element","InfoLink","Object","assign"],"mappings":"6WAQMA,IAAAA,EAAoBC,GACxB,SAAAC,EAA+DC,GAA2C,IAAnGC,EAAKF,EAALE,MAAOC,EAAIH,EAAJG,KAAMC,EAAIJ,EAAJI,KAClB,OAAKF,GAAUC,GAASC,EAKtBC,EAACC,cAAAC,GAAuBC,GANvBR,EAAFQ,GAMiCC,KAAK,UAAUC,KAAK,SAASC,UAN9BX,EAATW,WAOpBN,EAACC,cAAAM,EAAK,CAAAX,IAAKA,EAAKY,UAAW,EAAGC,MAAM,QAAQC,UAAU,SAASC,IAAI,KAAKL,UAAWM,EAAOC,gBACvFhB,GACCG,EAACC,cAAAa,GAAKV,KAAK,QAAQW,OAAO,QACvBlB,GAGJC,GACCE,EAACC,cAAAa,GAAKV,KAAK,QAAQY,QAAQ,KACxBlB,GAGJC,GAAQC,EAAAC,cAACgB,EAAQC,OAAAC,OAAA,CAACb,UAAWM,EAAOb,MAAUA,MAhB5C,IAoBX"}
|
package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={contentWrapper:"contentWrapper_526e094af5",link:"link_2352db6382"};!function(e){const t="s_id-646297cad054_4_5_17";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)}(".contentWrapper_526e094af5 {\n max-width: 240px;\n}\n.contentWrapper_526e094af5 .link_2352db6382 {\n margin-top: var(--space-4);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=InfoDialogContent.module.scss.js.map
|
package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoDialogContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__rest as s}from"../../../../../_virtual/_tslib.js";import r,{forwardRef as m}from"react";import o from"classnames";import t from"./InfoLink.module.scss.js";import a from"../../../../../components/link/dist/Link/Link.js";var e=m((function(m,e){var i=m.className,n=s(m,["className"]);return r.createElement(a,Object.assign({ref:e,className:o(t.infoLink,i)},n))}));export{e as default};
|
|
2
|
-
//# sourceMappingURL=InfoLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoLink.js","sources":["../../../../../../src/components/Info/components/InfoLink/InfoLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./InfoLink.module.scss\";\n\nexport type InfoLinkProps = LinkProps;\n\nconst InfoLink = forwardRef(\n ({ className, ...linkProps }: InfoLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} className={cx(styles.infoLink, className)} {...linkProps} />;\n }\n);\n\nexport default InfoLink;\n"],"names":["InfoLink","forwardRef","_a","ref","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","infoLink"],"mappings":"oOAOMA,IAAAA,EAAWC,GACf,SAACC,EAA4CC,GAA5C,IAAEC,EAAwCF,EAAxCE,UAAcC,EAASC,EAAAJ,EAAzB,eACC,OAAOK,EAAAC,cAACC,EAAKC,OAAAC,OAAA,CAAAR,IAAKA,EAAKC,UAAWQ,EAAGC,EAAOC,SAAUV,IAAgBC,GACxE"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={infoLink:"infoLink_bea9b62724"};!function(e){const t="s_id-63a4f7de1b47_4_5_17";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)}(".infoLink_bea9b62724 {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=InfoLink.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoLink.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useEffect as o,useCallback as u}from"react";import t from"../../../hooks/dist/usePrevious/index.js";import{useEventListener as s}from"../../../shared/dist/hooks/useEventListener.js";function c(c){var n=c.ref,a=c.focusCallback,i=c.blurCallback,l=e(!1),f=r(l,2),m=f[0],b=f[1],d=t(m);o((function(){void 0!==d&&(m?a&&a():i&&i())}),[i,a,m,d]);var v=u((function(){n.current.focus()}),[n]),p=u((function(){n.current.blur()}),[n]);return s({eventName:"focus",ref:n,callback:function(){b(!0)}}),s({eventName:"blur",ref:n,callback:function(){b(!1)}}),{isFocused:m,focus:v,blur:p}}export{c as default};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/hooks/useSetFocus/index.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useState } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { usePrevious } from \"@vibe/hooks\";\n\n// TODO: [breaking] rename to useFocus? and maybe change signature to be like useHover?\nexport default function useSetFocus({\n ref,\n focusCallback,\n blurCallback\n}: {\n ref: RefObject<HTMLElement>;\n focusCallback?: () => void;\n blurCallback?: () => void;\n}) {\n const [isFocused, setIsFocused] = useState(false);\n const isFocusedPrev = usePrevious(isFocused);\n\n useEffect(() => {\n if (isFocusedPrev === undefined) {\n // Don't call callback on first render\n return;\n }\n\n // Calling back from here to be sure that isFocused value have already been updated\n if (isFocused) {\n focusCallback && focusCallback();\n } else {\n blurCallback && blurCallback();\n }\n }, [blurCallback, focusCallback, isFocused, isFocusedPrev]);\n\n const focus = useCallback(() => {\n ref.current.focus();\n }, [ref]);\n\n const blur = useCallback(() => {\n ref.current.blur();\n }, [ref]);\n\n const onFocus = () => {\n setIsFocused(true);\n };\n\n const onBlur = () => {\n setIsFocused(false);\n };\n\n useEventListener({\n eventName: \"focus\",\n ref,\n callback: onFocus\n });\n\n useEventListener({\n eventName: \"blur\",\n ref,\n callback: onBlur\n });\n\n return { isFocused, focus, blur };\n}\n"],"names":["useSetFocus","_ref","ref","focusCallback","blurCallback","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","isFocusedPrev","usePrevious","useEffect","undefined","focus","useCallback","current","blur","useEventListener","eventName","callback"],"mappings":"0RAKc,SAAUA,EAAWC,GAQlC,IAPCC,EAAGD,EAAHC,IACAC,EAAaF,EAAbE,cACAC,EAAYH,EAAZG,aAMAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAgBC,EAAYH,GAElCI,GAAU,gBACcC,IAAlBH,IAMAF,EACFN,GAAiBA,IAEjBC,GAAgBA,IAEnB,GAAE,CAACA,EAAcD,EAAeM,EAAWE,IAE5C,IAAMI,EAAQC,GAAY,WACxBd,EAAIe,QAAQF,OACd,GAAG,CAACb,IAEEgB,EAAOF,GAAY,WACvBd,EAAIe,QAAQC,MACd,GAAG,CAAChB,IAsBJ,OAZAiB,EAAiB,CACfC,UAAW,QACXlB,IAAAA,EACAmB,SAXc,WACdX,GAAa,MAafS,EAAiB,CACfC,UAAW,OACXlB,IAAAA,EACAmB,SAba,WACbX,GAAa,MAeR,CAAED,UAAAA,EAAWM,MAAAA,EAAOG,KAAAA,EAC7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sources":["../../../src/services/themes.ts"],"sourcesContent":["function isThemesSupported() {\n try {\n if (!window.CSS || !window.CSS.supports) return false;\n // check if browser supports basic var value usage\n return window.CSS.supports(\"color\", \"var(--fake-var)\");\n } catch (e) {\n return false;\n }\n}\n\nexport function getCSSVar(varName: string, fallback?: string) {\n const fb = fallback ? `, ${fallback}` : \"\";\n if (isThemesSupported()) {\n return `var(--${varName}${fb})`;\n }\n}\n\nexport const getComputedVarColor = (elem: Element, cssVar: string) =>\n getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex: string) {\n if (hex.startsWith(\"#\")) {\n hex = hex.substring(1);\n }\n const bigint = parseInt(hex, 16);\n const r = (bigint >> 16) & 255;\n const g = (bigint >> 8) & 255;\n const b = bigint & 255;\n\n return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","fb","concat","window","CSS","supports","e","isThemesSupported"],"mappings":"AAUgB,SAAAA,EAAUC,EAAiBC,GACzC,IAAMC,EAAKD,EAAQ,KAAAE,OAAQF,GAAa,GACxC,GAZF,WACE,IACE,SAAKG,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,kBACrC,CAAC,MAAOC,GACP,OAAO,CACT,CACF,CAIMC,GACF,MAAA,SAAAL,OAAgBH,GAAOG,OAAGD,EAAE,IAEhC"}
|
package/dist/src/types/Colors.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{contentColors as e}from"../utils/colors-vars-map.js";var o={positive:"--positive-color-selected",negative:"--negative-color-selected",primary:"--primary-selected-color",warning:"--warning-color-selected",neutral:"--ui-background-color"},r={positive:"--positive-color-selected-hover",negative:"--negative-color-selected-hover",primary:"--primary-selected-hover-color",warning:"--warning-color-selected-hover",neutral:"--ui-background-hover-color"};function c(c){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.includes(c)?"var(--color-".concat(c).concat(t?"-selected":"",")"):Object.keys(r).includes(c)&&i?"var(".concat(r[c],")"):Object.keys(o).includes(c)&&t?"var(".concat(o[c],")"):c}export{c as getElementColor};
|
|
2
|
-
//# sourceMappingURL=Colors.js.map
|